/*!
Theme Name: DOGO - Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */


/*!
font H1 futura extra bold
 */

h1, .entry-title {
    font-family: "futura-100-latin-ext", "Open Sans", sans-serif !important;
    font-weight: 800 !important;
}



/* ---------------------------------------------------- menu rozwijalne */

/* ===== DROPDOWN MENU - wygląd jak przycisk Tel. ===== */

.main-navigation ul.sub-menu {
    background-color: #ffffff !important;
    box-shadow: none !important;
    border: 2px solid #d7841f !important;
    border-radius: 16px !important;
    opacity: 1 !important;
    padding: 6px !important;   /* dodany padding ze wszystkich stron */
    overflow: hidden;
}

.main-navigation ul.sub-menu,
.main-navigation ul.sub-menu * {
    box-shadow: none !important;
}

/* Separator między pozycjami menu */
.main-navigation ul.sub-menu li.menu-item {
    border-bottom: 1px solid #eeeeee;
    background-color: transparent !important;
}
.main-navigation ul.sub-menu li.menu-item:last-child {
    border-bottom: none;
}

/* Odstępy i kolor linków w dropdownie */
.main-navigation ul.sub-menu li.menu-item > a {
    display: block;
    padding: 14px 16px;
    color: #3e4c59;
    font-weight: 700;
    background-color: transparent !important;
    border-radius: 10px !important; /* mniejszy promień niż kontener, bo jest wewnątrz paddingu */
}

.main-navigation ul.sub-menu li.menu-item > a:hover {
    color: #d7841f;
    background-color: #ffffff !important;
}

/* ---------------------------------------------------- cennik */

/* Cennik: H1 wyrównany do kolumny konfiguratora (max-width 1140px, jak .dogo-konf-dashboard) */
.page-id-760 .entry-content h1.wp-block-heading {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}


/* ============================================================================
   MIGRACJA /video-marketing/ (ID 11864) — wyrównanie wyglądu do oryginału
   ----------------------------------------------------------------------------
   Strona jest migracją landingu reklamowaagencja.pl/video-marketing, który
   działał na motywie air-dogo (Air-light). Tam w :root było
   html{font-size:62.5%} → 1rem = 10px; w motywie Kadence 1rem = 16px.
   Dlatego wszystkie wartości rem-owe z oryginału (m.in. fallbacki zmiennych
   Kadence Blocks) są u nas 1.6× za duże. Poniżej:
     • zmienne Kadence Blocks przeliczone współczynnikiem 0.625 (10/16),
     • wartości pikselowe (font-size, marginesy, paddingi) przeniesione 1:1,
     • typografia bazowa, nagłówki i elementy formularza jak w air-dogo.

   Selektory celowo mają specyficzność 2 klas (0,2,0):
     • wygrywają z regułami motywu Kadence (h2{...}, .single-content h1..h6{...},
       .entry-content{color:...}),
     • NIE wygrywają z regułami Kadence Blocks dla konkretnych bloków
       (.wp-block-kadence-advancedheading.kt-adv-heading11864_xxx — też 0,2,0,
       ale arkusz KB ładuje się później), więc ustawienia per-blok
       (rozmiar, kolor, line-height, marginesy) nadal mają pierwszeństwo.

   Zakres: wyłącznie treść tej strony (.page-id-11864 .entry-content) —
   nagłówek i stopka serwisu pozostają bez zmian.
   ============================================================================ */

