/* ===== CottonCloud doplnky k pôvodnému dizajnu (Danny 21.7.) ===== */

/* PRO lišta dole — ako na fitnesstrener mobile (cenník / WhatsApp / telefón / správa) */
.dsp-dock{
  position:fixed;left:.7rem;right:.7rem;bottom:.7rem;z-index:70;
  display:none;gap:.5rem;padding:.55rem;
  border-radius:1.2rem;border:1px solid var(--gold-line);
  background:rgba(11,10,8,.9);backdrop-filter:blur(16px);
  box-shadow:0 18px 40px rgba(0,0,0,.4);
}
.dsp-dock-btn{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.28rem;
  min-height:3.3rem;padding:.5rem .2rem;border:none;border-radius:.9rem;cursor:pointer;
  background:transparent;color:var(--text);font-size:.72rem;font-weight:600;letter-spacing:.01em;
  transition:background .2s ease,transform .2s ease;text-align:center;
}
.dsp-dock-btn svg{width:1.35rem;height:1.35rem}
.dsp-dock-btn:hover{background:rgba(181,140,67,.12);transform:translateY(-1px)}
.dsp-dock-main{background:linear-gradient(145deg,var(--gold),var(--gold-2));color:#1d1508}
.dsp-dock-main:hover{background:linear-gradient(145deg,var(--gold-2),var(--gold))}

/* Fullscreen AJAX kontakt modál */
.dsp-modal{position:fixed;inset:0;z-index:120;background:rgba(9,8,6,.96);backdrop-filter:blur(14px);overflow-y:auto;padding:5rem 0}
.dsp-modal[hidden]{display:none}
.dsp-modal-inner{position:relative}
.dsp-modal-close{position:fixed;top:1.2rem;right:1.4rem;width:3rem;height:3rem;border:1px solid var(--gold-line);border-radius:50%;background:rgba(255,255,255,.05);color:var(--text);font-size:1.6rem;line-height:1;cursor:pointer;z-index:2}
.dsp-modal-close:hover{border-color:var(--gold);color:var(--gold-2)}
.dsp-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:start;max-width:960px;margin:0 auto}
.dsp-modal-info .eyebrow,.dsp-modal-success .eyebrow{color:var(--gold-2)}
.dsp-modal-info h2,.dsp-modal-success h2{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.6rem);margin:.6rem 0 1rem;color:var(--text)}
.dsp-modal-info p{color:var(--muted);line-height:1.75;margin-bottom:1.4rem}
.dsp-modal-contacts{list-style:none;padding:0;margin:0;display:grid;gap:.1rem;border:1px solid var(--gold-line);border-radius:16px;overflow:hidden}
.dsp-modal-contacts li{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1.1rem;background:var(--surface)}
.dsp-modal-contacts span{color:var(--muted);font-size:.86rem}
.dsp-modal-contacts a{color:var(--text);font-weight:600}
.dsp-modal-contacts a:hover{color:var(--gold-2)}
.dsp-modal-form{display:flex;flex-direction:column;gap:1rem}
.dsp-modal-form label{display:flex;flex-direction:column;gap:.45rem;font-size:.9rem;color:var(--muted)}
.dsp-modal-form input,.dsp-modal-form textarea{width:100%;padding:.9rem 1rem;border-radius:14px;border:1px solid var(--gold-line);background:var(--surface-2);color:var(--text);font:inherit}
.dsp-modal-form input:focus,.dsp-modal-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(181,140,67,.16)}
.dsp-modal-form .btn{margin-top:.4rem}
.dsp-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.dsp-form-note{color:#e7b3a0;font-size:.9rem;margin:.2rem 0 0}
.dsp-modal-success{text-align:left}

@media (max-width:900px){
  .dsp-dock{display:flex}
  .mobile-cta{display:none!important}     /* nahradený naším dockom */
  .site-footer{padding-bottom:6.5rem}
}
@media (max-width:760px){
  .dsp-modal{padding:4rem 0}
  .dsp-modal-grid{grid-template-columns:1fr;gap:1.6rem;padding:0 1.1rem}
}

/* Podstránky (WP obsah) v pôvodnom dizajne */
.page-shell{padding-top:7rem}
.prose{max-width:60rem}
.prose h2{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2rem);margin:2rem 0 .8rem;color:var(--text)}
.prose h3{font-size:1.2rem;margin:1.6rem 0 .6rem;color:var(--gold-2)}
.prose p{color:var(--muted);line-height:1.8;margin:0 0 1rem}
.prose a{color:var(--gold-2);text-decoration:underline}
.prose ul,.prose ol{color:var(--muted);line-height:1.8;padding-left:1.3rem}

