/* Responsive Design Complet pour Maison Mayaki - CORRIGÉ */



/* Header Responsive CORRIGÉ */

@media (max-width: 991px) {

    .header-modern {

        padding: 0.8rem 0;

    }

    

    .nav-modern {

        min-height: 60px;

    }

    

    /* S'assurer que le menu mobile est visible */

    .nav-menu-modern.active {

        display: flex !important;

        opacity: 1 !important;

        visibility: visible !important;

        transform: translateY(0) !important;

    }

    

    /* Empêcher le scroll quand le menu est ouvert */

    body.menu-open {

        overflow: hidden;

    }

}



@media (max-width: 767px) {

    .header-modern {

        padding: 0.6rem 0;

    }

    

    .nav-modern {

        min-height: 50px;

    }

}



/* Améliorations tactiles pour mobile */

@media (max-width: 767px) {

    .nav-link-modern,

    .btn-reserver-modern,

    .nav-toggle-modern {

        min-height: 44px;

        min-width: 44px;

    }

}



@media (max-width: 1399px) {

    .container {

        max-width: 1140px;

        padding: 0 1.5rem;

    }



    .nav-modern {

        padding: 0 1.5rem;

    }

}



/* Tablettes Paysage (992px - 1199px) */

@media (max-width: 1199px) {

    .container {

        max-width: 960px;

        padding: 0 1.5rem;

    }



    .section {

        padding: 4rem 0;

    }



    .section-title {

        font-size: 2.2rem;

    }



    .hero-title-modern {

        font-size: 3.5rem;

    }



    .section-title-modern {

        font-size: 2.8rem;

    }



    .jireh-content-modern {

        gap: 3rem;

    }



    .footer-content-modern {

        grid-template-columns: 2fr 1fr 1fr;

        gap: 2rem;

    }



    .footer-content-modern .footer-section-modern:last-child {

        grid-column: 1 / -1;

        text-align: center;

    }



    .newsletter-form {

        justify-content: center;

    }

}



/* Tablettes Portrait (768px - 991px) - MENU MOBILE ACTIVE */

@media (max-width: 991px) {

    .container {

        max-width: 720px;

        padding: 0 1.5rem;

    }



    .section {

        padding: 3rem 0;

    }



    .section-title {

        font-size: 2rem;

    }



    /* Hero Section - CORRIGÉ */

    .hero-modern {

        height: 100vh;

        padding-top: 70px;

    }



    .hero-content-modern {

        margin-top: 0;

        padding: 0 1rem;

    }



    .hero-title-modern {

        font-size: 3rem;

    }



    .hero-subtitle-modern {

        font-size: 1.2rem;

    }



    .hero-description-modern {

        font-size: 1rem;

    }



    .section-title-modern {

        font-size: 2.5rem;

    }



    /* Présentation Grid */

    .presentation-grid-modern {

        grid-template-columns: repeat(2, 1fr);

        gap: 1.5rem;

    }



    /* Suites Carousel */

    .suites-carousel-3d {

        grid-template-columns: repeat(2, 1fr);

        gap: 1.5rem;

    }



    /* Jireh Content */

    .jireh-content-modern {

        grid-template-columns: 1fr;

        gap: 2rem;

        text-align: center;

    }



    .jireh-text-modern {

        padding-right: 0;

    }



    .jireh-visual-modern {

        height: 400px;

    }



    /* Footer */

    .footer-content-modern {

        grid-template-columns: 1fr 1fr;

        gap: 2rem;

    }



    .footer-content {

        grid-template-columns: 1fr 1fr;

        gap: 2rem;

    }



    /* CTA Buttons */

    .cta-buttons-modern {

        flex-direction: column;

        align-items: center;

        gap: 1rem;

    }



    .btn-magnetic.large {

        width: 100%;

        max-width: 300px;

    }



    /* Équipements Grid */

    .equipments-grid-modern {

        grid-template-columns: 1fr;

    }



    /* All Suites Grid */

    .all-suites-grid {

        grid-template-columns: repeat(3, 1fr);

    }



    /* Hero Buttons */

    .hero-buttons-modern {

        flex-direction: column;

        align-items: center;

        gap: 1rem;

    }



    .btn-magnetic {

        width: 100%;

        max-width: 280px;

    }



    /* Hero Stats */

    .hero-stats {

        flex-direction: column;

        gap: 1.5rem;

        margin-top: 2rem;

    }

}



