/* v51r – konkrétní opravy:
   1) hero karta opravdu doleva na desktopu
   2) pryč malé šipky z tlačítek
   3) větší padding v rámečcích podstránek, aby text nelepil na ohraničení
*/

/* ===== 1) HERO KARTA VLEVO ===== */
@media (min-width: 921px){
  html body .hero{
    overflow:hidden!important;
  }

  html body .hero .container{
    max-width:1280px!important;
  }

  html body .hero-grid,
  html body .hero-grid--single{
    display:grid!important;
    justify-items:start!important;
    align-items:center!important;
  }

  html body .hero-copy,
  html body .hero-card,
  html body .hero__card,
  html body .hero-content,
  html body .hero-panel{
    margin-left:0!important;
    margin-right:auto!important;
    transform:translateX(-34px)!important;
    max-width:720px!important;
    width:min(720px, calc(100vw - 110px))!important;

    background:rgba(255,250,236,.46)!important;
    border:1px solid rgba(255,255,255,.64)!important;
    box-shadow:0 30px 90px rgba(38,34,24,.22)!important;
    backdrop-filter:blur(15px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(15px) saturate(1.08)!important;
  }
}

@media (min-width: 1400px){
  html body .hero-copy,
  html body .hero-card,
  html body .hero__card,
  html body .hero-content,
  html body .hero-panel{
    transform:translateX(-70px)!important;
  }
}

/* Text na kartě čitelně i přes větší průhlednost */
html body .hero h1,
html body .hero-copy h1,
html body .hero-card h1,
html body .hero__card h1,
html body .hero-content h1,
html body .hero-panel h1{
  color:#20291f!important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.92),
    0 10px 28px rgba(255,255,255,.58)!important;
}

html body .hero p,
html body .hero-copy p,
html body .hero-card p,
html body .hero__card p,
html body .hero-content p,
html body .hero-panel p,
html body .hero .lead,
html body .hero-copy .lead{
  color:#2f3b31!important;
  opacity:1!important;
  font-weight:760!important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.86),
    0 4px 16px rgba(255,255,255,.66)!important;
}

/* Na mobilu kartu nenutit doleva */
@media (max-width: 920px){
  html body .hero-copy,
  html body .hero-card,
  html body .hero__card,
  html body .hero-content,
  html body .hero-panel{
    transform:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* ===== 2) PRYČ ŠIPKY Z TLAČÍTEK ===== */

/* Skrýt běžné ikonové šipky v tlačítkách */
html body .btn svg,
html body .btn-primary svg,
html body .btn-soft svg,
html body .btn-ghost svg,
html body .nav-cta svg,
html body button svg,
html body .svc-more svg,
html body .text-link svg,
html body .ref-card__link svg,
html body .article-list a svg{
  display:none!important;
}

/* Skrýt pseudo šipky, které CSS přidává za odkazy/tlačítka */
html body .btn::after,
html body .btn-primary::after,
html body .btn-soft::after,
html body .btn-ghost::after,
html body .nav-cta::after,
html body .svc-more::after,
html body .text-link::after,
html body .ref-card__link::after,
html body .article-list a::after,
html body a.more::after,
html body a[class*="more"]::after,
html body a[class*="link"]::after{
  content:""!important;
  display:none!important;
}

/* Pokud je šipka jako samostatný span/i */
html body .btn .arrow,
html body .btn-primary .arrow,
html body .btn-soft .arrow,
html body .btn-ghost .arrow,
html body .nav-cta .arrow,
html body .svc-more .arrow,
html body .text-link .arrow,
html body .icon-arrow,
html body .arrow-icon,
html body .link-arrow{
  display:none!important;
}

/* dorovnat tlačítka po odstranění šipek */
html body .btn,
html body .btn-primary,
html body .btn-soft,
html body .btn-ghost,
html body .nav-cta,
html body button[type="submit"]{
  gap:0!important;
  justify-content:center!important;
}

/* ===== 3) RÁMEČKY / KARTY NA PODSTRÁNKÁCH – TEXT NESMÍ LEPIT NA OKRAJ ===== */

html body .content-block,
html body .side-card,
html body .quick-card,
html body .audience-card,
html body .service-detail-card,
html body .service-detail,
html body .article-card,
html body .guide-card,
html body .info-card,
html body .card,
html body .check-grid div,
html body .benefit-list div,
html body .proof-list div,
html body .timeline div{
  padding:clamp(24px, 2.4vw, 36px)!important;
  border-radius:26px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

/* konkrétně v dvousloupcových sekcích podstránek */
html body .detail-grid .content-block,
html body .service-detail-grid .content-block,
html body .article-content,
html body .page-content,
html body .content{
  padding-left:clamp(24px, 2.6vw, 40px)!important;
  padding-right:clamp(24px, 2.6vw, 40px)!important;
}

/* Nadpisy v rámečcích nesmí přesahovat přes border */
html body .content-block h2,
html body .side-card h2,
html body .quick-card h2,
html body .audience-card h2,
html body .service-detail-card h2,
html body .service-detail h2,
html body .article-card h2,
html body .guide-card h2,
html body .info-card h2,
html body .card h2,
html body .content-block h3,
html body .side-card h3,
html body .card h3{
  margin-top:0!important;
  line-height:1.08!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}

/* Pilulky uvnitř rámečků taky s rezervou */
html body .check-grid,
html body .benefit-list,
html body .scope-chips,
html body .tags,
html body .svc-tags{
  gap:12px!important;
}

html body .check-grid div,
html body .benefit-list div,
html body .scope-chips span,
html body .tag,
html body .pill,
html body .chip{
  padding:11px 16px!important;
  line-height:1.35!important;
}

/* Rychlý rozcestník – rámeček nesmí objímat text těsně */
html body .quick-card,
html body .side-card{
  min-height:auto!important;
}

html body .quick-card p,
html body .side-card p,
html body .content-block p,
html body .card p{
  line-height:1.65!important;
}

/* Mobil: trochu menší, ale pořád ne těsně */
@media(max-width:760px){
  html body .content-block,
  html body .side-card,
  html body .quick-card,
  html body .audience-card,
  html body .service-detail-card,
  html body .service-detail,
  html body .article-card,
  html body .guide-card,
  html body .info-card,
  html body .card,
  html body .check-grid div,
  html body .benefit-list div,
  html body .proof-list div,
  html body .timeline div{
    padding:22px!important;
    border-radius:22px!important;
  }
}


/* v51s – firemní údaje v patičce */
html body .footer-company{
  margin-top:0!important;
}
html body .footer-company h3{
  margin:0 0 12px!important;
  color:#fff6df!important;
  font-size:16px!important;
  line-height:1.2!important;
}
html body .footer-company p{
  margin:0!important;
  color:rgba(255,246,223,.84)!important;
  line-height:1.65!important;
  font-size:14px!important;
}
html body .footer-company strong{
  color:#fff6df!important;
}