/*
 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.1
 Text Domain:  bricks
*/

/* Všechna pole ve formuláři (input + textarea) */
#brxe-pvbrqp input,
#brxe-pvbrqp textarea{
  font-family: "Hello" !important;
  font-size: var(--step-4) !important;

  color: #264e8e !important;                   /* modrá text */
  -webkit-text-fill-color: #264e8e !important; /* pojistka */

  border: 1px solid #212121 !important;        /* černý rámeček */
  outline: none !important;
  box-shadow: none !important;
}

/* Zaoblení 4px pro input i textarea */
#brxe-pvbrqp input{
  border-radius: 4px !important;
}

#brxe-pvbrqp textarea{
  border-radius: 4px !important;
}

/* Focus stav (psaní / kliknutí) */
#brxe-pvbrqp input:focus,
#brxe-pvbrqp input:focus-visible,
#brxe-pvbrqp textarea:focus,
#brxe-pvbrqp textarea:focus-visible{
  color: #264e8e !important;                   /* modrá zůstane */
  -webkit-text-fill-color: #264e8e !important;

  border-color: #212121 !important;            /* rámeček pořád černý */
  outline: none !important;
  box-shadow: none !important;
}

/* Placeholder (pokud chceš, aby nebyl modrý jako text) */
#brxe-pvbrqp input::placeholder,
#brxe-pvbrqp textarea::placeholder{
  color: #212121;
  opacity: .55;
}

/* Pojistka pro ID pattern form-field-… (kdyby něco přebíjelo !important) */
#brxe-pvbrqp input[id^="form-field-"]:focus,
#brxe-pvbrqp textarea[id^="form-field-"]:focus{
  color: #264e8e !important;
  -webkit-text-fill-color: #264e8e !important;
  border-color: #212121 !important;
  outline: none !important;
  box-shadow: none !important;
}


/* IKONA UVOZOVEK – citace-vlastni */
.citace-vlastni{
  position: relative;

  /* ODSAZENI TEXTU OD IKONY (TADY SE RIDI MEZERA) */
  padding-left: px;

  /* ODSTUP OD OKOLNIHO TEXTU */
  margin-top: 32px;
  margin-bottom: 32px;
}

.citace-vlastni::before{
  content: "";
  position: absolute;
  top: 0.25em;
  left: 0;

  width: 580px;
  height: 580px;

  background-image: url("https://testovaci.hejatko.art/wp-content/uploads/2026/02/uvoz.png");
  background-repeat: no-repeat;
  background-size: contain;

  opacity: 0.10;
  pointer-events: none;
}

/* FONT PRO TEXT UVNITR CITACE */
.citace-vlastni{
  font-family: "Hello", sans-serif;
}

/* VELIKOST PISMA PRO CELOU CITACI */
.citace-vlastni{
  font-size: var(--step-3);
}

@media (max-width: 900px){
  .citace-vlastni::before{
    width: 420px;
    height: 420px;
  }
}

@media (max-width: 500px){
  .citace-vlastni::before{
    width: 350px;
    height: 350px;
  }
}


