/* Šablona Dřevěný portrét: doplňky k site.css (z pluginu) pro blog, stránky a WooCommerce. */

.obal-uzky { max-width: 760px; margin: 0 auto; padding: 0 16px; }
@media (min-width: 720px) { .obal-uzky { padding: 0 28px; } }
.stranka-obsah { padding-block: clamp(28px, 5vw, 56px) clamp(56px, 8vw, 96px); }
.stranka-hlava { margin-bottom: 28px; }
.stranka-hlava h1 { font-size: clamp(34px, 5vw, 52px); }
.drobky { font-size: 14px; color: var(--muted); margin-bottom: 18px; }
.drobky a { color: inherit; }

/* menu z WordPressu (li) se chová jako prosté odkazy */
.menu li { list-style: none; display: contents; }
.menu .kosik-odkaz { display: inline-flex; align-items: center; gap: 6px; }
.kosik-pocet { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px;
               background: var(--accent); color: #fff; font-size: 12px; font-weight: 600; }

/* článek */
.clanek h1 { font-size: clamp(34px, 5.4vw, 56px); line-height: 1.06; text-wrap: balance; }
.clanek-meta { color: var(--muted); font-size: 14px; margin: 14px 0 28px; }
.clanek-obrazek { margin: 0 0 32px; }
.clanek-obrazek img { border-radius: 22px; width: 100%; height: auto; }
.clanek-obsah { font-size: 18px; line-height: 1.75; }
.clanek-obsah > p:first-child { font-size: 20px; color: var(--ink); }
.clanek-obsah h2 { font-size: clamp(26px, 3.4vw, 34px); margin: 44px 0 14px; text-wrap: balance; }
.clanek-obsah h3 { font-size: 22px; margin: 32px 0 10px; }
.clanek-obsah p, .clanek-obsah ul, .clanek-obsah ol { margin: 0 0 18px; }
.clanek-obsah li { margin: 6px 0; }
.clanek-obsah a { color: var(--accent); text-underline-offset: 3px; }
.clanek-obsah img { border-radius: 16px; height: auto; }
.clanek-obsah blockquote { margin: 28px 0; padding: 4px 0 4px 22px; border-left: 3px solid var(--accent);
                           font: italic 500 22px/1.5 var(--serif); }
.clanek-obsah table { width: 100%; border-collapse: collapse; font-size: 16px; }
.clanek-obsah th, .clanek-obsah td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--line); }
.clanek-cta { margin-top: 56px; padding: 32px; border-radius: 24px; background: var(--dark); color: var(--dark-ink);
              display: grid; gap: 22px; }
.clanek-cta h2 { font-size: clamp(26px, 3.6vw, 36px); color: var(--dark-ink); }
.clanek-cta h2 em { color: #e0a874; }
.clanek-cta p { color: #c9b8a4; margin: 10px 0 0; }
.clanek-cta .nadtitul { color: #e0a874; }
.tlacitka { display: flex; flex-wrap: wrap; gap: 12px; }
.tl.obrys-svetle { background: transparent; color: var(--dark-ink) !important; box-shadow: inset 0 0 0 1.5px #6a5644; }

/* blog */
.blog-hlava h1 em { color: var(--accent); }
.karty-clanku { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
@media (max-width: 900px) { .karty-clanku { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .karty-clanku { grid-template-columns: 1fr; } }
.karta-clanku { display: flex; flex-direction: column; background: var(--card); border: 1px solid var(--line); border-radius: var(--r);
                overflow: hidden; text-decoration: none; color: var(--ink); transition: transform .25s, box-shadow .25s; }
.karta-clanku:hover { transform: translateY(-4px); box-shadow: 0 22px 44px -24px rgba(40,20,5,.5); }
.karta-clanku img, .karta-clanku-zaloha { width: 100%; height: auto; aspect-ratio: 10 / 7; object-fit: cover; display: block; }
.karta-clanku-zaloha { background: linear-gradient(135deg, #e8d3ab, #c9a77b); }
.karta-clanku-telo { display: grid; gap: 8px; padding: 20px 22px 24px; }
.karta-clanku h2 { font-size: 22px; line-height: 1.25; }
.karta-clanku-meta { font-size: 13px; color: var(--accent); font-weight: 600; letter-spacing: .04em; }
.karta-clanku-perex { color: var(--muted); font-size: 15px; }
.nav-links { display: flex; gap: 16px; justify-content: center; margin-top: 40px; }

/* 404 */
.stranka-404 { text-align: center; }
.stranka-404 h1 em { color: var(--accent); }
.stranka-404 .perex { margin: 18px auto 28px; }
.stranka-404 .tlacitka { justify-content: center; }

/* patička: styl je ve společném site.css pluginu */

/* WooCommerce: košík, pokladna, účet – barvy a tvary webu */
.woo { max-width: var(--max); }
.woo-obsah { font-size: 16px; }
.woocommerce-notices-wrapper:empty { display: none; }
.wc-block-components-button:not(.is-link), .wp-element-button, .woocommerce button.button, .woocommerce a.button,
.woocommerce input.button, .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button {
  background: var(--accent) !important; color: #fff !important; border-radius: 999px !important; border: 0 !important;
  font: 600 16px/1.2 var(--sans) !important; padding: 14px 24px !important; }
.wc-block-components-button:not(.is-link):hover, .woocommerce button.button:hover, .woocommerce a.button:hover { background: var(--accent2) !important; }
.wc-block-components-text-input input, .wc-block-components-combobox input, .woocommerce input.input-text,
.woocommerce textarea, .woocommerce select { border-radius: 12px !important; border-color: var(--line) !important; }
.wc-block-components-sidebar, .wc-block-components-totals-wrapper { background: var(--card); }
.wc-block-cart, .wc-block-checkout { color: var(--ink); }
.wc-block-cart-item__image img { border-radius: 10px; }
.wc-block-components-product-details { font-size: 14px; color: var(--muted); }
.woocommerce-order-received .woocommerce-thankyou-order-received { font: italic 600 26px/1.3 var(--serif); }

/* mobil: site.css schová odkazy menu kromě tlačítka – košík ale musí zůstat vidět */
@media (max-width: 820px) { .menu a.kosik-odkaz { display: inline-flex; } }