/**
 * karavaning.online — vlastní front-end téma "Chytrý rádce s nástroji"
 * Načítá se po style.css a přepisuje vzhled na originální karavaningový.
 */

:root{
  --kv-teal:#0d9488; --kv-teal-d:#0f766e; --kv-teal-dd:#115e59;
  --kv-ink:#0f2b28; --kv-slate:#475569; --kv-mute:#7c8a97;
  --kv-line:#e6edec; --kv-bg:#f6faf9; --kv-amber:#f59e0b; --kv-amber-d:#d97706;
  --kv-radius:16px; --kv-shadow:0 10px 30px rgba(15,118,110,.10);
  --kv-shadow-sm:0 4px 14px rgba(2,44,40,.06);
}

body{background:#fff;color:var(--kv-ink);}
.container{max-width:1180px;margin:0 auto;padding:0 20px;}

/* ---------- HLAVIČKA ---------- */
.site-header{background:rgba(255,255,255,.9);backdrop-filter:saturate(1.2) blur(8px);
  border-bottom:1px solid var(--kv-line);position:sticky;top:0;z-index:900;box-shadow:none;}
.site-header .header-content{display:flex;align-items:center;gap:22px;padding:14px 0;}
.site-header .logo{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:800;
  color:var(--kv-teal-d);letter-spacing:-.02em;text-decoration:none;white-space:nowrap;}
.site-header .logo i{color:var(--kv-teal);}
.header-search{flex:1;max-width:440px;position:relative;}
.header-search input{width:100%;border:1px solid var(--kv-line);background:var(--kv-bg);
  border-radius:999px;padding:11px 44px 11px 18px;font-size:14px;transition:.2s;}
.header-search input:focus{outline:none;border-color:var(--kv-teal);background:#fff;
  box-shadow:0 0 0 4px rgba(13,148,136,.12);}
.header-search button{position:absolute;right:5px;top:50%;transform:translateY(-50%);
  width:34px;height:34px;border:none;border-radius:50%;background:var(--kv-teal);color:#fff;cursor:pointer;}
.main-nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:0;}
.main-nav a{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:10px;
  color:var(--kv-slate);font-weight:600;font-size:14.5px;text-decoration:none;transition:.18s;}
.main-nav a:hover{background:var(--kv-bg);color:var(--kv-teal-d);}
.main-nav a i{color:var(--kv-teal);font-size:14px;}

/* ---------- OBECNÉ SEKCE ---------- */
.kv-sec{padding:64px 0;}
.kv-sec.alt{background:var(--kv-bg);}
.kv-head{max-width:720px;margin:0 auto 38px;text-align:center;}
.kv-eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--kv-teal);background:#e6f5f2;padding:6px 12px;border-radius:999px;margin-bottom:14px;}
.kv-head h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin:0 0 10px;color:var(--kv-ink);}
.kv-head p{color:var(--kv-slate);font-size:1.05rem;margin:0;}
.kv-btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;text-decoration:none;
  border-radius:12px;padding:13px 22px;font-size:15px;cursor:pointer;border:none;transition:.2s;}
