/* ==========================================================================
   MOTYW 1 — KLASYCZNY GRANAT  (warstwa nadpisań, ładowana PO style.css)
   Cel: nadać stronie wygląd z mockupu motyw_1_klasyczny_granat, bez zmian
   w logice/markupie (poza dodaniem topbara + logo widocznego na białym).
   Rewert: usuń wpis enqueue 'tara-motyw-granat' w functions.php
           (lub odtwórz theme z tarballa w ~/tara_theme_backups/).
   Paleta bazowa już zgodna: --ink #1A2E4A (granat), --gold #C8973A.
   ========================================================================== */

/* ---------- TOPBAR (nowy pasek nad headerem) ---------- */
.topbar{background:#1A2E4A;color:#aab8cc;font-size:12px;font-family:var(--font);}
.topbar-inner{max-width:1280px;margin:0 auto;padding:7px 32px;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.topbar-left{display:flex;align-items:center;gap:6px;}
.topbar-right{display:flex;align-items:center;flex-wrap:wrap;}
.topbar a{color:#aab8cc;text-decoration:none;margin-left:20px;transition:color .2s;}
.topbar a:hover{color:#C8973A;}
@media(max-width:768px){.topbar{display:none;}}

/* ---------- HEADER: ciemny -> biały, sticky, cień ---------- */
header.site-header{background:#fff;border-bottom:1px solid #DDE3EC;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.h-wrap{height:72px;}

/* Logo widoczne na białym (emblemat granat + złoty domek + granatowe TARA) */
.logo{gap:12px;}
.logo-emblem-navy{width:44px;height:44px;background:#1A2E4A;border-radius:6px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.logo-emblem-navy svg{width:28px;height:28px;fill:#C8973A;}
.logo-text-navy{display:flex;flex-direction:column;line-height:1;}
.logo-name-navy{font-family:var(--font);font-size:22px;font-weight:bold;color:#1A2E4A;letter-spacing:2px;}
.logo-tagline-navy{font-size:10px;color:#6B7280;letter-spacing:1.5px;text-transform:uppercase;font-family:var(--font);margin-top:3px;}

/* Nawigacja: granatowe linki, złoty hover z delikatnym tłem */
.site-header .site-nav a,
.site-header .site-nav ul li a{color:#1A2E4A;font-size:14px;font-weight:500;letter-spacing:.2px;text-transform:none;padding:8px 14px;border-radius:4px;}
.site-header .site-nav a:hover,
.site-header .site-nav ul li a:hover,
.site-header .site-nav ul li.current-menu-item a,
.site-header .site-nav ul li.current_page_item a{color:#C8973A;background:rgba(200,151,58,.08);}

/* Submenu (dropdown) na białym */
.site-header .site-nav ul li.menu-item-has-children > .sub-menu,
.site-header .site-nav ul li.menu-item-has-children > ul{background:#fff;border:1px solid #DDE3EC;box-shadow:0 8px 24px rgba(0,0,0,.10);}
.site-header .site-nav ul li.menu-item-has-children .sub-menu li a,
.site-header .site-nav ul li.menu-item-has-children ul li a{color:#1A2E4A;}
.site-header .site-nav ul li.menu-item-has-children .sub-menu li a:hover,
.site-header .site-nav ul li.menu-item-has-children ul li a:hover{background:rgba(200,151,58,.08);color:#C8973A;border-left-color:#C8973A;}

/* Telefon: granatowa ramka (mockup) */
.h-phone{color:#1A2E4A;border:2px solid #1A2E4A;border-radius:6px;font-size:15px;padding:7px 14px;letter-spacing:.3px;}
.h-phone:hover{background:#1A2E4A;color:#fff;}

/* Ikona konta + burger na białym */
.h-account{border-color:rgba(26,46,74,.25);color:#1A2E4A;}
.h-account:hover{border-color:#C8973A;color:#C8973A;}
.h-burger span{background:#1A2E4A;}

/* Mobile: overlay menu na białym (bez tego granat na granacie = nieczytelne) */
@media(max-width:768px){
  .site-header .site-nav{background:#fff;}
  .site-header .site-nav a,
  .site-header .site-nav ul li a{color:#1A2E4A;border-bottom:1px solid rgba(26,46,74,.08);}
  .h-mobile-auth__link{color:#1A2E4A;}
  .h-burger.open span{background:#1A2E4A;}
}

/* ---------- HERO: karta wyszukiwania solidnie biała (mockup) ---------- */
.hero .scard{background:#fff;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.30);padding:28px;}
.hero .scard-title{color:#1A2E4A;text-transform:none;letter-spacing:0;font-size:18px;}
.hero .scard .stabs{border:1px solid #DDE3EC;border-radius:6px;overflow:hidden;margin-bottom:20px;gap:0;}
.hero .scard .stab{color:#6B7280;text-transform:none;letter-spacing:0;font-size:13px;border-bottom:none;padding:9px 0;}
.hero .scard .stab.active{background:#1A2E4A;color:#fff;border-bottom-color:transparent;}
.hero .scard .sf label{color:#6B7280;font-size:11px;letter-spacing:.5px;}
.hero .scard .sf select,
.hero .scard .sf input{background:#F4F6F9;border:1px solid #DDE3EC;color:#2C2C2C;border-radius:6px;}
.hero .scard .sf select:focus,
.hero .scard .sf input:focus{border-color:#C8973A;}
.hero .scard .sf select option{background:#fff;color:#2C2C2C;}
.hero .scard .btn-search{color:#fff;border-radius:8px;}

/* ---------- KARTY OFERT: zaokrąglenie + cień + hover-lift (mockup) ---------- */
.oferta{border-radius:10px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s;}
.oferta:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,.14);}

/* ---------- BANER CTA: złoty -> granatowy (mockup cta-banner) ---------- */
.cta-section{background:linear-gradient(135deg,#1A2E4A 0%,#243D60 100%);}
.cta-section .cta-pre{color:#C8973A;opacity:1;}
.cta-section .cta-title{color:#fff;}
.cta-section .cta-sub{color:#aab8cc;}
.cta-section .btn-dark{background:#C8973A;color:#fff;}
.cta-section .btn-dark:hover{background:#E2B05A;opacity:1;}
.cta-section .btn-white{background:#fff;color:#1A2E4A;}

/* ---------- PASEK "Sprzedajesz / Szukasz": złoty -> granatowy (spójność) ---------- */
.szukasz-cta{background:linear-gradient(135deg,#1A2E4A 0%,#243D60 100%);}
.szukasz-cta-divider{background:rgba(255,255,255,.18);}
.szukasz-cta-pre{color:#C8973A;}
.szukasz-cta .btn-dark{background:#C8973A;color:#fff;}
.szukasz-cta .btn-dark:hover{background:#E2B05A;opacity:1;}

/* ---------- STOPKA: ciemniejszy granat jak w mockupie ---------- */
footer.site-footer{background:#0f1e30;}

/* ==========================================================================
   ODSTĘPY — redukcja pionowych przerw wg wzorca (2026-07-05)
   Cel: zbliżyć menu górne ↔ wyszukiwarkę ↔ slogan (hero) oraz ścieśnić stopkę.
   Bez zmian w style.css/markupie — tylko nadpisania paddingu/marginesu.
   ========================================================================== */

/* ---------- HERO: koniec rozciągania na 100vh (to ono robiło pustkę na górze) ---------- */
@media(min-width:769px){
  .hero{height:auto;min-height:0;align-items:center;padding:56px 0 60px;}
  .hero-inner{padding:0 48px;gap:64px;align-items:center;}
  .hero-tag{margin-bottom:18px;}
  .hero h1{margin-bottom:18px;}
  .hero-desc{margin-bottom:28px;}
  .hero-btns{margin-bottom:32px;}
  .hero-stats{padding-top:26px;}
  .hero-year{bottom:48px;}

  /* ---------- STOPKA: mniejsze odstępy pionowe ---------- */
  footer.site-footer{padding-top:48px;}
  .footer-inner{padding-bottom:36px;gap:32px;}
}

/* margines nagłówków kolumn stopki — bezpieczny globalnie */
.footer-col h4{margin-bottom:14px;}
.footer-brand p{margin-top:12px;}

/* ---------- STOPKA: ciaśniejsze wiersze kontaktu (Biuro/Maria/Email/NIP) ---------- */
.footer-contact{line-height:1.42;}
.footer-contact strong{margin-top:5px;}

/* ---------- PASEK LICZB (trust-band): granat -> jasny (beż/biel) ---------- */
.trust-band{background:#F4F6F9;}
.trust-item{border-right-color:rgba(26,46,74,.12);}
.trust-item:nth-child(odd){border-right-color:rgba(26,46,74,.12);}
.trust-val{color:#1A2E4A;}
.trust-txt{color:#6B7280;}
.trust-icon{color:#C8973A;}