/* =========================================================
   Vesmat – doplňky k původnímu vzhledu (košík, e-shop)
   Barvy a písma navazují na původní šablonu.
   ========================================================= */
:root {
	--vesmat-green: #176c35;
	--vesmat-green-dark: #0f4f26;
	--vesmat-dark: #171c22;
	--vesmat-light: #f7f7f7;
	--vesmat-border: #e2e2e2;
}

/* ---------- košík v menu ---------- */
#menu-header > ul > li.vesmat-cart-item { margin-left: auto; margin-right: 44px; } /* vpravo je lupa hledání */
#menu-header > ul > li.vesmat-cart-item + li.search { margin-left: 0; }
#menu-header > ul > li.vesmat-cart-item > a.vesmat-cart-toggle { position: relative; display: flex; align-items: center; gap: .45em; color: #fff; background: var(--vesmat-green); }
#menu-header > ul > li.vesmat-cart-item > a.vesmat-cart-toggle:hover { background: var(--vesmat-green-dark); color: #fff; }
#menu-header > ul > li.vesmat-cart-item > a.vesmat-cart-toggle::before { content: "\f07a"; font: normal normal 400 18px/1 'FontAwesome'; margin: 0; }
.vesmat-cart-count { display: inline-flex; align-items: center; justify-content: center; min-width: 1.5em; height: 1.5em; padding: 0 .35em; border-radius: 1em; background: #fff; color: var(--vesmat-green); font: 600 13px/1 'Roboto', sans-serif; }
.vesmat-cart-count[data-count="0"] { background: rgba(255,255,255,.35); color: #fff; }
.vesmat-cart-total { font-family: 'Roboto', sans-serif; font-size: 13px; text-transform: none; }
@media screen and (max-width: 767px) {
	#menu-header > ul > li.vesmat-cart-item { margin-left: 0; }
	/* Na mobilu je košík vidět i při zavřeném menu – plugin přidá i plovoucí tlačítko. */
}

/* ---------- e-shop: kategorie ---------- */
.vesmat-cats { display: flex; flex-wrap: wrap; gap: .5em; margin: 0 0 2em; }
.vesmat-cats a { display: inline-block; padding: .55em 1em; border: 1px solid var(--vesmat-border); border-radius: 2em; text-decoration: none; color: #000; background: #fff; font-size: 15px; line-height: 1; transition: all .2s; }
.vesmat-cats a.sub { font-size: 13px; padding: .5em .85em; background: var(--vesmat-light); }
.vesmat-cats a:hover, .vesmat-cats a.active { background: var(--vesmat-green); border-color: var(--vesmat-green); color: #fff; }
.vesmat-cats a.cenik { margin-left: auto; border-color: var(--vesmat-green); color: var(--vesmat-green); }

/* ---------- e-shop: výpis produktů ---------- */
.vesmat-woo ul.products { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 24px; margin: 0 0 2em !important; padding: 0 !important; }
.vesmat-woo ul.products::before, .vesmat-woo ul.products::after { display: none !important; }
.vesmat-woo ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; padding: 0 0 1em !important; background: #fff; border: 1px solid var(--vesmat-border); border-radius: 6px; overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .2s; }
.vesmat-woo ul.products li.product::before { display: none !important; }
.vesmat-woo ul.products li.product:hover { box-shadow: 0 6px 20px rgba(0,0,0,.12); }
.vesmat-woo ul.products li.product a img { margin: 0 0 .8em !important; aspect-ratio: 1; object-fit: cover; }
.vesmat-woo ul.products li.product .woocommerce-loop-product__title { font-family: 'Teko', sans-serif; font-size: 24px !important; font-weight: 400; line-height: 1; padding: 0 12px !important; color: #000; }
.vesmat-woo ul.products li.product .vesmat-loop-short { padding: 0 12px; margin: .3em 0 .6em; font-size: 13px; color: #666; }
.vesmat-woo ul.products li.product .price { padding: 0 12px; color: var(--vesmat-green) !important; font-size: 17px !important; font-weight: 600; }
.vesmat-woo ul.products li.product .vesmat-add { margin: auto 12px 0 !important; }

/* ---------- tlačítka WooCommerce v barvách webu ---------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: var(--vesmat-green) !important; color: #fff !important; border-radius: 4px; font-weight: 500; text-transform: none;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { background-color: #3f3f3f !important; }
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info { border-top-color: var(--vesmat-green); }
.woocommerce .woocommerce-message::before, .woocommerce .woocommerce-info::before { color: var(--vesmat-green); }
.woocommerce span.onsale { background: var(--vesmat-green); }
.woocommerce div.product .product_title { display: none; } /* nadpis je v pruhu nahoře */
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--vesmat-green); font-size: 1.6em; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: #fff; }
.woocommerce table.shop_table { border-radius: 4px; }
#main.vesmat-woo ul li::before { display: none; } /* odrážky šablony nechceme v e-shopu */
#main.vesmat-woo ul { margin: 0; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { padding: 10px; border: 1px solid #ccc; border-radius: 4px; }

/* ---------- výsledky hledání ---------- */
ul.vesmat-results li { margin-bottom: 1.2em; }
.vesmat-searchform { display: flex; gap: .5em; max-width: 480px; }
.vesmat-searchform input { flex: 1; padding: 10px; border: 1px solid #ccc; }

/* zelený pruh v hlavičce sahá do 100vw – oříznout, aby stránka neměla vodorovný posuv */
#header-top { overflow-x: clip; }