/* Shared public nav — loaded in of all public pages */ html{scrollbar-gutter:stable;overflow-y:scroll} ::-webkit-scrollbar{width:6px;height:6px} ::-webkit-scrollbar-track{background:var(--paper,#f3f0eb)} ::-webkit-scrollbar-thumb{background:var(--border2,#d4cdc4);border-radius:3px} .nav{position:sticky;top:0;z-index:500;background:#fff;border-bottom:1px solid var(--border,#e8e2d9);box-shadow:0 1px 6px rgba(0,0,0,.06)} .nav-inner{max-width:var(--max,1240px);margin:0 auto;padding:0 24px;height:76px;display:flex;align-items:center;position:relative} .nav-logo{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center} .logo-badge{display:inline-flex;align-items:flex-end;gap:7px;background:#6B1A2A;border-radius:4px;padding:5px 13px 7px;text-decoration:none} .logo-xl{font-family:'Josefin Sans',sans-serif;font-weight:700;font-size:34px;color:#C8A45A;letter-spacing:4px;line-height:1} .logo-xs{font-family:'Josefin Sans',sans-serif;font-weight:700;font-size:10px;color:#C8A45A;letter-spacing:3px;padding-bottom:5px;text-transform:uppercase} .nav-end{margin-left:auto;display:flex;align-items:center;gap:8px} .nav-lang{position:relative} .nav-lang-btn{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--border,#e8e2d9);border-radius:50px;padding:5px 13px 5px 10px;cursor:pointer;font-size:12px;font-weight:700;font-family:system-ui,sans-serif;letter-spacing:.5px;color:var(--ink2,#2a2825);transition:all .2s;white-space:nowrap} .nav-lang-btn:hover{background:var(--paper,#f3f0eb);border-color:var(--border2,#d4cdc4)} .nav-lang-btn .fi{font-size:14px} .nav-lang-btn svg{opacity:.5;transition:transform .2s} .nav-lang.open .nav-lang-btn svg{transform:rotate(180deg)} .nav-lang-drop{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--border,#e8e2d9);border-radius:10px;padding:6px;min-width:150px;box-shadow:0 8px 24px rgba(0,0,0,.12);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s,transform .18s;z-index:200} .nav-lang.open .nav-lang-drop{opacity:1;pointer-events:auto;transform:translateY(0)} .nav-lang-drop a{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:7px;font-size:13px;font-weight:600;font-family:system-ui,sans-serif;color:var(--muted,#6b6460);text-decoration:none;transition:all .15s} .nav-lang-drop a:hover{background:var(--paper,#f3f0eb);color:var(--ink,#111)} .nav-lang-drop a.on{background:rgba(200,164,90,.15);color:var(--gold,#c8a45a)} .nav-login-btn{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;font-family:system-ui,sans-serif;letter-spacing:.3px;color:var(--ink,#111);background:var(--gold,#c8a45a);padding:7px 16px;border-radius:50px;border:none;cursor:pointer;transition:all .2s;text-decoration:none} .nav-login-btn:hover{background:var(--gold2,#e2c27d);transform:translateY(-1px)} .nav-user-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border,#e8e2d9);border-radius:50px;padding:5px 6px 5px 12px;color:var(--ink,#111);font-size:12px;font-weight:600;font-family:system-ui,sans-serif;cursor:pointer;position:relative} .nav-user-chip:hover{background:var(--paper,#f3f0eb)} .nav-user-avatar{width:24px;height:24px;border-radius:50%;background:var(--gold,#c8a45a);color:var(--ink,#111);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800} .nav-user-drop{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--border,#e8e2d9);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:200px;padding:6px;display:none;z-index:600} .nav-user-chip.open .nav-user-drop{display:block} .nav-user-drop button,.nav-user-drop a{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;padding:9px 12px;font-size:13px;font-family:system-ui,sans-serif;color:var(--ink,#111);cursor:pointer;border-radius:6px;text-decoration:none} .nav-user-drop button:hover,.nav-user-drop a:hover{background:var(--cream,#faf8f5)} .nav-user-name{font-size:12px;color:var(--muted,#6b6460);padding:6px 12px 8px;border-bottom:1px solid var(--border,#e8e2d9);margin-bottom:4px} /* Auth modal */ .auth-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);z-index:1000;display:none;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s} .auth-overlay.on{display:flex;opacity:1} .auth-modal{background:#fff;border-radius:14px;width:100%;max-width:600px;max-height:92vh;overflow-y:auto;padding:24px 28px;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.3)} .auth-close{position:absolute;top:14px;right:14px;background:none;border:none;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;color:var(--muted,#6b6460);display:flex;align-items:center;justify-content:center} .auth-close:hover{background:var(--cream,#faf8f5);color:var(--ink,#111)} .auth-tabs{display:flex;border-bottom:1px solid var(--border,#e8e2d9);margin-bottom:16px;margin-top:4px;gap:4px} .auth-tab{flex:1;background:none;border:none;padding:10px 8px;font-size:14px;font-weight:600;font-family:system-ui,sans-serif;color:var(--muted,#6b6460);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s} .auth-tab.on{color:var(--ink,#111);border-bottom-color:var(--gold,#c8a45a)} .auth-title{font-family:var(--font-d,'Playfair Display',serif);font-size:19px;font-weight:700;margin-bottom:3px;color:var(--ink,#111)} .auth-sub{font-size:13px;color:var(--muted,#6b6460);margin-bottom:14px} .auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px} .auth-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px} .auth-field.full{grid-column:1/-1} .auth-field label{font-size:12px;font-weight:600;color:var(--ink,#111)} .auth-field input,.auth-field select{padding:10px 12px;border:1px solid var(--border,#e8e2d9);border-radius:8px;font-size:14px;font-family:system-ui,sans-serif;background:#fff;color:var(--ink,#111)} .auth-field input:focus,.auth-field select:focus{outline:none;border-color:var(--gold,#c8a45a)} .auth-msg{padding:10px 12px;border-radius:8px;font-size:13px;margin:8px 0;display:none} .auth-msg.on{display:block} .auth-msg.ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0} .auth-msg.err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca} .auth-submit{width:100%;background:var(--gold,#c8a45a);color:var(--ink,#111);font-size:14px;font-weight:700;font-family:system-ui,sans-serif;padding:13px;border-radius:8px;border:none;cursor:pointer;transition:background .2s;margin-top:8px} .auth-submit:hover{background:var(--gold2,#e2c27d)} .auth-submit:disabled{opacity:.55;cursor:not-allowed} .auth-hint{font-size:12px;color:var(--muted,#6b6460);text-align:center;margin-top:14px} .auth-hint a{color:var(--ink,#111);font-weight:600;text-decoration:underline;cursor:pointer} @media(max-width:520px){.auth-grid{grid-template-columns:1fr}} @media(max-width:640px){ .nav-inner{padding:0 16px} .nav-logo{position:static;transform:none} .nav-logo img{max-width:130px;height:40px} }