/*
Theme Name: Mažoji virtuvė
Theme URI: https://mazojivirtuve.lt
Author: MB „Agiato“
Description: Vaikų žaislinės virtuvės parduotuvės tema su WooCommerce integracija: produktai, krepšelis ir atsiskaitymas veikia per WooCommerce.
Version: 2.1.0
Requires at least: 6.4
Requires PHP: 7.4
WC requires at least: 8.0
Text Domain: mazoji-virtuve
License: GPL-2.0-or-later
*/
:root{--bg:#f1ecff;--ink:#2a2140;--card:#fff;--pur:#6b3fa0;--grn:#4fbf5a;--red:#ee3a2e;--line:#2a2140;--l1:#6b3fa0}
@media (prefers-color-scheme:dark){:root{--bg:#1d1631;--ink:#f1ecff;--card:#2c2248;--line:#f1ecff;--l1:#c9a8ff}}
*{box-sizing:border-box}
html{scroll-padding-top:70px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Nunito,system-ui,sans-serif;line-height:1.5}
h1,h2,h3,.logo,.price{font-weight:800;font-family:Nunito,system-ui,sans-serif;line-height:1.1;margin:0}
a{color:var(--l1)}
img{max-width:100%;height:auto}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--grn);outline-offset:2px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{position:fixed;left:8px;top:8px;width:auto;height:auto;clip:auto;background:var(--card);padding:8px 12px;z-index:100}
/* header */
.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding:14px 5vw;padding-top:calc(14px + env(safe-area-inset-top,0px));position:sticky;top:0;background:var(--bg);z-index:50;border-bottom:3px solid var(--line)}
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
.logo{display:block;text-decoration:none}.logo svg{display:block}.t1{fill:var(--l1)}.t2{fill:#ee3a2e}
.site-nav ul{display:flex;gap:6px 18px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.site-nav a,.site-footer a{color:var(--ink);font-weight:700;text-decoration:none;border-bottom:3px solid transparent}
.site-nav .current-menu-item>a,.site-nav .current_page_item>a{border-color:var(--red)}
.cartbtn{display:inline-flex;align-items:center;gap:8px;background:var(--pur);color:#fff;border-radius:999px;padding:8px 18px;font-weight:700;text-decoration:none}
.site-header .cartbtn{color:#fff}
.mv-cart-total{opacity:.9}.mv-cart-total .woocommerce-Price-amount{color:inherit}
@media(max-width:520px){.mv-cart-total{display:none}}
/* hero */
.hero{display:grid;grid-template-columns:5fr 6fr;background:var(--pur);color:#fff;align-items:stretch}
.hero-text{padding:56px 5vw;display:flex;flex-direction:column;justify-content:center;gap:14px}
.hero h1{font-size:clamp(2.2rem,5.5vw,4.2rem);font-weight:700}
.hero p{margin:0;max-width:44ch;font-size:1.1rem}
.hero img{width:100%;height:100%;min-height:320px;max-height:640px;object-fit:cover;display:block}
.cta,.mv-btn{display:inline-block;background:var(--red);color:#fff!important;border:0;border-radius:14px;padding:13px 24px;font-weight:700;font-size:1.05rem;text-decoration:none}
@media(max-width:720px){.hero{grid-template-columns:1fr}.hero-text{padding:32px 5vw}}
/* feature carousel */
.feats{position:relative;padding:32px 5vw}
.track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.track::-webkit-scrollbar{display:none}
@media(prefers-reduced-motion:no-preference){.track{scroll-behavior:smooth}}
.feat{position:relative;flex:0 0 clamp(260px,36%,420px);aspect-ratio:4/3;scroll-snap-align:start;border-radius:22px;overflow:hidden;border:2px solid var(--line);color:#fff}
.feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ft{position:absolute;inset:auto 0 0 0;padding:48px 18px 16px;background:linear-gradient(transparent,rgba(30,20,50,.92))}
.ft h3{font-size:1.25rem}.ft p{margin:4px 0 0;font-size:.95rem}
.arr{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:2px solid var(--line);background:var(--card);color:var(--ink);font-size:1.8rem;line-height:1;z-index:2;display:grid;place-items:center;padding:0 0 4px}
.arr.l{left:calc(5vw - 18px)}.arr.r{right:calc(5vw - 18px)}
/* shop */
.mv-main{padding:0 5vw 56px}
.mv-shop>h2,.woocommerce-products-header__title{font-size:clamp(2.3rem,6vw,3.6rem);color:var(--l1);display:inline-block;border-bottom:6px solid var(--red);padding-bottom:4px;margin:24px 0 18px}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px}
.chip{display:inline-block;background:var(--card);color:var(--ink)!important;border:2px solid var(--line);border-radius:999px;padding:6px 16px;font-weight:700;text-decoration:none}
.chip[aria-current="true"]{background:var(--ink);color:var(--bg)!important}
ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;list-style:none;margin:0 0 24px;padding:0}
ul.products::before,ul.products::after{display:none!important}
ul.products li.product{float:none;width:auto;margin:0;padding:0}
.card{background:var(--card);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;border:2px solid var(--line)}
.card .card-img{display:block}
.card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;margin:0}
.card .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.card h3{font-size:1.15rem;font-weight:700}.card h3 a{color:inherit;text-decoration:none}
.card .body p{margin:0;font-size:.92rem;opacity:.8}
.card .row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;flex-wrap:wrap}
.price,.card .price{font-weight:700;font-size:1.35rem;color:var(--ink)}
.price ins{text-decoration:none}.price del{opacity:.6;font-size:.8em}
body .card a.add.button,body .mv-product .single_add_to_cart_button{background:var(--grn);color:#10300f;border:0;border-radius:10px;padding:8px 14px;font-weight:700;font-size:1rem;line-height:1.2}
body .mv-product .single_add_to_cart_button{padding:13px 24px;font-size:1.05rem;border-radius:14px}
a.added_to_cart{font-size:.85rem;font-weight:700}
.woocommerce-result-count,.woocommerce-ordering{margin:0 0 14px}
.woocommerce-ordering select{padding:8px;border:2px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}
.woocommerce-breadcrumb{font-size:.95rem;margin:18px 0 8px}
span.onsale{position:absolute;margin:10px;background:var(--red);color:#fff;border-radius:999px;padding:3px 12px;font-weight:700;z-index:3}
.woocommerce-pagination ul{display:flex;gap:6px;list-style:none;padding:0;justify-content:center}
.woocommerce-pagination a,.woocommerce-pagination span{display:block;padding:6px 12px;border:2px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink)}
.woocommerce-pagination .current{background:var(--ink);color:var(--bg)}
/* single product */
.mv-product{max-width:1000px;margin:0 auto;padding-top:8px}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin-bottom:36px}
.pgrid .woocommerce-product-gallery{opacity:1!important;margin:0;position:relative}
.pgrid .woocommerce-product-gallery img{width:100%;border-radius:22px;border:2px solid var(--line)}
.pgrid .flex-control-thumbs{display:flex;gap:8px;list-style:none;padding:0;margin:10px 0 0}
.pgrid .flex-control-thumbs li{flex:1}.pgrid .flex-control-thumbs img{border-radius:12px;cursor:pointer;opacity:.7}.pgrid .flex-control-thumbs .flex-active{opacity:1}
.pgrid .product_title{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:10px}
.pgrid .price{font-size:2rem;display:block;margin:12px 0}
.pgrid form.cart{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}
.pgrid .quantity input{width:70px}
.pf{padding-left:1.2em;margin:18px 0 0}
.product_meta{font-size:.9rem;opacity:.8;margin-top:12px}
.plong{max-width:760px;margin-bottom:36px}.plong h2{font-size:1.5rem;margin:22px 0 8px}.plong p{margin:0 0 10px;font-size:1.05rem}.plong li{margin-bottom:6px}
section.related>h2{margin:0 0 14px}
@media(max-width:720px){.pgrid{grid-template-columns:1fr}}
/* pages */
.wrap{max-width:760px;margin:0 auto;padding:36px 5vw 56px}
.wrap-wide{max-width:1100px;margin:0 auto;padding:36px 5vw 56px}
.wrap h1,.wrap-wide h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:14px}
.entry h2{margin:22px 0 8px}
.entry ol,.entry ul{padding-left:1.2em}
.offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:18px 0}
.offer{background:var(--card);border:2px solid var(--line);border-radius:20px;padding:16px}
.offer h3{font-size:1.2rem;margin-bottom:8px}.offer p{margin:0}
.note{font-size:.9rem;opacity:.8;margin:0}
.entry details{background:var(--card);border:2px solid var(--line);border-radius:14px;padding:12px 16px;margin-bottom:10px}
.entry summary{font-weight:700;cursor:pointer}.entry details p{margin:8px 0 0}
.gal{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.gal figure{margin:0}
.gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;border:2px solid var(--line);display:block}
.gal figcaption{font-size:.9rem;opacity:.8;margin-top:4px}
@media(max-width:520px){.gal{grid-template-columns:1fr}}
.post-item{background:var(--card);border:2px solid var(--line);border-radius:18px;padding:16px;margin-bottom:14px}
.post-item h2{font-size:1.4rem;margin:0 0 4px}.post-item h2 a{color:inherit;text-decoration:none}.post-item time{font-size:.9rem;opacity:.7}
/* forms */
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=search],textarea,select{font:inherit;padding:10px;border:2px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);max-width:100%}
.mv-contact-form{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.mv-contact-form label{display:flex;flex-direction:column;gap:4px;font-weight:700}
.mv-contact-form .mv-consent{flex-direction:row;gap:8px;align-items:flex-start;font-weight:400}
.mv-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.mv-msg{padding:12px 16px;border-radius:12px;border:2px solid var(--line);background:var(--card);margin-bottom:12px}
.mv-msg.ok{border-color:var(--grn)}.mv-msg.err{border-color:var(--red)}
/* WooCommerce buttons, cart, checkout */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--pur);color:#fff;border-radius:12px;font-weight:700;padding:10px 18px}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #place_order{background:var(--red);color:#fff}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:12px;border-top-color:var(--pur);background:var(--card);color:var(--ink)}
.woocommerce table.shop_table{border:2px solid var(--line);border-radius:14px;background:var(--card)}
.wc-block-components-button:not(.is-link){background:var(--pur);color:#fff;border-radius:12px}
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{color:var(--ink)}
/* footer */
.site-footer{border-top:3px solid var(--line);padding:14px 5vw;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));font-size:.95rem;line-height:1.35}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px 24px;margin-bottom:8px}
.site-footer h3{font-size:1.1rem;margin-bottom:3px}.site-footer a{display:block}.site-footer p{margin:0}.site-footer ul{list-style:none;margin:0;padding:0}
.soc{display:flex;gap:8px;margin-top:4px}
.site-footer .soc a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--line)}
.soc a:hover{background:var(--ink);color:var(--bg)}
/* owner-to-fill markers and blog */
.mv-todo{background:#ffe38a;color:#2a2140;padding:1px 6px;border-radius:6px}
.mv-pagination{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.mv-pagination .page-numbers{padding:6px 12px;border:2px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink)}.mv-pagination .current{background:var(--ink);color:var(--bg)}