/* ===== PÍSMO RESPONZIVITA ===== */
/* @link https://utopia.fyi/type/calculator?c=300,16,1.2,1440,18,1.2,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.6944rem, 0.6716rem + 0.1218vw, 0.7813rem);
  --step--1: clamp(0.8333rem, 0.8059rem + 0.1462vw, 0.9375rem);
  --step-0: clamp(1rem, 0.9671rem + 0.1754vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.1605rem + 0.2105vw, 1.35rem);
  --step-2: clamp(1.44rem, 1.3926rem + 0.2526vw, 1.62rem);
  --step-3: clamp(1.728rem, 1.6712rem + 0.3032vw, 1.944rem);
  --step-4: clamp(2.0736rem, 2.0054rem + 0.3638vw, 2.3328rem);
  --step-5: clamp(2.4883rem, 2.4065rem + 0.4365vw, 2.7994rem);
  --step-6: clamp(2.986rem, 2.8878rem + 0.5238vw, 3.3593rem);
  --step-7: clamp(3.583rem, 3.4653rem + 0.6286vw, 4.0312rem);
  --step-8: clamp(4.3rem, 4.158rem + 0.7543vw, 4.8375rem);
  --step-9: clamp(5.16rem, 4.9896rem + 0.9052vw, 5.805rem);
  --step-10: clamp(6.192rem, 5.9875rem + 1.0862vw, 6.966rem);
  --step-11: clamp(7.4304rem, 7.185rem + 1.3034vw, 8.3592rem);
  --step-12: clamp(8.9165rem, 8.622rem + 1.5641vw, 10.031rem);

  /* doplněno do 15 */
  --step-13: clamp(10.6998rem, 10.3479rem + 1.8771vw, 12.0372rem);
  --step-14: clamp(12.8398rem, 12.4174rem + 2.2525vw, 14.4446rem);
  --step-15: clamp(15.4077rem, 14.9009rem + 2.7030vw, 17.3336rem);
}


/* ===== OPRAVA KAPITÁLEK U NADPISŮ ===== 
.brxe-heading {
  text-transform: none !important;
}*/ 

h1{
  text-transform: uppercase;
}

