/* --- GO SOLAR PAGE TABS CSS --- */

/* Custom Tab Wrapper (Pill Toggle Style) */
.go-solar-tabs-wrapper {
    background-color: #e2e8f0; /* Light slate background container */
    border-radius: 50px;
    padding: 6px;
    width: 100%;
}

.go-solar-tabs .nav-link {
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #4a4a52;
    border-radius: 50px;
    padding: 12px 10px;
    transition: all 0.3s ease;
    border: none;
    background: transparent;
}

/* Active Tab */
.go-solar-tabs .nav-link.active {
    background-color: #ffffff;
    color: #0c0e1b;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* Makes the active pill 'pop' out */
}

input[type="radio"]:checked + .designation-pill {
    border-color: #20b038;
    background-color: rgba(32, 176, 56, 0.05);
    color: #15803d;
}

/* --- MOBILE RESPONSIVE TWEAKS --- */
@media (max-width: 991.98px) {
    .go-solar-tabs .nav-link {
        font-size: 13px; /* Smaller text to fit all 3 tabs on phone screens */
        padding: 10px 5px;
    }
}
@media (max-width: 380px) {
    .go-solar-tabs .nav-link {
        font-size: 11px; /* Even smaller for tiny iPhones */
    }
}




/* --- FREEZE FORM HEIGHT TO PREVENT JUMPING --- */
/* This reserves the exact space needed for the tallest form (Housing Society) */
#goSolarTabContent {
    min-height: 650px; 
}

/* Ensure shorter forms (like Residential) align neatly to the top of the frozen box */
#goSolarTabContent .tab-pane {
    height: 100%;
}

/* --- MOBILE RESPONSIVE TWEAKS --- */
@media (max-width: 991.98px) {
    #goSolarTabContent {
        /* Forms stack and get slightly taller on mobile */
        min-height: 720px; 
    }
}
@media (max-width: 767.98px) {
    #goSolarTabContent {
        min-height: 780px; /* Extra breathing room for small phone screens */
    }
}