:root{
    --urug-zak-primary:#a700a8;
    --urug-zak-primary-700:#921c80; /* hover */
    --urug-zak-bg:#faf7fb;
    --urug-zak-dark:#2a2530;
    --urug-zak-muted:#6d6373;
    --urug-zak-border:#ead9ee;
    --urug-zak-white:#ffffff;
    --urug-zak-radius:20px;
    --urug-zak-shadow:0 10px 30px rgba(167,0,168,0.15);
  }
/* Smooth scroll (globálně) */
html { scroll-behavior: smooth; }

/* Cíl kotvy nezastrčit pod sticky header (uprav výšku dle webu) */
#urug-zak-form, .urug-zak-form-sec { scroll-margin-top: 90px; }

  /* ====== Reset & base ====== */
  .urug-zak-wrap *{box-sizing:border-box}
  .urug-zak-wrap{
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
    color:var(--urug-zak-dark);
    line-height:1.5;
  }
  .urug-zak-container{
    max-width:1100px;
    margin-inline:auto;
    padding:clamp(16px,3vw,28px);
  }
  .urug-zak-h1{
    font-size:clamp(28px,4.2vw,48px);
    line-height:1.1;
    margin:0 0 12px 0;
    letter-spacing:-0.02em;
  }
  .urug-zak-lead{
    font-size:clamp(16px,1.8vw,20px);
    color:var(--urug-zak-muted);
    margin:0 0 20px 0;
  }
  .urug-zak-btn{
    display:inline-block;
    background:var(--urug-zak-primary);
    color:#fff;
    padding:14px 22px;
    border-radius:999px;
    text-decoration:none;
    font-weight:700;
    letter-spacing:.2px;
    box-shadow:var(--urug-zak-shadow);
    transition:transform .15s ease, background .2s ease;
  }
  .urug-zak-btn:hover{background:var(--urug-zak-primary-700); transform:translateY(-1px);}
  .urug-zak-btn:active{transform:translateY(0);}

  /* ====== Hero ====== */
.urug-zak-hero{ background:transparent; padding:0; margin:0 0 32px; }
.urug-zak-hero-card{
  max-width:1100px;                 /* přesně jako formulář */
  margin:0 auto;
  padding:24px 24px 28px;
  background:
    radial-gradient(1200px 400px at 10% -10%, rgba(167,0,168,.10), transparent 60%),
    radial-gradient(1000px 500px at 110% 0%, rgba(146,28,128,.10), transparent 60%),
    var(--urug-zak-bg);
  border:1px solid var(--urug-zak-border);
  border-radius:24px;               /* zaoblené rohy hero */
  box-shadow:var(--urug-zak-shadow);
}
.urug-zak-hero-grid{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:18px;
}
.urug-zak-hero .urug-zak-hero-inner{
  width:100%;
  max-width:1100px;        /* shodné s formulářem */
  margin-inline:auto;
}
/* CTA na střed */
.urug-zak-hero .urug-zak-btn{ margin-inline:auto; }

/* banner přes celou šířku kontejneru */
.urug-zak-hero-img{
  width:100%;
  display:block;
  border-radius:var(--urug-zak-radius);
  box-shadow:var(--urug-zak-shadow);
}

  @media (max-width:900px){
    .urug-zak-hero-grid{grid-template-columns:1fr;}
  }

  /* ====== Section headings ====== */
  .urug-zak-section-title{
    font-size:clamp(22px,3vw,36px);
    margin:0 0 14px 0;
    letter-spacing:-.01em;
  }
  .urug-zak-section{
    padding:clamp(28px,5vw,56px) 0;
  }

  /* ====== Video ====== */
  .urug-zak-video-wrap{
    background:linear-gradient(180deg, #fff 0, #fff 20%, var(--urug-zak-bg) 100%);
    border:1px solid var(--urug-zak-border);
    border-radius:var(--urug-zak-radius);
    padding:12px;
    box-shadow:var(--urug-zak-shadow);
  }
  .urug-zak-video{
    width:100%;
    display:block;
    border-radius:calc(var(--urug-zak-radius) - 8px);
    outline:none;
  }
/* nadpis videa */
.urug-zak-video-title{
  font-size:clamp(26px,3.8vw,36px);
  letter-spacing:-0.02em;
  margin:10px 0 8px 0;
}
/* ==== VIDEO 9:16 – desktop i mobil ==== */
/* Rámeček s pevným poměrem: šířka se dopočítá z výšky, ať není video přes celou šířku. */
.urug-zak-video-shell{
  height:clamp(520px, 90vh, 820px); /* nastav výšku a dopočítáme šířku podle 9:16 */
  aspect-ratio: 9 / 16;
  width:auto;
  max-width:100%;
  margin-inline:auto;
  border-radius:20px; border:1px solid var(--urug-zak-border);
  box-shadow:var(--urug-zak-shadow);
  overflow:hidden; background:#000; position:relative;
}
@media (max-width: 768px){
  /* na mobilu výška téměř fullscreen */
  .urug-zak-video-shell{ height: 96vh; }
}
.urug-zak-video-preview{
  width:100%; height:100%; display:block; object-fit:cover;
}
.urug-zak-play-btn{
  position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);
  font-size:64px; color:#fff; text-shadow:0 0 10px rgba(0,0,0,.6); pointer-events:none;
}
.urug-zak-video-shell video{
  width:100%; height:100%; object-fit:cover; display:block; background:#000;
}

