/*
Theme Name: DENZA Plichta
Theme URI: https://denza.kolaboracja.com
Description: Child theme DENZA Plichta. Block theme / FSE na bazie Twenty Twenty-Five. Tokeny zescrapowane 1:1 z denzawarszawa.pl (kolory, typografia, spacing, fonty self-hosted). Globalny header/footer (template parts) + fixy Spectra (V2 2.19.x).
Template: twentytwentyfive
Author: Kolaboracja
Version: 0.1.2
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.0
Text Domain: denza-plichta
*/

/* =========================================================================
   FONTY — self-hosted, identycznie jak denzawarszawa.pl
   Pliki do skopiowania z denzawarszawa: /wp-content/uploads/fonts/
   → wgrać do child theme: /assets/fonts/  (lub /wp-content/uploads/fonts/)
   URWFormExpand = font marki DENZA (tylko Bold). // potwierdzić licencję z DAM DENZA
   ========================================================================= */
@font-face{
  font-family:"Montserrat";
  src:url("assets/fonts/Montserrat-pl.woff2") format("woff2");
  font-weight:400 700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"URWFormExpand";
  src:url("assets/fonts/URWFormExpand-Bold.woff2") format("woff2");
  font-weight:600 700; font-style:normal; font-display:swap;
}

/* =========================================================================
   DENZA BRAND TOKENS — 1:1 z denzawarszawa.pl/main.min.css
   Definiujemy TU (motyw), NIGDY w page-level CSS Spectry (Quirk #21).
   W blokach używamy var(--denza-*).
   ========================================================================= */
:root{
  /* Kolory */
  --denza-color-black:#000;
  --denza-color-white:#fff;
  --denza-color-grey:#ccc;
  --denza-color-primary:#002f88;
  --denza-color-hover-secondary:rgba(194,200,211,.44);
  --denza-color-mega-menu-secondary:#ecf5ff;
  --denza-color-section-secondary-bg:#f5f7fa;
  --denza-color-bg-secondary:#f5f7fa;
  --denza-color-bg-muted:#ccc;
  --denza-color-text-primary:var(--denza-color-black);
  --denza-color-text-secondary:var(--denza-color-white);
  --denza-color-popup-overlay:rgba(0,0,0,.5);

  /* Przyciski — outline: białe tło, czarny tekst/ramka, hover → kobalt */
  --denza-color-button-bg:var(--denza-color-white);
  --denza-color-button-bg-transparent:transparent;
  --denza-color-button-text:var(--denza-color-black);
  --denza-color-button-text-hover:var(--denza-color-primary);
  --denza-color-button-border:var(--denza-color-black);
  --denza-color-button-border-hover:var(--denza-color-primary);

  /* Header / mega menu */
  --denza-header-bg-solid:var(--denza-color-white);
  --denza-header-bg-transparent:hsla(0,0%,100%,.3);
  --denza-mega-primary-bg:var(--denza-color-white);
  --denza-mega-secondary-bg:hsla(0,0%,100%,.7);
  --denza-mega-selected-bg:rgba(194,200,211,.44);
  --denza-header-gap:16px;
  --denza-header-height:72px;
  --denza-header-mobile-height:64px;

  /* Typografia */
  --denza-font-primary:"Montserrat",Arial,sans-serif;
  --denza-font-heading:"URWFormExpand","Montserrat",Arial,sans-serif;
  --denza-font-size-heading:32px;
  --denza-font-size-subheading:24px;
  --denza-font-size-subheading-secondary:20px;
  --denza-font-size-text:16px;
  --denza-font-weight-regular:400;
  --denza-font-weight-bold:600;
  --denza-line-height-heading:40px;
  --denza-line-height-text:24px;

  /* Radius / spacing / kontenery */
  --denza-radius-main:16px;
  --denza-radius-button:8px;
  --denza-radius-input:4px;
  --denza-gap:16px;
  --denza-space-xs:8px;
  --denza-space-sm:16px;
  --denza-space-md:24px;
  --denza-space-lg:32px;
  --denza-space-xl:48px;
  --denza-space-2xl:64px;
  --denza-space-3xl:96px;
  --denza-padding-small:24px;
  --denza-padding-big:48px;
  --denza-container-full:100vw;
  --denza-container-xl:1920px;
  --denza-container-lg:1440px;
  --denza-container-page:min(90vw,var(--denza-container-lg));
  --denza-container-wide:min(92vw,var(--denza-container-xl));

  /* Z-index / transitions / inne */
  --denza-z-base:1; --denza-z-header:100; --denza-z-mega-menu:900; --denza-z-popup:900; --denza-z-loader:9999;
  --denza-transition-fast:.2s ease;
  --denza-transition-main:.3s ease;
  --denza-transition-slow:.6s ease;
  --denza-transition-all:all .3s ease;
  --denza-box-shadow:0 6px 12px rgba(0,0,0,.06);
  --denza-form-height:60px;

  /* Overlay hero/CTA (Quirk #3 — zawsze rgba, nie gradient) */
  --denza-overlay-hero:rgba(0,11,44,.45);
  --denza-overlay-cta:rgba(0,47,136,.85);
}

