/* BG */
body.page-id-131074.light-bg {
    background: var(--bg-light) !important;
}

.modal-outer.modal-template-outer.light-theme {
    background: #fcfff6c7 !important;
}

/* Red */
div.wpforms-container-full .wpforms-form label.wpforms-error,
div.wpforms-container-full .wpforms-form em.wpforms-error {
    color: #ffbcb1;
}

div.wpforms-container-full .wpforms-form label.wpforms-error:before,
div.wpforms-container-full .wpforms-form em.wpforms-error:before {
    background-color: var(--color-red);
}

div.wpforms-container input[type=text].wpforms-error {
    box-shadow: inset 0 0 1px 1px #7f7070 !important;
}

.content-card .supplier-pill.bad-pill {
    color: #7d2719;
}

/* Light gray */
.disclaimer-text .wpb_text_column {
    color: #b4bcb9;
}

/* Expandable Text Component
   Usage: Add .expandable-text to container
   Structure:
   - .expandable-visible: Always visible content (first paragraph)
   - .expandable-hidden: Hidden content that expands
   - .expandable-toggle: Click trigger with text that changes
*/
.expandable-text .expandable-hidden {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.3s ease, margin-top 0.3s ease;
}

.expandable-text.active .expandable-hidden {
    max-height: 1000px;
    opacity: 1;
    margin-top: 0.75rem;
}

.expandable-text .expandable-toggle {
    cursor: pointer;
}

.expandable-text .expandable-toggle p,
.expandable-text .expandable-toggle span {
    font-size: 0.95rem;
    color: var(--color-accent);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    transition: color 0.2s ease;
}

body:not(.dark-theme) .expandable-text .expandable-toggle p,
body:not(.dark-theme) .expandable-text .expandable-toggle span {
    color: var(--text-link);
}

body:not(.dark-theme) .hero .expandable-text .expandable-toggle p,
body:not(.dark-theme) .hero .expandable-text .expandable-toggle span,
body:not(.dark-theme) #hero .expandable-text .expandable-toggle p,
body:not(.dark-theme) #hero .expandable-text .expandable-toggle span {
    color: var(--text-accent);
}

.expandable-text .expandable-toggle p::after,
.expandable-text .expandable-toggle span::after {
    content: '';
    width: 0.8rem;
    height: 0.8rem;
    background: url('/wp-content/uploads/2025/12/icon-chevron-down-y.svg') no-repeat center;
    background-size: contain;
    margin-top: 0.1rem;
    transition: transform 0.3s ease;
}

body:not(.dark-theme) div:not(.hero) .expandable-text .expandable-toggle p::after,
body:not(.dark-theme) div:not(.hero) .expandable-text .expandable-toggle span::after {
    filter: invert(51%) sepia(26%) saturate(921%) hue-rotate(112deg) brightness(90%) contrast(90%);
}

body:not(.dark-theme) #hero .expandable-text .expandable-toggle p::after,
body:not(.dark-theme) #hero .expandable-text .expandable-toggle span::after,
body:not(.dark-theme) .hero .expandable-text .expandable-toggle p::after,
body:not(.dark-theme) .hero .expandable-text .expandable-toggle span::after {
    filter: none !important;
}

.expandable-text.active .expandable-toggle p::after,
.expandable-text.active .expandable-toggle span::after {
    transform: rotate(180deg);
}