/* Jemné rozestupy nahoře */
.urug-zak-hero .urug-zak-lead{ margin-bottom: 8px; }
  /* ====== Form section (styles override for Formeo markup) ====== */
  .urug-zak-form-sec{
    background:
      radial-gradient(1000px 300px at -10% 0%, rgba(167,0,168,.10), transparent 60%),
      radial-gradient(1000px 300px at 110% 100%, rgba(146,28,128,.12), transparent 60%),
      #f4eaf6;
    border:1px solid var(--urug-zak-border);
    border-radius:var(--urug-zak-radius);
    box-shadow:var(--urug-zak-shadow);
  }
  .urug-zak-form-head{
    padding:28px 28px 0 28px;
  }
  .urug-zak-form-head h2{
    margin:0;
    font-size:clamp(22px,2.6vw,30px);
  }
  .urug-zak-form-body{
    padding:0px 28px 0px 28px;
  }

/* ===== Formeo generic selectors inside wrapper (kompaktní) ===== */
#wt-form-wrapper-6CNJA .formeo-row-wrap{ margin: 6px 0; }
#wt-form-wrapper-6CNJA .f-field-group{ margin: 6px 0; }

#wt-form-wrapper-6CNJA label{
  font-weight:700;
  color:var(--urug-zak-dark);
  margin-bottom:4px;
  display:inline-block;
}

#wt-form-wrapper-6CNJA input,
#wt-form-wrapper-6CNJA select,
#wt-form-wrapper-6CNJA textarea{
  width:100%;
  border:2px solid transparent;
  outline:none;
  padding:10px 12px;                /* menší padding */
  min-height:42px;                  /* kompaktnější výška */
  border-radius:14px;
  background:#fff;
  box-shadow:inset 0 0 0 1px var(--urug-zak-border);
  transition:border-color .2s ease, box-shadow .2s ease;
  font-size:16px;
}

#wt-form-wrapper-6CNJA textarea{
  min-height:110px;                 /* o něco menší výška než dřív */
  resize:vertical;
}

#wt-form-wrapper-6CNJA input:focus,
#wt-form-wrapper-6CNJA select:focus,
#wt-form-wrapper-6CNJA textarea:focus{
  border-color:var(--urug-zak-primary);
  box-shadow:0 0 0 4px rgba(167,0,168,.12), inset 0 0 0 1px var(--urug-zak-primary);
}

#wt-form-wrapper-6CNJA .text-error{ color:var(--urug-zak-primary); }

/* ===== File input – širší, čitelný popisek + vlastní button ===== */
#wt-form-wrapper-6CNJA input[type="file"]{
  padding:8px 12px;
  min-height:56px;
  line-height:1.25;
  font-size:15px;
  cursor:pointer;
}

/* moderní prohlížeče */
#wt-form-wrapper-6CNJA input[type="file"]::file-selector-button{
  margin-right:12px;
  padding:10px 14px;
  border-radius:999px;
  background:var(--urug-zak-primary);
  color:#fff;
  border:0;
  font-weight:700;
  cursor:pointer;
}
#wt-form-wrapper-6CNJA input[type="file"]::file-selector-button:hover{
  background:var(--urug-zak-primary-700);
}

/* Safari fallback */
#wt-form-wrapper-6CNJA input[type="file"]::-webkit-file-upload-button{
  margin-right:12px;
  padding:10px 14px;
  border-radius:999px;
  background:var(--urug-zak-primary);
  color:#fff;
  border:0;
  font-weight:700;
  cursor:pointer;
}
#wt-form-wrapper-6CNJA input[type="file"]::-webkit-file-upload-button:hover{
  background:var(--urug-zak-primary-700);
}

