@import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');
/* ══════════════════════════════════════════════════════════════════
   trikito-espaceo-1.css — Espaceo merch sekce: dark streetwear skin.
   VŠE scoped pod body.tk-espaceo (třídu přidává kategorie JS jen na
   /espaceo* stránkách, ?tkesp=1 = testovací zapnutí). Zbytek e-shopu
   nedotčen. Monochrom: černá, bílá, beton. Blackletter jen v hero.
   ══════════════════════════════════════════════════════════════════ */

/* ── plocha stránky ── */
body.tk-espaceo{background:#0A0A0A}
body.tk-espaceo #content-wrapper{background:#0A0A0A}

/* ── přemapování tokenů kategorie reskinu ── */
body.tk-espaceo .tk-kat2{
  --ink:#F2F0EC; --mut:rgba(242,240,236,.58); --line:rgba(255,255,255,.14);
  --surf:#191919; --card:#141414; --paper:#0E0E0E; --papir:#141414;
  --body:#B9B5AD; --studio:#1E1E1E;
  --gold:#F2F0EC; --gold-d:#CFCCC6; --krem:#141414}

/* ── povrchy, které mají bílou napevno ── */
body.tk-espaceo .tk-kat2 .card{background:#141414;border-radius:4px;
  box-shadow:0 0 0 1px rgba(255,255,255,.07)}
body.tk-espaceo .tk-kat2 .card-im,
body.tk-espaceo .tk-kat2 .card.bez-orezu .card-im{background:#1B1B1B}
body.tk-espaceo .tk-kat2 .fbt{background:#141414;color:#F2F0EC;
  border-color:rgba(255,255,255,.16)}
body.tk-espaceo .tk-kat2 .fbt:hover{border-color:rgba(255,255,255,.45)}
body.tk-espaceo .tk-kat2 .fpanel{background:#161616;
  box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.09)}
body.tk-espaceo .tk-kat2 .bar--f{background:#1B1B1B}
body.tk-espaceo .tk-kat2 .st--obj::before{background:#F2F0EC}
body.tk-espaceo .tk-kat2 .ak:hover i{background:#0A0A0A}
body.tk-espaceo .tk-kat2 .card--promo{display:none}
/* žlutý kupon řádek nedává v merchi smysl */
body.tk-espaceo .tk-kat2 .kup{display:none}

/* skladem tečka/text ať svítí na tmavé */
body.tk-espaceo .tk-kat2 .st--ok{color:#7ED9A7}

/* ── header v dark režimu (jen na Espaceo stránkách) ── */
body.tk-espaceo .tk-hd3 .hd,
body.tk-espaceo .tk-hd3 .hd-main{background:#0A0A0A;color:#F2F0EC}
body.tk-espaceo .tk-hd3 .hd-main{border-bottom:1px solid rgba(255,255,255,.12)}
body.tk-espaceo .tk-hd3 .hd-lg img,
body.tk-espaceo .tk-hd3 .hd-tel .ic img,
body.tk-espaceo .tk-hd3 .hd-act .ic img{filter:invert(1)}
body.tk-espaceo .tk-hd3 .hd-tel,body.tk-espaceo .tk-hd3 .hd-tel b,
body.tk-espaceo .tk-hd3 .hd-tel small,
body.tk-espaceo .tk-hd3 .hd-act{color:#F2F0EC}
body.tk-espaceo .tk-hd3 .hd-srch input{background:#161616;color:#F2F0EC;
  border-color:rgba(255,255,255,.16)}
body.tk-espaceo .tk-hd3 .hd-srch input::placeholder{color:rgba(242,240,236,.45)}
body.tk-espaceo .tk-hd3 .hd-srch .lu{color:rgba(242,240,236,.6)}
body.tk-espaceo .tk-hd3 .sdrop{background:#161616;border-color:rgba(255,255,255,.14)}
body.tk-espaceo .tk-hd3 .sdrop .sr:hover,
body.tk-espaceo .tk-hd3 .sdrop .sr.act{background:#222}
body.tk-espaceo .tk-hd3 .sdrop .sr .n{color:#F2F0EC}
body.tk-espaceo .tk-hd3 .sdrop .sr .p{color:#F2F0EC}
body.tk-espaceo .tk-hd3 .sdrop .l{color:rgba(242,240,236,.5)}
body.tk-espaceo .tk-hd3 .chips a{color:#F2F0EC;border-color:rgba(255,255,255,.2)}

/* ── hero ── */
body.tk-espaceo .esp-hero{background:#0A0A0A;color:#F2F0EC;overflow:hidden}
body.tk-espaceo .esp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,44%);
  gap:clamp(24px,4vw,64px);align-items:center;padding-block:clamp(28px,4vw,56px)}
body.tk-espaceo .esp-eyebrow{font-size:12px;font-weight:700;letter-spacing:.34em;
  text-transform:uppercase;color:rgba(242,240,236,.5);margin:0 0 14px}
body.tk-espaceo .esp-logo{font-family:'Pirata One',system-ui,serif;font-weight:400;
  font-size:clamp(64px,9vw,124px);line-height:.95;letter-spacing:.01em;
  color:#F2F0EC;margin:0 0 18px;text-transform:none}
body.tk-espaceo .esp-sub{font-size:clamp(15px,1.4vw,18px);line-height:1.55;
  color:rgba(242,240,236,.72);max-width:44ch;margin:0 0 26px}
body.tk-espaceo .esp-cta{display:flex;gap:10px;flex-wrap:wrap}
body.tk-espaceo .esp-cta a{display:inline-block;padding:12px 22px;
  border:1px solid rgba(255,255,255,.28);color:#F2F0EC;
  font-weight:700;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;transition:background .2s,color .2s,border-color .2s}
body.tk-espaceo .esp-cta a:hover{background:#F2F0EC;color:#0A0A0A;border-color:#F2F0EC}
body.tk-espaceo .esp-im{position:relative}
body.tk-espaceo .esp-im img{display:block;width:100%;height:clamp(340px,42vw,560px);
  object-fit:cover;object-position:50% 18%;filter:grayscale(.15) contrast(1.04)}
/* mini varianta pro podkategorie */
body.tk-espaceo .esp-hero--mini .esp-grid{grid-template-columns:1fr;padding-block:22px 6px}
body.tk-espaceo .esp-hero--mini .esp-logo{font-size:clamp(34px,4vw,52px);margin:0}
body.tk-espaceo .esp-hero--mini .esp-eyebrow{margin-bottom:8px}

/* ── lookbook pás ── */
body.tk-espaceo .esp-look{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(10px,1.4vw,20px);margin:clamp(28px,4vw,52px) 0 8px}
body.tk-espaceo .esp-look img{display:block;width:100%;aspect-ratio:4/5;
  object-fit:cover;filter:grayscale(.15) contrast(1.04)}

/* ── prázdný stav v dark ── */
body.tk-espaceo .empty-content h1,body.tk-espaceo .empty-content h2{color:#F2F0EC}
body.tk-espaceo .empty-content h2:after{filter:invert(1)}
body.tk-espaceo .empty-content p{color:rgba(242,240,236,.6)!important}
body.tk-espaceo .empty-content .btn,body.tk-espaceo .empty-content a.btn{
  background:#F2F0EC!important;color:#0A0A0A!important}
body.tk-espaceo .empty-content .btn:hover{background:#fff!important}

/* ── mobil ── */
@media(max-width:760px){
  body.tk-espaceo .esp-grid{grid-template-columns:1fr}
  body.tk-espaceo .esp-im img{height:min(58vh,440px)}
  body.tk-espaceo .esp-look{grid-template-columns:1fr 1fr}
  body.tk-espaceo .esp-look img:nth-child(3){display:none}
}

/* ── dolaďky z testu ── */
/* search: rám formu na tmavou, vnitřek jednolitý */
body.tk-espaceo .tk-hd3 .hd-srch form{background:#161616;border-color:rgba(255,255,255,.24)}
/* texty karet dědily tmavou linkovou barvu */
body.tk-espaceo .tk-kat2 .card-n{color:#F2F0EC}
body.tk-espaceo .tk-kat2 .card-n:hover{color:#fff}
body.tk-espaceo .tk-kat2 .cz-h .now{color:#F2F0EC}
body.tk-espaceo .tk-kat2 .card-rt,body.tk-espaceo .tk-kat2 .card-rt em{color:rgba(242,240,236,.6)}
body.tk-espaceo .tk-kat2 .qadd{background:#232323;color:#F2F0EC;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
body.tk-espaceo .tk-kat2 .qadd:hover{background:#F2F0EC;color:#0A0A0A}
/* mobilní nativní lišta (lupa/košík/menu) do dark */
body.tk-espaceo .top-navigation-bar{background:#0A0A0A!important;
  border-color:rgba(255,255,255,.12)!important}
body.tk-espaceo .responsive-tools>a{color:#F2F0EC!important}
body.tk-espaceo .responsive-tools>a:before{color:#F2F0EC!important}
body.tk-espaceo .top-navigation-bar a,
body.tk-espaceo .top-navigation-bar a:before,
body.tk-espaceo .top-navigation-bar .cart-count:before{color:#F2F0EC!important}