/*=============== MOBILE NAVIGATION DEFINITIVE FIX v4 ===============*/
/* Updated: NUCLEAR VISIBILITY for Founder/Partners */
/* Updated: Disabled Animations/Scroll-Reveal */
/* Maintained: Unified Orb System & Clean Nav */

/*=============== 1. HEADER & BUTTONS LAYOUT ===============*/
@media screen and (max-width: 991px) {

    .header,
    #header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 70px !important;
        background-color: transparent !important;
        box-shadow: none !important;
        z-index: 9900 !important;
        display: block !important;
        visibility: visible !important;
    }

    body.dark-theme .header,
    body.dark-theme #header {
        background-color: transparent !important;
        box-shadow: none !important;
    }

    .nav__toggle,
    button.nav__toggle,
    #mobile-toggle {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        top: 15px !important;
        right: 15px !important;
        z-index: 9999 !important;
        width: 48px !important;
        height: 48px !important;
        justify-content: center !important;

        border: 1px solid #efc1a9 !important;
        border-radius: 12px !important;
    }

    .nav__right {
        display: block !important;
        position: static !important;
    }

    .change-theme,
    #theme-button {
        display: flex !important;
        visibility: visible !important;
        position: fixed !important;
        top: 15px !important;
        right: 75px !important;
        z-index: 9999 !important;
        width: 48px !important;
        height: 48px !important;
        font-size: 1.25rem !important;

        border-radius: 12px !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .nav__right .button,
    .nav__right .nav__button {
        display: none !important;
    }

    .nav__toggle span {
        background: #333 !important;
        width: 24px !important;
        height: 2px !important;
        margin: 3px 0 !important;
        transition: 0.3s;
    }

    .nav__toggle.active {
        /* background: #efc1a9 !important;*/
        border-color: #efc1a9 !important;
    }

    .nav__toggle.active span {
        background: #fff !important;
    }

    .nav__toggle.active span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px) !important;
    }

    .nav__toggle.active span:nth-child(2) {
        opacity: 0 !important;
    }

    .nav__toggle.active span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6px) !important;
    }
}

/*=============== 2. MOBILE MENU OVERLAY ===============*/
@media screen and (max-width: 991px) {
    .nav__center {
        position: fixed !important;
        top: 0 !important;
        padding-top: 90px !important;
        width: 100% !important;
        height: 100vh !important;
        background: #ffffff !important;
        z-index: 9990 !important;
        flex-direction: column !important;
        overflow-y: auto !important;
        transform: translateY(-100%) !important;
        transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        opacity: 0 !important;
    }

    body.dark-theme .nav__center {
        background: #1a1a2e !important;
    }

    .nav__center.show-menu {
        transform: translateY(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .nav__list {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
        padding-bottom: 40px !important;
    }

    .nav__link {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        padding: 14px 18px !important;
        border-radius: 12px !important;
        background: rgba(239, 193, 169, 0.08) !important;
        color: #333 !important;
        font-weight: 600 !important;
    }

    body.dark-theme .nav__link {
        color: #fff !important;
        background: rgba(255, 255, 255, 0.05) !important;
    }
}

/*=============== 3. FOUNDER & PARTNERS NUCLEAR VISIBILITY ===============*/
@media screen and (max-width: 991px) {

    /* Target Containers */
    #About,
    #partners,
    .value,
    .About,
    .value.section,
    section.value {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        /* KILL SCROLL ANIMATIONS */
        animation: none !important;
        transition: none !important;
        min-height: 400px !important;
        height: auto !important;
        overflow: visible !important;
        position: relative !important;
        z-index: 10 !important;
        /* Lift above background */
        background-color: transparent !important;
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
        margin-top: 0 !important;
        clear: both !important;
    }

    /* Target Inner Flex/Grid Containers */
    .value__container,
    .About__container {
        display: flex !important;
        flex-direction: column !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        width: 100% !important;
    }

    /* Target Text Content */
    .section__title,
    .section__subtitle,
    .value__description,
    .About__title,
    .home__description,
    .value__content,
    .About__data {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        text-align: center !important;
        color: inherit !important;
    }
}

/*=============== 4. IMAGE & ORB UNIFIED FIX ===============*/
@media screen and (max-width: 991px) {

    .home__images,
    .value__images {
        display: block !important;
        position: relative !important;
        width: 280px !important;
        height: 300px !important;
        margin: 0 auto 30px auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .home__orbe,
    .value__orbe {
        display: block !important;
        visibility: visible !important;
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
        transform: translate(15px, 15px) !important;


    }

    .home__img,
    .value__img {
        display: block !important;
        visibility: visible !important;
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 2 !important;
        background: transparent !important;
        transform: translate(0, 0) !important;
    }

    .home__img img,
    .value__img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
        visibility: visible !important;
    }
}

/*=============== 5. PARTNERS SWIPER FIX (FORCE STACK) ===============*/
@media screen and (max-width: 991px) {

    /* Kill Swiper styles */
    .swiper-wrapper {
        display: flex !important;
        flex-direction: row !important;
        /*gap: 20px !important;
        transform: none !important;*/
        width: 100% !important;
        height: auto !important;
    }

    .About__card,
    .swiper-slide {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
       /* background: #fff !important;*/
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
        margin-bottom: 10px !important;
        width: 100% !important;
        min-height: 120px !important;
        /* Minimum height for cards */
    }

    body.dark-theme .About__card {
        background: #262640 !important;
    }
}