.poezie-vypis-ramecek.brxe-image{
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ===== VŠECHNY STRÁNKY PJH - ODKAZY VNĚJŠÍ ===== */
.link {
  color: #292626;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 400;
}

.link:hover,
.link:focus {
  color: #494949;
  font-weight: 400;
}

.stylovani-citace {
  font-family: ;
  font-weight: 400;
  color: #292626;
}

.stylovani-citace-seda {
  color: #292626;
  font-weight: 400;
}

.kurziva-pro-rozhovory-otazky {
  font-family: ;
  color: #292626;
  font-weight: 400;
}

.kurziva-pro-rozhovory-otazky-light {
  font-family: ;
  padding-top: 0px;
  color: #292626;
  font-weight: 400;
}

.oficialni {
  color: #292626;
}

.podnadpis-second {
  color: #292626;
  font-family: ;
  font-size: var(--step-1);
  letter-spacing: 1.5px;
}

.zakonceni-paragraph {
  padding-bottom: 30px;
}

b {
  color: #292626;
  font-weight: 400;
}

.nadpis-horni {
  margin-top: 0px;
}

/* ===== STYLOVÁNÍ PRO TEXTY ===== */
/* Archiv PJH - První písmeno odstavce */
.dc{
  float: left;
  font-family: "Hello", sans-serif;

  font-size: var(--step-8);
  line-height: 1;
  margin: 0.00em 0.20em 0 0;
}

/* =========================================================================================================================== */

/* ===== VŠECHNY STRÁNKY AGONY - STYLOVÁNÍ FONTŮ ===== */

.stylovani-citace-agony {
  font-family: "Roboto";
  font-weight: 600;
  color: #fff;
}

.h2-agony {
  font-family: "Hello";
  color: #aa1609;
  font-size: var(--step-6)
}

/*.stylovani-citace-agony {
  font-family: "Hello";
  font-weight: 400;
  color: #fff;
  font-size: var(--step-3);
}*/

.oficialni-agony {
  color: #aa1609;
}

.podnadpis-second-agony {
  color: #fff;
  font-family: ;
  font-size: var(--step-1);
  letter-spacing: 1.5px;
}

.zakonceni-paragraph-agony {
  padding-bottom: 30px;
}

.nadpis-horni-agony {
  margin-top: 0px;
  color: #fff;
}

/* Barva textu zůstane default (dědí se), barví se jen kolečko */
.li-agony{
  color: inherit;
}

/* Moderní prohlížeče */
.li-agony::marker{
  color: #aa1609;
}

.dc-ac{
  float: left;
  font-family: "Hello", sans-serif;

  font-size: var(--step-8);
  line-height: 1;
  margin: 0.00em 0.20em 0 0;
  color: #aa1609 !important;
}

/* =========================================================================================================================== */

/* ===== PRVNÍ PÍSMENO DYNAMICKÁ DATA pro PJH + AGONY ===== */
.dcdynamika{
  display: block; /* kvůli floatu u prvního písmene */
}

.dcdynamika::first-letter{
  float: left;
  font-family: "Hello", sans-serif;
  font-size: var(--step-8);
  line-height: 1;
  margin: 0 0.20em 0 0;
}

/* =========================================================================================================================== */
/* ====== BIO – RUČNĚ PSANÁ DĚLICÍ LINKA MEZI ODSTAVCI ====== */

.linkadecorativni{
  position: relative;
  padding-bottom: 25px; /* necháváme prostor na linku */
}

/* Ručně tažená linka */
.linkadecorativni::after{
  content: "";
  display: block;
  width: 100%;
  height: 10px;                 /* výška “kresby” */
  margin-top: 18px;             /* odstup od textu */
  background-repeat: repeat-x;
  background-size: 240px 10px;
  background-position: 0 50%;

  /* SVG “rovná, ale živá” linka */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 10'%3E%3Cpath d='M0 5 C 20 4, 40 6, 60 5 S 100 6, 120 5 S 160 4, 180 5 S 220 6, 240 5' fill='none' stroke='%23cccccc' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
}


/* =========================================================================================================================== */

/* ====== VŠECHNY STRÁNKY PJH - BUTTON KOLEČKO SE ŠIPKOU ====== */ 
.btn-arrow-circle { width: 48px; height: 48px; padding: 0; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background-color:#9e765700; border: 2px solid  #212121 !important; color: #ffffff; line-height: 1; } .btn-arrow-circle:hover, .btn-arrow-circle:focus, .btn-arrow-circle:focus-visible { background-color: #212121; }

/* =========================================================================================================================== */

/* ====== VŠECHNY STRÁNKY AGONY- BUTTON KOLEČKO SE ŠIPKOU ====== */
.btn-arrow-circle-agony{
  width: 48px;
  height: 48px;
  padding: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* výchozí stav: průhledné pozadí + viditelný růžový border */
  background-color: transparent !important;
  color:   #aa1609 !important;
  line-height: 1;

  border: 2px solid  #aa1609 !important;
}

.btn-arrow-circle-agony:hover,
.btn-arrow-circle-agony:focus,
.btn-arrow-circle-agony:focus-visible{
  background-color:  #aa1609 !important;
  border-color:  #aa1609 !important;
  color: #000 !important;
}

/* =========================================================================================================================== */

/* ===== STRÁNKA - KONTAKTNÍ FORMULÁŘ ===== */ 
.input, input:not([type=submit]), select, textarea {
  background-color: #FFFFFF80 ;
}

/* =========================================================================================================================== */

/* ===== STRÁNKA - VIDEO ===== */ 
.video-item iframe{
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.video-item:hover iframe{
  filter: grayscale(0%);
}

/* =========================================================================================================================== */

/* ===== STRÁNKA GALERIE - VÝPIS JEDNOTLIVÝCH FOTOALB ===== */ 
/* ===== Zde je kód, v builderu je úprava pro column gap a colum row vložená v kontajneru s bloky. ===== */ 


/* Desktop: 5 vedle sebe (4 mezery x 10 px = 40 px) */
.produkty-bloky-pro-sirku {
  width: calc((100% - 40px) / 5) !important;
}

/* Tablet: 3 vedle sebe (2 mezery x 10 px = 20 px) */
@media (max-width: 1100px) {
  .produkty-bloky-pro-sirku {
    width: calc((100% - 20px) / 3) !important;
  }
}

/* Menší tablet: 2 vedle sebe (1 mezera x 10 px = 10 px) */
@media (max-width: 768px) {
  .produkty-bloky-pro-sirku {
    width: calc((100% - 10px) / 2) !important;
  }
}

/* Mobil: 1 sloupec (žádné mezery) */
@media (max-width: 478px) {
  .produkty-bloky-pro-sirku {
    width: 100% !important;
  }
}

/* =========================================================================================================================== */

/* ===== STRÁNKA GALERIE - HOVER EFEKT ===== */
.produkty-bloky-pro-sirku{
  opacity: 1;
  position: relative;
  overflow: hidden;
}

/* ===== BAREVNÝ OVERLAY ===== */ 
.produkty-bloky-pro-sirku::after{
  content: "";
  position: absolute;
  inset: 0;
  background: #212121;  /* Změň na svou barvu */
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
  z-index: 2;
}

/* Na hover se zapne plná barva */
.produkty-bloky-pro-sirku:hover::after{
  opacity: 1;
}

.produkty-bloky-pro-sirku .nazev-alba{ position: relative; z-index: 3; }

/* =========================================================================================================================== */

/* ===== NĚKOLIK STRÁNEK S DÍLY - TVORBA VYPIS JEDNOTLIVÉHO DÍLA OBTÁKÁNÍ KOLEM HLAVNÍ PRODUKTOVÉ FOTKY ===== */ 
.rich-text-ve-float {
  margin-top: 0 !important;
}

/* ===== PLOVOUCI BOX ===== */ 
.plovouci-box {
  float: right; /* KLÍČOVÉ: Plave vlevo a umožňuje obtékání */
  width: 40%; /* Pevná šířka 40% */
  margin-left: 40px; /* Mezera od textu vpravo */
  margin-bottom: 40px;
}

/* Čistič obtékání */
.clear-fix {
  clear: both;
}

@media (max-width: 880px) {

  /* Vynucení změny pro plovoucí box na mobilu */
  .plovouci-box {
    float: none !important; /* Zruší obtékání */
    width: 100% !important; /* Na mobilu zabere plnou šířku */
    margin-left: 0 !important; 
    margin-bottom: 25px !important; 
  }

  /* Obrázek uvnitř se také roztáhne na plnou šířku */
  .plovouci-box img {
    width: 100%;
    height: auto;
  }
}

/* =========================================================================================================================== */

/* ===== PJH NAVIGACE ===== */
.pjh-nav-wrapper{
  position: relative; /* kvůli ručně tažené lince */
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 1rem;

  border-top: none; /* původní border pryč */
  margin-top: 2rem;

  /* původní odsazení + prostor pro linku */
  padding-top: calc(50px + 18px + 10px);
}

/* Ručně tažená linka nahoře (barvy neměním) */
.pjh-nav-wrapper::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  height: 10px;
  pointer-events: none;

  background-repeat: repeat-x;
  background-size: 240px 10px;
  background-position: 0 50%;

  /* SVG linka v původní barvě borderu #8c8c8c */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 10'%3E%3Cpath d='M0 5 C 20 4, 40 6, 60 5 S 100 6, 120 5 S 160 4, 180 5 S 220 6, 240 5' fill='none' stroke='%238c8c8c' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.pjh-nav-wrapper .ac-nav-left{ justify-self: start; text-align: left; }
.pjh-nav-wrapper .ac-nav-center{ justify-self: center; text-align: center; }
.pjh-nav-wrapper .ac-nav-right{ justify-self: end; text-align: right; }

.pjh-nav-wrapper a{
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  line-height: 1;

  background: none;
  border: none;
  color: #8c8c8c;
  text-decoration: none;
  padding: 0;
  transition: color 0.25s ease;
}

.pjh-nav-wrapper a:hover,
.pjh-nav-wrapper a:focus-visible{
  color: #212121;
  outline: none;
}

.pjh-nav-wrapper .ac-nav-left a::before{
  content: "⟵";
  display: inline-block;
  margin-right: .4em;
  color: inherit;
  line-height: 1;
}

.pjh-nav-wrapper .ac-nav-right a::after{
  content: "⟶";
  display: inline-block;
  margin-left: .4em;
  color: inherit;
  line-height: 1;
}

/* =========================================================================================================================== */

/* ===== PUBLICISTIKA NAVIGACE ===== */
.publicistika-nav-wrapper{
  position: relative; /* kvůli ručně tažené lince */
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 1rem;

  border-top: none; /* původní border pryč */
  margin-top: 2rem;

  /* původní odsazení + prostor pro linku */
  padding-top: calc(50px + 18px + 10px);
}

/* Ručně tažená linka nahoře (barvy neměním) */
.publicistika-nav-wrapper::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  height: 10px;
  pointer-events: none;

  background-repeat: repeat-x;
  background-size: 240px 10px;
  background-position: 0 50%;

  /* SVG linka v původní barvě borderu #8c8c8c */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 10'%3E%3Cpath d='M0 5 C 20 4, 40 6, 60 5 S 100 6, 120 5 S 160 4, 180 5 S 220 6, 240 5' fill='none' stroke='%238c8c8c' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.publicistika-nav-wrapper .ac-nav-left{ justify-self: start; text-align: left; }
.publicistika-nav-wrapper .ac-nav-center{ justify-self: center; text-align: center; }
.publicistika-nav-wrapper .ac-nav-right{ justify-self: end; text-align: right; }

.publicistika-nav-wrapper a{
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  line-height: 1;

  background: none;
  border: none;
  color: #8c8c8c;
  text-decoration: none;
  padding: 0;
  transition: color 0.25s ease;
}

.publicistika-nav-wrapper a:hover,
.publicistika-nav-wrapper a:focus-visible{
  color: #212121;
  outline: none;
}

.publicistika-nav-wrapper .ac-nav-left a::before{
  content: "⟵";
  display: inline-block;
  margin-right: .4em;
  color: inherit;
  line-height: 1;
}

.publicistika-nav-wrapper .ac-nav-right a::after{
  content: "⟶";
  display: inline-block;
  margin-left: .4em;
  color: inherit;
  line-height: 1;
}


/* =========================================================================================================================== */

/* ===== AGONY CONSCIENCE NAVIGACE (celé CSS) ===== */
.ac-nav-wrapper{
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 1rem;

  border-top: none;
  margin-top: 2rem;

  padding-top: calc(50px + 18px + 10px);
}

.ac-nav-wrapper::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  height: 10px;
  pointer-events: none;

  background-repeat: repeat-x;
  background-size: 240px 10px;
  background-position: 0 50%;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 10'%3E%3Cpath d='M0 5 C 20 4, 40 6, 60 5 S 100 6, 120 5 S 160 4, 180 5 S 220 6, 240 5' fill='none' stroke='%23aa1609' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Zarovnání v rámci gridu */
.ac-nav-wrapper .ac-nav-left{
  justify-self: start;
  text-align: left;
}

.ac-nav-wrapper .ac-nav-center{
  justify-self: center;
  text-align: center;
}

.ac-nav-wrapper .ac-nav-right{
  justify-self: end;
  text-align: right;
}

/* Odkazy – stabilní layout */
.ac-nav-wrapper a{
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  line-height: 1;

  background: none;
  border: none;

  color: #fff;
  text-decoration: none;
  padding: 0;
  transition: color 0.25s ease;
}

.ac-nav-wrapper a:hover,
.ac-nav-wrapper a:focus-visible{
  color: #aa1609;
  outline: none;
}

/* Šipky */
.ac-nav-wrapper .ac-nav-left a::before{
  content: "⟵";
  display: inline-block;
  margin-right: .4em;
  color: inherit;
  line-height: 1;
}

.ac-nav-wrapper .ac-nav-right a::after{
  content: "⟶";
  display: inline-block;
  margin-left: .4em;
  color: inherit;
  line-height: 1;
}


/* =========================================================================================================================== */

/* ===== BLOG NAVIGACE ===== */
.blog-nav-wrapper{
  position: relative; /* kvůli ručně tažené lince */
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 1rem;

  border-top: none; /* původní border pryč */
  margin-top: 2rem;

  /* původní odsazení + prostor pro linku */
  padding-top: calc(50px + 18px + 10px);
}

/* Ručně tažená linka nahoře (barvy neměním) */
.blog-nav-wrapper::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  height: 10px;
  pointer-events: none;

  background-repeat: repeat-x;
  background-size: 240px 10px;
  background-position: 0 50%;

  /* SVG linka v původní barvě borderu #8c8c8c */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 10'%3E%3Cpath d='M0 5 C 20 4, 40 6, 60 5 S 100 6, 120 5 S 160 4, 180 5 S 220 6, 240 5' fill='none' stroke='%238c8c8c' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.blog-nav-wrapper .ac-nav-left{ justify-self: start; text-align: left; }
.blog-nav-wrapper .ac-nav-center{ justify-self: center; text-align: center; }
.blog-nav-wrapper .ac-nav-right{ justify-self: end; text-align: right; }

.blog-nav-wrapper a{
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  line-height: 1;

  background: none;
  border: none;
  color: #8c8c8c;
  text-decoration: none;
  padding: 0;
  transition: color 0.25s ease;
}

.blog-nav-wrapper a:hover,
.blog-nav-wrapper a:focus-visible{
  color: #212121;
  outline: none;
}

.blog-nav-wrapper .ac-nav-left a::before{
  content: "⟵";
  display: inline-block;
  margin-right: .4em;
  color: inherit;
  line-height: 1;
}

.blog-nav-wrapper .ac-nav-right a::after{
  content: "⟶";
  display: inline-block;
  margin-left: .4em;
  color: inherit;
  line-height: 1;
}

/* =========================================================================================================================== */

/* ===== PEREXY HLAVNÍCH STRÁNEK - TEXT ROZDĚLENÍ NA DVA SLOUPCE ===== */
.gallery-intro-text {
  column-count: 2;
  column-gap: 35px; /* Mezera mezi sloupci, uprav podle designu */
}

@media (max-width: 1150px) {
  .gallery-intro-text {
    column-count: 1;
  }
}

/* =========================================================================================================================== */

/* ===== MOBILNÍ MENU  =====*/
#brxe-595b16 .bricks-mobile-menu-wrapper:before {
  background-color: #8c8c8c !important;
}

/* ===== AC submenu ===== */
#brxe-yynajy .bricks-mobile-menu > li > a {
  text-transform: capitalize;
  color: var(--bricks-color-91cc1b);
  background-color: #f64a4a !important;
}

#brxe-yynajy .bricks-mobile-menu > li > .brx-submenu-toggle {
  background-color: #fff !important;
}

/* =========================================================================================================================== */

/* ===== NAVIGACE ===== */
/* KOLEČKO PRO MENU Responziv 50px */
.bricks-mobile-menu-toggle{
  width: 50px !important;
  height: 50px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: none !important;
  padding: 0 !important;
  position: relative !important;
  box-sizing: border-box !important;
}

/* ČÁRKY – ČERNÉ (vždy vycentrované) */
.bricks-mobile-menu-toggle .bar-top,
.bricks-mobile-menu-toggle .bar-center,
.bricks-mobile-menu-toggle .bar-bottom{
  position: absolute !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  width: 26px !important;
  height: 3px !important;
  margin: 0 !important;

  background: #212121 !important;
  border-radius: 3px !important;
}

/* POZICE ČÁREK (řešené přes střed, aby se nic “nevychylovalo”) */
.bricks-mobile-menu-toggle .bar-center{ top: 50% !important; }
.bricks-mobile-menu-toggle .bar-top{ top: calc(50% - 8px) !important; }
.bricks-mobile-menu-toggle .bar-bottom{ top: calc(50% + 8px) !important; }