/* =========================================================================
   Uproszczony nagłówek koszyka/checkoutu (1:1 z projektem „Koszyk"/„Checkout").
   Bez menu/szukajki/koszyka — żeby nie wyprowadzać z procesu zakupu.
   Renderowany jako pierwszy element (przed .fc-root), pełna szerokość.
   Poza .fc-root → kolory literalne (bez zmiennych motywu).
   ========================================================================= */

/* Ukryj nagłówek/stopkę motywu w kontekście sklepu (menu.css tu się nie ładuje). */
.fc-shop-ctx .elementor-location-header,
.fc-shop-ctx .ast-main-header-wrap,
.fc-shop-ctx .site-header .ast-above-header-wrap{display:none!important}
.fc-shop-foot .elementor-location-footer,
.fc-shop-foot .site-footer,
.fc-shop-foot footer[role="contentinfo"],
.fc-shop-foot .ast-small-footer{display:none!important}

/* Astra dokłada margines treści (.content-area / #primary 60px, ten drugi z id — wyższa
   specyficzność, więc !important) — zbędny, bo mamy własny nagłówek koszyka/checkoutu. */
.fc-shop-ctx .content-area{margin-top:0}
body.fc-shop-ctx #primary{margin-top:0!important;margin-bottom:0!important}
.fc-chead{background:#92cfce;font-family:'Poppins',sans-serif;width:100%}
.fc-chead *{box-sizing:border-box}
.fc-chead svg{display:block}
.fc-chead__bar{max-width:1280px;margin:0 auto;padding:0 20px;height:85px;display:flex;align-items:center;gap:16px}
.fc-chead__back{flex:none;display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none;font-weight:700;font-size:13.5px;white-space:nowrap}
.fc-chead__back:hover{opacity:.85;color:#fff}
.fc-chead__logo{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.fc-chead__mark{position:relative;width:38px;height:38px;flex:none;display:block}
.fc-chead__mark span{position:absolute;border-radius:50%}
.fc-chead__name{font-family:'Poppins',sans-serif;font-weight:700;font-size:15px;line-height:.95;letter-spacing:.5px;color:#fff}
.fc-chead__logoimg{height:64px;width:auto;max-width:280px;object-fit:contain;display:block}
.fc-chead__secure{flex:none;display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:600;font-size:12.5px}

.fc-chead__steps{background:#fff;border-bottom:1px solid #ECECEC}
.fc-chead__steps-in{max-width:1280px;margin:0 auto;padding:11px 20px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600;font-size:12px;color:#7A7A7A}
.fc-cstep{display:flex;align-items:center;gap:6px;white-space:nowrap}
.fc-cstep__n{width:17px;height:17px;border-radius:50%;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;background:#eceff0;color:#7A7A7A}
.fc-cstep--done{color:#1E9E6A}
.fc-cstep--now{color:var(--fc-magenta,#C800A7)}
.fc-cstep--now .fc-cstep__n{background:var(--fc-magenta,#C800A7);color:#fff}
.fc-cstep__sep{width:20px;height:1px;background:#d5dade;flex:none}

@media (max-width:520px){
  .fc-chead__bar{padding:0 14px;height:64px}
  .fc-chead__mark{width:34px;height:34px}
  .fc-chead__logoimg{height:44px;max-width:180px}
  .fc-chead__name{font-size:13px}
  .fc-chead__secure span{display:none}
  .fc-chead__back span{display:none}
  .fc-chead__steps-in{padding:9px 14px;gap:9px;font-size:11px}
}

/* =========================================================================
   Wariant CIEMNY (handoff45) — spójny z Nagłówkiem 2.0. Renderowany TYLKO gdy
   Settings::header_v2() jest ON (klasa .fc-chead--dark). Reguły na końcu pliku
   nadpisują bazowy teal przy równej specyficzności. Tło z panelu = inline style.
   UWAGA: w komentarzach NIE używać sekwencji gwiazdka-slash w treści (ucina blok).
   Font Poppins (jak Nagłówek 2.0) — ładuje go motyw fabrykacmyka-2; fallback system-ui.
   ========================================================================= */
.fc-chead--dark{font-family:'Poppins',system-ui,sans-serif}
.fc-chead--dark .fc-chead__bar{max-width:1440px;padding:0 46px;height:84px;gap:24px;border-bottom:1px solid rgba(255,255,255,.08)}

/* logo — po lewej (order:1 + margin-right:auto), reszta za nim */
.fc-chead--dark .fc-chead__logo{order:1;flex:none;margin-right:auto;justify-content:flex-start;gap:11px}
.fc-chead--dark .fc-chead__name{font-family:'Poppins',system-ui,sans-serif;font-weight:800;font-size:15px;line-height:.95;letter-spacing:.5px;color:#fff;text-transform:uppercase}

/* logo rysowane fc2logo — scoped kopia stylów z Nagłówka 2.0 (kolory literalne, bez zmiennych) */
.fc-chead--dark .fc2logo__m{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:30px;height:30px;flex:none}
.fc-chead--dark .fc2logo__m i{border-radius:4px;display:block}
.fc-chead--dark .fc2logo__m i:nth-child(1){background:#6EC1E4}
.fc-chead--dark .fc2logo__m i:nth-child(2){background:#C800A7}
.fc-chead--dark .fc2logo__m i:nth-child(3){background:#FFDE2C}
.fc-chead--dark .fc2logo__m i:nth-child(4){background:#fff}
.fc-chead--dark .fc2logo__t{font-family:'Poppins',system-ui,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.4px;line-height:1;display:flex;flex-direction:column;color:#fff}
.fc-chead--dark .fc2logo__t span:last-child{color:#FFDE2C}

/* logo z panelu — spójnie z .fc2logo__img w głównym nagłówku */
.fc-chead--dark .fc-chead__logoimg{height:46px;max-width:260px}

/* powrót — kafel jak .fc2ico Nagłówka 2.0, hover atrament z żółtym tekstem */
.fc-chead--dark .fc-chead__back{order:2;height:46px;padding:0 18px 0 14px;border-radius:11px;border:1px solid rgba(255,255,255,.13);color:#E8E8EA;font-weight:700;font-size:14px;letter-spacing:.2px;gap:8px;transition:.15s}
.fc-chead--dark .fc-chead__back:hover,
.fc-chead--dark .fc-chead__back:focus{background:#1c1c22;color:#FFDE2C;border-color:rgba(255,255,255,.26);opacity:1}
.fc-chead--dark .fc-chead__back svg{transition:transform .16s}
.fc-chead--dark .fc-chead__back:hover svg{transform:translateX(-3px)}

/* zaufanie — pill wyrównany do kafli (h46, radius jak kafle) z żółtą kłódką */
.fc-chead--dark .fc-chead__secure{order:3;height:46px;padding:0 16px;border-radius:11px;color:#E8E8EA;font-weight:700;font-size:12.5px;letter-spacing:.2px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);gap:8px}
.fc-chead--dark .fc-chead__secure svg{color:#FFDE2C}

/* pasek kroków — ciemniejsze tło z panelu 2.0 */
.fc-chead--dark .fc-chead__steps{background:#1B1B20;border-bottom:0}
.fc-chead--dark .fc-chead__steps-in{padding:13px 24px;gap:14px;font-weight:700;font-size:12.5px;letter-spacing:.3px;text-transform:uppercase;color:rgba(232,232,234,.62)}
.fc-chead--dark .fc-cstep__n{width:19px;height:19px;font-size:10.5px;font-weight:800;background:rgba(255,255,255,.1);color:rgba(232,232,234,.72)}
.fc-chead--dark .fc-cstep--done{color:#FFDE2C}
.fc-chead--dark .fc-cstep--done .fc-cstep__n{background:#FFDE2C;color:#1a1600}
.fc-chead--dark .fc-cstep--now{color:#fff}
.fc-chead--dark .fc-cstep--now .fc-cstep__n{background:#C800A7;color:#fff;box-shadow:0 0 0 4px rgba(200,0,167,.22)}
.fc-chead--dark .fc-cstep__sep{width:26px;background:rgba(255,255,255,.2)}

/* linki — jawne kolory we wszystkich stanach (Astra/motyw nie prześwieca) */
.fc-chead--dark .fc-chead__logo,
.fc-chead--dark .fc-chead__logo:hover,
.fc-chead--dark .fc-chead__logo:focus{text-decoration:none}
.fc-chead--dark .fc-chead__name,
.fc-chead--dark .fc-chead__logo:hover .fc-chead__name,
.fc-chead--dark .fc-chead__logo:focus .fc-chead__name{color:#fff}

/* mobile — metryki jak .mhdr Nagłówka 2.0 (blok 1080 bije @520 wyższą specyficznością na barze) */
@media (max-width:1080px){
  .fc-chead--dark .fc-chead__bar{height:56px;padding:0 16px;gap:10px}
  .fc-chead--dark .fc2logo__m{width:24px;height:24px;gap:2px}
  .fc-chead--dark .fc2logo__t{font-size:15px;letter-spacing:-.3px}
  .fc-chead--dark .fc-chead__logoimg{height:34px;max-width:190px}
  .fc-chead--dark .fc-chead__back{height:40px;padding:0 12px;border-radius:10px}
  .fc-chead--dark .fc-chead__secure{height:40px;padding:0 12px;border-radius:10px}
}

@media (max-width:520px){
  .fc-chead--dark .fc-chead__steps-in{padding:9px 14px;gap:9px;font-size:11px}
}

/* ---- Feedback wciśnięcia #FFDE2C na koszyku/checkoucie (header2.css tu się nie ładuje — chead
   ma własny nagłówek). Ten sam wzorzec co w header2.css. */
body.woocommerce-cart button:active:not(:disabled),
body.woocommerce-checkout button:active:not(:disabled),
body.woocommerce-cart input[type="submit"]:active:not(:disabled),
body.woocommerce-checkout input[type="submit"]:active:not(:disabled),
body.woocommerce-cart a.button:active,
body.woocommerce-checkout a.button:active,
body.woocommerce-cart [role="button"]:active,
body.woocommerce-checkout [role="button"]:active{
  background:#FFDE2C!important;
  border-color:#FFDE2C!important;
  color:#141414!important;
  transition:none!important;
}
