/* ===== MOBILE-FIRST OVERRIDES (extracted from index.php) ===== */

/* Header mobile */
@media(max-width:768px){
    .header{padding:10px 0!important}
    .header .container{padding:0 12px!important}
    .header-inner{gap:8px}
    .logo-img{height:40px!important}
    .logo-text{font-size:1.1rem!important}
    .theme-toggle{display:none!important}
    .btn-header,.btn-header-outline{display:none!important}
    .btn-header-profile{padding:6px 14px!important;font-size:0.8rem!important;gap:5px!important}
    .btn-header-profile svg{width:15px;height:15px}
    .mobile-menu-btn{display:flex!important}
}

/* Hero mobile */
@media(max-width:768px){
    .hero{min-height:auto!important;padding-top:70px!important}
    .hero .container{padding:0 16px!important}
    .hero-grid{grid-template-columns:1fr!important;gap:20px!important;text-align:center}
    .hero-content{padding:24px 0 10px!important}
    .hero-badge{margin:0 auto 16px!important;font-size:0.8rem!important;padding:6px 14px!important}
    .hero-title{font-size:1.85rem!important;line-height:1.2!important;margin-bottom:14px!important}
    .hero-subtitle{font-size:0.92rem!important;line-height:1.7!important;margin:0 auto 24px!important;max-width:100%!important}
    .hero-buttons{flex-direction:column!important;gap:10px!important;align-items:center!important}
    .hero-buttons .btn{width:100%!important;max-width:320px!important;justify-content:center!important;padding:15px 24px!important}
    .hero-buttons .btn-lg{padding:15px 24px!important;font-size:0.95rem!important}
    .hero-visual{display:none!important}
}

/* Guest info mobile */
@media(max-width:768px){
    #guest-info{padding:40px 0!important}
    #guest-info .container{padding:0 16px!important}
    #guest-info h2[style*="font-size:2.4rem"]{font-size:1.6rem!important}
    #guest-info p[style*="font-size:1.1rem"]{font-size:0.92rem!important}
    #guest-info div[style*="grid-template-columns:repeat(auto-fit"]{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:40px!important}
    #guest-info div[style*="grid-template-columns:repeat(auto-fit"] > div{padding:28px 20px!important}
    #guest-info div[style*="display:flex;justify-content:center;gap:24px"]{gap:12px!important}
    #guest-info div[style*="width:56px;height:56px"]{width:42px!important;height:42px!important;font-size:0.85rem!important;margin-bottom:6px!important}
    #guest-info div[style*="font-weight:600;font-size:0.9rem"]{font-size:0.82rem!important}
    #guest-info div[style*="display:flex;justify-content:center;gap:60px"]{flex-direction:column!important;gap:24px!important;align-items:center!important}
    #guest-info div[style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}
    #guest-info div[style*="font-size:2.2rem"]{font-size:1.6rem!important}
    #guest-info div[style*="padding:50px 30px"]{padding:30px 18px!important;border-radius:18px!important}
    #guest-info div[style*="padding:50px 30px"] h2{font-size:1.4rem!important}
    #guest-info div[style*="padding:50px 30px"] a{padding:14px 28px!important;font-size:0.92rem!important}
    #guest-info div[style*="margin:60px 0"]{margin:36px 0!important;padding:30px 0!important}
    #guest-info h2[style*="font-size:1.8rem"]{font-size:1.4rem!important}
}

/* Chatbot mobile */
@media(max-width:768px){
    #navBot{bottom:12px!important;right:12px!important}
    #navBot > div:last-child{width:46px!important;height:46px!important}
    #navBotWindow{width:calc(100vw - 24px)!important;right:-8px!important;bottom:58px!important;max-height:65vh!important}
    #navBotMessages{height:180px!important}
}