/* ═══════════════════════════════════════════════════════════════
   TopEpoxy — te-kategorie.css  ·  VERZE: 7 (4. 7. 2026)
   Styly VÝHRADNĚ pro stránky kategorií. Plně IZOLOVÁNO od produktových
   šablon (produkt-detail.css / tw-): vlastní prefix tk- a vše navěšené
   na body.type-category — na detailu produktu se nic z tohoto neaplikuje.
   Nasazení: nahrát vedle produkt-detail.css a do hlavičky přidat:
   <link rel="stylesheet" href="/user/documents/upload/css/te-kategorie.css?v=7">
   Po každé změně zvednout číslo zde i v ?v=.
   v5: WOW vrstva — obrázkové projektové karty (tk-card__img), systémové
   karty s výhodami/nevýhodami (tk-sys, tk-pros/tk-cons), miniatury ve
   výsledcích průvodce, vizuální hloubková lišta v tabulce (tk-bar).
   ═══════════════════════════════════════════════════════════════ */

/* ── VRŠEK: intro v perexu (.tk-intro vkládáme do category-perex) ── */
body.type-category .tk-intro{font-family:'Inter',system-ui,sans-serif;color:#122334;line-height:1.65}
body.type-category .tk-intro p{font-size:15px;color:#3A4654;max-width:860px;margin:0 0 10px}
body.type-category .tk-intro p strong{color:#122334}
body.type-category .tk-intro p a{color:#0E4D73;font-weight:700;text-decoration:none;border-bottom:1px dotted #35C3E8}
body.type-category .tk-intro p a:hover{border-bottom-style:solid}

/* chipy — tiché, informační (v4: bez barevné výplně) */
body.type-category .tk-chips{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 2px}
body.type-category .tk-chip{display:inline-flex;align-items:center;gap:5px;padding:0;
 background:none;border:none;font-size:12.5px;font-weight:600;color:#5A6E80;white-space:nowrap}
body.type-category .tk-chip::before{content:"✓";color:#35C3E8;font-weight:900;font-size:11px}

/* ── „Pokračovat" — decentní textový odkaz à la Alza (details/summary, bez JS) ── */
body.type-category details.tk-more{margin:2px 0 0}
body.type-category details.tk-more>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;
 cursor:pointer;padding:2px 0;border:none;background:none;
 color:#0E4D73;font-weight:700;font-size:13.5px;user-select:none}
body.type-category details.tk-more>summary::-webkit-details-marker{display:none}
body.type-category details.tk-more>summary::before{content:"Pokračovat"}
body.type-category details.tk-more[open]>summary::before{content:"Skrýt"}
body.type-category details.tk-more>summary::after{content:"▾";font-size:11px;color:#35C3E8;transition:transform .2s}
body.type-category details.tk-more[open]>summary::after{transform:rotate(180deg)}
body.type-category details.tk-more>summary:hover{text-decoration:underline;text-decoration-color:#35C3E8}
body.type-category details.tk-more>.tk-more__body{padding-top:12px}

/* ── DLAŽDICE PODKATEGORIÍ: restyle NATIVNÍHO widgetu (Shoptet ul.subcategories) ── */
body.type-category ul.subcategories{display:grid !important;grid-template-columns:repeat(4,1fr);gap:10px;
 list-style:none;padding:0;margin:16px 0 8px}
body.type-category ul.subcategories li{width:auto !important;max-width:none !important;padding:0 !important;margin:0 !important;float:none !important}
body.type-category ul.subcategories li a{display:flex !important;align-items:center;gap:11px;height:100%;
 background:#fff;border:1px solid #E2EAF1;border-radius:12px;padding:10px 13px;
 box-shadow:none;transition:border-color .15s,box-shadow .15s;
 font-weight:700;font-size:13.5px;color:#122334;text-decoration:none;line-height:1.3}
body.type-category ul.subcategories li a:hover{border-color:#35C3E8;box-shadow:0 8px 22px rgba(6,38,63,.10)}
body.type-category ul.subcategories li a img{width:40px;height:40px;object-fit:contain;flex:none;border-radius:9px;background:#F2F9FE}
@media (max-width:900px){body.type-category ul.subcategories{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){body.type-category ul.subcategories{grid-template-columns:1fr}}

/* ── SPODEK: typografie obsahu .te-desc ── */
body.type-category .te-desc{font-family:'Inter',system-ui,sans-serif;color:#3A4654;line-height:1.65;font-size:14.5px}
body.type-category .te-desc h2{font-size:clamp(20px,2.4vw,25px);font-weight:800;letter-spacing:-.4px;color:#0E4D73;
 margin:36px 0 12px;padding-bottom:8px;border-bottom:3px solid #D9F2FB}
body.type-category .te-desc h3{font-size:16.5px;font-weight:800;color:#122334;margin:20px 0 6px}
body.type-category .te-desc h3 a{color:#0E4D73;text-decoration:none;border-bottom:1px dotted #35C3E8}
body.type-category .te-desc p a,body.type-category .te-desc li a{color:#0E4D73;font-weight:700;text-decoration:none;border-bottom:1px dotted #35C3E8}
body.type-category .te-desc ul{padding-left:0;list-style:none}
body.type-category .te-desc ul li{position:relative;padding:4px 0 4px 26px;margin:0}
body.type-category .te-desc ul li::before{content:"›";position:absolute;left:6px;top:2px;color:#35C3E8;font-weight:900;font-size:16px}
body.type-category .te-desc ul.te-checklist li{padding-left:32px}
body.type-category .te-desc ul.te-checklist li::before{content:"✓";left:0;top:5px;width:21px;height:21px;font-size:12px;
 background:#D9F2FB;color:#0E4D73;border-radius:50%;text-align:center;line-height:21px;font-weight:900}
body.type-category .te-desc table{border-collapse:collapse;width:100%;font-size:13.5px;background:#fff}
body.type-category .te-desc table thead tr{background:#06263F !important;color:#fff}
body.type-category .te-desc table thead th{color:#fff;padding:10px 12px;border:none}
body.type-category .te-desc table thead a{color:#8FE3FF}
body.type-category .te-desc table td{padding:10px 12px;border:none;border-bottom:1px solid #E2EAF1}
body.type-category .te-desc table tbody tr:nth-child(even){background:#F3F8FC}

/* ── v4: tk-table — čistá srovnávací tabulka (obal se scrollem) ── */
body.type-category .tk-table{overflow-x:auto;border:1px solid #E2EAF1;border-radius:13px;margin:8px 0 6px}
body.type-category .tk-table table{margin:0}
body.type-category .tk-table td:first-child{font-weight:700;color:#122334}
body.type-category .tk-table .tk-cert{display:inline-block;font-size:10.5px;font-weight:800;color:#0E7A3B;
 background:#E3F6EA;border-radius:999px;padding:2px 8px;white-space:nowrap}

/* ── v4: tk-guide — interaktivní průvodce výběrem (te-kategorie.js) ── */
body.type-category .tk-guide{background:#F6FAFD;border:1px solid #DCE8F2;border-radius:15px;padding:18px 20px;margin:10px 0 6px}
body.type-category .tk-guide__label{display:block;font-weight:800;font-size:14px;color:#122334;margin:0 0 9px}
body.type-category .tk-guide__opts{display:flex;flex-wrap:wrap;gap:8px}
body.type-category .tk-guide__opts button{cursor:pointer;padding:8px 16px;border:1.5px solid #C9DEF2;border-radius:999px;
 background:#fff;color:#0E4D73;font-weight:700;font-size:13px;font-family:inherit;transition:all .15s}
body.type-category .tk-guide__opts button:hover{border-color:#35C3E8}
body.type-category .tk-guide__opts button.on{background:#0E4D73;border-color:#0E4D73;color:#fff}
body.type-category .tk-guide__step2{margin-top:14px;display:none}
body.type-category .tk-guide__step2.show{display:block}
body.type-category .tk-guide__result{margin-top:14px}
body.type-category .tk-rec{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
body.type-category .tk-rec a{display:flex;align-items:flex-start;gap:11px;background:#fff;border:1px solid #E2EAF1;border-radius:12px;padding:12px 14px;
 text-decoration:none;color:#122334;transition:border-color .15s,box-shadow .15s}
body.type-category .tk-rec__img{width:52px;height:52px;object-fit:contain;background:#F2F9FE;border-radius:9px;flex:none;padding:3px}
body.type-category .tk-rec__txt{min-width:0}
body.type-category .tk-rec a:hover{border-color:#35C3E8;box-shadow:0 8px 22px rgba(6,38,63,.10)}
body.type-category .tk-rec a:first-child{border-color:#35C3E8;background:#F2FBFF}
body.type-category .tk-rec .tk-rec__tag{display:block;font-size:10.5px;font-weight:800;letter-spacing:.4px;color:#0E9BC4;text-transform:uppercase;margin-bottom:3px}
body.type-category .tk-rec .tk-rec__name{display:block;font-weight:800;font-size:13.5px;color:#0E4D73}
body.type-category .tk-rec .tk-rec__why{display:block;font-size:12px;color:#5A6E80;margin-top:3px;line-height:1.45}
@media (max-width:760px){body.type-category .tk-rec{grid-template-columns:1fr}}

/* ── v4: tk-cards — doporučení podle projektu ── */
body.type-category .tk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 6px}
body.type-category .tk-card{background:#fff;border:1px solid #E2EAF1;border-radius:13px;padding:0;overflow:hidden;
 transition:border-color .15s,box-shadow .15s}
body.type-category .tk-card:hover{border-color:#35C3E8;box-shadow:0 10px 26px rgba(6,38,63,.10)}
body.type-category .tk-card__img{aspect-ratio:16/8.2;background:#F2F9FE;overflow:hidden;display:block}
body.type-category .tk-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
body.type-category .tk-card:hover .tk-card__img img{transform:scale(1.05)}
body.type-category .tk-card__img--pack img{object-fit:contain;padding:10px}
body.type-category .tk-card__body{padding:12px 16px 14px}
body.type-category .tk-card h3{margin:0 0 4px !important;font-size:14.5px !important}
body.type-category .tk-card p{font-size:12.5px;color:#5A6E80;margin:0 0 8px;line-height:1.5}
body.type-category .tk-card .tk-card__links{font-size:12.5px;line-height:1.9}
body.type-category .tk-card .tk-card__links a{display:block;width:fit-content}
@media (max-width:900px){body.type-category .tk-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){body.type-category .tk-cards{grid-template-columns:1fr}}

/* ── FAQ accordion (existující .te-faq markup) ── */
body.type-category .te-faq details{background:#fff;border:1px solid #E2EAF1;border-radius:13px;margin-bottom:9px;overflow:hidden}
body.type-category .te-faq summary{cursor:pointer;padding:14px 18px;font-weight:800;font-size:14.5px;color:#122334;
 list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}
body.type-category .te-faq summary::-webkit-details-marker{display:none}
body.type-category .te-faq summary::after{content:"+";color:#35C3E8;font-weight:900;font-size:20px;flex:none}
body.type-category .te-faq details[open] summary::after{content:"–"}
body.type-category .te-faq .te-faq__answer{padding:0 18px 14px;font-size:13.5px;color:#5A6E80}

/* ── poznámkový box ── */
body.type-category .te-note{background:#EBF3FB;border:1px solid #C9DEF2;border-left:5px solid #35C3E8;
 border-radius:13px;padding:14px 18px;margin:18px 0;font-size:14px}
body.type-category .te-note p{margin:0}

/* ── PROMO BANNER kategorie (⏸ odloženo; snippet drží MASTER_SABLONA) ── */
body.type-category .tk-banner{display:block;margin:0 0 18px;border-radius:16px;overflow:hidden;
 box-shadow:0 10px 34px rgba(6,38,63,.12);transition:transform .18s,box-shadow .18s;line-height:0}
body.type-category .tk-banner:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(6,38,63,.18)}
body.type-category .tk-banner img{width:100%;height:auto;display:block}


/* ── v5: tk-sys — systémové karty s výhodami / nevýhodami ── */
body.type-category .tk-sys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 6px}
body.type-category .tk-sys__card{background:#fff;border:1px solid #E2EAF1;border-radius:13px;padding:15px 16px;display:flex;flex-direction:column}
body.type-category .tk-sys__head{display:flex;align-items:center;gap:12px;margin:0 0 10px}
body.type-category .tk-sys__head img{width:62px;height:62px;object-fit:contain;background:#F2F9FE;border-radius:10px;flex:none;padding:4px}
body.type-category .tk-sys__name{font-weight:800;font-size:14.5px;color:#122334;line-height:1.3}
body.type-category .tk-sys__name small{display:block;font-weight:600;font-size:11.5px;color:#5A6E80;margin-top:2px}
body.type-category .te-desc ul.tk-pros,body.type-category .te-desc ul.tk-cons{margin:0 0 4px}
body.type-category .te-desc ul.tk-pros li,body.type-category .te-desc ul.tk-cons li{padding:2.5px 0 2.5px 24px;font-size:12.5px;color:#3A4654;line-height:1.5}
body.type-category .te-desc ul.tk-pros li::before{content:"✓";left:2px;top:3px;color:#0E7A3B;background:none;font-size:13px;font-weight:900}
body.type-category .te-desc ul.tk-cons li::before{content:"✗";left:2px;top:3px;color:#B4552D;background:none;font-size:12px;font-weight:900}
body.type-category .tk-sys__cta{margin-top:auto;padding-top:10px;font-size:13px;font-weight:800}
@media (max-width:860px){body.type-category .tk-sys{grid-template-columns:1fr}}

/* ── v5: tk-bar — vizuální lišta síly odlitku v tabulce ── */
body.type-category .tk-bar{display:block;width:96px;height:7px;background:#E8F1F8;border-radius:99px;overflow:hidden;margin-top:6px}
body.type-category .tk-bar>span{display:block;height:100%;background:linear-gradient(90deg,#35C3E8,#0E4D73);border-radius:99px}


/* ── v7: tk-blog — návody z blogu s obrázky (bez emoji) ── */
body.type-category .tk-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:8px 0 6px}
body.type-category .te-desc .tk-blog a{display:block;background:#fff;border:1px solid #E2EAF1;border-radius:12px;
 overflow:hidden;padding:0;text-decoration:none;transition:border-color .15s,box-shadow .15s}
body.type-category .te-desc .tk-blog a:hover{border-color:#35C3E8;box-shadow:0 8px 22px rgba(6,38,63,.10)}
body.type-category .tk-blog a img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;transition:transform .35s}
body.type-category .tk-blog a:hover img{transform:scale(1.05)}
body.type-category .tk-blog .tk-blog__txt{display:block;padding:11px 14px 13px}
body.type-category .tk-blog a strong{display:block;font-size:13.5px;font-weight:800;color:#0E4D73;line-height:1.35;margin-bottom:3px}
body.type-category .tk-blog a span span,body.type-category .tk-blog .tk-blog__txt>span{display:block;font-size:12px;color:#5A6E80;line-height:1.45}
@media (max-width:860px){body.type-category .tk-blog{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){body.type-category .tk-blog{grid-template-columns:1fr}}