/* Mobiles Paysage (576px - 767px) */

@media (max-width: 767px) {

    .container {

        max-width: 540px;

        padding: 0 1rem;

    }



    .nav-modern {

        padding: 0 1rem;

    }



    .section {

        padding: 2.5rem 0;

    }



    /* Hero Section - CORRIGÉ */

    .hero-modern {

        height: 100vh;

        padding-top: 60px;

    }



    .hero-content-modern {

        padding: 0 1rem;

    }



    .hero-title-modern {

        font-size: 2.5rem;

    }



    .hero-subtitle-modern {

        font-size: 1.1rem;

        letter-spacing: 2px;

    }



    .hero-buttons-modern {

        flex-direction: column;

        align-items: center;

        gap: 0.8rem;

    }



    .btn-magnetic {

        width: 100%;

        max-width: 300px;

    }



    .hero-stats {

        flex-direction: column;

        gap: 1.5rem;

    }



    /* Présentation Grid */

    .presentation-grid-modern {

        grid-template-columns: 1fr;

        gap: 1rem;

    }



    .presentation-card-modern {

        padding: 2rem 1.5rem;

    }



    /* Suites Carousel */

    .suites-carousel-3d {

        grid-template-columns: 1fr;

        gap: 1rem;

    }



    .suite-card-3d {

        margin-bottom: 1rem;

    }



    /* All Suites Grid */

    .all-suites-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 0.8rem;

    }



    .suite-mini-card {

        padding: 1rem;

    }



    /* Jireh Types */

    .jireh-types-modern {

        margin: 1.5rem 0;

    }



    .type-item-modern {

        flex-direction: column;

        text-align: center;

        gap: 1rem;

        padding: 1rem;

    }



    .jireh-stats {

        justify-content: space-around;

    }



    /* Footer */

    .footer-content-modern {

        grid-template-columns: 1fr;

        gap: 2rem;

        text-align: center;

    }



    .footer-content {

        grid-template-columns: 1fr;

        gap: 2rem;

        text-align: center;

    }



    .social-links-modern,

    .social-links {

        justify-content: center;

    }



    /* CTA Section */

    .cta-content-modern h2 {

        font-size: 2.2rem;

    }



    .cta-content-modern p {

        font-size: 1.1rem;

    }

}



/* Mobiles Portrait (≤ 575px) - TOUT DOIT ÊTRE VISIBLE */

