/* === DREAMY — horní část kategorie (krok 4) · v1.0 · 2026-10-25 ===
 * Prvky vkládá kategorie.js. Staré prvky Shoptetu se skrývají jen s třídou html.dk-on (= JS proběhl).
 * Barvy: růžová #D90074 / #B00060 / #FCE6F1 / #FFF3F9, tyrkys #01928D, text #111, šedá #6B6470, linky #ECE3E8. */
.dk-kat,.dk-bar,.dk-more,.dk-hd{font-family:inherit;color:#111}
.dk-kat a,.dk-bar a,.dk-more a,.dk-hd a{text-decoration:none!important}

/* hlavička */
.dk-hd{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-4px 0 12px}
.dk-lead{margin:0!important;font-size:16px;color:#6B6470;line-height:1.45}
.dk-advbtn{flex:none;border:1px solid #D90074;color:#D90074!important;background:#fff;border-radius:10px;padding:9px 16px;font-weight:500;font-size:14.5px;white-space:nowrap}
.dk-advbtn:hover{background:#FCE6F1}
html.dk-on #content .category-perex.dk-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:2px!important;font-size:14px;color:#6B6470}
html.dk-on #content .category-perex.dk-clamp p{margin:0!important}
html.dk-on #content .category-perex.dk-clamp.dk-open{display:block;-webkit-line-clamp:unset}
.dk-more-btn{background:none;border:0;padding:0;margin:0 0 14px;color:#6B6470;font-size:13px;text-decoration:underline;cursor:pointer}

/* dlaždice „co řešíte“ */
.dk-kat{margin:6px 0 4px}
.dk-sec{font-size:16px!important;font-weight:600!important;margin:8px 0 12px!important;line-height:1.3!important;text-transform:none!important;letter-spacing:0!important}
.dk-needs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:16px}
.dk-need{background:#fff;border:1px solid #ECE3E8;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;color:#111!important;min-width:0}
.dk-need:hover{border-color:#D90074}
.dk-need.on{border-color:#D90074;box-shadow:0 0 0 1px #D90074;background:#FFF3F9}
.dk-need b{font-size:14.5px;font-weight:500;line-height:1.3}
.dk-need em{font-style:normal;font-size:12.5px;color:#6B6470;line-height:1.35}

/* řádky chipů */
.dk-row{display:flex;gap:10px;align-items:flex-start;padding:4px 0 10px}
.dk-row .dk-rl{padding-top:6px}
.dk-row:last-child{padding-bottom:18px;border-bottom:1px solid #ECE3E8;margin-bottom:6px}
.dk-rl{font-weight:500;font-size:13.5px;flex:none;min-width:74px}
.dk-chips{display:flex;flex-wrap:wrap;gap:6px}
.dk-chip{border:1px solid #ECE3E8;background:#fff;border-radius:999px;padding:5px 12px;font-size:13.5px;white-space:nowrap;color:#111!important;line-height:1.4}
.dk-chip b{font-weight:400}
.dk-chip em{font-style:normal;opacity:.7;font-size:12px;margin-left:4px}
.dk-chip:hover{border-color:#D90074}
.dk-chip.on{background:#D90074;border-color:#D90074;color:#fff!important}

/* lišta nad výpisem */
.dk-bar{margin:0 0 4px}
.dk-act{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.dk-ac{background:#FCE6F1;color:#B00060!important;border-radius:999px;padding:5px 12px;font-size:13.5px}
.dk-ac::after{content:"  ×";font-weight:600}
.dk-clr{color:#6B6470!important;text-decoration:underline!important;font-size:13px}
.dk-quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.dk-qf{border:1px solid #ECE3E8;background:#fff;border-radius:8px;padding:6px 11px;font-size:13.5px;color:#111!important;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.dk-qf .n{color:#6B6470}
.dk-qf:hover{border-color:#01928D}
.dk-qf.on{border-color:#01928D;background:#E7F5F4;color:#055f5c!important}
.dk-sort{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ECE3E8;margin-bottom:16px}
.dk-tabs{display:flex;gap:2px;flex-wrap:wrap}
.dk-tabs a{border-bottom:2px solid transparent;padding:10px 12px;font-size:14px;color:#6B6470!important}
.dk-tabs a:hover{color:#111!important}
.dk-tabs a.on{color:#111!important;font-weight:600;border-bottom-color:#111}
.dk-cnt{font-size:13px;color:#6B6470;white-space:nowrap}

/* dole */
.dk-more{margin:40px 0 20px;clear:both}
.dk-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}
.dk-tile{background:#fff;border:1px solid #ECE3E8;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px;color:#111!important}
.dk-tile b{font-size:15px;font-weight:500}
.dk-tile small{color:#6B6470;font-size:13px;line-height:1.4}
.dk-tile:hover{border-color:#D90074}
.dk-tile.adv{background:#FFF3F9;border-color:#F6D3E5}
.dk-tile.adv b{color:#D90074}

/* staré prvky Shoptetu — skryté až po úspěchu JS */
html.dk-on #content .category-top .subcategories,
html.dk-on #content .products-top-wrapper,
html.dk-on .sidebar .box-topProducts{display:none!important}
@media (min-width:768px){
  html.dk-on.dk-tabs-on #category-header .listSorting,
  html.dk-on.dk-tabs-on #category-header .listItemsTotal{display:none!important}
}

/* telefon */
@media (max-width:767px){
  .dk-hd{display:block;margin:0 0 8px}
  .dk-lead{font-size:14.5px}
  .dk-advbtn{display:none}
  .dk-sec{font-size:15px!important}
  .dk-needs{display:flex;overflow-x:auto;gap:8px;margin:0 -15px 12px;padding:0 15px 4px;scrollbar-width:none}
  .dk-needs::-webkit-scrollbar,.dk-chips::-webkit-scrollbar,.dk-quick::-webkit-scrollbar{display:none}
  .dk-need{min-width:136px;flex:none;padding:10px}
  .dk-row{display:block;padding:2px 0 8px}
  .dk-rl{display:block;margin-bottom:6px}
  .dk-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -15px;padding:0 15px 2px;scrollbar-width:none}
  .dk-quick{flex-wrap:nowrap;overflow-x:auto;margin:0 -15px 10px;padding:0 15px;scrollbar-width:none}
  .dk-sort{display:none}
  .dk-tiles{grid-template-columns:1fr 1fr;gap:10px}
  .dk-tile{padding:12px}
}