/* ============================================================
   LAYOUT — header, menu (z dropdown), stopka
   ============================================================ */

/* NAV */
header{position:fixed;top:0;left:0;right:0;z-index:100;transition:.4s;padding:22px 0}
header.scrolled{background:rgba(247,243,236,.94);backdrop-filter:blur(10px);padding:14px 0;box-shadow:0 1px 0 var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between}
.logo{font-family:var(--serif);font-size:1.5rem;font-weight:700;letter-spacing:.04em;color:#fff;transition:.4s}
.logo span{color:var(--gold)}
header.scrolled .logo{color:var(--ink)}
.nav-links{display:flex;gap:34px;align-items:center}
.nav-links>a,.nav-item>a{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.9);font-weight:400;transition:.3s}
header.scrolled .nav-links>a,header.scrolled .nav-item>a{color:var(--ink-soft)}
.nav-links>a:hover,.nav-item>a:hover{color:var(--gold)}
.nav-cta{border:1px solid rgba(255,255,255,.5);padding:9px 20px;border-radius:2px}
header.scrolled .nav-cta{border-color:var(--gold)}
.caret{font-size:.7em}

/* Dropdown — Sale weselne */
.nav-item{position:relative}
.dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);
  background:var(--cream);border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow);
  padding:24px;display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:22px 34px;
  opacity:0;visibility:hidden;transition:.28s;margin-top:14px;z-index:120}
.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dropdown-col{display:flex;flex-direction:column;gap:4px}
.dropdown-head{font-family:var(--serif);font-size:1.05rem;color:var(--ink);font-weight:600;margin-bottom:4px;border-bottom:1px solid var(--line);padding-bottom:6px}
.dropdown-head:hover{color:var(--gold-deep)}
.dropdown-link{font-size:.82rem;color:var(--ink-soft);padding:2px 0;transition:.2s}
.dropdown-link:hover{color:var(--gold);padding-left:4px}

/* Burger */
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:6px}
.burger span{width:26px;height:2px;background:#fff;transition:.3s}
header.scrolled .burger span{background:var(--ink)}

/* FOOTER */
footer{background:#13110e;color:rgba(247,243,236,.6);padding:54px 0 28px;text-align:center}
footer .logo{color:#fff;font-size:1.6rem;margin-bottom:14px;display:inline-block}
footer .logo span{color:var(--gold)}
footer .fnav{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin:22px 0;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}
footer .fnav a:hover{color:var(--gold)}
footer .fsocial{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:0 0 22px;font-size:.8rem;letter-spacing:.1em}
footer .fsocial a:hover{color:var(--gold)}
footer .area{font-size:.85rem;max-width:640px;margin:0 auto 22px;color:rgba(247,243,236,.45)}
footer .copy{font-size:.78rem;color:rgba(247,243,236,.35);border-top:1px solid rgba(176,141,87,.15);padding-top:22px;margin-top:10px}

/* MOBILE — menu */
@media(max-width:980px){
  .nav-links{position:fixed;top:0;right:-100%;height:100vh;width:80%;max-width:340px;background:var(--ink);
    flex-direction:column;justify-content:flex-start;padding:96px 30px 40px;gap:22px;overflow-y:auto;transition:.4s;box-shadow:var(--shadow)}
  .nav-links.open{right:0}
  .nav-links>a,.nav-item>a{color:var(--cream)!important;font-size:1rem}
  .burger{display:flex;z-index:101}
  .nav-item{width:100%}
  .dropdown{position:static;transform:none;opacity:1;visibility:visible;display:block;background:transparent;
    border:none;box-shadow:none;padding:10px 0 0;margin:0}
  .dropdown-head{color:var(--gold)!important;font-size:.95rem}
  .dropdown-link{color:rgba(247,243,236,.7)!important}
  .caret{display:none}
}