/*
Theme Name: Shoptimizer Child (M3D)
Theme URI: https://www.m3d.lt
Description: M3D.lt dizaino child tema. Visa custom dizaino sistema ir WooCommerce šablonų pritaikymai – čia. Parent (Shoptimizer) logika ir stilius paveldimi.
Author: M3D.lt
Template: shoptimizer
Version: 1.1.0
*/

/* =========================================================================
 * M3D DIZAINO SISTEMA — globali (visa svetainė)
 * Fazė 1: pamatas — spalvos, šriftai, mygtukai, kainos.
 * Plečiama palaipsniui (kortelės, formos) po vizualaus patikrinimo.
 * ========================================================================= */

:root{
  --m3d-paper:#f4f1ea; --m3d-paper2:#fffdf8; --m3d-ink:#16181d; --m3d-muted:#6b6e77;
  --m3d-brand:#1b4dff; --m3d-lime:#d4f23a; --m3d-coral:#ff5a3c; --m3d-line:#e6e0d3;
  --m3d-disp:'Fraunces',serif; --m3d-body:'Manrope',sans-serif;
}

/* ---- Tipografija ---- */
body,
button, input, select, textarea,
.woocommerce-page{
  font-family:var(--m3d-body);
}
h1, h2, h3, h4, h5, h6,
.entry-title, .product_title, .section-title,
.woocommerce-loop-product__title, .wc-block-grid__product-title{
  font-family:var(--m3d-disp);
  letter-spacing:-.4px;
  font-weight:600;
}

