/* ═══════════════════════════════════════════════════════════════════
   TopEpoxy — te-home.css · VERZE: 6 „LIGHT" (11. 7. 2026)
   Rozhodnutí Tomáše: držet ORIGINÁLNÍ design a chování šablony,
   jen kosmetika hotových prvků. Výkonnostní zásady této verze:
   — ŽÁDNÝ JavaScript (te-home.js z hlavičky SMAZAT — kill-switch napořád)
   — ŽÁDNÉ animace/keyframes, žádný backdrop-filter, žádné strukturální zásahy
   — jen statické barvy, rádiusy, stíny + hover barvy (zadarmo)
   Scope: vše pod body.type-index. KILL-SWITCH: smazat <link> řádek.
   Ikony benefitů: TMAVÉ varianty (te-benefit-*-DARK.png) — pás je světlý!
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1) KARUSEL — jantarové indikátory ── */
body.type-index .carousel-indicators li{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.55);border:none}
body.type-index .carousel-indicators li.active{background:#F5A623;width:24px}

/* ── 2) BENEFITY (světlý pás dle originálu) — barvy + nové tmavé ikony ── */
body.type-index .benefitBanner__title,body.type-index .benefitBanner__title a,body.type-index a.benefitBanner__link{color:#0E4D73!important;font-weight:800;text-decoration:none}
body.type-index .benefitBanner__data{color:#5A6E80}
body.type-index .benefitBanner__img{width:40px;height:auto}

/* ── 3) DVA BANERY — jen zaoblení a jemný stín ── */
body.type-index .next-to-carousel-banners .banner-wrapper img{display:block;width:100%;border-radius:16px;box-shadow:0 10px 30px rgba(6,38,63,.12)}

/* ── 4) NADPISY SEKCÍ — gradient podtržení ── */
body.type-index .homepage-group-title{position:relative;font-weight:900;letter-spacing:-.6px;color:#0B2E48;padding-bottom:14px;margin-bottom:26px}
body.type-index .homepage-group-title::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:64px;height:4px;border-radius:999px;background:linear-gradient(90deg,#F5A623,#35C3E8)}

/* ── 5) KATEGORIE — originál šablony, jen barvy ── */
body.type-index .top-category-block .menu-content a{text-decoration:none}
body.type-index .top-category-block .menu-content>div>a{color:#0E4D73;font-weight:800;font-size:16px}
body.type-index .top-category-block .menu-content>div>a:hover{color:#1E9BC9}
body.type-index .top-category-block .menu-level-3 a{color:#5A6E80;font-size:13px;font-weight:600;transition:color .2s}
body.type-index .top-category-block .menu-level-3 a:hover{color:#0E4D73}
body.type-index .top-category-block .top-category-more{border:2px solid #35C3E8;border-radius:999px;font-weight:800;letter-spacing:.6px;transition:background .25s,color .25s}
body.type-index .top-category-block .top-category-more:hover{background:#35C3E8}
body.type-index .top-category-block .top-category-more a{text-decoration:none;color:inherit}

/* ── 6) PRODUKTOVÉ KARTY — jen barvy a stín (žádné transformy) ── */
body.type-index .products-block .product{border-radius:14px;transition:box-shadow .3s}
body.type-index .products-block .product:hover{box-shadow:0 14px 36px rgba(6,38,63,.12)}
body.type-index .products-block .price-final{color:#0E4D73;font-weight:900}
body.type-index .products-block .flags .flag,body.type-index .products-block .flag{background:linear-gradient(135deg,#F5A623,#DE8F0D)}

/* ── 7) WELCOME — luxusní tmavý panel (statický gradient = zadarmo) ── */
body.type-index .welcome-wrapper .welcome{position:relative;overflow:hidden;background:radial-gradient(720px 460px at 85% -10%,rgba(53,195,232,.22),transparent 62%),linear-gradient(150deg,#06263F 0%,#0B3D5E 60%,#0E4D73 100%);border-radius:22px;padding:48px 52px;box-shadow:0 18px 50px rgba(6,38,63,.25);color:rgba(255,255,255,.84)}
body.type-index .welcome-wrapper .welcome h1,body.type-index .welcome-wrapper .welcome .h1{color:#fff!important;font-weight:900;font-size:30px;letter-spacing:-.7px;margin-bottom:20px}
body.type-index .welcome-wrapper .welcome p,body.type-index .welcome-wrapper .welcome li{color:rgba(255,255,255,.85)!important}
body.type-index .welcome-wrapper .welcome b,body.type-index .welcome-wrapper .welcome strong{color:#D9F2FB!important}
body.type-index .welcome-wrapper .welcome a{color:#8FE3FF!important;text-decoration:underline;text-decoration-color:rgba(143,227,255,.45);text-underline-offset:3px}
body.type-index .welcome-wrapper .welcome a:hover{text-decoration-color:#8FE3FF}
body.type-index .welcome-wrapper .welcome li::marker{color:#F5A623}
@media(max-width:767px){body.type-index .welcome-wrapper .welcome{padding:30px 22px}body.type-index .welcome-wrapper .welcome h1,body.type-index .welcome-wrapper .welcome .h1{font-size:24px}}

/* ── 8) NOVINKY — barvy tlačítek ── */
body.type-index .news-item a.title{color:#0B2E48;font-weight:800}
body.type-index .news-item .btn.btn-primary{background:#fff;border:2px solid #35C3E8;color:#0E4D73;border-radius:999px;font-weight:800;letter-spacing:.5px;transition:background .25s,color .25s}
body.type-index .news-item .btn.btn-primary:hover{background:#35C3E8;color:#fff}
body.type-index .news-block .btn.btn-secondary{background:linear-gradient(135deg,#F5A623,#DE8F0D);color:#fff;border:none;border-radius:999px;font-weight:800;letter-spacing:.5px;padding:12px 30px;box-shadow:0 8px 22px rgba(222,143,13,.3)}
body.type-index .news-block .btn.btn-secondary:hover{color:#fff}

/* ── 9) RECENZE — tmavý souhrn s jantarovou 4,9 (Tomášův oblíbený prvek) ── */
body.type-index .ratings-block .rate-wrap{background:linear-gradient(150deg,#06263F,#0E4D73);border-radius:22px;box-shadow:0 18px 50px rgba(6,38,63,.25);color:#fff}
body.type-index .ratings-block .rate-average{color:#F5A623;font-weight:900}
body.type-index .ratings-block .rate-wrap .stars-label,body.type-index .ratings-block .rate-wrap .votes{color:rgba(255,255,255,.82)}
body.type-index .ratings-block .rate-wrap .rate-value,body.type-index .ratings-block .rate-wrap .rate-count{color:rgba(255,255,255,.75)}

/* ── 10) FAQ — oceán místo šablonové modré ── */
body.type-index .faq-block .faq-content-title{background:linear-gradient(140deg,#0E4D73,#06263F);border-radius:14px 14px 0 0}
body.type-index .faq-block .faq-side-list__item{border-radius:999px}
body.type-index .faq-block .faq-side-list__item.is-active{background:linear-gradient(135deg,#0E4D73,#06263F);color:#fff}

/* ── 11) ZNAČKY — šedá → barva na hover ── */
body.type-index .partners__item img{filter:grayscale(1);opacity:.55;transition:filter .35s,opacity .35s}
body.type-index .partners__item:hover img{filter:none;opacity:1}

/* ── 12) PATIČKA — tmavý oceán (statické barvy) ── */
body.type-index footer.footer{position:relative;background:linear-gradient(165deg,#06263F 0%,#0A3A5C 55%,#0E4D73 100%);margin-top:60px;padding-top:30px}
body.type-index footer.footer,body.type-index footer.footer p,body.type-index footer.footer li,body.type-index footer.footer span{color:rgba(255,255,255,.78)}
body.type-index footer.footer h3,body.type-index footer.footer h4{color:#8FE3FF!important;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;font-size:13.5px}
body.type-index footer.footer a{color:rgba(255,255,255,.82)!important;transition:color .2s}
body.type-index footer.footer a:hover{color:#8FE3FF!important}
body.type-index footer.footer .custom-footer__newsletter{background:linear-gradient(150deg,#0B3D5E 0%,#083350 100%)!important;border:1px solid rgba(143,227,255,.28);border-radius:22px;box-shadow:0 18px 50px rgba(6,38,63,.3)}
body.type-index footer.footer .custom-footer__newsletter h3{color:#fff!important;text-transform:none;letter-spacing:-.6px;font-size:26px;font-weight:900}
body.type-index footer.footer .custom-footer__newsletter p,body.type-index footer.footer .custom-footer__newsletter label,body.type-index footer.footer .custom-footer__newsletter span{color:rgba(255,255,255,.8)!important}
body.type-index footer.footer .custom-footer__newsletter a{color:#8FE3FF!important}
body.type-index footer.footer .subscribe-form .form-control{border-radius:999px;border:1px solid rgba(143,227,255,.35);background:rgba(255,255,255,.95)}
body.type-index footer.footer .subscribe-form .btn{background:linear-gradient(135deg,#F5A623,#DE8F0D)!important;border:none!important;color:#fff!important;border-radius:999px;font-weight:800;box-shadow:0 8px 22px rgba(222,143,13,.3)}
body.type-index footer.footer .custom-footer__contact a.btn{background:linear-gradient(135deg,#F5A623,#DE8F0D)!important;border:none!important;color:#fff!important;border-radius:999px;font-weight:800;box-shadow:0 8px 22px rgba(222,143,13,.3)}
body.type-index footer.footer .footer-bottom{border-top:1px solid rgba(143,227,255,.16);margin-top:26px}
body.type-index footer.footer .copyright,body.type-index footer.footer .footer-bottom span{color:rgba(255,255,255,.5)}
