/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.2
 Text Domain:  bricks
*/


/* @link https://utopia.fyi/type/calculator?c=300,16,1.067,1440,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --step--2: clamp(0.75rem, 0.65rem + 0.2vw, 0.875rem);  /* ~14px */
  --step--1: clamp(0.875rem, 0.8rem + 0.25vw, 1rem);     /* ~16px (H6) */
  --step-0:  clamp(1rem, 0.9rem + 0.35vw, 1.125rem);     /* ~18px (p) */
  --step-1:  clamp(1.125rem, 1rem + 0.55vw, 1.25rem);    /* ~20px (H5) */
  --step-2:  clamp(1.25rem, 1.1rem + 0.75vw, 1.4375rem); /* ~23px (H4) */
  --step-3:  clamp(1.875rem, 1.6rem + 1.2vw, 2rem);      /* ~32px (H3) */
--step-4: clamp(2.5rem, 2.2rem + 1.6vw, 3.125rem); /* ~50px */
--step-5: clamp(3.5rem, 2.8rem + 2.2vw, 4.6875rem); /* ~75px */


}


@media (max-width: 768px) {
  :root {
    --step--2: clamp(0.75rem, 0.668rem + 0.219vw, 0.875rem);     /* cca 12–14px */
    --step--1: clamp(0.875rem, 0.768rem + 0.263vw, 1rem);        /* cca 14–16px */
    --step-0:  clamp(1rem, 0.868rem + 0.307vw, 1.125rem);        /* cca 16–18px */
    --step-1:  clamp(1.125rem, 0.968rem + 0.385vw, 1.25rem);     /* cca 18–20px */
	 --step-2: clamp(1.125rem, 1rem + 0.2vw, 1.25rem);   /* ~18–20px */
     --step-3: clamp(1.5rem, 1.2rem + 0.6vw, 1.5rem); /* ~24px */  
    --step-4: clamp(2rem, 1.8rem + 1.2vw, 2.3125rem);   /* ~32–37px */
     --step-5: clamp(2.5rem, 2.2rem + 2vw, 3rem); /* H1 ~48px */
  }
}

@media (max-width: 478px) {
  :root {
	  --step-4: clamp(1.8rem, 1.6rem + 1.2vw, 2.1875rem); /* H2 max ~35px */
    --step-5: clamp(2.3rem, 1.8rem + 2.35vw, 2.5rem); /* H1 ~42px max */
  }
}

body.bricks-is-frontend :focus-visible {
  outline: none !important;
}


/* ──────────────────────────────────────────────────────────────────────
   WPForms (modern markup) – sjednocení barev se značkou webu.
   WPForms tiskne proměnné inline se selektorem #wpforms-<id> (specificita ID),
   proto override musí být přes !important, jinak by se neuplatnil.
   Platí pro libovolný formulář vložený přes shortcode.
   ────────────────────────────────────────────────────────────────────── */
.wpforms-container.wpforms-container-full {
  /* CTA tlačítko „Odeslat" – zlatá jako hlavní CTA „Nezávazná poptávka" */
  --wpforms-button-background-color: #ffbc00 !important;
  --wpforms-button-background-color-alt: #ffbc00 !important;
  --wpforms-button-text-color: #1a2c48 !important;

  /* Texty a popisky – navy / paragrafová šedá jako zbytek webu */
  --wpforms-label-color: #1a2c48 !important;
  --wpforms-field-text-color: #2e2e2e !important;

  /* Rámeček polí a povinná hvězdička – značkové tokeny */
  --wpforms-field-border-color: #b6bbc4 !important;
  --wpforms-field-border-color-spare: #b6bbc4 !important;
  --wpforms-label-error-color: #db243c !important;
}

/* Odkazy ve formuláři (např. odkaz na zásady ochrany údajů) – navy místo modré */
.wpforms-container.wpforms-container-full a {
  color: #1a2c48;
}