/* ===== PTCZ CRO — Homepage facelift styles (task 869dc7wmd) ===== */
/* Přeneseno z Code Snippets plugin (Snippet ID=16) do témy 2026-05-21    */
/* Registrovat POUZE pro is_front_page() — viz functions.php               */
/* Skupiny: A1, A2, A3, A4, A5, A6, B1, B2, B3, B5, B6, E1, F1b, FIX    */

/* ===== CAROUSEL SWIPE FIX — Zabrání Chrome Mac spustit back/forward navigaci z horizontálního swipe ===== */
/* Platí jen na homepage (tento CSS soubor se načítá pouze pro is_front_page()) */
html,body{overscroll-behavior-x:none;}

/* ===== A1 — Desktop bottom bar ===== */
#ptcz-fbar{position:fixed;bottom:0;left:0;right:0;z-index:999;background:rgba(255,255,255,0.97);backdrop-filter:blur(12px);border-top:1px solid #e5e7eb;padding:10px 24px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 -2px 16px rgba(0,0,0,0.07);}
.ptcz-bar-primary{background:#58c2f4;color:#fff;border:none;border-radius:100px;padding:10px 26px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;font-family:"Inter Tight",sans-serif;display:inline-flex;align-items:center;}
.ptcz-bar-outline{background:transparent;color:#1c1c2e;border:2px solid #1c1c2e;border-radius:100px;padding:8px 24px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;font-family:"Inter Tight",sans-serif;display:inline-flex;align-items:center;}
.ptcz-bar-primary:hover{background:#38b0e0!important;color:#fff!important;text-decoration:none!important;}
.ptcz-bar-outline:hover{background:#1c1c2e;color:#fff!important;text-decoration:none!important;}
.ptcz-fbar-context-left{font-size:13px;color:#58c2f4;font-weight:500;white-space:nowrap;}
.ptcz-fbar-context-right{font-size:13px;color:#6b7280;font-weight:500;white-space:nowrap;}
.ptcz-fbar-arrow{font-size:16px;font-weight:700;line-height:1;}
.ptcz-fbar-arrow.left{color:#58c2f4;}
.ptcz-fbar-arrow.right{color:#6b7280;}
.ptcz-fbar-divider{display:inline-block;width:1px;height:28px;background:#e5e7eb;margin:0 4px;}
@media(max-width:767px){#ptcz-fbar{display:none!important;}}
@media(min-width:768px){body{padding-bottom:64px;}}

/* ===== A2 — Mobile bottom bar ===== */
.ptcz-cro-mbar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;background:rgba(255,255,255,0.97);backdrop-filter:blur(8px);border-top:1px solid #e5e7eb;padding:10px 16px;gap:10px;box-shadow:0 -2px 12px rgba(0,0,0,0.07);}
@media(max-width:767px){.ptcz-cro-mbar{display:flex;}.ptcz-cro-mbar .ptcz-bar-primary,.ptcz-cro-mbar .ptcz-bar-outline{flex:1;text-align:center;justify-content:center;}body{padding-bottom:72px;}}

/* ===== A3 — Hero badges ===== */
.ptcz-cro-badges{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin:14px 0 0;list-style:none;padding:0;}
.ptcz-cro-badges li{font-size:13px;font-weight:600;color:#fff;display:flex;align-items:center;gap:6px;opacity:0.92;text-shadow:0 1px 4px rgba(0,0,0,0.4);}
.ptcz-cro-badges li::before{content:"\2713";color:#58c2f4;font-weight:800;font-size:15px;}

/* ===== A4 — Tour card scrim (homepage slider only) ===== */
.ptcz-scrim{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(to bottom,rgba(15,15,30,0.55) 0%,rgba(15,15,30,0) 38%,rgba(15,15,30,0) 62%,rgba(15,15,30,0.62) 100%);}
.vylety-slider .vylet-box .vylet-img-wrap{overflow:hidden;position:relative;}

/* ===== A5 — Tour card hover zoom (homepage slider only) ===== */
.vylety-slider .vylet-box .vylet-img-wrap img{transition:transform 0.45s ease;}
.vylety-slider .vylet-box:hover .vylet-img-wrap img{transform:scale(1.06);}

/* ===== A6 — Additional Services cards ===== */
.sluzba{background:#fff!important;border:1.5px solid #e5e7eb!important;border-radius:18px!important;padding:32px 32px 28px!important;box-shadow:0 2px 16px rgba(0,0,0,0.06)!important;transition:box-shadow 0.2s ease,transform 0.2s ease!important;text-align:left!important;}
.sluzba:hover{box-shadow:0 6px 28px rgba(0,0,0,0.11)!important;transform:translateY(-2px)!important;}
/* Ikona vlevo — img je block element, margin:auto ji centruje; přebít na left */
.sluzba img{display:block!important;margin-left:0!important;margin-right:auto!important;}
.ptcz-sluzba-tag{display:inline-block;background:#f0f9ff;color:#0ea5e9;font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;border-radius:100px;padding:3px 10px;margin-bottom:10px;}
.ptcz-sluzba-bullets{list-style:none;padding:0;margin:0 0 20px 0;}
.ptcz-sluzba-bullets li{font-size:14px;color:#4b5563;padding:5px 0;display:flex;align-items:flex-start;gap:8px;}
.ptcz-sluzba-bullets li::before{content:"\2713";color:#58c2f4;font-weight:800;font-size:13px;flex-shrink:0;margin-top:1px;}
/* Spacing pod h2 — stejný jako u trust-top sekce */
#sluzby h2{margin-bottom:3px!important;}
.ptcz-sluzby-intro{text-align:left!important;margin-top:3px!important;}

/* ===== F1b — trust-top carousel (nahrazuje #vyhody sekci) ===== */
#trust-top{position:relative;padding-top:80px!important;padding-bottom:24px!important;max-width:100vw;}  /* position:relative jako .vylety-carousel — nutné pro absolute nav; overflow:hidden odstraněno (row má vlastní overflow-x:auto) */
#trust-top .container{position:relative!important}  /* nav potřebuje absolute ancestor — !important kvůli případnému theme override */
#trust-top h2{margin-bottom:0!important}  /* stejně jako .vylety-carousel h2 */
#trust-top-nav{position:absolute!important;top:-15px!important;right:20px!important;display:flex!important;align-items:center!important;gap:8px!important;justify-content:flex-end!important;z-index:10!important;}  /* z-index: nad scroll kontejnerem */
.trust-top-arrow{width:64px;height:64px;border-radius:50%;border:1px solid rgba(107,107,107,0.24);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;flex-shrink:0;outline:none!important;}
.trust-top-arrow:hover{background:#f9f9f9;border-color:rgba(107,107,107,0.4)}
.trust-top-arrow:focus{outline:none!important;box-shadow:none!important;}
.trust-top-arrow i{font-size:16px;color:#1a1a2e;pointer-events:none}
#trust-top-progress{display:flex;align-items:center;align-self:center}
#trust-top .trust-top-carousel{cursor:default}
#trust-top .col-md-6{width:350px!important;max-width:350px!important;flex:0 0 auto!important;padding:6px 0!important;display:flex!important;margin-bottom:0!important}  /* mb-5 z orig HTML by způsobilo velkou mezeru pod karuselem */
#trust-top .vyhoda{height:100%;flex:1;display:flex;flex-direction:column}
#trust-top .vyhoda img{height:200px!important;object-fit:cover!important}
.ptcz-vylety-progress{display:flex;align-items:center;align-self:center;flex-shrink:0}
/* ===== Plynulá progress lišta (thumb) — nahrazuje diskrétní segmenty ===== */
/* thumb šířka = podíl viditelné části, pozice = scroll ratio — žádné mrtvé segmenty */
.ptcz-progress-track{display:block;height:2px;width:80px;background:#e5e7eb;border-radius:1px;position:relative;overflow:hidden;align-self:center;flex-shrink:0;}
.ptcz-progress-thumb{height:100%;background:#1a1a2e;border-radius:1px;position:absolute;left:0;top:0;transition:left .1s linear,width .1s linear;min-width:16px;}
@media(max-width:767px){
  #trust-top-nav{position:static!important;top:auto!important;right:auto!important;margin-top:14px!important;justify-content:flex-start!important;}  /* mobil: pod nadpisem jako .vylety-nav */
  /* #trust-top-row margin-top override je NÍŽE za globálním pravidlem — jinak cascade prohraje */
  #trust-top .col-md-6{width:84vw!important;max-width:84vw!important}
  .trust-top-arrow{width:40px!important;height:40px!important}

  /* Vylety-carousel nav (Populární výlety, Tipy a inspirace) — pod nadpisem, ne přes něj */
  .vylety-nav{position:static!important;top:auto!important;right:auto!important;margin-top:14px!important;justify-content:flex-start!important;}
  .vylety-slider{margin-top:14px!important;}

  /* Produkty slider — sjednocená výška karet s bg obrázky */
  .produkty-slider .produkt .obrazek{height:220px!important;overflow:hidden!important;}
  .produkty-slider .produkt .obrazek img{height:100%!important;width:100%!important;object-fit:cover!important;}
}
/* F1b skryje puvodní #vyhody sekci (nahrazena trust-top karuselem) */
#vyhody{display:none!important}

/* ===== NAV UNIFY — Šipky + progress bar shodné na všech karuselech ===== */
/* vylety-nav (Populární výlety, Tipy a inspirace) sjednocen s trust-top-nav */
.vylety-nav{gap:8px!important;}
.vylety-nav button{display:flex!important;align-items:center!important;justify-content:center!important;width:64px!important;height:64px!important;border:1px solid rgba(107,107,107,0.24)!important;border-radius:50%!important;background:#fff!important;cursor:pointer!important;transition:background .2s,border-color .2s!important;flex-shrink:0!important;outline:none!important;}
.vylety-nav button:hover{background:#f9f9f9!important;border-color:rgba(107,107,107,0.4)!important;}
.vylety-nav button:focus{outline:none!important;box-shadow:none!important;}
.vylety-nav button i{font-size:16px!important;color:#1a1a2e!important;pointer-events:none!important;}
@media(max-width:767px){.vylety-nav button{width:40px!important;height:40px!important;}}

/* ===== B1 — Section spacing — desktop ===== */
.vylety-carousel{padding-top:56px!important;padding-bottom:56px!important}
#produkty{padding-top:48px!important;padding-bottom:32px!important}   /* bylo pt-10=96px */
#sluzby{padding-top:32px!important;padding-bottom:32px!important}
#sluzby .col-md-6{margin-bottom:0!important}  /* HTML má mb-5 (48px) na kartách → odstraněno, jinak deformuje spodní mezeru sekce */
#faq{padding-top:48px!important;padding-bottom:32px!important}  /* pt zvýšen na 48px: sluzby-pb(32)+faq-pt(48)=80 = faq-pb(32)+plan-pt(48)=80 */
.plan{padding-top:48px!important;padding-bottom:40px!important;margin-bottom:0!important}  /* bylo pt-10 pb-10 mb-5 = 240px */
.vylety-carousel.blog-hp{padding-top:32px!important;padding-bottom:72px!important}  /* pb = plan-pb(40)+blog-hp-pt(32) → symetrická mezera nahoře i dole */

/* ===== B1 mobile — sekce jsou příliš rozlehlé, redukovat na ~28px ===== */
@media(max-width:767px){
  .vylety-carousel{padding-top:28px!important;padding-bottom:28px!important}
  #trust-top{padding-top:28px!important;padding-bottom:0px!important}  /* pt=28 = vylety-pt → gap nahoře=28, gap dole=0+vylety-pt(28)=28 — symetrické */
  #trust-top-row{align-items:flex-start!important}  /* karty mají přirozenou výšku — bez stretch roztahování na výšku nejdelší karty */
  #produkty{padding-top:28px!important;padding-bottom:28px!important}
  #sluzby{padding-top:28px!important;padding-bottom:28px!important}
  #sluzby .col-md-6{margin-bottom:16px!important}  /* mobil: karty se stackují, potřebují mezeru; desktop má mb:0 z globálního pravidla */
  #faq{padding-top:28px!important;padding-bottom:28px!important}
  .plan{padding-top:32px!important;padding-bottom:28px!important;margin-bottom:0!important}
  .vylety-carousel.blog-hp{padding-top:28px!important;padding-bottom:56px!important}  /* pb = plan-pb(28)+blog-hp-pt(28) → symetrická mezera nahoře i dole */
}

/* ===== B3 — Quality grid 2 cols na desktopu ===== */
#vyhody .row.align-items-stretch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important}
#vyhody .row.align-items-stretch .col-md-6{width:100%!important;max-width:100%!important;flex:none!important;padding:0!important}
.vyhoda{background:#fff!important;border:1.5px solid #e5e7eb!important;border-radius:16px!important;padding:28px 28px 24px!important;box-shadow:0 2px 12px rgba(0,0,0,.05)!important;height:100%!important;display:flex!important;flex-direction:column!important}
@media(max-width:767px){#vyhody .row.align-items-stretch{grid-template-columns:1fr!important}}

/* ===== B5 — FAQ card styling ===== */
/* Ikona: ponechána původní .faq-arrow (custom.css chevron + rotate 90° na open) */
.faq-item{border:1.5px solid #e5e7eb!important;border-radius:12px!important;margin-bottom:10px!important;overflow:hidden!important;transition:box-shadow .2s ease!important}
.faq-item:hover{box-shadow:0 3px 14px rgba(0,0,0,.09)!important}
.faq-toggle{font-weight:600!important;font-size:1rem!important;padding:16px 20px!important;cursor:pointer!important;width:100%!important;text-align:left!important;background:transparent!important;border:none!important}
.faq-a,.faq-answer{padding:0 20px 16px!important;color:#4b5563!important;font-size:.95rem!important;line-height:1.65!important}

/* ===== B2 — Mobile bar — tlacitka vedle sebe s popisky ===== */
@media(max-width:767px){
  .ptcz-cro-mbar{flex-direction:row!important;padding:10px 12px!important;gap:8px!important;align-items:center!important;justify-content:center!important}
  .ptcz-mbar-btn-wrap{flex:1 1 0%!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;min-width:0!important}
  .ptcz-cro-mbar .ptcz-bar-primary,.ptcz-cro-mbar .ptcz-bar-outline{width:100%!important;flex:none!important;font-size:13px!important;padding:9px 6px!important;text-align:center!important;justify-content:center!important;box-sizing:border-box!important;white-space:nowrap!important}
  .ptcz-mbar-caption{display:block!important;font-size:10.5px!important;color:#9ca3af!important;font-weight:400!important;text-align:center!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;max-width:100%!important}
}

/* ===== E1 — Price block redesign ===== */
.vp-label{display:none!important}
.vp-per{display:none!important}  /* vp-per odstraněno z line-1 — label je nyní součástí vp-currency v line-2 */
.vp-value{font-size:1.2rem!important;font-weight:800!important;color:#111827!important;letter-spacing:-.02em!important}
.vp-line-1{display:flex!important;align-items:baseline!important;gap:5px!important;flex-wrap:nowrap!important}
.vp-line-2{display:block!important;margin-top:3px!important;text-align:right!important}
/* jeden řádek vpravo: "per group · group of 4" / "per vehicle · up to 8" */
.vp-currency{display:block!important;font-size:.72rem!important;color:#6b7280!important;font-weight:500!important;white-space:nowrap!important;line-height:1.4!important;text-align:right!important}
/* (i) info button skrýt — info je v textu */
.vylet-price .vp-info{display:none!important;}
.vp-cap-line{font-size:.8rem!important;color:#111827!important;font-weight:700!important}

/* ===== A2 FIX — Smartsupp chat + BTT nad footer barem ===== */
#smartsupp-widget-container>div{bottom:76px!important}
#ptcz-btt{bottom:144px!important;right:16px!important}

/* ===== B6 — Bar skryty pri nacteni, zobrazit az po odscrolovani hero tlacitek ===== */
#ptcz-fbar,.ptcz-cro-mbar{opacity:0!important;pointer-events:none!important;transform:translateY(6px)!important;transition:opacity .25s ease,transform .25s ease!important}
#ptcz-fbar.ptcz-bar-visible,.ptcz-cro-mbar.ptcz-bar-visible{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}

/* ===== SCROLL-SNAP rebuild (task 869dcyzzh) — MacBook/mobil/PC fix ===== */
/* trust-top row → native scroll-snap kontejner místo Flickity */
#trust-top-row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;cursor:default!important;overscroll-behavior-x:contain!important;gap:20px!important;margin-left:0!important;margin-right:0!important;margin-top:30px!important;}  /* 30px jako .vylety-slider */
#trust-top-row::-webkit-scrollbar{display:none!important;}
/* Mobilní override MUSÍ být za globálním pravidlem — jinak 30px!important z řádku výše vyhraje nad 14px v media query dříve v souboru */
@media(max-width:767px){#trust-top-row{margin-top:14px!important;}}
#trust-top-row .col-md-6{scroll-snap-align:start!important;scroll-snap-stop:always!important;}
/* vylety-slider po destroy Flickity → scroll-snap (třída ptcz-snap přidána JS) */
.vylety-slider.ptcz-snap{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important;}
.vylety-slider.ptcz-snap::-webkit-scrollbar{display:none!important;}
.vylety-slider.ptcz-snap .carousel-item{scroll-snap-align:start!important;scroll-snap-stop:always!important;flex-shrink:0!important;}