/* --- 1. Zmienne Kadence Blocks w skali oryginału --------------------------- */
.page-id-11864 .entry-content {
    /* Odstępy. W oryginale zmienne --global-kb-* nie były zdefiniowane, więc KB
       korzystał z fallbacków w rem (np. var(--global-kb-spacing-md, 2rem) = 20px
       przy 1rem = 10px). U nas te same fallbacki dają 32px. */
    --global-kb-spacing-xxs: 0.3125rem; /* 5px */
    --global-kb-spacing-xs: 0.625rem;   /* 10px */
    --global-kb-spacing-sm: 0.9375rem;  /* 15px */
    --global-kb-spacing-md: 1.25rem;    /* 20px */
    --global-kb-spacing-lg: 1.875rem;   /* 30px */
    --global-kb-spacing-xl: 2.5rem;     /* 40px */
    --global-kb-spacing-xxl: 3.125rem;  /* 50px */
    --global-kb-spacing-3xl: 4.0625rem; /* 65px */
    --global-kb-spacing-4xl: 5rem;      /* 80px */
    --global-kb-spacing-5xl: 6.25rem;   /* 100px */

    /* Odstępy (gap) — m.in. gap kolumn w wierszach KB (w oryginale 20px) */
    --global-row-gutter-md: 1.25rem;
    --global-kb-gap-none: 0rem;
    --global-kb-gap-xs: 0.3125rem;      /* 5px: gap przycisków */
    --global-kb-gap-sm: 0.625rem;       /* 10px */
    --global-kb-gap-md: 1.25rem;        /* 20px */

    /* Rozmiary czcionek KB — clamp() z oryginału × 0.625 (części "rem";
       składniki "vw" pozostają bez zmian, bo vw nie zależy od font-size) */
    --global-kb-font-size-sm: clamp(0.5rem, 0.45625rem + 0.217vw, 0.5625rem);
    --global-kb-font-size-md: clamp(0.6875rem, 0.621875rem + 0.326vw, 0.78125rem);
    --global-kb-font-size-lg: clamp(1.09375rem, 0.985rem + 0.543vw, 1.25rem);
    --global-kb-font-size-xl: clamp(1.40625rem, 1.08rem + 1.63vw, 1.875rem);
    --global-kb-font-size-xxl: clamp(1.5625rem, 0.91rem + 3.26vw, 2.5rem);
    --global-kb-font-size-xxxl: clamp(1.71875rem, 0.305625rem + 7.065vw, 3.75rem);

    /* Paleta: w oryginale Kadence Blocks definiował domyślne palety WordPressa,
       a w Kadence pochodzą one z personalizera (inne odcienie). Wartości
       poniżej to palety oryginału — kolory bloków KB są dzięki temu 1:1. */
    --global-palette3: #1A202C;
    --global-palette4: #2D3748;
    --global-palette5: #4A5568;
    --global-palette6: #718096;
    --global-palette7: #EDF2F7;
    --global-palette8: #F7FAFC;

    /* Typografia bazowa air-dogo: 16px / 1.5 / #2a2d3e (--color-main) */
    font-size: 16px;
    line-height: 1.5;
    color: #2a2d3e;
}

/* --- 2. Nagłówki jak w air-dogo ------------------------------------------- */
/* air-dogo: h1..h6 { color:#2a2d3e; font-weight:400; line-height:1 (h2-h6),
   marginesy 27px góra (2.7rem) / 7px dół (0.7rem); h1: waga 300 + uppercase } */
.page-id-11864 .entry-content h1,
.page-id-11864 .entry-content h2,
.page-id-11864 .entry-content h3,
.page-id-11864 .entry-content h4,
.page-id-11864 .entry-content h5,
.page-id-11864 .entry-content h6 {
    color: #2a2d3e;
    font-weight: 400;
    line-height: 1;
    margin-top: 27px;
    margin-bottom: 7px;
}

/* air-dogo: h1:first-child, h2:first-child, ... { margin-top: 0 } */
.page-id-11864 .entry-content h1:first-child,
.page-id-11864 .entry-content h2:first-child,
.page-id-11864 .entry-content h3:first-child,
.page-id-11864 .entry-content h4:first-child,
.page-id-11864 .entry-content h5:first-child,
.page-id-11864 .entry-content h6:first-child {
    margin-top: 0;
}

/* Rozmiary z air-dogo (--font-size-h1..h6). Uwaga: waga i uppercase dla h1
   pozostają jak w motywie (reguła !important u góry tego pliku). */
.page-id-11864 .entry-content h1 { font-size: 76px; }
.page-id-11864 .entry-content h2 { font-size: 36px; }
.page-id-11864 .entry-content h3 { font-size: 30px; }
.page-id-11864 .entry-content h4 { font-size: 24px; }
.page-id-11864 .entry-content h5 { font-size: 20px; }
.page-id-11864 .entry-content h6 { font-size: 16px; }

/* Breakpointy air-dogo: 770px i 480px (nie 1024/767 jak w Kadence) */
@media (max-width: 770px) {
    .page-id-11864 .entry-content h1 { font-size: 52px; }
    .page-id-11864 .entry-content h2 { font-size: 30px; }
}
@media (max-width: 480px) {
    .page-id-11864 .entry-content h1 { font-size: 36px; }
    .page-id-11864 .entry-content h2 { font-size: 24px; }
    .page-id-11864 .entry-content h3 { font-size: 21px; }
    .page-id-11864 .entry-content h4 { font-size: 18px; }
    .page-id-11864 .entry-content h5 { font-size: 14px; }
    .page-id-11864 .entry-content h6 { font-size: 12px; }
}

