/* =========================================================================
   Heavenly service s.r.o. — Premium visual layer (design-only)
   Autor: IT-Enterprise (2026-07-01). Pouze vizuál + efekty.
   NEMĚNÍ strukturu ani obsah. Reverzibilní (smaž mu-plugin soubory).
   Paleta zachována: navy #0f2a4a, zlatá #c9a24b.
   Přístup: pouze PŘIDANÉ vrstvy (stíny, gradienty, pseudo-prvky, hover,
   animace). Minimum !important. Agresivní pravidla scopovaná na body.home.
   ========================================================================= */

/* ---------- 0. Globální jemné vyhlazení typografie (bezpečné) ---------- */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body { scroll-behavior: smooth; }

/* Rafinace nadpisů — jemnější tracking, prémiovější dojem (nemění barvu) */
.wp-block-heading { letter-spacing: -0.015em; }

/* ---------- 1. Tlačítka — celoplošně, ale čistě aditivně ---------- */
.wp-block-button__link {
  transition: transform .28s cubic-bezier(.22,1,.36,1),
              box-shadow .3s ease, filter .3s ease, background-color .3s ease !important;
  will-change: transform;
}
.wp-block-button__link:hover { transform: translateY(-2px); }
.wp-block-button__link:active { transform: translateY(0); }

