.elementor-kit-5{background-image:url("https://www.likvidacia-srsnov.sk/wp-content/uploads/2021/01/background_likvidacia-srsnov.sk_.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(min-width:1025px){.elementor-kit-5{background-attachment:fixed;}}@media(max-width:1024px){.elementor-kit-5{background-image:url("https://www.likvidacia-srsnov.sk/wp-content/uploads/2021/01/smartphone-view-background_likvidacia-srsnov.sk_.jpg");background-position:bottom center;background-repeat:repeat;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{background-image:url("https://www.likvidacia-srsnov.sk/wp-content/uploads/2021/01/mob-view-background_likvidacia-srsnov.sk_.webp");background-repeat:repeat-y;background-size:auto;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@font-face{
  font-family: 'Inter';
  src: url('/wp-content/uploads/fonts/inter-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: 'Quicksand';
  src: url('/wp-content/uploads/fonts/quicksand-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: 'Quicksand';
  src: url('/wp-content/uploads/fonts/quicksand-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

strong,
b {
  font-weight: 700;
}


:root{
  --ff-head: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ff-body: 'Quicksand', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;

  --c-white: #FFFFFF;
  --c-text: #1a1200;
  --c-link: #BC7700;
  --c-green: #1E5208;

  --c-main: #FFB800;
  --c-btn-bg-hover: #FFc42e;
  --c-btn-text: #1a1200;


  --fs-hero-h1: clamp(2.25rem, 1.96rem + 1.282vw, 2.875rem);
  --fs-hero-h2: clamp(1.5rem, 1.09rem + 1.795vw, 2.375rem);


  /* Body heading */
  --fs-h2: clamp(1.5rem, 1.2vw + 1.25rem, 1.75rem);

  /* Body text size */
  --fs-body: clamp(1.0625rem, 0.98rem + 0.25vw, 1.125rem); 

  /* H3/H4 */
  --fs-h3: clamp(1.25rem, 0.95rem + 0.9vw, 1.5rem);
  --fs-h4: clamp(1.125rem, 0.95rem + 0.5vw, 1.25rem);

  /* Line-heights */
  --lh-head: 1.15;
  --lh-body: 1.7;
  --lh-list: 1.45;

  /* Spacing */
  --sp-2: clamp(0.75rem, 0.55rem + 0.9vw, 1.25rem);
  --sp-4: clamp(1.5rem, 1.0rem + 2.0vw, 2.5rem);
  --sp-6: clamp(2.5rem, 1.5rem + 3.5vw, 4.5rem);

   --radius-md: 0.5rem;
   --radius-img: 1.0625rem; /* 17px */
}    

body{
  font-family: var(--ff-body);
  font-weight: 600;
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--c-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


main .elementor-widget-text-editor a,
main p a,
main li a{
  font-weight: 700 !important;
  color: var(--c-link);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

main .elementor-widget-text-editor a:hover,
main p a:hover,
main li a:hover{
  color: var(--c-main);
}


/* Headings (global) */
h1,h2,h3,h4{
  font-family: var(--ff-head);
  font-weight: 800;
  line-height: var(--lh-head);
  color: var(--c-text);
  margin: 0 0 .6em;
}

main .elementor-widget-heading .elementor-heading-title{
  line-height: var(--lh-head);
}

main h1.elementor-heading-title {
    line-height:1.05em;
}


main h4.elementor-heading-title{
    line-height:var(--lh-head);
    font-family: var(--ff-body);
    font-weight: 700;
    font-size:1.25rem;
    color: #696056;
}


/* Default veľkosti mimo hero */
h2{ font-size: var(--fs-h2); }
h3{ font-size: var(--fs-h3); }
h4{ font-size: var(--fs-h4); }

/* Strong + list emphasis */
strong{ font-weight: 700; }

/* Lists default */
ul, ol{
  margin: 0 0 1em;
  padding-left: 1.25em;
}


/* Odrážkové sekcie */
.bullets-strong,
.bullets-strong li{
  font-family: var(--ff-body);
  font-weight: 700;
  color: var(--c-text);
}

/* Images baseline */
img{ max-width:100%; height:auto; display:block; }

.elementor-widget-image img{
  border-radius: var(--radius-img);
}

/* ZOZNAM S IKONAMI */
.list-arrows ul{
  list-style: none;
  padding: 0;
  margin: 0 0 1em;
}

.list-arrows li{
  position: relative;
  font-family: var(--ff-body);
  padding-left: 1.6em;
  margin-bottom: .9em;
  font-weight: 700 !important;
  line-height: var(--lh-list);
}

.list-arrows li::before{
  content: "";
  position: absolute;
  left: 0;
  top: .48em;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid var(--c-main);
}

/* SPLIT H3 nadpis - názov osa a sršeň */
h3 .h3-top{
  display: block;
  font-family: var(--ff-head);
  font-weight: 800;
  color: var(--c-link);
}
h3 .h3-bottom{
  display: block;
  font-family: var(--ff-body);
  font-weight: 700;
  color: var(--c-text);
  font-size: 0.9em;
}
@media (max-width: 767px){
  h3 .h3-top,
  h3 .h3-bottom{
    text-align: center;
    font-size: 1.2em;
  }
}


/* ==============================
   BUTTONS
============================== */

/* Hero tel button (var.1) */
.btn-hero-tel .elementor-button,
.elementor-button.btn-hero-tel{
  background: var(--c-main);
  color: var(--c-btn-text);
  font-family: var(--ff-head);
  font-weight: 800;
  font-size: 1.75rem;
  line-height: 1.05;
  border-radius: 999px;
  padding: 1rem 1.75rem;
  letter-spacing: .2px;
  margin-top: 0rem;
  
}
.btn-hero-tel .elementor-button:hover,
.elementor-button.btn-hero-tel:hover{
  background: var(--c-btn-bg-hover);
}

/* aby sa text/link vnútri neprefarbil */
.btn-hero-tel .elementor-button span{ color: inherit; }

/* General button (var.2) */
.btn-main .elementor-button,
.elementor-button.btn-main{
  background: var(--c-main);
  color: var(--c-btn-text);
  font-family: var(--ff-head);
  font-weight: 800;
  font-size: 16px;
  line-height: 1.1;
  text-transform: uppercase;
  border-radius: 12px;
  padding: 0.95rem 1.5rem;
  letter-spacing: .2px;
}

@media (max-width: 767px){
  .btn-main .elementor-button,
  .elementor-button.btn-full-mobile{
    width: 100%;
    display: flex;
    justify-content: center; 
  }
}



.btn-main .elementor-button:hover,
.elementor-button.btn-main:hover{
  background: var(--c-btn-bg-hover);
}

/* HERO SVG icon color fix */
.btn-hero-tel .elementor-button-icon svg,
.btn-hero-tel .elementor-button-icon svg * {
  fill: currentColor;
  stroke: currentColor;
}

/* HERO SVG icon color fix */
.btn-main .elementor-button-icon svg,
.btn-main .elementor-button-icon svg * {
  fill: currentColor;
  stroke: currentColor;
}


/* Force body font inside Elementor content */
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li,
.elementor-widget-text-editor a{
  font-family: var(--ff-body);
  font-weight: 600;
}



/* ===================================
   HERO PRE DESKTOP + TAB
   =================================== */
.hero-section{
  text-align: center;

  /* Fluid vertical spacing */
  padding-top: clamp(16rem, 12rem + 10vw, 24rem);
  padding-bottom: clamp(2rem, -8rem + 20vw, 12rem);

  /* Stále fixné */
  padding-left: 1rem;
  padding-right: 1rem;
}


.hero-section h1{
  font-size: var(--fs-hero-h1);
  font-family: var(--ff-head);
  font-weight: 800;
  color: var(--c-white);
}

.hero-section h2{
  font-size: var(--fs-hero-h2);
  font-family: var(--ff-body);
  font-weight: 600;
  color: var(--c-white);
}

.service-city h2{
  color: var(--c-main);
  font-family: var(--ff-body);
  font-size: clamp(1.25rem, 1.08rem + 0.769vw, 1.625rem);
  font-weight: 700;
  margin: 0;
  padding: 0;
  align-self: center;
}


/* ===================================
   HERO – Second
=================================== */

.hero-second{
  text-align: center;
  padding-top: 16rem;
  padding-bottom: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.hero-second h1{
  font-size: var(--fs-hero-h1);
  font-family: var(--ff-head);
  font-weight: 800;
  color: var(--c-white);
}

.hero-second a{
    color: var(--c-main);
}

.hero-second p{
    color: var(--c-white);
}


/* ===================================
   HERO – MOBILE VIEW
=================================== */
.hero-section-mob{
  text-align: center;

  /* Fluid vertical spacing */
  padding-top: clamp(18rem, 12rem + 10vw, 24rem);
  padding-bottom: clamp(1rem, -8rem + 20vw, 12rem);

  /* Stále fixné */
  padding-left: 1rem;
  padding-right: 1rem;
}


.hero-section-mob{
    text-align: left;
}

.hero-section-mob h1{
  font-size: var(--fs-hero-h1);
  font-family: var(--ff-head);
  font-weight: 800;
  text-transform: upprcase;
  color: var(--c-white);
}

.hero-section-mob h2{
  font-size: var(--fs-hero-h2);
  font-family: var(--ff-body);
  font-weight: 600;
  color: var(--c-white);
}

/*  FAKE KEN BURNS (mobile hero) */
.hero-ken{
  position: relative;
  overflow: hidden;
}

.hero-ken::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  transform: scale(1.06);
  will-change: transform;
  animation: kenburnsMobile 14s ease-in-out infinite alternate;
  z-index: 0;
}

/* obsah nad animovaným bg */
.hero-ken > .e-con-inner,
.hero-ken > .elementor-container{
  position: relative;
  z-index: 1;
}

@keyframes kenburnsMobile{
  0%   { transform: scale(1.06) translate3d(0,0,0); }
  100% { transform: scale(1.14) translate3d(-6%, -3%, 0); }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .hero-ken::before{
    animation: none !important;
    transform: scale(1.08);
  }
}


/* ===================================
   HERO PÁS S TEL - len pre mobil
   =================================== */

.hero-cta-mob{
  padding: 1rem;
  text-align: center;
}

.hero-cta-mob p{
  color: var(--c-main);
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.hero-cta-mob h2{
  color: var(--c-main);
  font-family: var(--ff-body);
  font-size: clamp(1.25rem, 1.08rem + 0.769vw, 1.625rem);
  font-weight: 700;
  margin: 0;
  padding: 0;
}





/* =========================
   CTA BUTTON – BASE
========================= */
.btn-cta .elementor-button,
.elementor-button.btn-cta{
  background: transparent;
  border: 0 !important;
  box-shadow: none;
  padding: 0;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

/* HOVER EFFECT */
.btn-cta .elementor-button-icon svg,
.btn-cta .elementor-button-icon svg *{
  transition: transform .2s ease;
}

/* Zväčšenie */
.btn-cta .elementor-button:hover .elementor-button-icon svg{
  transform: scale(1.17);
}

/* ikonka + text layout */
.btn-cta .elementor-button-icon,
.elementor-button.btn-cta .elementor-button-icon{
  width: 38px;
  height: 38px;
  margin-right: 7px;
  border-radius: 7px;
  background: var(--c-main);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
}

/* SVG farba (rovnaká ako tel: c-text) */
.btn-cta .elementor-button-icon svg,
.btn-cta .elementor-button-icon svg *{
  width: 24px;
  height: 24px;
  fill: var(--c-text);
  stroke: var(--c-text);
}

/* text default */
.btn-cta .elementor-button-text,
.elementor-button.btn-cta .elementor-button-text{
  color: var(--c-white);
  line-height: 1.1;
  display: inline-flex;
  align-items: center;
  transition: color .2s ease;
}

/* hover */
.btn-cta .elementor-button:hover .elementor-button-text,
.elementor-button.btn-cta:hover .elementor-button-text{
  color: var(--c-main);
}


/* =========================
   MODIFIER: TEL
========================= */
.btn-cta--tel .elementor-button-text,
.elementor-button.btn-cta--tel .elementor-button-text{
  font-family: var(--ff-head);
  font-weight: 800;
  font-size: 24px;
}

/* =========================
   MODIFIER: MAIL
========================= */
.btn-cta--mail .elementor-button-text,
.elementor-button.btn-cta--mail .elementor-button-text{
  font-family: var(--ff-body);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  text-align: left;

}

/* (voliteľné) menšia ikonka pri mail variante */
.btn-cta--mail .elementor-button-icon svg,
.btn-cta--mail .elementor-button-icon svg *{
  width: 22px;
  height: 22px;
}

/* =========================
   MODIFIER: WHATSAPP
========================= */
.btn-cta--wa .elementor-button-text,
.elementor-button.btn-cta--wa .elementor-button-text{
  font-family: var(--ff-head);
  font-weight: 800;
  font-size: 18px;
}

/* =======================================
   CONTACT MODIFIER 
======================================= */

/* Text farba (default) */
.btn-cta--contact .elementor-button-text,
.elementor-button.btn-cta--contact .elementor-button-text{
  color: var(--c-text);
}

/* Hover: text -> green */
.btn-cta--contact .elementor-button:hover .elementor-button-text,
.elementor-button.btn-cta--contact:hover .elementor-button-text{
  color: var(--c-green);
}

/* Icon box: väčší + green background */
.btn-cta--contact .elementor-button-icon,
.elementor-button.btn-cta--contact .elementor-button-icon{
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  margin-right: 14px;
  background: var(--c-green);
  border-radius: 12px; /* nech je to “kocka” s radius */
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* SVG default: c-text */
.btn-cta--contact .elementor-button-icon svg,
.btn-cta--contact .elementor-button-icon svg *{
  width: 32px;
  height: 32px;
  fill: var(--c-white);
  stroke: var(--c-white);
  transition: fill .2s ease, stroke .2s ease, transform .2s ease;
}

/* Hover: SVG -> white */
.btn-cta--contact .elementor-button:hover .elementor-button-icon svg,
.btn-cta--contact .elementor-button:hover .elementor-button-icon svg *,
.elementor-button.btn-cta--contact:hover .elementor-button-icon svg,
.elementor-button.btn-cta--contact:hover .elementor-button-icon svg *{
  fill: var(--c-white);
  stroke: var(--c-white);
}

/* jemný pop ikonky na hover */
.btn-cta--contact .elementor-button:hover .elementor-button-icon svg,
.elementor-button.btn-cta--contact:hover .elementor-button-icon svg{
  transform: scale(1.06);
}

/* =======================================
   CONTACT SIZE ADJUSTMENTS (+2px)
======================================= */

/* TEL (24 → 26) */
.btn-cta--tel.btn-cta--contact .elementor-button-text,
.elementor-button.btn-cta--tel.btn-cta--contact .elementor-button-text{
  font-size: 32px;
}

/* MAIL (18 → 20) */
.btn-cta--mail.btn-cta--contact .elementor-button-text,
.elementor-button.btn-cta--mail.btn-cta--contact .elementor-button-text{
  font-size: 18px;
}

/* WHATSAPP (18 → 20) + Inter 800 */
.btn-cta--whatsapp.btn-cta--contact .elementor-button-text,
.elementor-button.btn-cta--whatsapp.btn-cta--contact .elementor-button-text{
  font-family: var(--ff-head);
  font-weight: 800;
  font-size: 26px;
}








.section-title {
    text-align: center;
    margin-bottom: 1.5rem;
    position: relative;
    color: var(--c-text);
    display: inline-block;
}

.section-title:after {
    content: "";
    display: block;
    width: clamp(60px, 6vw, 100px);
    height: 4px;
    background-color: var(--c-main);
    margin: 1rem auto;
    border-radius: 4px;
    transition: width 0.4s ease ;
}


.btn .elementor-button{
  font-family:"Inter",system-ui,sans-serif;
  font-weight: 800;
  text-transform:uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size:1.125rem;
  letter-spacing: 0.01rem;
  font-weight:800;
  line-height:1.5;
  padding: 0.75rem 1.5rem;
  border-radius:var(--radius-md);
  background-color:var(--primary);
  color:var(--secondary);
}

.btn .elementor-button:hover{
  background-color:var(--primary-light);
}

.elementor-icon-wrapper{
  line-height: 0;
}

.benefit-icon .elementor-icon{
  font-size:32px;
  color: var(--c-text);
  background: var(--c-main);
  width:54px;
  height: 54px;
  
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.benefit-title,
.benefit-title .elementor-heading-title{
  font-family: "Inter", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1em;
  font-size:22px;
  color: var(--c-main);
}

@media (max-width: 767px){
  .benefit-title .elementor-heading-title{
   font-size:19px;
  }
}

.benefit-desc p{
  line-height: 1.2em;
  font-size:17px;
  margin:0 !important;
  color: #F5F4EB;
}

@media (max-width: 767px){
  .benefit-desc p{
   font-size:16px;
  }
}

.benefit-con{
padding: 0;
gap: 2px;
}

.benefit-container{
background: var(--c-text);
border: solid 1.5px var(--c-main);
border-radius: 1rem;
gap: 1.25rem;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}

.cta-wrap{
padding: 1rem;
background-color: var(--c-main);
text-align: center;
}

.cta-wrap h2{
    font-size: 32px;
}

#breadcrumbs {
    font-size: 17px;
    text-transform: uppercase;
}

/* Kontaktný formulár */
.cf7-form .wpcf7-form-control-wrap{display:block}
.cf7-form input[type="text"],
.cf7-form input[type="email"],
.cf7-form input[type="tel"],
.cf7-form input[type="textarea"],
.cf7-form textarea{
  width:100%; padding:14px 16px;
  font:600 15px/1.4 "Quicksand",system-ui,sans-serif;
  color:var(--c-text); background:var(--c-white);
  border:2px solid var(--c-main); border-radius:6px;
  transition:border-color .1s ease, box-shadow .1s ease;
}
.cf7-form input:focus,.cf7-form textarea:focus{
  outline:0; border-color:var(--c-main);
  box-shadow:0 0 0 2px rgba(253,195,13,.25);
}
.cf7-form textarea{height:150px;resize:vertical;}

/* CF7 – 2 cols */
.cf7-form .cf7-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
.cf7-form .cf7-col--full{grid-column:1/-1}
.cf7-form .cf7-col,.cf7-form .cf7-col--full{min-width:0}

/* CF7 – button + sending */
.cf7-form input[type="submit"]{
  background:var(--c-green); color:var(--c-white);
  font: 16px 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  text-transform:uppercase;
  padding:14px 28px; border:0; border-radius:7px;
  cursor:pointer; display:inline-flex; align-items:center; justify-content:center;
  transition:transform .1s ease, box-shadow .1s ease;
}
.cf7-form input[type="submit"]:hover{transform:translateY(-1px); background: var(--c-white); color:var(--c-green); box-shadow:0 6px 18px rgba(0,0,0,.15)}
.cf7-form .wpcf7-form.submitting input[type="submit"]{opacity:.75; pointer-events:none}
.cf7-form .wpcf7-spinner{margin-left:10px}

/* CF7 – validation + messages */
.cf7-form .wpcf7-not-valid{border-color:#d93025}
.cf7-form .wpcf7-not-valid-tip{font-size:13px; color:#d93025; margin-top:4px}
.cf7-form .wpcf7-response-output{
  margin:20px 0 0; padding:14px 16px; border-radius:6px; font-size:15px;
  border:1px solid rgba(0,0,0,.15); background:#fff; color:var(--c-dark);
  background:#d93025;
}
    
.cf7-form .wpcf7-form.sent .wpcf7-response-output{background:#e8f5e9; border-color:#2e7d32; color:#2e7d32}
.cf7-form .wpcf7-form.invalid .wpcf7-response-output,
.cf7-form .wpcf7-form.failed .wpcf7-response-output,
.cf7-form .wpcf7-form.aborted .wpcf7-response-output{background:#fdeaea; border-color:#d93025; color:#d93025}

@media (max-width:768px){
  .cf7-form .cf7-grid{grid-template-columns:1fr}
  .cf7-form input,.cf7-form textarea{font-size:16px}
  .cf7-form input[type="submit"]{width:100%}
}

/* Kontaktný formulár - kontajner/pozadie */

.cf-7-box{
    border-radius: 1rem;
    box-shadow: 3px 6px 2px rgba(0,0,0,.12);
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    background-image: url('/wp-content/uploads/2026/02/bck-cf7.webp');
   background-position: left bottom;
   background-repeat: no-repeat;
   background-size: cover;
}

@media (max-width: 767px){
  .cf-7-box{
    padding-top: 3rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0rem;
  }
}

.cf-7 p{
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  margin: 0;
  font-size: 16px;
  line-height: 1.35em;
}

/* =========================================================
   MOBILE BOTTOM BAR
========================================================= */

.mobile-bottom-bar {
  --mbb-icon-size: 20px;
  --mbb-text-size: clamp(0.92rem, 3.8vw, 1rem);

  position: fixed !important;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;

  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  --min-height: 0 !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 12px;

  padding: 0.85rem 1.25rem calc(0.85rem + env(safe-area-inset-bottom));
  background: #0f0b07;
  box-shadow: 0 -8px 18px rgba(0, 0, 0, 0.18);

  transform: translateY(140%);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.65s ease, opacity 0.65s ease;
}

.mobile-bottom-bar,
.mobile-bottom-bar * {
  box-sizing: border-box;
}

.mobile-bottom-bar.is-visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.mobile-bottom-bar.hide-for-footer {
  transform: translateY(140%);
  opacity: 0;
  pointer-events: none;
}

/* Button widgety roztiahnuť */
.mobile-bottom-bar > *,
.mobile-bottom-bar .elementor-widget-button,
.mobile-bottom-bar .mbb-phone,
.mobile-bottom-bar .mbb-whatsapp {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Elementor obaly */
.mobile-bottom-bar .elementor-widget-container,
.mobile-bottom-bar .elementor-button-wrapper {
  width: 100% !important;
  height: 100% !important;
}

/* Button */
.mobile-bottom-bar .elementor-button {
  width: 100% !important;
  min-height: 42px !important;
  padding: 7px 10px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 10px !important;
  border: 1px solid transparent;
  box-shadow: none !important;
  line-height: 1 !important;

  transition:
    transform 0.18s ease,
    filter 0.18s ease,
    background-color 0.18s ease,
    border-color 0.18s ease;
}

/* Ikona + text */
.mobile-bottom-bar .elementor-button-content-wrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  line-height: 1 !important;
}

.mobile-bottom-bar .elementor-button-icon {
  margin: 0 !important;
  font-size: var(--mbb-icon-size) !important;
  line-height: 1 !important;
  flex-shrink: 0;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.mobile-bottom-bar .elementor-button-icon i {
  font-size: var(--mbb-icon-size) !important;
  line-height: 1 !important;
}

.mobile-bottom-bar .elementor-button-icon svg {
  width: var(--mbb-icon-size) !important;
  height: var(--mbb-icon-size) !important;
  display: block;
  flex-shrink: 0;
}

.mobile-bottom-bar .elementor-button-text {
  font-size: var(--mbb-text-size) !important;
  font-weight: 700;
  line-height: 1 !important;
  white-space: nowrap;
}

/* Telefón */
.mobile-bottom-bar .mbb-phone .elementor-button {
  background: #fac606 !important;
  border-color: #fac606 !important;
}

.mobile-bottom-bar .mbb-phone .elementor-button,
.mobile-bottom-bar .mbb-phone .elementor-button-text,
.mobile-bottom-bar .mbb-phone .elementor-button-icon,
.mobile-bottom-bar .mbb-phone .elementor-button-icon i {
  color: #0f0b07 !important;
}

.mobile-bottom-bar .mbb-phone svg,
.mobile-bottom-bar .mbb-phone svg * {
  fill: #0f0b07 !important;
}

/* WhatsApp */
.mobile-bottom-bar .mbb-whatsapp .elementor-button {
  background: transparent !important;
  border-color: #25d366 !important;
}

.mobile-bottom-bar .mbb-whatsapp .elementor-button-text {
  color: #f7eade !important;
}

.mobile-bottom-bar .mbb-whatsapp .elementor-button-icon,
.mobile-bottom-bar .mbb-whatsapp .elementor-button-icon i {
  color: #25d366 !important;
}

.mobile-bottom-bar .mbb-whatsapp svg,
.mobile-bottom-bar .mbb-whatsapp svg * {
  fill: #25d366 !important;
}

/* Desktop skryť */
@media (min-width: 768px) {
  .mobile-bottom-bar {
    display: none !important;
  }
}

/* Malé mobily */
@media (max-width: 360px) {
  .mobile-bottom-bar {
    --mbb-icon-size: 19px;
    --mbb-text-size: 0.82rem;

    gap: 7px;
    padding: 0.75rem 0.85rem calc(0.75rem + env(safe-area-inset-bottom));
  }

  .mobile-bottom-bar .elementor-button {
    min-height: 38px !important;
    padding: 6px 8px !important;
  }

  .mobile-bottom-bar .elementor-button-content-wrapper {
    gap: 7px;
  }
}

@media (hover: hover) and (pointer: fine) {
  .mobile-bottom-bar .elementor-button:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
  }
}

/* Klik / dotyk efekt */
.mobile-bottom-bar .elementor-button:active {
  transform: scale(0.97);
  filter: brightness(0.96);
}

@media (prefers-reduced-motion: reduce) {
  .mobile-bottom-bar,
  .mobile-bottom-bar .elementor-button {
    transition: none !important;
  }
}/* End custom CSS */