/* ine.css - Predajne, Recenzie, Objednávka, Cookies, sezónne ponuky, zásady (fáza 2, agent B).
   Hodnoty z per-stránkového CSS pôvodného webu (et-cache/<id>, inline štýly Divi); predpona .in- */

/* ---------- Predajne: video (pôvodne iframe 560 × 315 v texte s max-width 560 px) ---------- */
.in-video { max-width: 560px; margin-left: auto; margin-right: auto; }
.in-h2-45 h2 { font-size: 45px; }   /* tento nadpis má na mobile 45 px (modul nie je v pravidle 35 px) */
.in-yt { position: relative; width: 560px; max-width: 100%; height: 315px; margin: 0 auto 7px; background: #000; }
.in-yt-btn { position: relative; display: block; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: pointer; overflow: hidden; }
.in-yt-btn img { display: block; width: 100%; height: 100%; object-fit: cover; }
.in-yt-play { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin: -24px 0 0 -34px; line-height: 0; }
.in-yt-bg { fill: #212121; fill-opacity: .8; transition: fill .2s, fill-opacity .2s; }
.in-yt-btn:hover .in-yt-bg, .in-yt-btn:focus-visible .in-yt-bg { fill: #f00; fill-opacity: 1; }
.in-yt-info { position: absolute; left: 0; right: 0; bottom: 0; padding: 6px 10px; background: rgba(0, 0, 0, .6); color: #fff; font-size: 12px; line-height: 16px; }
.in-yt iframe { display: block; width: 100%; height: 100%; border: 0; }

/* ---------- Úvod s nadpisom veľkými písmenami (Cookies, sezónne ponuky: 55 / 45 / 35 px) ---------- */
.in-hero-up h1 { text-transform: uppercase; }

/* ---------- Sezónne ponuky: fotka (galéria max. 500 px) a riadok OBJEDNÁVKA ---------- */
.in-gal { max-width: 500px; margin-left: auto; margin-right: auto; }
.in-gal img { width: 100%; }
.in-obj-h { margin-top: 55px; --mb: 16px; }
.in-obj-h h3 { font-size: 30px; }
.in-obj-p { margin-top: -3px; --mb: 31px; }
.in-obj-k { margin-top: -2px; --mb: 30px; }
.in-obj > .col { background: #fff; border: 1px solid var(--beige); border-radius: 15px; overflow: hidden; padding: 0 20px 20px; }
.col > .in-obj-k:last-child { margin-bottom: 30px; }
@media (max-width: 980px) {
  .in-obj-h { margin-top: 47px; }
}
/* Veľkonočná ponuka: oznam o naplnenej kapacite (ružový, podčiarknutý) */
.in-txt-u { text-decoration: underline; color: var(--pink); }
.in-emo { display: inline-block; width: 16px; font-size: 14px; line-height: 16px; vertical-align: middle; }
.in-pb p:last-of-type { padding-bottom: 1em; }   /* Vianočná ponuka 2025: za posledným odsekom ostala medzera (prázdny odsek z Facebooku) */

/* ---------- Cookies a zásady: text so zoznamom (Divi: ol číslovaný vnútri, riadok 26 px, h3 riadok 2,2em) ---------- */
.in-ck h3 { line-height: 2.2em; }
.in-ck ol { margin: 0; padding: 0 0 1em; list-style: decimal inside; line-height: 26px; }
.in-ck li { padding: 0; }

/* ---------- Recenzie (pôvodne Divi Pixel Testimonial + Divi kontaktný formulár) ---------- */
.in-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.in-recenzie { overflow-x: clip; }   /* šípky karusela na mobile presahujú okraj (pôvodne skryté cez body) */
.in-rev-row { margin-bottom: 87px; }
.in-red { color: #f00; }
/* ukážka recenzie: 20 px / 1,5em, max. 800 px, ružová čiara vľavo */
.in-quote { max-width: 800px; margin-left: auto; margin-right: auto; font-size: 20px; line-height: 1.5em; }
.in-quote blockquote { margin: 0; padding-left: 20px; border-left: 5px solid var(--pink); }
/* karusel: margin pod modulom 2,75 % (počítač) / 128 px (tablet, mobil); nadpis „Napísať recenziu“ 121 px nad, 48 px pod */
.in-rev-mod { text-align: left; line-height: 23.8px; font-size: 14px; color: #666; }
.in-rev { position: relative; --pv: 3; }
.in-rev-vp { overflow: hidden; touch-action: pan-y; }
.in-rev-track { display: flex; align-items: stretch; will-change: transform; }
.in-rev-item {
  flex: 0 0 calc((100% - (var(--pv) - 1) * 30px) / var(--pv)); margin-right: 30px; padding: 40px 30px; border-radius: 10px;
  display: flex; flex-direction: column; background: var(--beige); text-align: center; overflow: hidden;
}
.in-rev-stars { margin-bottom: 20px; font-size: 22px; line-height: 23.8px; color: #fdce00; }
.in-rev-text { margin-bottom: 10px; font: 500 17px/1.5em var(--roboto); color: #000; }
.in-rev-name { margin: 20px 0 10px; font: 500 16px/1em var(--roboto); color: #000; }
.in-rev-prev, .in-rev-next {
  position: absolute; top: 50%; z-index: 2; width: 70px; height: 70px; margin-top: -35px; padding: 10px; border: 0; background: none;
  color: var(--pink); font-size: 50px; line-height: 0; cursor: pointer;
}
.in-rev-prev { left: -66px; }
.in-rev-next { right: -66px; }
.in-rev-dots { position: absolute; left: 50%; bottom: -40px; width: 80px; height: 24px; margin-left: -40px; overflow: hidden; }
.in-rev-dots-in { display: flex; align-items: center; height: 100%; transition: transform .2s; }
.in-rev-dots span { flex: 0 0 8px; width: 8px; height: 8px; margin: 0 4px; border-radius: 50%; background: #d8d8d8; opacity: .2; transform: scale(.33); transition: transform .2s, opacity .2s; }
.in-rev-dots span.is-n1 { transform: scale(.66); opacity: .2; }
.in-rev-dots span.is-act { transform: none; opacity: 1; background: var(--pink); }
.in-rev-h { margin-top: 121px; --mb: 48px; text-align: left; }
.in-rev-h h2 { font-family: var(--oswald); }
@media (max-width: 980px) {
  .in-rev { --pv: 2; }
  .in-rev-item { padding: 30px 20px; }
  .in-rev-mod { --mb: 128px; }
}
@media (max-width: 767px) {
  .in-rev { --pv: 1; }
}

/* formulár (Divi: pole 50 % s odsadením 3 %, výška 54 px, béžové, zaoblenie 15 px; tlačidlo obrys 2 px) */
.in-form-mod { max-width: 900px; margin-left: auto; margin-right: auto; text-align: left; }
.in-f { display: flex; flex-wrap: wrap; width: 103%; margin-left: -3%; }
.in-f-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.in-f-field { position: relative; width: 100%; margin: 0 0 3%; padding: 0 0 0 3%; }
.in-f-half { width: 50%; }
.in-f-input {
  display: block; width: 100%; margin: 0; padding: 16px; border: 0; border-radius: 15px; background: var(--beige2); color: #000;
  font: 400 16px/normal var(--open); -webkit-appearance: none; appearance: none;
}
.in-f-input::placeholder { color: #000; opacity: 1; }
.in-f-area { height: 150px; resize: vertical; }
.in-f-input:focus { outline: 2px solid var(--pink); outline-offset: 0; }
.in-f-err { display: block; padding-top: 4px; font-size: 14px; line-height: 1.4; color: #b00020; }
.in-f-bottom { display: flex; align-items: center; justify-content: flex-end; gap: 18px; width: 100%; margin-top: -1.5%; padding-left: 3%; }
.in-f-info { flex: 1 1 auto; max-width: 520px; margin-right: auto; padding: 0; font-size: 13px; line-height: 1.45; color: #666; }
.in-f-info a { color: var(--pink); text-decoration: underline; }
.in-f-btn {
  position: relative; flex: 0 0 auto; padding: 6px 20px; border: 2px solid var(--pink); border-radius: 100px; background: transparent;
  color: var(--pink); font: 500 20px/38px var(--open); cursor: pointer; transition: all .3s;
}
.in-f-btn .ico { position: absolute; top: 50%; right: 8px; font-size: 32px; margin-top: -.5em; opacity: 0; transition: opacity .2s; }
.in-f-btn:hover, .in-f-btn:focus-visible { padding: 6px 40px 6px 14px; border-color: transparent; background: rgba(0, 0, 0, .05); }
.in-f-btn:hover .ico, .in-f-btn:focus-visible .ico { opacity: 1; }
.in-f-msg { margin: 0 0 20px; padding: 12px 16px; border-radius: 15px; background: var(--beige2); font-size: 16px; line-height: 1.5; color: #000; text-align: center; }
.in-f-ok { border-left: 5px solid #2e7d32; }
.in-f-bad { border-left: 5px solid #b00020; }
@media (max-width: 767px) {
  .in-f-half { width: 100%; }
  .in-f-bottom { flex-wrap: wrap; justify-content: flex-end; row-gap: 0; }
  .in-f-info { order: 2; flex-basis: 100%; max-width: none; margin-top: 8px; font-size: 12px; }
}

/* ---------- Objednávka: prázdna stránka WordPressu s bočným panelom (predvolená šablóna Divi) ---------- */
.in-wp { background: #fff; }
.in-wp-in { position: relative; display: flex; width: 80%; max-width: 1440px; margin: 0 auto; padding-top: 58px; color: #666; }
.in-wp-in::before { content: ''; position: absolute; top: 0; right: 20.875%; width: 1px; height: 100%; background: #e2e2e2; }
.in-wp-left { width: 79.125%; padding: 0 5.5% 23px 0; }
.in-wp-h1 { margin: 0 0 20px; padding-bottom: 10px; font: 500 30px/1em var(--oswald); color: #333; }
.in-wp-side { width: 20.875%; padding: 0 0 28px 30px; }
.in-wp-search { position: relative; margin-bottom: 30px; }
.in-wp-input, .in-wp-btn { height: 40px; margin: 0; padding: 9.8px; border: 1px solid #ddd; font: 500 14px/normal var(--open); color: #666; }
.in-wp-input { display: block; width: 100%; border-radius: 3px; background: #fff; -webkit-appearance: none; appearance: none; }
.in-wp-btn { position: absolute; top: 0; right: 0; border-radius: 0 3px 3px 0; background: #ddd; cursor: pointer; }
.in-wp-widget { margin-bottom: 30px; }
.in-wp-widget h2 { font-size: 26px; line-height: 1em; padding-bottom: 10px; color: #333; }
.in-wp-none { font-size: 14px; line-height: 1.8em; }
@media (max-width: 980px) {
  .in-wp-in { display: block; width: 80%; }
  .in-wp-in::before { display: none; }
  .in-wp-left, .in-wp-side { width: 100%; padding: 0; }
  .in-wp-side { padding-bottom: 28px; }
}