/*
Theme Name: eko123
Theme URI: https://eko123.lt
Template: twentytwentyfive
Author: eko123
Description: eko123.lt parduotuvės tema pagal prekės ženklo vadovą 1.0. Twenty Twenty-Five vaikinė tema; reikalingas įskiepis „eko123 parduotuvė“.
Version: 1.0.0
Requires at least: 6.8
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eko123
*/

:root {
	--eko-ink: var(--wp--preset--color--contrast);
	--eko-green: var(--wp--preset--color--accent-1);
	--eko-green-dark: var(--wp--preset--color--accent-3);
	--eko-tint: var(--wp--preset--color--accent-2);
	--eko-bark: var(--wp--preset--color--accent-4);
	--eko-surface: var(--wp--preset--color--accent-5);
	--eko-line: var(--wp--preset--color--accent-6);
	--eko-field: var(--wp--preset--color--field);
	--eko-error: var(--wp--preset--color--error);
}

/* Brandbook: jokių VISOS DIDŽIOSIOS, išretinimo ar šešėlių mygtukams */
h1, h2, h3, h4, h5, h6, button, .wp-element-button, .wc-block-components-button, .wc-block-components-title, .wc-block-components-checkout-step__title, .wc-block-cart__totals-title {
	text-transform: none !important;
	letter-spacing: 0 !important;
}
.wp-element-button, .wc-block-components-button, button { box-shadow: none; }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 2px solid var(--eko-green); outline-offset: 2px; }
img { border-radius: 0; }