/* --- 3. Kolor nagłówków z klasą has-theme-palette-3-color ------------------ */
/* Dwa elementy treści — H2 „POZYSKUJ KLIENTÓW…" (11864_e4c867-35) i akapit
   (11864_d3c45d-93) — mają klasę has-theme-palette-3-color. WordPress generuje
   dla niej `color: var(--wp--preset--color--theme-palette-3) !important`
   (arkusz WP core-block-supports), więc zwykła reguła na klasie tu nie pomoże.
   W oryginale zmienne --wp--preset--color--theme-palette-* nie były w ogóle
   zdefiniowane, przez co owa deklaracja była nieważna (invalid at
   computed-value time) i kolor brał się z reguły Kadence Blocks 3.7.2
   `color: var(--global-palette3, #1A202C)` → #1A202C.
   U nas preset 3 = var(--global-palette3) = #33373e (personalizacja Kadence),
   dlatego nadpisujemy samą zmienną presetu w zakresie treści strony —
   działa też na przyszłe elementy z tą klasą. */
.page-id-11864 .entry-content {
    --wp--preset--color--theme-palette-3: #1A202C;
}

/* --- 4. Elementy bazowe ---------------------------------------------------- */
/* air-dogo: p { margin-top:0; margin-bottom:2.5rem (25px) } */
.page-id-11864 .entry-content p {
    margin-top: 0;
    margin-bottom: 25px;
}

/* air-dogo (landing): ul { padding: 0 } */
.page-id-11864 .entry-content ul {
    padding: 0;
}

/* air-dogo (landing): a { color: #222 } (--color-black) */
body.page-id-11864 .entry-content a {
    color: #222;
}

/* --- 5. Formularz (sekcja „CHCĘ OFERTĘ") jak w oryginalnym landingu -------- */
.page-id-11864 .entry-content .kb-field {
    font-size: 17px; /* --font-size-input-fields */
}
.page-id-11864 .entry-content .kb-field::placeholder {
    color: white;
}
.page-id-11864 .entry-content .kb-accept-link {
    padding: 15px 0;
}
.page-id-11864 .entry-content .kb-field.kb-checkbox-style.kb-accept {
    width: 20px !important;
    height: 20px !important;
}

/* --- 6. Opcjonalnie: pełna szerokość 3 wierszy KB -------------------------- */
/* Te wiersze mają w treści atrybut inheritMaxWidth i w oryginale (KB 3.7.2)
   renderowały się na całą szerokość (1425px), bo motyw air-dogo nie definiował
   zmiennej --wp--style--global--content-size. KB 3.7.11 dokłada wtedy
   max-width:var(--global-content-width, 1290px) → u nas 1242px.
   Zgodnie z decyzją „zostawiamy kontener 1290px" reguła jest zakomentowana.
   Aby przywrócić szerokość jak w oryginale — odkomentuj poniższy blok: */
/*
.page-id-11864 .entry-content .kb-row-layout-id11864_f6dec4-1e > .kt-row-column-wrap,
.page-id-11864 .entry-content .kb-row-layout-id11864_27fcfa-84 > .kt-row-column-wrap,
.page-id-11864 .entry-content .kb-row-layout-id11864_bfb4e3-1b > .kt-row-column-wrap {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}
*/

/* ============================================================================
   7. Ostatnie różnice motywu Kadence (drugi przebieg — po weryfikacji pomiarowej)
   ----------------------------------------------------------------------------
   Po przebiegu z sekcji 1-6 wszystkie 20 mierzonych właściwości zgadzało się już
   w 15 przypadkach; pozostałe różnice wynikają z reguł motywu Kadence, których nie
   da się wyłączyć ustawieniami bloków. Każda reguła poniżej jest udokumentowana
   konkretnym selektorem z kadence/assets/css/*.min.css, który wygrywał kaskadę.
   ============================================================================ */

/* --- 7a. Nagłówki będące ostatnim dzieckiem (margines dolny 7px) ----------- */
/* Kadence (content.min.css) zeruje marginesy dolne ostatnich dzieci:
     .single-content address:last-child, .single-content figure:last-child,
     .single-content hr:last-child, ... { margin-bottom: 0 }
   Selektory (0,2,1) biją moje reguły z sekcji 2 (0,2,0) → nagłówki <h1>-<h6>
   stojące na końcu kolumny traciły margines 7px. Oryginał (air-dogo) takiego
   resetu nie ma, więc margines 7px tam zostaje — przywracamy go.
   Uwaga 1: dotyczy wyłącznie prawdziwych elementów h1-h6; nagłówki KB renderowane
   jako <p> lub <div> (np. 11864_d3c45d-93) mają własne reguły i pozostają bez zmian.
   Uwaga 2: :not(.kt-testimonial-title) jest konieczne. Tytuły opinii KB
   (h2.kt-testimonial-title) są ostatnim dzieckiem .kt-testimonial-title-wrap i mają
   własny margines z style-blocks-testimonials.css:
     .kt-testimonial-text-wrap .kt-testimonial-title-wrap .kt-testimonial-title
     { margin-bottom: 0.5em }  →  18px przy font-size 36px
   Ten selektor ma (0,3,0), a h2:last-child (0,3,1) — bez wykluczenia nadpisywałem
   18px na 7px. Regresję wykryto pomiarem (4 nagłówki opinii: "Ponad 50 tysięcy!",
   "Tak jak chciałam!", "Wzrost sprzedaży!", "Mega zasięgi!").
   Selektory poniżej mają (0,4,1) — nadal biją reset Kadence (0,2,1),
   ale nie dotykają tytułów opinii. */
