/* ExperiencePass — Public layout styles */

:root {
            --navy:   #1c2d49;
            --orange: #c9603c;
            --orange2:#b0512f;
            --teal:   #4a9e92;
            --text:   #2c3a4a;
            --muted:  #6b7c93;
            --bg:     #f4f6f8;
        }
        *{box-sizing:border-box;margin:0;padding:0}
        body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--text)}

        /* ── Utility bar (thin top strip) ── */
        .util-bar{
            background:var(--navy);
            color:rgba(255,255,255,.65);
            font-size:11.5px;
            padding:5px 40px;
            display:flex;
            align-items:center;
            justify-content:space-between;
        }
        .util-bar a{color:rgba(255,255,255,.65);text-decoration:none}
        .util-bar select{background:transparent;border:none;color:rgba(255,255,255,.65);font-size:11.5px;outline:none;cursor:pointer;font-family:inherit}
        .util-bar select option{background:var(--navy)}

        /* ── Main nav (dark navy per wireframe) ── */
        .main-nav{
            background:var(--navy);
            padding:0 32px;
            height:58px;
            display:flex;
            align-items:center;
            justify-content:space-between;
            position:sticky;
            top:0;
            z-index:100;
        }
        .nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
        .nav-logo svg{width:30px;height:30px;flex-shrink:0}
        .nav-logo-text{color:#fff;font-weight:700;font-size:18px;letter-spacing:-.2px}
        .nav-links{display:flex;align-items:center;gap:2px;list-style:none}
        .nav-links a{
            font-size:11.5px;font-weight:500;
            color:rgba(255,255,255,.75);
            text-decoration:none;
            padding:6px 9px;
            border-radius:4px;
            transition:color .12s,background .12s;
            letter-spacing:.04em;
            white-space:nowrap;
        }
        .nav-links a:hover{color:#fff;background:rgba(255,255,255,.08)}
        .nav-links .dropdown{position:relative}
        .nav-links .drop-menu{
            position:absolute;top:calc(100%+6px);left:0;
            background:#fff;border:1px solid #e2e8f0;border-radius:8px;
            box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:160px;padding:6px 0;
            display:none;z-index:200;
        }
        .nav-links .dropdown:hover .drop-menu{display:block}
        .nav-links .drop-menu a{display:block;padding:8px 16px;font-size:12.5px;color:var(--text);border-radius:0;background:transparent}
        .nav-links .drop-menu a:hover{background:#f7fafc;color:var(--orange)}
        .btn-join{
            background:var(--orange)!important;
            color:#fff!important;
            padding:8px 20px!important;
            border-radius:999px!important;
            font-size:12px!important;
            font-weight:700!important;
            letter-spacing:.04em!important;
        }
        .btn-join:hover{background:var(--orange2)!important}

        /* ── Footer ── */
        .site-footer{background:var(--navy)}
        .footer-top{
            max-width:1200px;margin:0 auto;
            padding:28px 40px 20px;
            display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;
        }
        .footer-logo{display:flex;align-items:center;gap:9px}
        .footer-logo svg{width:22px;height:22px}
        .footer-logo span{color:#fff;font-weight:700;font-size:15px}
        .footer-contact{
            border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.8);
            font-size:12px;padding:7px 20px;border-radius:999px;cursor:pointer;
            background:none;text-decoration:none;font-family:inherit;
            transition:border-color .12s,color .12s;letter-spacing:.04em;
        }
        .footer-contact:hover{border-color:#fff;color:#fff}
        .footer-bottom{
            border-top:1px solid rgba(255,255,255,.1);
            padding:16px 40px;text-align:center;
        }
        .footer-socials{display:flex;justify-content:center;gap:14px;margin-bottom:10px}
        .footer-socials a{
            width:32px;height:32px;
            border:1px solid rgba(255,255,255,.28);border-radius:50%;
            display:flex;align-items:center;justify-content:center;
            color:rgba(255,255,255,.6);font-size:13px;text-decoration:none;
            transition:border-color .12s,color .12s;
        }
        .footer-socials a:hover{border-color:#fff;color:#fff}
        .footer-copy{font-size:11.5px;color:rgba(255,255,255,.45)}
        .footer-copy a{color:rgba(255,255,255,.45);text-decoration:underline}

        /* ── WhatsApp ── */
        .wa-bubble{
            position:fixed;bottom:22px;right:22px;width:46px;height:46px;
            background:#25d366;border-radius:50%;
            display:flex;align-items:center;justify-content:center;
            box-shadow:0 3px 10px rgba(0,0,0,.2);z-index:500;cursor:pointer;
        }

        [x-cloak]{display:none!important}