/* Zlaté PLNÉ tlačítko → jemný gradient + zář (jen skutečná zlatá výplň) */
.wp-block-button__link[style*="background-color:#c9a24b"] {
  background-image: linear-gradient(135deg, #c9a24b 0%, #dcb85f 100%) !important;
  box-shadow: 0 8px 22px -8px rgba(201,162,75,.55);
}
.wp-block-button__link[style*="background-color:#c9a24b"]:hover {
  box-shadow: 0 16px 34px -10px rgba(201,162,75,.7);
  filter: brightness(1.05);
}
/* Sekundární OUTLINE tlačítko (gold border, průhledné) → jemné zlaté vyplnění na hover, hierarchie zachována */
.wp-block-button__link.has-border-color[style*="background-color:rgba(0,0,0,0)"]:hover,
.wp-block-button__link.has-border-color:hover {
  background-color: rgba(201,162,75,.14) !important;
  border-color: #dcb85f !important;
}

/* ---------- 2. Navigace — podtržení sklouzávající zlatou linkou ---------- */
.main-header-menu .menu-item > a,
.ast-builder-menu .menu-item > a {
  position: relative;
  transition: color .25s ease;
}
.main-header-menu .menu-item > a::after,
.ast-builder-menu .menu-item > a::after {
  content: "";
  position: absolute;
  left: 12px; right: 12px; bottom: 6px;
  height: 2px;
  background: linear-gradient(90deg, #c9a24b, #e6c777);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .35s cubic-bezier(.22,1,.36,1);
  border-radius: 2px;
}
.main-header-menu .menu-item > a:hover::after,
.ast-builder-menu .menu-item > a:hover::after,
.main-header-menu .current-menu-item > a::after,
.ast-builder-menu .current-menu-item > a::after { transform: scaleX(1); }

/* Jemná linka + rozostřené sklo pod hlavičkou (prémiové oddělení) */
.site-header .ast-primary-header-bar {
  backdrop-filter: saturate(1.05);
  box-shadow: 0 1px 0 rgba(15,42,74,.06);
}

/* =========================================================================
   3. HOME — skrytí redundantního Astra title baru "Domů"
   (zdvojený H1; hero má vlastní H1. Zůstává v DOM u vnitřních stránek.)
   ========================================================================= */
body.home .ast-article-single > .entry-header { display: none; }
/* Utažení mezery, kterou title bar zabíral (bílý pruh nad hero) */
body.home #primary > .ast-article-single { padding-top: 0; }
body.home #content > .ast-container { padding-top: 0; }
body.home .entry-content > .heavenly-hero:first-child,
body.home .entry-content > .wp-block-cover:first-child { margin-top: 0; }

/* Jemné zaoblení loga (béžový box působí záměrněji); doporučeno vyměnit asset za transparentní */
.custom-logo,
.site-footer img[src*="cropped-heavenly"] { border-radius: 6px; }

/* =========================================================================
   4. HERO — hloubka, animovaná „aurora" záře, prémiová typografie
   ========================================================================= */
body.home .heavenly-hero { position: relative; overflow: hidden; }

/* Prohloubení navy + vrstvené radiální záře (stejný odstín, víc hloubky) */
body.home .heavenly-hero .wp-block-cover__background {
  background-color: #0a1f38 !important;
  background-image:
    radial-gradient(60% 55% at 18% 22%, rgba(201,162,75,.16), transparent 62%),
    radial-gradient(55% 60% at 88% 72%, rgba(38,96,168,.34), transparent 60%),
    linear-gradient(160deg, #0a1f38 0%, #0f2a4a 55%, #0b2242 100%) !important;
  overflow: hidden;
}

/* Parallaxová vrstva (JS posouvá --hv-par) — bez keyframe konfliktu */
body.home .heavenly-hero .wp-block-cover__background::before {
  content: "";
  position: absolute; inset: -10%;
  background:
    radial-gradient(30% 30% at 25% 30%, rgba(201,162,75,.14), transparent 70%),
    radial-gradient(34% 34% at 78% 20%, rgba(70,130,210,.20), transparent 70%);
  transform: translate3d(0, var(--hv-par, 0px), 0);
  will-change: transform;
  pointer-events: none;
}

/* Driftující aurora — pomalá, jemná, respektuje reduced-motion */
body.home .heavenly-hero .wp-block-cover__background::after {
  content: "";
  position: absolute; inset: -25%;
  background:
    radial-gradient(32% 32% at 32% 34%, rgba(201,162,75,.22), transparent 70%),
    radial-gradient(38% 38% at 70% 66%, rgba(58,120,205,.26), transparent 70%);
  filter: blur(14px);
  animation: hvAurora 22s ease-in-out infinite alternate;
  pointer-events: none;
}
@keyframes hvAurora {
  0%   { transform: translate3d(-3%, -2%, 0) scale(1);    opacity: .85; }
  50%  { opacity: 1; }
  100% { transform: translate3d(4%, 3%, 0) scale(1.18);   opacity: .9; }
}

/* Jemné světelné „nebe" navrchu — evokace názvu Heavenly */
body.home .heavenly-hero::before {
  content: "";
  position: absolute; left: 0; right: 0; top: 0; height: 42%;
  background: linear-gradient(180deg, rgba(255,255,255,.05), transparent);
  pointer-events: none; z-index: 0;
}

/* Hero typografie — víc dechu, prémiová váha */
body.home .heavenly-hero h1.wp-block-heading {
  letter-spacing: -0.02em;
  line-height: 1.12;
  text-shadow: 0 2px 30px rgba(0,0,0,.25);
}

/* =========================================================================
   5. Karty služeb — jemné sklo, hover zdvih, zlatý horní akcent, badge ikon
   ========================================================================= */
body.home .wp-block-column.has-border-color.has-background {
  position: relative;
  overflow: hidden;
  border-color: rgba(15,42,74,.08) !important;
  background-image: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
  box-shadow: 0 1px 2px rgba(15,42,74,.04), 0 14px 34px -16px rgba(15,42,74,.14);
  transition: transform .5s cubic-bezier(.22,1,.36,1),
              box-shadow .5s ease, border-color .5s ease;
}
/* Zlatý horní akcent — na hover „dokreslí" */
body.home .wp-block-column.has-border-color.has-background::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #c9a24b, #e6c777);
  transform: scaleX(0); transform-origin: left center;
  transition: transform .55s cubic-bezier(.22,1,.36,1);
}
body.home .wp-block-column.has-border-color.has-background:hover {
  transform: translateY(-8px);
  border-color: rgba(201,162,75,.4) !important;
  box-shadow: 0 2px 4px rgba(15,42,74,.05), 0 34px 66px -22px rgba(15,42,74,.30);
}
body.home .wp-block-column.has-border-color.has-background:hover::before { transform: scaleX(1); }

/* Ikona služby (emoji v <p style="font-size:40px">) → prémiový badge */
body.home .wp-block-column.has-border-color p[style*="40px"] {
  display: inline-flex; align-items: center; justify-content: center;
  width: 74px; height: 74px; margin-bottom: 20px;
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(201,162,75,.16), rgba(15,42,74,.06));
  box-shadow: inset 0 0 0 1px rgba(201,162,75,.25), 0 8px 18px -10px rgba(15,42,74,.25);
  transition: transform .5s cubic-bezier(.22,1,.36,1);
}
body.home .wp-block-column.has-border-color:hover p[style*="40px"] {
  transform: scale(1.08) rotate(-3deg);
}
/* „Více o..." odkaz uvnitř karty — posun šipky na hover */
body.home .wp-block-column.has-border-color p[style*="15px"] {
  transition: color .3s ease, transform .3s ease;
}

/* =========================================================================
   6. Navy plochy (CTA band + checklist box) — hloubka, záře, sklo
   ========================================================================= */
body.home .wp-block-group.has-background[style*="0f2a4a"] {
  position: relative; overflow: hidden;
  background-image:
    radial-gradient(80% 120% at 50% -20%, rgba(201,162,75,.16), transparent 60%),
    linear-gradient(160deg, #0c2444 0%, #0f2a4a 100%) !important;
}
body.home .wp-block-column.has-background[style*="0f2a4a"] {
  position: relative;
  background-image:
    linear-gradient(160deg, rgba(22,54,96,.96), rgba(11,33,62,.98)) !important;
  border: 1px solid rgba(201,162,75,.18);
  box-shadow: 0 24px 60px -26px rgba(6,18,36,.7);
}

/* =========================================================================
   7. Scroll-reveal — třídy PŘIDÁVÁ JS (hv-reveal). Bez JS = nic skryté.
   ========================================================================= */
html.hv-js .hv-reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .8s cubic-bezier(.22,1,.36,1),
              transform .8s cubic-bezier(.22,1,.36,1);
}
html.hv-js .hv-reveal.hv-in {
  opacity: 1;
  transform: none;
}

/* =========================================================================
   8. Přístupnost — respekt k prefers-reduced-motion
   ========================================================================= */
@media (prefers-reduced-motion: reduce) {
  body { scroll-behavior: auto; }
  body.home .heavenly-hero .wp-block-cover__background::after { animation: none; }
  body.home .heavenly-hero .wp-block-cover__background::before { transform: none !important; }
  html.hv-js .hv-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  .wp-block-button__link, body.home .wp-block-column.has-border-color.has-background { transition: none !important; }
}

/* =========================================================================
   9. Mobil — udržet efekty svižné a čitelné
   ========================================================================= */
@media (max-width: 921px) {
  body.home .wp-block-column.has-border-color.has-background:hover { transform: translateY(-4px); }
  body.home .heavenly-hero h1.wp-block-heading { text-shadow: 0 2px 18px rgba(0,0,0,.28); }
}