/*
 Theme Name: Culture Hub Poland - Hello Child
 Theme URI: https://culturehubpoland.pl
 Description: Motyw potomny dla Hello Elementor dla Culture Hub Poland
 Author: KickAss Group
 Author URI: https://kickass.group
 Template: hello-elementor
 Text Domain: chp-hello-child
 Version: 1.0.0
*/

/* FLUID TYPOGRAFIA – 1rem ~ 8–10px w zależności od szerokości ekranu */

/* Chrome/Safari liczą px, więc robimy płynne przejście:
   - ok. 8px przy małych ekranach (mobile)
   - ok. 10px przy dużych (desktop ~1440px+) */

html {
  font-size: clamp(10px, 0.35vw + 8px, 11px);
}

/* Bazowy tekst */
body {
  font-size: 1.6rem;
  /* przy 10px = 16px, przy 8px = 12.8px itd. */
}

/* ============================= */
/* GLOBAL SAFE AREA DLA STRONY   */
/* ============================= */

/* Z Figma: 10% szerokości, max ok. 128 px przy 1280 px */
:root {
  --chp-safe-min: 16px;
  --chp-safe-max: 80px;
  /* zmiana z 128px na 80px */
  --chp-safe-vw: 6.25vw;
  /* daje 80px przy 1280px */
}

/* Safe marginesy tylko dla głównych sekcji, NIE dla loop-itemów */
.elementor:not(.e-loop-item)>.e-con-boxed>.e-con-inner {
  box-sizing: border-box;
  padding-left: clamp(var(--chp-safe-min), var(--chp-safe-vw), var(--chp-safe-max));
  padding-right: clamp(var(--chp-safe-min), var(--chp-safe-vw), var(--chp-safe-max));
}

/* Sekcja bez safe marginesów (np. full-bleed hero) */
.e-con-boxed.chp-no-safe>.e-con-inner {
  padding-left: 0;
  padding-right: 0;
}

/* Tablet */
@media (max-width: 1024px) {
  :root {
    --chp-safe-vw: 8vw;
    --chp-safe-max: 80px;
  }
}

/* Mobile – ciaśniejsze marginesy boczne */
@media (max-width: 767px) {
  :root {
    --chp-safe-min: 12px;
    --chp-safe-vw: 4.5vw;
    --chp-safe-max: 28px;
  }
}

/* Desktop – proporcja 210 / 1017 = 20.65% */
.elementor .e-con-boxed.chp-inner-prop>.e-con-inner {
  padding-left: 20.65%;
  padding-right: 0;
}

/* Tablet – redukcja paddingu */
@media (max-width: 1024px) {
  .elementor .e-con-boxed.chp-inner-prop>.e-con-inner {
    padding-left: 12%;
  }
}

/* Mobile – używamy globalnych marginesów Elementora */
@media (max-width: 767px) {
  .elementor .e-con-boxed.chp-inner-prop>.e-con-inner {
    padding-left: unset !important;
    padding-right: unset !important;
  }
}

/* ============================= */
/* OPCJA: kontener full-bleed    */
/* ============================= */

/* Jeśli jakiś kontener ma iść DO KRAWĘDZI (hero, tło na full) 
   – dodajesz mu w Elementorze klasę: chp-full-bleed 
   i on nie dostanie globalnych marginesów */
.elementor .e-con-boxed.chp-full-bleed>.e-con-inner {
  padding-left: 0;
  padding-right: 0;
}

/* ===========================================
   CULTURE HUB POLAND – RESPONSYWNE FONTY
   Oparte na elementor-kit-7 (desktop = wartości bazowe)
   =========================================== */

/*
Desktop:
--85b1290 = 9.6rem (Alergia – HERO XXL)
--9c83a27 = 8rem   (Special – HERO XL)
--be63b24 = 5.5rem (Alergia – H1)
--15fb325 = 4rem   (Special – H2)
--17552b7 = 3.2rem (Special – H3)
--57bf6aa = 2.4rem (Special – H4)
--617f0c4 = 2rem   (Special – H5 / przyciski)
--7996764 = 1.4rem (Special – eyebrow / caption)
--1fefdca = 2rem   (Alergia – lead)
*/

/* ===========================================
   CULTURE HUB POLAND – FLUID TYPOGRAFIA
   Oparte na elementor-kit-7 (desktop = wartości bazowe)
   =========================================== */

:root,
body,
.elementor-kit-7 {
  /* HERO XXL – Alergia */
  --e-global-typography-85b1290-font-size: clamp(4.4rem, 2.8vw + 1.5rem, 9.6rem);
  --e-global-typography-85b1290-line-height: 1.05;

  /* HERO XL – Special */
  --e-global-typography-9c83a27-font-size: clamp(3.8rem, 2.3vw + 1.4rem, 8rem);
  --e-global-typography-9c83a27-line-height: 1.05;

  /* H1 – Alergia */
  --e-global-typography-be63b24-font-size: clamp(3rem, 1.5vw + 1.2rem, 5.5rem);
  --e-global-typography-be63b24-line-height: 1.15;

  /* H2 – Special */
  --e-global-typography-15fb325-font-size: clamp(2.4rem, 1.2vw + 1rem, 4rem);
  --e-global-typography-15fb325-line-height: 1.2;

  /* H3 – Special */
  --e-global-typography-17552b7-font-size: clamp(2rem, 0.9vw + 0.9rem, 3.2rem);
  --e-global-typography-17552b7-line-height: 1.25;

  /* H4 – Special */
  --e-global-typography-57bf6aa-font-size: clamp(1.6rem, 0.7vw + 0.8rem, 2.4rem);
  --e-global-typography-57bf6aa-line-height: 1.3;

  /* H5 / przyciski – Special */
  --e-global-typography-617f0c4-font-size: clamp(1.4rem, 0.6vw + 0.7rem, 2rem);
  --e-global-typography-617f0c4-line-height: 1.3;

  /* Eyebrow / caption – Special */
  --e-global-typography-7996764-font-size: clamp(1.2rem, 0.4vw + 0.6rem, 1.4rem);
  --e-global-typography-7996764-line-height: 1.2;

  /* Lead – Alergia */
  --e-global-typography-1fefdca-font-size: clamp(1.6rem, 0.8vw + 0.9rem, 2rem);
  --e-global-typography-1fefdca-line-height: 1.35;

  /* Body tekst / paragraf – Alergia / regular */
  --e-global-typography-17feebd-font-size: clamp(1.2rem, 0.6vw + 1rem, 1.6rem);
  --e-global-typography-17feebd-line-height: clamp(1.8rem, 0.5vw + 1.8rem, 2.2rem);
}