@media (max-width: 575px) {

    .container {

        padding: 0 1rem;

    }



    .nav-modern {

        padding: 0 1rem;

    }



    .logo-modern .logo-text {

        font-size: 1.5rem;

    }



    .logo-modern .logo-subtitle {

        font-size: 0.6rem;

    }



    .section {

        padding: 2rem 0;

    }



    .section-title {

        font-size: 1.8rem;

    }



    .section-subtitle {

        font-size: 1rem;

    }



    /* Hero Section - CORRIGÉ POUR VISIBILITÉ TOTALE */

    .hero-modern {

        height: 100vh;

        min-height: 600px;

        padding-top: 60px;

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .hero-content-modern {

        padding: 0 1rem;

        width: 100%;

        transform: none !important;

    }



    .hero-title-modern {

        font-size: 2.2rem;

        line-height: 1.2;

        margin-bottom: 1rem;

    }



    .hero-subtitle-modern {

        font-size: 1rem;

        letter-spacing: 1px;

        margin-bottom: 0.5rem;

    }



    .hero-description-modern {

        font-size: 0.9rem;

        margin-bottom: 2rem;

        line-height: 1.5;

    }



    .hero-badge {

        padding: 0.4rem 0.8rem;

        font-size: 0.8rem;

        margin-bottom: 1.5rem;

    }



    .section-title-modern {

        font-size: 2rem;

    }



    .section-subtitle-modern {

        font-size: 1rem;

    }



    /* Présentation */

    .presentation-grid-modern {

        grid-template-columns: 1fr;

        gap: 1rem;

    }



    .presentation-card-modern {

        padding: 1.5rem 1rem;

    }



    .card-icon-modern .icon-wrapper {

        width: 60px;

        height: 60px;

        font-size: 1.5rem;

    }



    /* Suites */

    .suites-carousel-3d {

        grid-template-columns: 1fr;

        gap: 1rem;

    }



    .all-suites-grid {

        grid-template-columns: 1fr;

        gap: 0.5rem;

    }



    .suite-mini-card {

        padding: 1rem 0.5rem;

    }



    .mini-suite-icon {

        font-size: 1.5rem;

    }



    /* Équipements */

    .equipments-grid-modern {

        grid-template-columns: 1fr;

        gap: 1rem;

    }



    .equipment-feature-card {

        margin-bottom: 1rem;

    }



    .equipment-image {

        height: 200px;

    }



    .equipment-content {

        padding: 1.5rem;

    }



    /* Jireh */

    .jireh-visual-modern {

        height: 300px;

    }



    .image-stack .stack-item.main {

        height: 60%;

    }



    .image-stack .stack-item.secondary {

        width: 70%;

        height: 40%;

    }



    .image-stack .stack-item.tertiary {

        width: 60%;

        height: 30%;

    }



    .jireh-stats {

        flex-direction: column;

        gap: 1rem;

    }



    .jireh-stat .stat-number {

        font-size: 1.5rem;

    }



    /* CTA */

    .cta-content-modern h2 {

        font-size: 1.8rem;

    }



    .cta-content-modern p {

        font-size: 1rem;

    }



    .cta-buttons-modern {

        flex-direction: column;

        gap: 0.8rem;

    }



    .btn-magnetic.large {

        padding: 1rem 2rem;

        font-size: 1rem;

        width: 100%;

        max-width: 280px;

    }



    /* Footer */

    .footer-modern {

        padding: 2rem 0 1rem;

    }



    .footer-content-modern {

        gap: 1.5rem;

    }



    .newsletter-form {

        flex-direction: column;

        gap: 0.5rem;

    }



    .newsletter-form input {

        margin-bottom: 0.5rem;

    }



    /* Scroll Indicator */

    .scroll-indicator-modern {

        bottom: 1rem;

    }

}



/* Très petits mobiles (≤ 375px) */

@media (max-width: 375px) {

    .container {

        padding: 0 0.8rem;

    }



    .nav-modern {

        padding: 0 0.8rem;

    }



    .hero-title-modern {

        font-size: 1.8rem;

    }



    .hero-subtitle-modern {

        font-size: 0.9rem;

    }



    .section-title-modern {

        font-size: 1.6rem;

    }



    .btn-magnetic {

        padding: 0.8rem 1.5rem;

        font-size: 0.8rem;

    }



    .presentation-card-modern {

        padding: 1rem 0.8rem;

    }



    .suite-mini-card {

        padding: 0.8rem 0.3rem;

    }



    .suite-mini-card h4 {

        font-size: 0.9rem;

    }



    .suite-mini-card p {

        font-size: 0.7rem;

    }

}



/* Orientation Paysage sur Mobiles */

@media (max-height: 500px) and (orientation: landscape) {

    .hero-modern {

        height: 100vh;

        min-height: 400px;

    }



    .hero-content-modern {

        padding-top: 1rem;

    }



    .hero-title-modern {

        font-size: 2rem;

    }



    .hero-stats {

        margin-top: 1rem;

    }



    .scroll-indicator-modern {

        bottom: 1rem;

    }

}



/* Touch Device Improvements */

@media (hover: none) and (pointer: coarse) {

    .nav-dropdown:hover .dropdown-menu {

        opacity: 0;

        visibility: hidden;

    }



    .presentation-card-modern:hover,

    .suite-card-3d:hover,

    .equipment-feature-card:hover {

        transform: none;

    }



    .btn-magnetic:hover .magnetic-effect {

        transform: translate(-50%, -50%) scale(0);

    }



    /* Amélioration des cibles tactiles */

    .nav-link,

    .btn,

    .btn-magnetic,

    .thumbnail-modern {

        min-height: 44px;

        min-width: 44px;

    }



    .mobile-menu-btn-modern {

        min-width: 44px;

        min-height: 44px;

    }

}