/* ===== Submit button ===== */
#wt-form-wrapper-6CNJA .f-btn-group{
  display:flex;
  justify-content:flex-end;
  margin-top:10px;                  /* menší mezera nad tlačítkem */
}
#wt-form-wrapper-6CNJA button[type="submit"]{
  background:var(--urug-zak-primary) !important;
  color:#fff !important;
  border:none;
  padding:14px 22px;
  border-radius:999px;
  font-weight:800;
  letter-spacing:.3px;
  cursor:pointer;
  box-shadow:var(--urug-zak-shadow);
  transition:transform .15s ease, background .2s ease, box-shadow .2s ease;
}
#wt-form-wrapper-6CNJA button[type="submit"]:hover{
  background:var(--urug-zak-primary-700) !important;
  transform:translateY(-1px);
}
#wt-form-wrapper-6CNJA button[type="submit"]:active{ transform:translateY(0); }

/* ===== Consent text inside custom HTML (overrides inline) ===== */
#wt-form-wrapper-6CNJA .custom-html p{
  font-size:12px !important;
  color:#54485c !important;
  margin:8px 0 0 0 !important;
}
#wt-form-wrapper-6CNJA .custom-html a{
  color:var(--urug-zak-primary) !important;
  text-decoration:underline !important;
}

  /*GALERIE */
/* --- Sekce a nadpis --- */
.urug-zak-gallery-sec{ margin-top:0px; }

/* --- Kobercový slider --- */
.urug-zak-client-container{
  position:relative; overflow:hidden; max-width:1100px; margin:0 auto;
}
.urug-zak-client-carousel{
  display:flex; gap:16px; overflow-x:auto; scroll-behavior:smooth;
  padding:10px 6px 16px 6px; -webkit-overflow-scrolling:touch;
scrollbar-width:none;
}


/* Karta – vyšší, bez loga, s místem pro „plavání“ */
.urug-zak-client-item{
  flex:0 0 calc(33.333% - 10.7px);
  height:clamp(260px, 35vw, 380px);
  position:relative;
  display:flex; align-items:center; justify-content:center;
  border-radius:20px; padding:18px;
  box-shadow:var(--urug-zak-shadow);
  border:1px solid var(--urug-zak-border);
  overflow:hidden;
}
.urug-zak-item-1{ background:#efe1f3; } /* světle fialová */
.urug-zak-item-2{ background:#e6d2ee; } /* střední fialová */
.urug-zak-item-3{ background:#dcc3e9; } /* tmavší fialová */

/* Obrázek koberce – celý viditelný, plave nahoru/dolů */
.urug-zak-carpet-img{
  max-width:90%;
  max-height:78%;
  width:auto; height:auto;
  object-fit:contain; display:block; z-index:2;
  animation:urugZakFloating 3s ease-in-out infinite;
}

/* Oválný stín pod kobercem */
.urug-zak-carpet-shadow{
  position:absolute; left:50%; bottom:16px; transform:translateX(-50%);
  width:60%; height:14%;
  background:radial-gradient(ellipse at center, rgba(0,0,0,.25) 0%, rgba(0,0,0,.10) 45%, rgba(0,0,0,0) 70%);
  filter:blur(6px); opacity:.75; border-radius:50%; z-index:1;
  animation:urugZakShadowPulse 3s ease-in-out infinite;
}

/* Šipky */
.urug-zak-client-control{
  position:absolute; top:50%; transform:translateY(-50%);
  background:#fff; color:var(--urug-zak-primary);
  border:1px solid var(--urug-zak-border);
  width:40px; height:40px; border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  font-size:24px; cursor:pointer; box-shadow:var(--urug-zak-shadow);
}
.urug-zak-client-control:hover{ background:var(--urug-zak-primary); color:#fff; }
.urug-zak-left{ left:2px; } .urug-zak-right{ right:2px; }

@media (max-width:900px){ .urug-zak-client-item{ flex:0 0 calc(50% - 10px); } }
@media (max-width:600px){
  .urug-zak-client-item{ flex:0 0 calc(100% - 10px); }
  .urug-zak-left{ left:2px; } .urug-zak-right{ right:2px; }
}

/* Animace (plavání + dýchající stín) */
@keyframes urugZakFloating{
  0%{ transform:translateY(0); }
  50%{ transform:translateY(-10px); }
  100%{ transform:translateY(0); }
}
@keyframes urugZakShadowPulse{
  0%,100%{ transform:translateX(-50%) scale(0.95); opacity:.75; }
  50%{ transform:translateX(-50%) scale(1.05); opacity:.6; }
}

  /* ====== Helpers ====== */
  .urug-zak-center{text-align:center;}
  .urug-zak-mt-8{margin-top:8px}
  .urug-zak-mt-16{margin-top:16px}
  .urug-zak-mt-24{margin-top:24px}
  .urug-zak-mt-32{margin-top:32px}