/* =========================================================================
   GLOBALNE — bezpieczniki layoutu (know-how)
   ========================================================================= */
html{scroll-behavior:smooth}
body{font-family:var(--denza-font-primary);color:var(--denza-color-text-primary);
  font-size:var(--denza-font-size-text);line-height:var(--denza-line-height-text);overflow-x:hidden} /* Quirk #6 */

h1,h2,h3,h4,h5,h6{font-family:var(--denza-font-heading);font-weight:var(--denza-font-weight-bold);
  line-height:var(--denza-line-height-heading)}

/* Spectra alignfull bez max-width ucieka do 100vw (Quirk #6) */
.alignfull>.uagb-container-inner-blocks-wrap{
  max-width:var(--denza-container-lg);margin-left:auto!important;margin-right:auto!important;
  width:100%;box-sizing:border-box}

/* Przyciski marki — outline, hover kobalt (jak denzawarszawa) */
.wp-block-button__link,
.wp-block-uagb-buttons-child .uagb-buttons-repeater{
  background:var(--denza-color-button-bg);color:var(--denza-color-button-text);
  border:1px solid var(--denza-color-button-border);border-radius:var(--denza-radius-button);
  transition:var(--denza-transition-main)}
.wp-block-button__link:hover,
.wp-block-uagb-buttons-child .uagb-buttons-repeater:hover{
  background:var(--denza-color-primary);color:var(--denza-color-white);border-color:var(--denza-color-primary)}

/* =========================================================================
   HEADER (template part) — sticky + transparent na hero
   ========================================================================= */
header.wp-block-template-part{position:sticky;top:0;z-index:var(--denza-z-header);
  background:var(--denza-header-bg-solid);transition:var(--denza-transition-main)}
.denza-header--transparent{background:var(--denza-header-bg-transparent);backdrop-filter:saturate(120%) blur(6px)}

/* =========================================================================
   FOOTER (template part) — jak denzawarszawa: BIAŁE tło, CZARNY tekst, do lewej
   ========================================================================= */
footer.wp-block-template-part{
  background:var(--denza-color-white);color:var(--denza-color-black);
  text-align:left;border-top:0!important;overflow:hidden;width:100%}
footer.wp-block-template-part a{color:var(--denza-color-black)}
footer.wp-block-template-part a:hover{color:var(--denza-color-primary)}

/* =========================================================================
   SPECTRA FIXY — placeholdery pod wstrzykiwanie per-strona (PART F / Quirk #3)
   body.page-id-XX .uagb-block-{slug}::before { background:var(--denza-overlay-hero)!important; ... }
   ========================================================================= */

/* === DENZA header 3-zone (logo centered, like denzawarszawa) === */
.denza-header{display:grid !important;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:16px;}
.denza-header__left{justify-self:start;display:flex;align-items:center;gap:24px;}
.denza-header__center{justify-self:center;}
.denza-header__center .wp-block-site-logo{margin:0;}
.denza-header__right{justify-self:end;display:flex;align-items:center;gap:12px;}
@media (max-width:781px){
  .denza-header{grid-template-columns:auto 1fr auto;}
  .denza-header__right .wp-block-button:first-child{display:none;}
}

/* === DENZA model cards: r\u00f3wne proporcje obraz\u00f3w === */
img.wp-image-17, img.wp-image-18, img.wp-image-19{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;border-radius:16px;}
img.wp-image-20, img.wp-image-21, img.wp-image-22{aspect-ratio:3/4;object-fit:cover;width:100%;height:auto;border-radius:16px;}
.denza-hero .wp-block-cover__video-background{object-fit:cover;}