/* ERIPET Smart Slider 2.0 — full bleed background, Avada-aligned content */
.eripet-smart-slider{
  --eripet-mask-opacity:.57;
  --eripet-slider-height:650px;
  --eripet-mobile-height:500px;
  --eripet-content-left:40px;
  --eripet-content-right:40px;
  position:relative!important;
  display:block!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  height:var(--eripet-slider-height);
  min-height:200px;
  overflow:hidden;
  background:#111;
  padding:0!important;
  box-sizing:border-box;
}
.eripet-smart-slider *,
.eripet-smart-slider *:before,
.eripet-smart-slider *:after{box-sizing:border-box}
.eripet-slides,.eripet-slide{position:absolute;inset:0;width:100%;height:100%}
.eripet-slide{opacity:0;visibility:hidden;transition:opacity .7s ease;overflow:hidden}
.eripet-slide.is-active{opacity:1;visibility:visible}
.eripet-zoom-image{
  position:absolute;left:-5%;top:-5%;z-index:0;
  width:110%;height:110%;max-width:none;
  object-fit:cover;object-position:center;
  transform:scale(1.02);
  will-change:transform;
}
.eripet-slide.is-active .eripet-zoom-image{animation:eripet-zoom 8s ease-in-out forwards}
.eripet-image-slider[data-effect="pan"] .eripet-slide.is-active .eripet-zoom-image{animation:eripet-pan 8s ease-in-out forwards}
.eripet-image-slider[data-effect="zoom-out"] .eripet-slide.is-active .eripet-zoom-image{animation:eripet-zoom-out 8s ease-in-out forwards}
@keyframes eripet-zoom{from{transform:scale(1.02)}to{transform:scale(1.09)}}
@keyframes eripet-pan{from{transform:scale(1.07) translateX(-1%)}to{transform:scale(1.07) translateX(1%)}}
@keyframes eripet-zoom-out{from{transform:scale(1.10)}to{transform:scale(1.03)}}
.eripet-mask{
  position:absolute;inset:0;z-index:1;
  background:rgba(0,0,0,var(--eripet-mask-opacity));
  pointer-events:none;
}
.eripet-mask:after{
  content:"";position:absolute;inset:0;opacity:.10;
  background:repeating-linear-gradient(125deg,transparent 0,transparent 2px,rgba(255,255,255,.32) 2px,rgba(255,255,255,.32) 3px);
}
.eripet-slide-inner{
  position:absolute!important;
  z-index:2;
  left:var(--eripet-content-left)!important;
  right:var(--eripet-content-right)!important;
  top:0!important;
  bottom:0!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  height:auto!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:20px 0 0!important;
}
.eripet-slide-inner h1,
.eripet-slide-inner .eripet-title{
  margin:0!important;max-width:100%;
  color:#fff!important;font-size:clamp(34px,3.15vw,58px)!important;
  line-height:1.10!important;font-weight:800!important;letter-spacing:-.025em!important;
}
.eripet-slide-inner h2{
  margin:22px 0 8px!important;max-width:100%;
  color:#ffd000!important;font-size:clamp(20px,1.65vw,31px)!important;
  line-height:1.2!important;font-weight:800!important;
}
.eripet-slide-inner p{
  margin:0!important;max-width:100%;
  color:#fff!important;font-size:clamp(18px,1.45vw,27px)!important;
  line-height:1.3!important;font-weight:700!important;
}
.eripet-arrow{
  position:absolute;z-index:4;top:50%;transform:translateY(-50%);
  width:48px;height:72px;border:0!important;border-radius:0!important;
  background:rgba(0,0,0,.25)!important;color:#fff!important;
  font-size:48px!important;line-height:1!important;cursor:pointer;
}
.eripet-arrow:hover{background:rgba(0,0,0,.45)!important}
.eripet-prev{left:18px}.eripet-next{right:18px}
.eripet-dots{
  position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);
  display:flex;gap:9px;
}
.eripet-dots button{
  width:10px!important;height:10px!important;min-width:10px!important;
  padding:0!important;border:1px solid #fff!important;border-radius:50%!important;
  background:transparent!important;cursor:pointer;
}
.eripet-dots button.is-active{background:#fff!important}
.eripet-ss-admin-warning{
  padding:15px;background:#fff3cd;border-left:4px solid #ffb900;margin:15px 0;
}
@media(max-width:1024px){
  .eripet-smart-slider{height:var(--eripet-mobile-height)}
  .eripet-slide-inner h1,.eripet-slide-inner .eripet-title{font-size:clamp(30px,4.4vw,48px)!important}
  .eripet-slide-inner h2{font-size:clamp(19px,2.7vw,28px)!important}
  .eripet-slide-inner p{font-size:clamp(17px,2.3vw,24px)!important}
}
@media(max-width:767px){
  .eripet-smart-slider{height:var(--eripet-mobile-height)}
  .eripet-slide-inner h1,.eripet-slide-inner .eripet-title{font-size:clamp(27px,8vw,41px)!important;line-height:1.08!important}
  .eripet-slide-inner h2{margin-top:18px!important;font-size:clamp(18px,5.2vw,25px)!important}
  .eripet-slide-inner p{font-size:clamp(16px,4.7vw,22px)!important}
  .eripet-arrow{width:36px!important;height:55px!important;font-size:38px!important}
  .eripet-prev{left:7px}.eripet-next{right:7px}
}
@media(prefers-reduced-motion:reduce){
  .eripet-slide.is-active .eripet-zoom-image{animation:none!important;transform:scale(1.03)!important}
}

/* V6: the yellow/white text uses the exact same content box. */
.eripet-slide-inner h1,
.eripet-slide-inner .eripet-title,
.eripet-slide-inner h2,
.eripet-slide-inner p{
  margin-left:0!important;
  margin-right:0!important;
}

/* All hero text lines use exactly the same left edge. */
.eripet-hero-slider .eripet-slide-inner h1,
.eripet-hero-slider .eripet-slide-inner .eripet-title,
.eripet-hero-slider .eripet-slide-inner h2,
.eripet-hero-slider .eripet-slide-inner p{
  margin-left:0!important;
  padding-left:0!important;
  text-indent:0!important;
}


/* ===== Sloučeno z ERIPET Smart Slider – Mobile Fix 1.0.0 ===== */
/*
 * ERIPET Smart Slider – Mobile/Flyout override
 *
 * Desktop alignment is intentionally untouched.
 * At Avada's 800px header breakpoint the slider text stops following
 * the desktop header width and gets its own wider mobile content area.
 */

:root {
  --eripet-mobile-side-padding: 6vw;
}

@media (max-width: 799px) {

  /* The image and mask remain full bleed. */
  .eripet-smart-slider {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }

  /*
   * Do NOT use the desktop Avada coordinates here.
   * Give the mobile text its own wide content area.
   */
  .eripet-smart-slider .eripet-slide-inner {
    left: var(--eripet-mobile-side-padding) !important;
    right: var(--eripet-mobile-side-padding) !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /*
   * Smaller typography prevents the long headline from breaking into
   * one word per line on narrow phones.
   */
  .eripet-smart-slider .eripet-slide-inner h1,
  .eripet-smart-slider .eripet-slide-inner .eripet-title {
    width: 100% !important;
    max-width: none !important;
    font-size: clamp(26px, 6vw, 36px) !important;
    line-height: 1.07 !important;
    letter-spacing: -0.02em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .eripet-smart-slider .eripet-slide-inner h2 {
    width: 100% !important;
    max-width: none !important;
    margin-top: 16px !important;
    font-size: clamp(17px, 4.3vw, 23px) !important;
    line-height: 1.14 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .eripet-smart-slider .eripet-slide-inner p {
    width: 100% !important;
    max-width: none !important;
    font-size: clamp(15px, 3.7vw, 20px) !important;
    line-height: 1.22 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

/*
 * Very narrow phones: preserve readable proportions and prevent
 * the heading block from becoming too tall.
 */
@media (max-width: 480px) {
  :root {
    --eripet-mobile-side-padding: 5.5vw;
  }

  .eripet-smart-slider .eripet-slide-inner h1,
  .eripet-smart-slider .eripet-slide-inner .eripet-title {
    font-size: clamp(24px, 6.2vw, 31px) !important;
  }

  .eripet-smart-slider .eripet-slide-inner h2 {
    font-size: clamp(16px, 4.3vw, 20px) !important;
  }

  .eripet-smart-slider .eripet-slide-inner p {
    font-size: clamp(14px, 3.7vw, 18px) !important;
  }
}


/* ===== V3.6.1: robust mobile hero/image rendering ===== */
@media (max-width: 799px) {
  .eripet-smart-slider {
    height: clamp(360px, 72svh, 500px) !important;
    min-height: 360px !important;
    overflow: hidden !important;
    isolation: isolate;
  }

  .eripet-smart-slider .eripet-slides,
  .eripet-smart-slider .eripet-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  /* Override theme image rules that can leave the lower part of the slide black. */
  .eripet-smart-slider img.eripet-zoom-image {
    position: absolute !important;
    display: block !important;
    left: -5% !important;
    top: -5% !important;
    width: 110% !important;
    height: 110% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .eripet-smart-slider .eripet-mask {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .eripet-smart-slider .eripet-slide-inner {
    top: 0 !important;
    bottom: 0 !important;
    height: auto !important;
    justify-content: center !important;
    padding-top: 12px !important;
    padding-bottom: 34px !important;
  }
}

@media (max-width: 480px) {
  .eripet-smart-slider {
    height: clamp(340px, 68svh, 440px) !important;
    min-height: 340px !important;
  }
}