/* ---------- Antraštė ---------- */
.eko-header__row { gap: 32px !important; padding: 16px 0; }
.eko-logo { margin: 0; flex: none; }
.eko-logo img { width: 132px; height: auto; }
.eko-search { flex: 1 1 auto; max-width: 520px; margin: 0 !important; }
.eko-search .wp-block-search__inside-wrapper { border: 1px solid var(--eko-field); border-radius: 4px; padding: 0; background: #fff; }
.eko-search .wp-block-search__inside-wrapper:focus-within { outline: 2px solid var(--eko-green); outline-offset: 2px; }
.eko-search .wp-block-search__input {
	height: 42px; border: 0; border-radius: 4px; padding: 0 14px 0 42px; font-size: 16px; color: var(--eko-ink); background: transparent no-repeat 14px center / 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23806A50' stroke-width='1.75' stroke-linecap='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.6'/%3E%3Cpath d='M15.6 15.6l4.6 4.6'/%3E%3C/svg%3E");
}
.eko-search .wp-block-search__input:focus { outline: 0; }
.eko-search .wp-block-search__input::placeholder { color: var(--eko-bark); opacity: 1; }
.eko-header__tools { gap: 20px !important; margin-left: auto; flex: none; }
.eko-header__tools a, .eko-header__tools button { color: var(--eko-ink); }
.eko-header__tools .wc-block-mini-cart__button { padding: 4px; gap: 8px; font-weight: 600; font-variant-numeric: tabular-nums; font-size: 16px; color: var(--eko-ink); }
.eko-header__tools .wc-block-mini-cart__badge { background: var(--eko-green) !important; color: #fff !important; }
.eko-header__tools .wc-block-customer-account a { padding: 4px; }
@media (max-width: 781px) {
	.eko-header__row { flex-wrap: wrap !important; gap: 12px 16px !important; padding: 12px 0; }
	.eko-logo { margin-right: auto; }
	.eko-logo img { width: 120px; }
	.eko-search { order: 10; flex-basis: 100%; max-width: none; }
	.eko-header__tools { gap: 12px !important; }
	.eko-header__tools .wc-block-mini-cart__amount { display: none; }
}

/* ---------- Trupinių kelias, antraštės ---------- */
.woocommerce-breadcrumb, .wc-block-breadcrumbs { color: var(--eko-bark); font-size: 13px; line-height: 18px; margin: 0 0 8px; }
.woocommerce-breadcrumb a, .wc-block-breadcrumbs a { color: var(--eko-bark); text-decoration: none; }
.woocommerce-breadcrumb a:hover, .wc-block-breadcrumbs a:hover { color: var(--eko-green); text-decoration: underline; }
.eko-catalog__head .wp-block-query-title { margin: 0; }
.eko-catalog__head .wp-block-term-description { max-width: 64ch; margin: 8px 0 0; }

/* ---------- Kategorijos puslapis ---------- */
.eko-catalog__body { gap: 32px !important; margin-top: 40px !important; } /* tarpas tarp poskyrių ir prekių (brandbook 1.1) */
.eko-filters { font-size: 15px; line-height: 22px; }
.eko-filters:empty, .eko-filters:not(:has(*)) { display: none; }
.eko-toolbar { margin: 0 0 16px !important; font-size: 14px; }
.eko-product-filters { display: flex; flex-direction: column; gap: 20px; }
.eko-product-filters .eko-filter-title { font-size: 16px !important; line-height: 24px !important; font-weight: 600; margin: 0 0 4px !important; }
.eko-product-filters label, .eko-product-filters .wc-block-product-filter-checkbox-list__label { font-size: 15px; line-height: 28px; color: var(--eko-ink); }
.eko-product-filters input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--eko-green); }
.eko-product-filters .wc-block-product-filter-checkbox-list__show-more { color: var(--eko-green); font-size: 14px; text-decoration: underline; text-underline-offset: 3px; background: none; border: 0; padding: 0; cursor: pointer; }
.eko-product-filters .wp-block-button__link { font-size: 14px; padding: 6px 12px; }
.eko-toolbar select, .woocommerce-ordering select { height: 36px; border: 1px solid var(--eko-field); border-radius: 4px; padding: 0 32px 0 12px; font: inherit; font-size: 14px; color: var(--eko-ink); background-color: #fff; }
@media (max-width: 781px) {
	.eko-catalog__body { flex-direction: column; margin-top: 24px !important; }
	.eko-filters { flex-basis: auto !important; }
}

/* Prekių tinklelis ir kortelė (brandbook 1.1): stulpelių tiek, kiek telpa ~170 px kortelių – kompiuteryje 5, telefone 2 */
.eko-grid { container-type: inline-size; }
.eko-grid .wc-block-product-template { column-gap: 24px !important; row-gap: 32px !important; margin: 0; padding: 0; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
@container (min-width: 558px) { .eko-grid .wc-block-product-template { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@container (min-width: 752px) { .eko-grid .wc-block-product-template { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@container (min-width: 946px) { .eko-grid .wc-block-product-template { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } }
@media (max-width: 781px) { .eko-grid .wc-block-product-template { column-gap: 12px !important; row-gap: 20px !important; } }
.eko-grid .wc-block-product { display: flex; flex-direction: column; padding: 8px; margin: -8px; border-radius: 4px; text-align: left; }
.eko-grid .wc-block-product > * { margin-block: 0; }
.eko-card__media { position: relative; margin: 0 !important; }
.eko-card__media > * { margin: 0 !important; }
.eko-card__media .wc-block-components-product-image { border: 1px solid var(--eko-line); background: #fff; aspect-ratio: 1; }
.eko-card__media .wc-block-components-product-image a { display: block; height: 100%; }
.eko-card__media img { width: 100% !important; height: 100% !important; aspect-ratio: 1 / 1; object-fit: contain !important; }
.eko-grid .eko-pname { font-size: 15px !important; line-height: 21px; font-weight: 600; margin: 12px 0 4px !important; text-align: left; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.eko-grid .eko-pname a { color: var(--eko-ink); text-decoration: none; }
.eko-grid .eko-pname a:hover { color: var(--eko-green); text-decoration: underline; }
.eko-buy { margin-top: auto !important; gap: 8px !important; }
.eko-grid .eko-price, .eko-grid .wc-block-components-product-price { font-size: 17px !important; line-height: 24px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--eko-ink); margin: 0 !important; text-align: left; }
@media (max-width: 781px) { .eko-grid .eko-pname { font-size: 14px !important; line-height: 19px; } }
.eko-load-more .wp-block-query-pagination[hidden] { display: none; }
.wp-block-query-pagination { font-size: 15px; margin-top: 32px; }

/* ---------- Prekės puslapis ---------- */
/* Nuotrauka iki 440 px, informacija šalia iki 620 px (brandbook 1.1) */
.eko-pdp { gap: 48px !important; }
@media (min-width: 782px) {
	.eko-pdp__media { flex: 0 0 440px !important; max-width: 440px; }
	.eko-pdp__info { flex: 1 1 0 !important; max-width: 620px; }
}
.eko-pdp__media .woocommerce-product-gallery { border: 1px solid var(--eko-line); margin: 0; width: 100% !important; max-width: 440px; box-sizing: border-box; }
.eko-pdp__info > * { margin-block: 0; }
.eko-pdp__info > .eko-badges { margin-bottom: 16px; } /* tarpas tarp savybių ir gamintojo */
.eko-pdp__info .wp-block-post-title { margin: 4px 0 8px !important; }
.eko-pdp-price, .eko-pdp__info .wc-block-components-product-price { font-size: 28px !important; line-height: 36px; font-weight: 600; font-variant-numeric: tabular-nums; margin-top: 16px !important; color: var(--eko-ink); }
.eko-pdp__info .wc-block-add-to-cart-form { margin: 16px 0 !important; }
.eko-pdp__info form.cart { display: flex; gap: 12px; align-items: stretch; margin: 0; }
.eko-pdp__info form.cart .single_add_to_cart_button { flex: 1; height: 44px; padding: 0 20px; border-radius: 4px; background: var(--eko-green); color: #fff; font-weight: 600; font-size: 15px; white-space: nowrap; }
.eko-pdp__info form.cart .single_add_to_cart_button:hover { background: var(--eko-green-dark); }
.eko-pdp__info .quantity { display: inline-flex; align-items: center; border: 1px solid var(--eko-field); border-radius: 4px; height: 44px; box-sizing: border-box; background: #fff; flex: none; }
/* Kiekio skaičius: tas pats šriftas, 16 px, vertikaliai centre (naršyklė įvesties laukui duoda Arial ir vidinį paraštį) */
.eko-pdp__info .quantity input.qty { box-sizing: border-box; width: 44px; height: 42px; margin: 0; padding: 0 !important; border: 0; border-left: 1px solid var(--eko-line); border-right: 1px solid var(--eko-line); border-radius: 0; text-align: center; font-family: inherit; font-weight: 600; font-size: 16px !important; line-height: 42px; color: var(--eko-ink); font-variant-numeric: tabular-nums; -moz-appearance: textfield; appearance: textfield; background: #fff; }
.eko-pdp__info .quantity input.qty::-webkit-inner-spin-button, .eko-pdp__info .quantity input.qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.eko-pdp__info .quantity .wc-block-components-quantity-selector__button, .eko-pdp__info .quantity button { width: 40px; height: 42px; border: 0; background: none; font-size: 18px; font-weight: 600; color: var(--eko-ink); cursor: pointer; }
.eko-pdp-more { margin-top: 48px !important; }
.eko-related { margin-top: 64px !important; }
.eko-related > h2 { margin-bottom: 24px; }
@media (max-width: 781px) { .eko-pdp { gap: 24px !important; } }

/* ---------- WooCommerce mygtukai, laukai, pranešimai ---------- */
.wc-block-components-button:not(.is-link), .woocommerce a.button, .woocommerce button.button { border-radius: 4px; font-weight: 600; }
.wc-block-components-button.contained, .wc-block-components-checkout-place-order-button, .wc-block-cart__submit-button, .wc-block-mini-cart__footer-checkout { background: var(--eko-green) !important; color: #fff !important; border-color: transparent !important; }
.wc-block-components-button.contained:hover, .wc-block-components-checkout-place-order-button:hover, .wc-block-cart__submit-button:hover, .wc-block-mini-cart__footer-checkout:hover { background: var(--eko-green-dark) !important; }
.wc-block-components-button.outlined, .wc-block-mini-cart__footer-cart { border: 1px solid var(--eko-field) !important; color: var(--eko-ink) !important; background: #fff !important; }
.wc-block-components-text-input input, .wc-block-components-select select, .wc-block-components-combobox input, .wc-block-components-textarea { border-color: var(--eko-field) !important; border-radius: 4px !important; }
.wc-block-components-notice-banner.is-error { border-color: var(--eko-error); }
.wc-block-components-notice-banner.is-success, .wc-block-components-notice-banner.is-info { border-color: var(--eko-green); background: var(--eko-tint); }
.wc-block-components-product-badge, .wc-block-components-sale-badge { display: none !important; } /* akcijų ženklų nenaudojame */

/* ---------- Poraštė ---------- */
.eko-footer { font-size: 15px; line-height: 22px; margin-top: 0 !important; }
.eko-footer .wp-block-columns { gap: 32px; }
.eko-footer__h { font-size: 15px !important; line-height: 20px !important; font-weight: 600; color: #fff; margin: 0 0 8px !important; }
.eko-footer p { margin: 0 0 4px; }
.eko-footer__list { list-style: none; margin: 0; padding: 0; }
.eko-footer__list li { margin: 0 0 4px; }
.eko-footer a { text-decoration: underline; text-underline-offset: 3px; }
.eko-footer a:hover { opacity: .85; }
.eko-footer__bottom { border-top: 1px solid rgba(255, 255, 255, .2); margin-top: 32px !important; padding-top: 16px; opacity: .85; }
.eko-footer :focus-visible { outline-color: #fff; }

/* Pagrindinis puslapis (brandbook 1.2) */
.eko-home { padding-top: 16px !important; padding-bottom: 64px !important; }
.eko-home h2 { font-size: 26px !important; line-height: 32px !important; font-weight: 600; margin: 0 !important; }
/* Koliažas: tik antraštė viršuje kairėje ant patamsinto medžio. */
.eko-hero { position: relative; margin: 0 !important; border-radius: 4px; overflow: hidden; background: #3b2a1e; aspect-ratio: 8 / 3; color: #fff; }
.eko-hero picture, .eko-hero__img { display: block; width: 100%; height: 100%; }
.eko-hero__img { object-fit: cover; object-position: right center; }
.eko-hero__text { position: absolute; left: 5%; top: 50%; transform: translateY(-50%); max-width: 38%; text-shadow: 0 1px 2px rgba(0, 0, 0, .35); }
.eko-home .eko-hero h1 { color: #fff; font-size: clamp(30px, 3.8vw, 54px) !important; line-height: 1.15 !important; font-weight: 600; margin: 0 0 20px !important; max-width: 14ch; }
.eko-hero__btn { display: inline-block; background: var(--eko-green); color: #fff !important; font-weight: 600; font-size: 16px; line-height: 20px; padding: 11px 20px; border-radius: 4px; text-decoration: none; text-shadow: none; }
.eko-hero__btn:hover { background: var(--eko-green-dark); }
.eko-hero__btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
/* Trys privalumai: viena juosta su plonomis linijomis, dvispalvės ikonos (brandbook) */
.eko-feats { list-style: none; margin: 20px 0 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--eko-line); border-bottom: 1px solid var(--eko-line); }
.eko-feats li { display: flex; align-items: flex-start; gap: 16px; margin: 0; padding: 22px 24px; }
.eko-feats li:first-child { padding-left: 0; }
.eko-feats li + li { border-left: 1px solid var(--eko-line); }
.eko-feats__ic { flex: none; color: var(--eko-green); line-height: 0; }
.eko-feats__ic svg { width: 36px; height: 36px; }
.eko-feats__ic .f { fill: var(--eko-tint); stroke: none; }
.eko-feats strong { display: block; font-size: 18px; line-height: 24px; font-weight: 600; color: var(--eko-ink); }
.eko-feats__txt { display: block; font-size: 16px; line-height: 22px; color: var(--eko-ink); margin-top: 2px; }
.eko-home__sec { padding-top: 48px; margin-top: 0 !important; }
.eko-home__head { margin-bottom: 20px !important; align-items: baseline !important; }
.eko-home__head a { font-size: 15px; }
.eko-home-popular { margin-top: 0 !important; }
@container (min-width: 1080px) { .eko-home-popular .wc-block-product-template { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } }
.eko-brands { list-style: none; margin: 20px 0 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px 24px; }
.eko-brands li { margin: 0; }
.eko-brands a { display: flex; align-items: center; justify-content: center; height: 88px; padding: 12px 16px; border: 1px solid var(--eko-line); border-radius: 4px; color: var(--eko-ink); text-decoration: none; }
.eko-brands a:hover { border-color: var(--eko-field); }
/* Logotipai originaliomis spalvomis: pilki spalvotus ženklus (pvz., Biovita) paversdavo neįskaitomais. */
.eko-brands img { display: block; max-width: 100%; max-height: 52px; width: auto; height: auto; object-fit: contain; }
.eko-brands__name { font-size: 15px; line-height: 20px; font-weight: 600; text-align: center; }
@media (max-width: 1000px) { .eko-brands { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1024px) {
	.eko-hero__text { max-width: 42%; }
}
@media (max-width: 781px) {
	.eko-home { padding-top: 12px !important; padding-bottom: 40px !important; }
	.eko-feats { grid-template-columns: 1fr; margin-top: 12px !important; }
	.eko-feats li { padding: 14px 0; }
	.eko-feats li + li { border-left: 0; border-top: 1px solid var(--eko-line); }
	.eko-home h2 { font-size: 22px !important; line-height: 28px !important; }
	.eko-home__sec { padding-top: 36px; }
	.eko-brands { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
	.eko-brands a { height: 72px; padding: 8px 10px; }
}
/* Telefone – stačias koliažas: tekstas viršuje, prekės apačioje */
@media (max-width: 700px) {
	.eko-hero { aspect-ratio: 900 / 1033; }
	.eko-hero__img { object-position: center bottom; }
	.eko-hero__text { left: 6%; right: 6%; top: 13%; transform: none; max-width: none; text-align: center; }
	.eko-home .eko-hero h1 { font-size: 22px !important; max-width: 20ch; margin: 0 auto 12px !important; }
	.eko-hero__btn { font-size: 15px; padding: 9px 16px; }
}

/* Omniva paštomato pasirinkimas atsiskaitant (įskiepio blokas po pristatymo būdais) */
.omnivalt-terminal-select-container { margin: 12px 0 4px; padding: 14px 16px; background: var(--eko-surface); border-radius: 4px; }
.omnivalt-terminal-select-container .tmjs-container { font-family: inherit !important; }
.wc-block-components-radio-control__option:has(> input[value="omnivalt_pt"])::before { content: ""; display: block; width: 63px; height: 25px; margin-bottom: 2px; background: url(../../plugins/omniva-woocommerce/assets/img/logos/omniva_horizontal_s.png) left center / contain no-repeat; }
.omnivalt-terminal-select-container .components-input-control__label { font-family: inherit !important; font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--eko-ink) !important; }
.omnivalt-terminal-select-container .tmjs-selected-terminal { font-family: inherit !important; font-size: 16px !important; line-height: 22px !important; font-weight: 600 !important; color: var(--eko-ink) !important; }
.omnivalt-terminal-select-container .tmjs-open-modal-btn { display: inline-block; margin-top: 8px; padding: 6px 14px !important; background: #fff !important; color: var(--eko-ink) !important; border: 1px solid var(--eko-field) !important; border-radius: 4px !important; font-family: inherit !important; font-size: 15px !important; line-height: 21px !important; font-weight: 600 !important; text-decoration: none !important; }
.omnivalt-terminal-select-container .tmjs-open-modal-btn:hover, .omnivalt-terminal-select-container .tmjs-open-modal-btn:focus-visible { border-color: var(--eko-ink) !important; }

/* Atsiskaitymas telefone: tarpai kontaktų dalyje (WooCommerce siauruose ekranuose juos panaikina) */
.wc-block-checkout__contact-fields .wc-block-components-checkbox { margin-top: 16px !important; }
.wc-block-checkout__contact-fields .wc-block-checkout__guest-checkout-notice { margin: 16px 0 0 !important; font-size: 15px; line-height: 22px; color: color-mix(in srgb, var(--eko-ink) 78%, #fff); }
/* Paysera: rodome tik Lietuvos mokėjimo būdus, todėl šalies pasirinkimas nereikalingas (be to, jis angliškas). */
.paysera-combobox { display: none !important; }