/* ---- Mygtukai (M3D: tamsus → mėlynas hover, suapvalinti) ---- */
.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,
.woocommerce .single_add_to_cart_button,
.shoptimizer-mini-cart__buttons .button,
.button, button.button, input[type="submit"]{
  background-color:var(--m3d-ink);
  color:#fff;
  border-radius:12px;
  font-family:var(--m3d-body);
  font-weight:700;
  letter-spacing:.1px;
  transition:background-color .25s, transform .25s;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce .single_add_to_cart_button:hover,
.button:hover, button.button:hover, input[type="submit"]:hover{
  background-color:var(--m3d-brand);
  color:#fff;
}

/* ---- Kainos (brand spalva, Fraunces) ---- */
.woocommerce-Price-amount,
.price > .amount,
.price ins .amount,
.product .price{
  color:var(--m3d-brand);
  font-family:var(--m3d-disp);
  font-weight:600;
}
.price del, .price del .amount{
  color:var(--m3d-muted);
  font-family:var(--m3d-body);
  font-weight:400;
}

/* ---- Akcentai ---- */
.woocommerce span.onsale,
.shoptimizer-badge, .wc-block-grid__product-onsale{
  background-color:var(--m3d-coral);
  color:#fff;
  border-radius:50px;
  font-family:var(--m3d-body);
  font-weight:700;
}

/* ---- Formos (suapvalinti laukai, brand focus) ---- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .quantity input.qty,
input[type="text"], input[type="email"], input[type="tel"],
input[type="password"], input[type="search"], input[type="number"],
input[type="url"], select, textarea{
  border:1px solid var(--m3d-line);
  border-radius:12px;
  background:var(--m3d-paper2);
  font-family:var(--m3d-body);
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus,
input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus,
input[type="url"]:focus, select:focus, textarea:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{
  border-color:var(--m3d-brand);
  outline:none;
  box-shadow:0 0 0 3px rgba(27,77,255,.12);
}

/* ---- Produktų kortelės (minimalūs M3D akcentai – nuotraukų suapvalinimas + hover) ---- */
ul.products li.product img,
.wc-block-grid__product-image img{
  border-radius:16px;
}
ul.products li.product{
  transition:transform .3s ease, box-shadow .3s ease;
}
ul.products li.product:hover{
  transform:translateY(-5px);
}

/* ---- Akcentai ---- */
.woocommerce-breadcrumb a:hover,
.woocommerce-MyAccount-navigation a:hover{
  color:var(--m3d-brand);
}

/* =========================================================================
 * HEADER + FOOTER (Fazė 2) — M3D stilius per CSS (Shoptimizer struktūra lieka)
 * ========================================================================= */

/* ---- Viršutinė juosta (top bar) ---- */
.top-bar, .top-bar-fullwidth, .shoptimizer-top-bar{
  background-color:var(--m3d-ink);
  color:var(--m3d-paper);
  font-family:var(--m3d-body);
}
.top-bar a, .top-bar p, .top-bar span{ color:var(--m3d-paper); }
.top-bar a:hover{ color:var(--m3d-lime); }
.top-bar strong, .top-bar b{ color:var(--m3d-lime); }

/* ---- Header ---- */
.site-header{
  background-color:rgba(244,241,234,.92);
  border-bottom:1px solid var(--m3d-line);
}
.site-header .site-title a, .site-branding .site-title{ font-family:var(--m3d-disp); }
.main-navigation ul li a{ font-family:var(--m3d-body); font-weight:600; }
.main-navigation ul li a:hover{ color:var(--m3d-brand); }
/* Krepšelio mygtukas header'yje */
.site-header-cart .cart-contents{ color:var(--m3d-ink); }
.site-header-cart .cart-contents:hover{ color:var(--m3d-brand); }
.site-header-cart .count, .cart-contents-count{
  background-color:var(--m3d-brand) !important;
  color:#fff !important;
}

/* ---- Footer (tamsus M3D) ---- */
.site-footer{
  background-color:var(--m3d-ink);
  color:#c4c7ce;
}
.site-footer a{ color:#c4c7ce; }
.site-footer a:hover{ color:#fff; }
.site-footer .widget-title,
.site-footer h2, .site-footer h3, .site-footer h4{
  color:var(--m3d-lime);
  font-family:var(--m3d-disp);
}
.site-footer .copyright,
.footer-bottom, footer.copyright{
  background-color:var(--m3d-ink);
  color:var(--m3d-muted);
  border-top:1px solid rgba(255,255,255,.08);
}

/* =========================================================================
 * FAZĖ 4: Parduotuvė (Elementor grid) + Produkto puslapis (WooCommerce)
 * Tik M3D akcentai – funkcionalumas (krepšelis, galerija) nepaliestas.
 * ========================================================================= */

/* ---- Produkto puslapis: galerija ---- */
.single-product .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery img,
.single-product .flex-control-thumbs img{
  border-radius:16px;
}

/* ---- Produkto puslapis: info (summary) ---- */
.single-product .product_title.entry-title{
  font-family:var(--m3d-disp);
  letter-spacing:-.6px;
}
.single-product div.product .summary .price,
.single-product div.product .summary .woocommerce-Price-amount{
  font-size:1.7em;
  color:var(--m3d-brand);
  font-family:var(--m3d-disp);
}
.single-product .single_add_to_cart_button.button{
  border-radius:14px;
  padding-top:1em;
  padding-bottom:1em;
  letter-spacing:.2px;
}

/* ---- Produkto puslapis: tabs (aprašymas) ---- */
.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover{
  color:var(--m3d-brand);
}
.woocommerce-tabs .panel h2,
.woocommerce-tabs .panel h3,
.related.products > h2, .upsells.products > h2{
  font-family:var(--m3d-disp);
  letter-spacing:-.4px;
}

/* ---- Parduotuvė: produktų kortelių hover (Elementor + WooCommerce grid) ---- */
ul.products li.product:hover,
.elementor-products-grid ul.products li.product:hover,
.elementor-products-grid li.product:hover{
  box-shadow:0 16px 40px rgba(22,24,29,.10);
}
.elementor-products-grid li.product img,
.elementor-products-grid .attachment-woocommerce_thumbnail{
  border-radius:16px;
}

/* =========================================================================
 * FAZĖ 5: Krepšelis + Atsiskaitymas + Paskyra
 * TIK vizualūs M3D akcentai. Mokėjimo (#payment), formų funkcionalumas
 * NEPALIESTAS – tik fonas/rėmeliai/suapvalinimai/antraštės.
 * ========================================================================= */

/* ---- Krepšelis ---- */
.woocommerce-cart .cart_totals{
  background:var(--m3d-paper2);
  border:1px solid var(--m3d-line);
  border-radius:20px;
  padding:24px;
}
.woocommerce-cart .cart_totals h2,
.woocommerce-cart h1, .woocommerce-cart h2{
  font-family:var(--m3d-disp);
  letter-spacing:-.4px;
}
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th{
  border-color:var(--m3d-line);
}
.woocommerce-cart table.cart img{ border-radius:12px; }

/* ---- Atsiskaitymas (Elementor – TIK stilius) ---- */
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order{
  background:var(--m3d-paper2);
  border:1px solid var(--m3d-line);
  border-radius:18px;
  padding:22px;
}
.woocommerce-checkout h3, .woocommerce-checkout #order_review_heading{
  font-family:var(--m3d-disp);
  letter-spacing:-.4px;
}
.woocommerce-checkout #payment ul.payment_methods{
  border-radius:14px;
}

/* ---- Paskyra ---- */
.woocommerce-account .woocommerce-MyAccount-navigation{
  background:var(--m3d-paper2);
  border:1px solid var(--m3d-line);
  border-radius:18px;
  padding:10px 8px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{ margin:0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  color:var(--m3d-brand);
}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3{
  font-family:var(--m3d-disp);
}


/* =========================================================================
 * KAINŲ TIPOGRAFIKA → Manrope (2026-07-06, vartotojo sprendimas)
 * Fraunces kainose per daug kontrastavo su Manrope tekstu. Kainos dabar
 * Manrope 800 (skiriasi svoriu + brand spalva, ne šriftu). Fraunces lieka
 * tik antraštėms. Global — perrašo visų puslapių kainų šriftą.
 * ========================================================================= */
.woocommerce-Price-amount,
.price > .amount,
.price ins .amount,
.product .price,
.m3d-pcard .m3d-prow,
.m3d-pcard .m3d-prow ins .amount,
.m3d-pcard .m3d-prow > .amount,
.m3d-product .m3d-info .price,
.woocommerce-cart tr.cart_item td.product-subtotal,
.woocommerce-cart .cart_totals tr.order-total td .amount,
.woocommerce-checkout #order_review tr.order-total td .amount,
.woocommerce-checkout #order_review .order-total .amount,
.woocommerce-account table.woocommerce-orders-table .woocommerce-orders-table__cell-order-total {
	font-family: var(--m3d-body, 'Manrope', sans-serif) !important;
	font-weight: 800 !important;
	letter-spacing: -.2px !important;
}
/* Senos (perbrauktos) kainos — lengvesnės */
.price del,
.price del .amount,
.m3d-pcard .m3d-prow del,
.m3d-pcard .m3d-prow del .amount {
	font-family: var(--m3d-body, 'Manrope', sans-serif) !important;
	font-weight: 500 !important;
}
/* Dydžių korekcija: Manrope optiškai stambesnis už Fraunces tais pačiais px */
.m3d-pcard .m3d-prow, .m3d-pcard .m3d-prow ins .amount, .m3d-pcard .m3d-prow > .amount { font-size: 17px; }
.woocommerce-cart .cart_totals tr.order-total td .amount { font-size: 24px !important; }
.woocommerce-checkout #order_review tr.order-total td .amount,
.woocommerce-checkout #order_review .order-total .amount { font-size: 1.35em !important; }

/* Kainos dydžiai (vartotojo patikslinimai 2026-07-06) */
.single-product div.product .summary .price,
.single-product div.product .summary .woocommerce-Price-amount {
  font-size: 1.5em;
}