/* Danny 21.7.: popis POD fotkou (fotka čistá, nič neprekrýva jeho) */
.hero-photo--clean img{object-position:center 12%}
.hero-caption{
  margin-top:.9rem;padding:1.05rem 1.2rem;border-radius:1.1rem;
  border:1px solid var(--gold-line);
  background:linear-gradient(145deg, rgba(181,140,67,.12), rgba(255,255,255,.015)), rgba(18,15,11,.9);
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}
.hero-caption small{display:block;margin-bottom:.35rem;color:var(--gold-2);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.hero-caption strong{color:var(--text);line-height:1.55;font-weight:600}

/* Danny 21.7.: hero rozdelený na 3 bloky — PC layout zachovaný, mobile foto HORE */
@media (min-width:1081px){
  .hero-grid{
    grid-template-columns:1.03fr .97fr;
    grid-template-areas:"lead visual" "rest visual";
    align-items:start;
  }
  .hero-lead{grid-area:lead}
  .hero-visual{grid-area:visual;align-self:center}
  .hero-rest{grid-area:rest}
  .hero-lead .lead{margin-bottom:0}
}
@media (max-width:1080px){
  /* poradie: úvod → FOTKA → tlačidlá+body */
  .hero-lead{order:1}
  .hero-visual{order:2;max-width:30rem;margin:0 auto}
  .hero-rest{order:3}
  .hero-visual .hero-photo img{min-height:22rem;max-height:30rem}
}

/* dátum + čas v kontaktnom formulári */
.dsp-datetime{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.dsp-datetime input{color-scheme:dark}
@media (max-width:480px){.dsp-datetime{grid-template-columns:1fr}}

/* ===== PERF FIX (21.7.): obsah nesmie visieť neviditeľný, kým dobehne JS =====
   Pôvodné [data-reveal]{opacity:0} skrývalo obsah do behu site.js — pri záťaži
   spojení (tracking) sa JS oneskoril a LCP bolo 8-14s. CSS animácia odhalí obsah
   sama do ~1s aj bez JS; .revealed (JS) ju prebije okamžite. */
[data-reveal]{opacity:0;transform:translateY(28px);animation:dsp-reveal .7s ease .2s forwards}
[data-reveal].revealed{opacity:1;transform:none;animation:none}
@keyframes dsp-reveal{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  [data-reveal]{animation:none;opacity:1;transform:none}
}

/* Hero (nad ohybom) = viditeľný OKAMŽITE (žiadne čakanie na reveal → rýchle LCP) */
.hero [data-reveal],
.hero-lead,.hero-visual,.hero-rest{opacity:1!important;transform:none!important;animation:none!important}

/* Danny 21.7.: fotka-band medzi sekciami (bez trička) */
.dsp-band{padding-top:1.4rem;padding-bottom:0}
.dsp-band + .section{padding-top:2rem}          /* menšie medzery okolo vloženej fotky (Danny 21.7.) */
.trust + .dsp-band{padding-top:2rem}
.dsp-band-photo{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gold-line);box-shadow:var(--shadow);max-width:760px;margin:0 auto}
.dsp-band-photo img{width:100%;height:auto;max-height:44rem;object-fit:cover;object-position:center 22%;display:block}