.page-id-11864 .entry-content h1:last-child:not(.kt-testimonial-title),
.page-id-11864 .entry-content h2:last-child:not(.kt-testimonial-title),
.page-id-11864 .entry-content h3:last-child:not(.kt-testimonial-title),
.page-id-11864 .entry-content h4:last-child:not(.kt-testimonial-title),
.page-id-11864 .entry-content h5:last-child:not(.kt-testimonial-title),
.page-id-11864 .entry-content h6:last-child:not(.kt-testimonial-title) {
    margin-bottom: 7px;
}

/* --- 7b. Figury KB będące ostatnim dzieckiem (margines dolny 16px) --------- */
/* Ten sam reset Kadence (.single-content figure:last-child → 0) zerował margines
   figur .wp-block-kadence-image. W oryginale działało WP-owe
   :where(figure) { margin-bottom: 1em } = 16px. Selektor (0,3,1) wygrywa z (0,2,1).
   Figury z własnym marginesem blokowym (np. 11864_af8698-da, 16px) mają tę samą
   wartość, więc reguła ich nie psuje. Zakres zawężony do figur KB — galerie
   (.wp-block-image / .blocks-gallery-item) pozostają nietknięte. */
.page-id-11864 .entry-content figure.wp-block-kadence-image:last-child {
    margin-bottom: 16px;
}

/* --- 7c. Przyciski KB — interlinia 1.5 (30px zamiast 32px) ----------------- */
/* global.min.css: button, .button, .wp-block-button__link, ... { line-height: 1.6 }
   Element <a class="kb-button kt-button button ..."> łapie się na .button (0,1,0),
   co dawało 20px * 1.6 = 32px. W oryginale interlinia pochodziła z body (1.5) → 30px.
   Selektor (0,3,0) wygrywa. */
.page-id-11864 .entry-content .kb-button {
    line-height: 1.5;
}

/* --- 7d. Formularz KB — margines dolny 30px ------------------------------- */
/* content.min.css: .single-content <elementy> { margin-bottom: var(--global-md-spacing) }
   = 2rem = 32px, selektor (0,1,1) bije KB-owe .wp-block-kadence-form
   { margin-bottom: 30px } (0,1,0). W oryginale wygrywał KB → 30px. */
.page-id-11864 .entry-content .wp-block-kadence-form {
    margin-bottom: 30px;
}

/* --- 7e. Spacery KB — wyrównanie tekstu (tylko spójność pomiaru) ----------- */
/* KB 3.7.11 dokłada klasę .kt-block-spacer-halign-center (w 3.7.2 jej nie było),
   przez co wewnętrzny (pusty) div spaceru ma text-align:center zamiast start.
   Element nie zawiera treści → różnica jest niewidoczna, ale zerujemy ją, żeby
   pomiar porównawczy był w 100% zgodny. */
.page-id-11864 .entry-content .kt-block-spacer {
    text-align: left;
}

/* --- 7f. Łamanie tekstu — min-content "po słowie", nie "po znaku" ---------- */
/* global.min.css (motyw Kadence): .entry-content { word-break: break-word }
   Oryginał (air-dogo) miał word-break: normal + overflow-wrap: break-word.
   Różnica nie jest kosmetyczna — wpływa na szerokość min-content:
     * word-break: break-word      → min-content = szerokość najszerszego ZNAKU,
     * overflow-wrap: break-word   → min-content = szerokość najdłuższego SŁOWA.
   Skutek widać w przycisku 11864_b7719e-29 ("Dlaczego to działa"): jego blok ma
   w CSS margin-left: 500px, a kolumna ma 327px, więc kontener przycisków
   .kb-btns11864_bc020d-e2 (rozciągany przez flex kolumny) liczy 327px - 500px < 0
   → szerokość 0px. W oryginale tekst łamał się wtedy na 2 linie (min-content
   słowa "Dlaczego" = 110,66px), u nas na 16 linii (min-content znaku = 14,78px),
   co dawało przycisk 180x528px zamiast 180x108px (widoczny pionowy pas).
   Reguła przywraca zachowanie oryginału dla całej treści strony. */
.page-id-11864 .entry-content {
    word-break: normal;
    overflow-wrap: break-word;
}