/*
Theme Name: Hej Ladies
Theme URI: https://hejladies.pl
Author: Hej Ladies
Description: Lekki motyw salonu Hej Ladies — butelkowa zieleń i złoto. Cała warstwa wizualna strony głównej mieszka w szablonie front-page.php, motyw daje tylko nagłówek, stopkę i menu.
Version: 1.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: hejladies
*/

/* Motyw celowo nie ładuje własnego arkusza treści — strona główna wnosi swój CSS.
   Tu zostają wyłącznie style nagłówka, stopki i podstron. */

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

:root {
  --gold:   #D4AF37;
  --gold2:  #C9A84C;
  --green:  #1A5F4A;
  --green2: #2D7A62;
  --green3: #3DA07F;
  --dark:   #060D08;
  --dark2:  #0A1409;
  --r: 14px;
}

html { scroll-behavior: smooth; }
body {
  font-family:'Barlow', system-ui, sans-serif;
  background:var(--dark);
  color:#fff;
  overflow-x:hidden;
}
img { display:block; max-width:100%; }
a   { text-decoration:none; color:inherit; }

/* ============================================================
   NAGŁÓWEK
============================================================ */
.hl-header {
  position:fixed; top:0; left:0; right:0; z-index:900;
  padding:18px 32px;
  display:flex; align-items:center; justify-content:space-between;
  background:transparent;
  transition: background .35s ease, padding .35s ease, box-shadow .35s ease;
}
.hl-header.scrolled {
  padding:11px 32px;
  background:rgba(6,13,8,.88);
  backdrop-filter:blur(14px);
  box-shadow:0 1px 0 rgba(212,175,55,.18);
}

.hl-logo {
  font-family:'Bebas Neue', 'Barlow Condensed', sans-serif;
  font-size:26px; letter-spacing:3px; line-height:1;
  display:flex; align-items:center; gap:8px;
}
.hl-logo .zl { color:var(--gold); }
.hl-logo img { max-height:42px; width:auto; }

.hl-nav ul { list-style:none; display:flex; align-items:center; gap:28px; }
.hl-nav a {
  font-family:'Barlow Condensed', sans-serif;
  font-size:15px; font-weight:600; letter-spacing:1.6px;
  text-transform:uppercase; color:rgba(255,255,255,.72);
  position:relative; padding:4px 0;
  transition:color .25s ease;
}
.hl-nav a:hover { color:#fff; }
.hl-nav a::after {
  content:''; position:absolute; left:0; bottom:0; height:1px; width:0;
  background:var(--gold); transition:width .3s ease;
}
.hl-nav a:hover::after { width:100%; }

.hl-cta {
  font-family:'Barlow Condensed', sans-serif;
  font-size:14px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase;
  padding:11px 24px; border-radius:999px;
  background:linear-gradient(135deg, var(--gold), var(--gold2));
  color:#0A1409;
  transition:transform .25s ease, box-shadow .25s ease;
}
.hl-cta:hover { transform:translateY(-2px); box-shadow:0 8px 22px rgba(212,175,55,.3); }

/* hamburger */
.hl-burger {
  display:none; width:38px; height:32px;
  background:none; border:0; cursor:pointer;
  flex-direction:column; justify-content:center; gap:6px;
}
.hl-burger span {
  display:block; height:2px; width:100%; background:#fff; border-radius:2px;
  transition:transform .3s ease, opacity .25s ease;
}
.hl-header.open .hl-burger span:nth-child(1) { transform:translateY(8px) rotate(45deg); }
.hl-header.open .hl-burger span:nth-child(2) { opacity:0; }
.hl-header.open .hl-burger span:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }

@media (max-width:980px) {
  .hl-header { padding:14px 20px; }
  .hl-burger { display:flex; }
  .hl-nav {
    position:fixed; inset:0 0 0 auto; width:min(320px,86vw);
    background:rgba(6,13,8,.97); backdrop-filter:blur(18px);
    transform:translateX(100%); transition:transform .4s cubic-bezier(.22,1,.36,1);
    padding:96px 32px 32px;
    border-left:1px solid rgba(212,175,55,.18);
  }
  .hl-header.open .hl-nav { transform:translateX(0); }
  .hl-nav ul { flex-direction:column; align-items:flex-start; gap:22px; }
  .hl-nav a { font-size:18px; }
  .hl-cta { display:none; }
  .hl-nav .hl-cta-mobile { display:inline-block; margin-top:10px; }
}
@media (min-width:981px) { .hl-nav .hl-cta-mobile { display:none; } }

/* ============================================================
   STOPKA
============================================================ */
.hl-footer {
  position:relative; z-index:2;
  background:var(--dark2);
  border-top:1px solid rgba(212,175,55,.16);
  padding:52px 32px 30px;
}
.hl-footer-in {
  max-width:1180px; margin:0 auto;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:34px;
}
.hl-footer h4 {
  font-family:'Barlow Condensed', sans-serif;
  font-size:13px; letter-spacing:2.4px; text-transform:uppercase;
  color:var(--gold); margin-bottom:14px;
}
.hl-footer p, .hl-footer li {
  font-size:14.5px; line-height:1.9; color:rgba(255,255,255,.62); list-style:none;
}
.hl-footer a:hover { color:var(--gold); }
.hl-footer-bottom {
  max-width:1180px; margin:34px auto 0; padding-top:18px;
  border-top:1px solid rgba(255,255,255,.07);
  display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; align-items:center;
  font-size:13px; color:rgba(255,255,255,.4);
}
.hl-footer-menu { display:flex; gap:20px; list-style:none; }
.hl-footer-menu a:hover { color:var(--gold); }

/* ============================================================
   PODSTRONY (wpisy, regulaminy, polityka prywatności)
============================================================ */
.hl-page {
  position:relative; z-index:2;
  max-width:860px; margin:0 auto; padding:170px 24px 90px;
}
.hl-page h1 {
  font-family:'Bebas Neue','Barlow Condensed',sans-serif;
  font-size:clamp(34px,6vw,58px); letter-spacing:2px; line-height:1.05;
  margin-bottom:26px;
}
.hl-page h2 { font-family:'Barlow Condensed',sans-serif; font-size:26px; margin:34px 0 12px; color:var(--gold); }
.hl-page p, .hl-page li { font-size:16.5px; line-height:1.85; color:rgba(255,255,255,.75); margin-bottom:14px; }
.hl-page ul, .hl-page ol { padding-left:22px; margin-bottom:16px; }
.hl-page a { color:var(--gold); }
.hl-page img { border-radius:var(--r); margin:20px 0; }