.lac-wrapper {
max-width: 960px;
margin: 1rem auto;
}
.lac-toggle-form,
.lac-form button {
background: #cf4a25;
color: #fff;
border: 0;
border-radius: 6px;
padding: 0.7rem 1rem;
cursor: pointer;
}
.lac-form-container {
margin: 1rem 0;
border: 1px solid #ddd;
border-radius: 8px;
padding: 1rem;
background: #fff8f4;
}
.lac-form {
display: grid;
gap: 0.5rem;
}
.lac-form input,
.lac-form textarea {
width: 100%;
max-width: 500px;
}
.lac-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 1rem;
}
.lac-card {
text-align: center;
border: 1px solid #eee;
border-radius: 8px;
padding: 0.8rem;
background: #fff;
transition: opacity 300ms ease;
}
.lac-candle-img {
width: 90px;
height: 150px;
object-fit: contain;
}
.lac-message {
font-size: 0.95rem;
min-height: 3em;
}
.lac-name {
font-size: 0.8rem;
color: #666;
}
.lac-notice {
margin-bottom: 1rem;
padding: 0.8rem;
border-radius: 6px;
background: #ebf7e9;
}
.lac-candle-fallback {
font-size: 2rem;
line-height: 1;
}
.lac-candle-panel {
border-radius: 10px;
padding: 0.75rem;
}
.lac-wrapper.lac-theme-dark .lac-candle-panel {
background: #000 !important;
color: #fff !important;
}
.lac-wrapper.lac-theme-dark .lac-candle-panel .lac-form-container,
.lac-wrapper.lac-theme-dark .lac-candle-panel .lac-card,
.lac-wrapper.lac-theme-dark .lac-candle-panel input,
.lac-wrapper.lac-theme-dark .lac-candle-panel textarea {
background: #1b1b1b !important;
border-color: #444 !important;
color: #fff !important;
}
.lac-wrapper.lac-theme-dark .lac-candle-panel .lac-name {
color: #ddd !important;
}
.lac-wrapper.lac-theme-dark .lac-candle-panel .lac-toggle-form,
.lac-wrapper.lac-theme-dark .lac-candle-panel .lac-form button {
background: #8f2a12 !important;
color: #fff !important;
}