/* AGSunWin interactive components — estimator, quiz, compare tabs, timeline, FAQ filter */

/* Global AGSunWin logo-inspired palette overrides */
:root {
    --primary-color: #ef3036;             /* logo red */
    --secondary-color: #f57a16;           /* logo orange */
    --section-bg-color: #fff3eb;          /* warm light orange tint */
    --custom-btn-bg-color: #f57a16;       /* logo orange */
    --custom-btn-bg-hover-color: #ef3036; /* logo red */
    --border-color: #f57a16;
    --link-hover-color: #ef3036;
}

.hero-section {
    background-image: linear-gradient(135deg, #e45f0b 0%, #ef3036 100%);
}

.section-overlay {
    background-image: linear-gradient(115deg, #ef3036 0%, #f57a16 100%);
    opacity: 0.82;
}

.sticky-wrapper.is-sticky .navbar {
    background-color: #f57a16;
}

.navbar {
    border-bottom: 1px solid rgba(245, 122, 22, 0.38);
}

.navbar-nav .nav-link {
    color: #ffffff;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.16);
}

.navbar .dropdown-item.active,
.navbar .dropdown-item:active,
.navbar .dropdown-item:focus,
.navbar .dropdown-item:hover {
    color: #ef3036;
    font-weight: 600;
}

.custom-btn.custom-border-btn {
    border-color: rgba(255, 255, 255, 0.65);
}

.navbar-logo {
    max-height: 160px;
}

.hero-section h1,
.hero-section h6,
.hero-section p {
    color: #ffffff !important;
}

.hero-section h1 {
    text-shadow: 0 3px 14px rgba(0, 0, 0, 0.26);
}

.hero-section h6 {
    opacity: 0.95;
}

.hero-section .custom-btn {
    background: #ef3036;
    color: #ffffff;
    border-color: #ef3036;
}

.hero-section .custom-btn:hover {
    background: #c8272d;
    border-color: #c8272d;
}

.hero-section .custom-btn.custom-border-btn {
    background: transparent;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.92);
}

.hero-section .custom-btn.custom-border-btn:hover {
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    border-color: #ffffff;
}

.solar-estimator-section {
    background-color: var(--section-bg-color, #f0f8ff);
}

.estimator-card {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.estimator-disclaimer {
    font-size: 0.8125rem;
    line-height: 1.45;
}

.nav-estimator .nav-link {
    color: var(--p-color, #717275);
    border-radius: 2rem;
    padding: 0.5rem 1.25rem;
}

.nav-estimator .nav-link.active {
    color: #fff;
    background-color: var(--primary-color, #13547a);
}

.estimator-result-box {
    border: 1px solid rgba(19, 84, 122, 0.15);
    border-radius: 0.5rem;
    padding: 1rem 1.25rem;
    background: #fff;
}

.segment-quiz .quiz-step {
    display: none;
}

.segment-quiz .quiz-step.is-active {
    display: block;
}

.segment-quiz .quiz-progress {
    height: 0.35rem;
    border-radius: 1rem;
}

.compare-system-tabs .nav-link {
    color: var(--p-color, #717275);
}

.compare-system-tabs .nav-link.active {
    color: var(--primary-color, #13547a);
    font-weight: 600;
}

.timeline-step-toggle {
    font-size: 0.875rem;
}

.timeline-section .vertical-scrollable-timeline li .collapse {
    margin-top: 0.75rem;
}

.faq-filter-bar .form-control:focus {
    border-color: var(--primary-color, #13547a);
    box-shadow: 0 0 0 0.2rem rgba(19, 84, 122, 0.15);
}

.faq-filter-pills .btn {
    border-radius: 2rem;
    font-size: 0.8125rem;
}

.faq-filter-pills .btn.active {
    color: #fff;
    background-color: var(--primary-color, #13547a);
    border-color: var(--primary-color, #13547a);
}

.faq-accordion-item.is-hidden {
    display: none;
}

.subsidy-checklist .form-check-input:checked {
    background-color: var(--primary-color, #13547a);
    border-color: var(--primary-color, #13547a);
}

.solar-estimator-teaser {
    border-left: 4px solid var(--primary-color, #13547a);
}

/* Projects implemented page inspired by AGSunWin logo palette */
.logo-palette-theme {
    --ags-red: #ef3036;
    --ags-orange: #f57a16;
    --ags-yellow: #f3e729;
    --ags-green: #37be45;
    --ags-blue: #2e90e6;
    --ags-violet: #5b35a8;
    --ags-charcoal: #2f3136;
}

.logo-gradient-band {
    background: linear-gradient(90deg, var(--ags-red), var(--ags-orange), var(--ags-yellow), var(--ags-green), var(--ags-blue), var(--ags-violet));
    height: 6px;
    border-radius: 999px;
}

.palette-chip {
    border-radius: 0.75rem;
    padding: 0.75rem;
    color: #fff;
    font-weight: 600;
    font-size: 0.85rem;
    text-align: center;
}

.palette-red { background: #ef3036; }
.palette-orange { background: #f57a16; }
.palette-yellow { background: #d4b900; color: #1f2933; }
.palette-green { background: #37be45; }
.palette-blue { background: #2e90e6; }
.palette-violet { background: #5b35a8; }

.project-stat-card {
    border-left: 4px solid #f57a16;
}

.project-list-card li {
    margin-bottom: 0.6rem;
}