.kv-btn-primary{background:var(--kv-teal);color:#fff;box-shadow:0 8px 20px rgba(13,148,136,.28);}
.kv-btn-primary:hover{background:var(--kv-teal-d);transform:translateY(-1px);color:#fff;}
.kv-btn-amber{background:var(--kv-amber);color:#3a2a06;box-shadow:0 8px 20px rgba(245,158,11,.3);}
.kv-btn-amber:hover{background:var(--kv-amber-d);color:#fff;transform:translateY(-1px);}
.kv-btn-ghost{background:#fff;color:var(--kv-teal-d);border:1.5px solid var(--kv-line);}
.kv-btn-ghost:hover{border-color:var(--kv-teal);background:var(--kv-bg);}

/* ---------- HERO ---------- */
.kv-hero{position:relative;overflow:hidden;background:
  radial-gradient(1100px 480px at 88% -8%,#e6f5f2 0,transparent 60%),
  radial-gradient(900px 420px at -5% 110%,#eefaf7 0,transparent 55%),#fff;}
.kv-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:66px 0 74px;}
.kv-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;
  color:var(--kv-teal-d);background:#e6f5f2;padding:7px 14px;border-radius:999px;margin-bottom:20px;}
.kv-hero h1{font-size:clamp(2.1rem,4.4vw,3.35rem);line-height:1.08;font-weight:800;
  letter-spacing:-.03em;margin:0 0 18px;color:var(--kv-ink);}
.kv-hero h1 span{color:var(--kv-teal);}
.kv-hero-lead{font-size:1.15rem;line-height:1.6;color:var(--kv-slate);margin:0 0 26px;max-width:520px;}
.kv-hero-search{display:flex;gap:10px;max-width:520px;margin-bottom:16px;}
.kv-hero-search input{flex:1;border:1.5px solid var(--kv-line);border-radius:13px;padding:15px 18px;font-size:15px;background:#fff;}
.kv-hero-search input:focus{outline:none;border-color:var(--kv-teal);box-shadow:0 0 0 4px rgba(13,148,136,.12);}
.kv-chips{display:flex;flex-wrap:wrap;gap:9px;}
.kv-chip{font-size:13.5px;font-weight:600;color:var(--kv-slate);background:#fff;border:1px solid var(--kv-line);
  padding:8px 14px;border-radius:999px;text-decoration:none;transition:.18s;}
.kv-chip:hover{border-color:var(--kv-teal);color:var(--kv-teal-d);background:var(--kv-bg);}

/* Interaktivní výběrový průvodce */
.kv-advisor{background:#fff;border:1px solid var(--kv-line);border-radius:22px;box-shadow:var(--kv-shadow);padding:26px;}
.kv-advisor-top{display:flex;align-items:center;gap:12px;margin-bottom:6px;}
.kv-advisor-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#14b8a6,#0d9488);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;}
.kv-advisor h3{margin:0;font-size:1.2rem;font-weight:800;}
.kv-advisor-sub{color:var(--kv-mute);font-size:13.5px;margin:2px 0 0;}
.kv-advisor-step{margin-top:18px;}
.kv-advisor-q{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--kv-mute);margin-bottom:10px;}
.kv-advisor-opts{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.kv-opt{display:flex;align-items:center;gap:9px;border:1.5px solid var(--kv-line);border-radius:12px;
  padding:12px 13px;font-weight:600;font-size:14px;color:var(--kv-ink);background:#fff;cursor:pointer;transition:.16s;text-align:left;}
.kv-opt i{color:var(--kv-teal);width:18px;text-align:center;}
.kv-opt:hover{border-color:var(--kv-teal);background:var(--kv-bg);}
.kv-opt.sel{border-color:var(--kv-teal);background:#e6f5f2;box-shadow:0 0 0 3px rgba(13,148,136,.12);}
.kv-advisor-foot{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.kv-advisor-dots{display:flex;gap:6px;}
.kv-dot{width:8px;height:8px;border-radius:50%;background:var(--kv-line);}
.kv-dot.on{background:var(--kv-teal);}
.kv-advisor-result{display:none;text-align:center;padding:8px 4px 4px;}
.kv-advisor-result.show{display:block;}
.kv-advisor-result i.big{font-size:34px;color:var(--kv-teal);margin-bottom:8px;}
.kv-advisor-result h4{margin:4px 0 6px;font-size:1.15rem;}
.kv-advisor-result p{color:var(--kv-slate);font-size:14px;margin:0 0 16px;}

/* ---------- PÁS NÁSTROJŮ ---------- */
.kv-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.kv-tool{display:block;background:#fff;border:1px solid var(--kv-line);border-radius:var(--kv-radius);
  padding:24px 22px;text-decoration:none;transition:.2s;box-shadow:var(--kv-shadow-sm);}
.kv-tool:hover{transform:translateY(-4px);box-shadow:var(--kv-shadow);border-color:#cdeae5;}
.kv-tool-ic{width:52px;height:52px;border-radius:14px;background:#e6f5f2;color:var(--kv-teal-d);
  display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;}
.kv-tool h3{margin:0 0 6px;font-size:1.08rem;font-weight:800;color:var(--kv-ink);}
.kv-tool p{margin:0 0 12px;font-size:13.7px;color:var(--kv-slate);line-height:1.5;}
.kv-tool-go{font-size:13.5px;font-weight:700;color:var(--kv-teal);}
.kv-tool-badge{font-size:11px;font-weight:700;color:var(--kv-amber-d);background:#fff7e6;padding:3px 8px;border-radius:6px;margin-left:8px;}

/* ---------- KATEGORIE / SROVNÁVAČ ---------- */
.kv-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.kv-cat{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--kv-line);
  border-radius:14px;padding:16px 18px;text-decoration:none;transition:.18s;}
.kv-cat:hover{border-color:var(--kv-teal);box-shadow:var(--kv-shadow-sm);transform:translateY(-2px);}
.kv-cat-ic{width:46px;height:46px;border-radius:12px;background:#e6f5f2;color:var(--kv-teal-d);
  display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;}
.kv-cat-name{font-weight:700;color:var(--kv-ink);font-size:15px;}
.kv-cat-sub{font-size:12.5px;color:var(--kv-mute);}
.kv-cat-arrow{margin-left:auto;color:var(--kv-line);transition:.18s;}
.kv-cat:hover .kv-cat-arrow{color:var(--kv-teal);transform:translateX(3px);}

/* ---------- DOPORUČENÉ PRODUKTY ---------- */
.kv-prods{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.kv-prod{display:flex;flex-direction:column;background:#fff;border:1px solid var(--kv-line);border-radius:var(--kv-radius);overflow:hidden;text-decoration:none;transition:.2s;box-shadow:var(--kv-shadow-sm);}
.kv-prod:hover{transform:translateY(-4px);box-shadow:var(--kv-shadow);}
.kv-prod-img{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;padding:14px;border-bottom:1px solid var(--kv-line);}
.kv-prod-img img{max-width:100%;max-height:100%;object-fit:contain;}
.kv-prod-img i{font-size:34px;color:var(--kv-line);}
.kv-prod-body{padding:14px 15px 16px;display:flex;flex-direction:column;flex:1;}
.kv-prod-brand{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--kv-mute);margin-bottom:5px;}
.kv-prod-name{font-size:13.7px;font-weight:600;color:var(--kv-ink);line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.kv-prod-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:11px;border-top:1px solid var(--kv-line);}
.kv-prod-price{font-size:15px;font-weight:800;color:var(--kv-teal-d);}
.kv-prod-offers{font-size:12px;color:var(--kv-mute);}
.kv-prod-offers i{color:var(--kv-teal);margin-right:3px;}
@media(max-width:960px){ .kv-prods{grid-template-columns:repeat(2,1fr);} }
@media(max-width:600px){ .kv-prods{grid-template-columns:1fr 1fr;} }

/* ---------- PRŮVODCI ---------- */
.kv-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.kv-guide{display:block;background:#fff;border:1px solid var(--kv-line);border-radius:var(--kv-radius);
  overflow:hidden;text-decoration:none;transition:.2s;box-shadow:var(--kv-shadow-sm);}
.kv-guide:hover{transform:translateY(-4px);box-shadow:var(--kv-shadow);}
.kv-guide-top{height:200px;background:linear-gradient(135deg,#0d9488,#0f766e);display:flex;
  align-items:center;justify-content:center;color:rgba(255,255,255,.9);font-size:34px;position:relative;}
.kv-guide-top img{width:100%;height:100%;object-fit:cover;}
.kv-guide-tag{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.92);color:var(--kv-teal-d);
  font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;}
.kv-guide-body{padding:18px 20px 22px;}
.kv-guide-body h3{margin:0 0 8px;font-size:1.08rem;font-weight:800;color:var(--kv-ink);line-height:1.3;}
.kv-guide-body p{margin:0;font-size:13.7px;color:var(--kv-slate);line-height:1.55;}

/* ---------- PROČ MY ---------- */
.kv-why{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.kv-why-item{text-align:center;padding:8px;}
.kv-why-ic{width:60px;height:60px;border-radius:16px;margin:0 auto 16px;background:#fff;border:1px solid var(--kv-line);
  display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--kv-teal);box-shadow:var(--kv-shadow-sm);}
.kv-why-item h3{margin:0 0 8px;font-size:1.12rem;font-weight:800;}
.kv-why-item p{margin:0;color:var(--kv-slate);font-size:14.5px;line-height:1.6;}

/* ---------- NEWSLETTER ---------- */
.kv-news{background:linear-gradient(135deg,var(--kv-teal-d),var(--kv-teal-dd));border-radius:24px;
  padding:48px 44px;color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;overflow:hidden;position:relative;}
.kv-news h2{margin:0 0 10px;font-size:1.7rem;font-weight:800;color:#fff;}
.kv-news p{margin:0 0 22px;color:rgba(255,255,255,.86);font-size:1.02rem;}
.kv-news-form{display:flex;gap:10px;max-width:440px;}
.kv-news-form input{flex:1;border:none;border-radius:12px;padding:15px 18px;font-size:15px;}
.kv-news-form input:focus{outline:none;box-shadow:0 0 0 4px rgba(255,255,255,.25);}
.kv-news-perks{list-style:none;margin:14px 0 0;padding:0;display:flex;gap:18px;flex-wrap:wrap;font-size:13.5px;color:rgba(255,255,255,.85);}
.kv-news-perks li i{margin-right:6px;color:#5eead4;}
.kv-news-visual{text-align:center;font-size:120px;color:rgba(255,255,255,.14);}
.kv-news-msg{margin-top:12px;font-size:14px;}

/* ---------- INTERAKTIVNÍ KARAVAN ---------- */
.kv-anat{position:relative;max-width:920px;margin:0 auto;border:1px solid var(--kv-line);border-radius:22px;padding:0;overflow:hidden;box-shadow:var(--kv-shadow);}
.kv-anat-svg{width:100%;height:auto;display:block;}
.kv-hs{position:absolute;transform:translate(-50%,-50%);cursor:pointer;outline:none;z-index:2;}
.kv-hs-dot{display:block;width:20px;height:20px;border-radius:50%;background:var(--kv-teal);border:3px solid #fff;box-shadow:0 2px 8px rgba(13,148,136,.55);position:relative;}
.kv-hs-dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--kv-teal);animation:kvpulse 2.2s infinite;}
@keyframes kvpulse{0%{transform:scale(.75);opacity:.7}70%{transform:scale(1.9);opacity:0}100%{opacity:0}}
.kv-hs-tip{position:absolute;bottom:calc(100% + 13px);left:50%;transform:translateX(-50%) translateY(6px);background:#fff;border:1px solid var(--kv-line);border-radius:14px;box-shadow:var(--kv-shadow);padding:14px 16px;width:236px;opacity:0;visibility:hidden;transition:.18s;z-index:6;}
.kv-hs:hover .kv-hs-tip,.kv-hs:focus .kv-hs-tip,.kv-hs:focus-within .kv-hs-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.kv-hs-tip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:8px solid transparent;border-top-color:#fff;}
.kv-hs-title{font-weight:800;font-size:14.5px;color:var(--kv-ink);margin-bottom:8px;}
.kv-hs-tip a{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--kv-teal-d);text-decoration:none;padding:5px 0;border-top:1px solid var(--kv-bg);}
.kv-hs-tip a:first-of-type{border-top:none;}
.kv-hs-tip a i{font-size:10px;color:var(--kv-teal);}
.kv-hs-tip a:hover{color:var(--kv-teal);}
@media(max-width:640px){ .kv-hs-tip{width:180px;} .kv-hs-dot{width:16px;height:16px;} }

/* ---------- SROVNÁVACÍ TABULKA V ČLÁNCÍCH ---------- */
.kv-cmp{width:100%;border-collapse:collapse;font-size:14.5px;margin:18px 0 24px;border:1px solid var(--kv-line);border-radius:12px;overflow:hidden;}
.kv-cmp th{background:var(--kv-bg);text-align:left;padding:11px 13px;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--kv-mute);}
.kv-cmp td{padding:12px 13px;border-top:1px solid var(--kv-line);vertical-align:middle;}
.kv-cmp td a{color:var(--kv-ink);font-weight:600;text-decoration:none;}
.kv-cmp td a:hover{color:var(--kv-teal-d);}
.kv-cmp td small{color:var(--kv-mute);font-weight:500;}
.kv-cmp-btn{display:inline-block;background:var(--kv-teal);color:#fff!important;font-weight:700;font-size:13px;padding:8px 14px;border-radius:8px;text-decoration:none;white-space:nowrap;}
.kv-cmp-btn:hover{background:var(--kv-teal-d);}
@media(max-width:600px){ .kv-cmp{font-size:13px;} .kv-cmp th:nth-child(2),.kv-cmp td:nth-child(2){display:none;} }

/* ---------- PATIČKA (přebarvení) ---------- */
.site-footer{background:#0b201d;color:#c7d6d3;}
.site-footer h4{color:#fff;}
.site-footer a{color:#a9c2bd;}
.site-footer a:hover{color:#5eead4;}
.footer-logo-link i{color:#5eead4;}
.social-links a:hover{background:var(--kv-teal);}
#cookie-settings-btn{background:linear-gradient(135deg,#14b8a6,#0d9488)!important;}

/* ---------- RESPONSIVE ---------- */
@media(max-width:960px){
  .kv-hero-grid{grid-template-columns:1fr;gap:32px;padding:44px 0;}
  .kv-tools{grid-template-columns:repeat(2,1fr);}
  .kv-cats{grid-template-columns:repeat(2,1fr);}
  .kv-guides{grid-template-columns:1fr 1fr;}
  .kv-why{grid-template-columns:1fr;}
  .kv-news{grid-template-columns:1fr;padding:36px 26px;}
  .kv-news-visual{display:none;}
  .main-nav{display:none;}
}
@media(max-width:600px){
  .kv-advisor-opts{grid-template-columns:1fr;}
  .kv-tools,.kv-cats,.kv-guides{grid-template-columns:1fr;}
  .kv-hero-search{flex-direction:column;}
  .header-search{display:none;}
}

/* ---------- FOTOGRAFICKÝ HERO ---------- */
.kv-hero--photo{background-size:cover;background-position:center;background-repeat:no-repeat;}
.kv-hero--photo .kv-hero-grid{padding:104px 0 112px;}
.kv-hero--photo .kv-hero-eyebrow{background:rgba(255,255,255,.16);color:#d7fff6;}
.kv-hero--photo h1{color:#fff;}
.kv-hero--photo h1 span{color:#5eead4;}
.kv-hero--photo .kv-hero-lead{color:rgba(255,255,255,.92);}
.kv-hero--photo .kv-chips span{color:rgba(255,255,255,.8)!important;}
.kv-hero--photo .kv-chip{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#eafffb;}
.kv-hero--photo .kv-chip:hover{background:#fff;color:var(--kv-teal-d);border-color:#fff;}
.kv-hero--photo .kv-advisor{box-shadow:0 24px 60px rgba(0,0,0,.28);}
@media(max-width:960px){ .kv-hero--photo .kv-hero-grid{padding:64px 0 72px;} }

/* ===== Kategorie: HUB (úvod + průvodce + doporučené) ===== */
.kv-hub{margin:6px 0 18px;}
.kv-hub-intro{font-size:16px;line-height:1.6;color:#334155;max-width:820px;margin:0 0 14px;}
.kv-hub-cta{display:flex;flex-wrap:wrap;gap:10px;}
.kv-hub-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;font-weight:600;font-size:14px;text-decoration:none;background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px rgba(13,148,136,.25);}
.kv-hub-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(13,148,136,.32);}
.kv-hub-btn.ghost{background:#fff;color:#0f766e;border:1.5px solid #99f6e4;box-shadow:none;}
.kv-hub-btn.ghost:hover{background:#f0fdfa;}
.kv-featured{margin:8px 0 26px;padding:18px;background:linear-gradient(135deg,#f0fdfa,#ecfeff);border:1px solid #99f6e4;border-radius:18px;}
.kv-featured-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:800;color:#0f766e;margin:0 0 14px;}
.kv-featured-title i{color:#f59e0b;}
.kv-featured .products-grid-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media(max-width:900px){.kv-featured .products-grid-modern{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.kv-featured .products-grid-modern{grid-template-columns:1fr;}}