/*
Theme Name: Tričkotéka Studio
Description: Čierno-bielo-žltá WooCommerce téma pre TRIČKOTÉKU. Vlastný názov obchodu, skutočné produkty a natívne funkcie WooCommerce.
Version: 1.2.3
Author: StylaMode
Text Domain: trickaren-studio
Requires at least: 6.5
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, custom-logo, custom-menu, featured-images, threaded-comments
*/

/* TRIČKOTÉKA 1.2 – jednotné farby, kompaktná navigácia a výsledky vyhľadávania */
:root{--paper:#fff;--ink:#111;--muted:#666;--orange:#ffbf00;--line:#e7e7e7;--sage:#f5f5f5;--white:#fff;--radius:8px}
body{background:#fff;color:#111}
.header{background:rgba(255,255,255,.97);box-shadow:0 4px 18px rgba(0,0,0,.055);z-index:100}
.header-main{gap:24px;padding-block:10px;min-height:66px}
.custom-logo-link{max-width:215px}.custom-logo{max-height:46px;width:auto;object-fit:contain}
.header-actions{gap:15px}.search input{padding-block:5px}.navigation a{padding-block:10px}.navigation a:after{bottom:5px}
.topbar{background:#111;color:#fff}.topbar .wrap{padding-block:6px}
.button.orange,.tag,.tk-variation-pill[aria-pressed=true]{color:#111}
.tk-product-search{padding-block:38px 70px;min-height:50vh}
.tk-search-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px;border-bottom:1px solid var(--line);padding-bottom:24px}
.tk-search-heading h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px;margin:7px 0 0}
.tk-search-count{font-size:13px;color:var(--muted)}
.tk-search-empty{padding:55px 24px;text-align:center;background:#f7f7f7;border-radius:12px}
.tk-search-empty h2{font-size:28px;letter-spacing:-.7px}.tk-search-empty p{color:#666}
.tk-product-search .woocommerce ul.products{margin-top:18px}
.tk-product-search .woocommerce-pagination{margin-top:35px}
@media(max-width:900px){.header-main{gap:12px;padding-block:8px;min-height:58px}.custom-logo-link{max-width:175px}.custom-logo{max-height:40px}.header-actions{gap:10px}}
@media(max-width:520px){html{scroll-padding-top:110px}.header-main{gap:8px;padding-block:7px;min-height:54px}.custom-logo-link{max-width:125px}.custom-logo{max-height:35px}.header-actions{gap:8px}.search input{padding-block:3px}.tk-product-search{padding-block:24px 50px}.tk-search-heading{display:block}.tk-search-count{margin-top:12px}.tk-search-empty{padding:35px 16px}}

/* TRIČKOTÉKA 1.2.1 – vyhľadávanie bez zbytočného bočného panelu */
body.search-results .tk-product-search,
body.search-no-results .tk-product-search {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}
.tk-product-search .tk-search-heading {
    align-items: center;
}
.tk-product-search .tk-search-empty {
    max-width: 860px;
    margin: 24px auto 40px;
    padding: 64px 28px;
    border: 1px solid #ebebeb;
    background: #fafafa;
}
.tk-product-search .tk-search-empty .button {
    margin-top: 12px;
    background: #111;
    border-color: #111;
    color: #fff;
}
.tk-product-search .tk-search-empty .button:hover {
    background: #ffbf00;
    border-color: #ffbf00;
    color: #111;
}
@media(max-width:600px) {
    .tk-product-search .tk-search-empty { padding: 38px 18px; }
    .tk-product-search .tk-search-heading { align-items: flex-start; }
}

/* =========================================================
   TRIČKOTÉKA 1.2.2 – IZOLÁCIA VYHĽADÁVANIA
   Neovplyvňuje hlavičku, košík ani ostatné stránky.
========================================================= */
body.search .tk-product-search {
    display: block;
    width: min(1180px, calc(100% - 40px));
    max-width: 1180px;
    min-width: 0;
    margin: 0 auto;
    padding: 38px 0 72px;
    min-height: 50vh;
    float: none;
    clear: both;
}
body.search .tk-product-search *,
body.search .tk-product-search *::before,
body.search .tk-product-search *::after { box-sizing: border-box; }
body.search .tk-search-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px 28px;
    width: 100%;
    padding: 0 0 22px;
    margin: 0 0 30px;
    border-bottom: 1px solid #e7e7e7;
}
body.search .tk-search-heading > div:first-child { min-width: 0; flex: 1 1 260px; }
body.search .tk-search-heading .micro { display: block; font-size: 11px; letter-spacing: 1.6px; color: #777; }
body.search .tk-search-heading h1 {
    font-size: clamp(27px, 4vw, 46px);
    line-height: 1.14;
    letter-spacing: -1.3px;
    margin: 9px 0 0;
    overflow-wrap: anywhere;
}
body.search .tk-search-count { flex: 0 0 auto; font-size: 13px; color: #666; padding-bottom: 4px; }
body.search .tk-product-search > .woocommerce { width: 100%; max-width: 100%; min-width: 0; }
body.search .tk-search-empty {
    width: 100%;
    max-width: 760px;
    margin: 25px auto 45px;
    padding: 55px 24px;
    text-align: center;
    background: #f7f7f7;
    border: 1px solid #e9e9e9;
    border-radius: 14px;
}
body.search .tk-search-empty h2 { font-size: clamp(23px, 3vw, 32px); line-height: 1.2; letter-spacing: -.6px; margin: 0 0 14px; }
body.search .tk-search-empty p { max-width: 480px; margin: 0 auto 25px; font-size: 15px; line-height: 1.65; color: #666; }
body.search .tk-search-empty .button { display: inline-flex; min-height: 46px; padding: 13px 24px; background: #111; color: #fff; border: 1px solid #111; border-radius: 7px; }
body.search .tk-search-empty .button:hover { background: #ffbf00; color: #111; border-color: #ffbf00; }
body.search .tk-product-search .woocommerce ul.products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; width: 100%; margin: 0 0 30px; padding: 0; clear: both; }
body.search .tk-product-search .woocommerce ul.products::before,
body.search .tk-product-search .woocommerce ul.products::after { display: none; }
body.search .tk-product-search .woocommerce ul.products li.product { float: none; width: auto; min-width: 0; margin: 0; }
body.search .tk-product-search .woocommerce ul.products li.product img { max-width: 100%; }
/* Wishlist je modal: nesmie zaberať priestor, kým nie je otvorený. */
#tk-wishlist:not([open]) { display: none !important; }
@media (max-width: 950px) { body.search .tk-product-search .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 700px) { body.search .tk-product-search .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px 12px; } }
@media (max-width: 520px) {
    body.search .tk-product-search { width: calc(100% - 28px); padding: 25px 0 48px; }
    body.search .tk-search-heading { display: block; padding-bottom: 18px; margin-bottom: 22px; }
    body.search .tk-search-count { display: block; margin-top: 12px; }
    body.search .tk-search-empty { padding: 36px 18px; margin: 12px auto 30px; }
    body.search .tk-search-empty p { font-size: 14px; }
}

/* Fix 1.2.3: prevent WP body.search from inheriting search-form flex styles. */
body.search { display: block; }
