/* ========================================================================== autokvapukas.lt - tamsi dizaino sistema Vieta serveryje: wp-content/themes/mixy-child/dizainas.css Pagrindine kopija: dokumentai/dizainas/dizainas.css Sukurta 2026-08-30. Grazinimas atgal: istrinti sita faila. ========================================================================== */ :root { --ak-bg: #0D0B0A; --ak-bg-2: #120F0D; --ak-surface: #17130F; --ak-surface-2: #221C16; --ak-line: rgba(184,148,93,.18); --ak-line-2: rgba(184,148,93,.32); --ak-gold: #B8945D; --ak-gold-br: #D9B478; --ak-text: #F2EDE6; --ak-muted: #A79C90; --ak-radius: 14px; --ak-head: 'Archivo', 'Inter', system-ui, sans-serif; --ak-body: 'Inter', system-ui, sans-serif; /* temos vidiniai kintamieji */ --headingcolor: #F2EDE6 !important; --headingfont: 'Archivo' !important; --pricecolor: #F2EDE6 !important; --pricefont: 'Archivo' !important; --primary: #B8945D !important; --primarycolor: #B8945D !important; } /* -------------------------------------------------------------------------- 1. Pagrindas -------------------------------------------------------------------------- */ html, body { background-color: var(--ak-bg) !important; color: var(--ak-text); } body, #page.site, #main.site-main, #content, .site-content, .container, .row, .main-content, .woocommerce-page .content-area, .page-content, .entry-content { background-color: transparent; color: var(--ak-text); } body { font-family: var(--ak-body); font-size: 16px; line-height: 1.62; color: var(--ak-text); -webkit-font-smoothing: antialiased; } /* svelnus grudetumas, kad juoda neatrodytu plokscia */ body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .5; background-image: url("data:image/svg+xml;utf8,"); } /* SVARBU: grudetumas turi buti uz turinio per neigiama z-index, o ne per #page.site { z-index: 1 }. Tas z-index uzdarydavo puslapi i atskira sluoksni, ir sonininis krepselio langas atsidurdavo PO tamsia uzdanga, tarsi po ruku. */ #page.site { position: relative; } /* -------------------------------------------------------------------------- 2. Tipografija -------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, .widget-title, .product-title, .entry-title, .woocommerce-loop-product__title, .page-title, .section-title { font-family: var(--ak-head) !important; color: var(--ak-text) !important; letter-spacing: -.015em; } h1, h2 { font-weight: 800 !important; line-height: 1.08 !important; } h3, h4 { font-weight: 700 !important; line-height: 1.2 !important; } h1 { font-size: clamp(32px, 4.6vw, 54px); } h2 { font-size: clamp(26px, 3.2vw, 40px); } /* skilciu ir moduliu antrastes - didziosiomis, tai duoda charakteri */ .widget-title, .mixy-block-title, .woocommerce-tabs .tabs li a, .footer-column .widget-title, .related.products > h2, .upsells.products > h2, .cross-sells > h2 { text-transform: uppercase !important; letter-spacing: .08em !important; font-weight: 800 !important; } a { color: var(--ak-gold); text-decoration: none; transition: color .18s ease; } a:hover, a:focus { color: var(--ak-gold-br); } p, li, td, dd, label, .description { color: var(--ak-text); } small, .small, .posted_in, .sku_wrapper, .woocommerce-result-count, .product_meta, .product_meta a, .stock, .woocommerce-breadcrumb { color: var(--ak-muted) !important; } ::selection { background: var(--ak-gold); color: #100D0A; } /* -------------------------------------------------------------------------- 3. Mygtukai -------------------------------------------------------------------------- */ .btn, button, input[type="submit"], input[type="button"], .button, a.button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .single_add_to_cart_button, .add_to_cart_button, .checkout-button, .wc-block-components-button, .elementor-button { font-family: var(--ak-head) !important; font-weight: 700 !important; letter-spacing: .04em; text-transform: uppercase; font-size: 13px !important; border-radius: 999px !important; border: 1px solid transparent !important; background: linear-gradient(180deg, var(--ak-gold-br) 0%, var(--ak-gold) 100%) !important; color: #14100C !important; box-shadow: 0 6px 18px rgba(184,148,93,.16); transition: transform .16s ease, box-shadow .2s ease, filter .2s ease; } .btn:hover, button:hover, .button:hover, a.button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .single_add_to_cart_button:hover, .checkout-button:hover, .elementor-button:hover { background: linear-gradient(180deg, #E7C68C 0%, var(--ak-gold-br) 100%) !important; color: #14100C !important; transform: translateY(-1px); box-shadow: 0 10px 26px rgba(184,148,93,.3); } /* antrinis mygtukas */ .woocommerce .cart .button[name="update_cart"], .woocommerce-cart .return-to-shop .button, .button.wc-backward, .woocommerce a.button.alt.wc-forward.checkout, .btn-outline { background: transparent !important; color: var(--ak-gold) !important; border: 1px solid var(--ak-line-2) !important; box-shadow: none; } .woocommerce .cart .button[name="update_cart"]:hover, .button.wc-backward:hover, .btn-outline:hover { background: var(--ak-surface-2) !important; color: var(--ak-gold-br) !important; border-color: var(--ak-gold) !important; } /* atsiskaitymo mygtukas krepselyje turi likti pagrindinis */ .woocommerce .wc-proceed-to-checkout a.checkout-button { background: linear-gradient(180deg, var(--ak-gold-br) 0%, var(--ak-gold) 100%) !important; color: #14100C !important; border-color: transparent !important; } /* -------------------------------------------------------------------------- 4. Formos -------------------------------------------------------------------------- */ input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], input[type="number"], input[type="date"], select, textarea, .select2-container .select2-selection--single, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { background-color: var(--ak-surface-2) !important; border: 1px solid var(--ak-line) !important; color: var(--ak-text) !important; border-radius: 10px !important; box-shadow: none !important; transition: border-color .18s ease, box-shadow .18s ease; } input:focus, select:focus, textarea:focus, .select2-container--open .select2-selection--single { border-color: var(--ak-gold) !important; box-shadow: 0 0 0 3px rgba(184,148,93,.16) !important; outline: none !important; } ::placeholder { color: var(--ak-muted) !important; opacity: 1; } select option { background: var(--ak-surface-2); color: var(--ak-text); } .select2-container .select2-selection--single .select2-selection__rendered { color: var(--ak-text) !important; } .select2-dropdown, .select2-container .select2-results__options { background: var(--ak-surface-2) !important; border-color: var(--ak-line) !important; color: var(--ak-text) !important; } .select2-container .select2-results__option--highlighted[aria-selected] { background: var(--ak-gold) !important; color: #14100C !important; } label, .woocommerce form .form-row label { color: var(--ak-text) !important; } abbr.required { color: var(--ak-gold) !important; border: none; } /* -------------------------------------------------------------------------- 5. Antraste -------------------------------------------------------------------------- */ #header, #header .main-header, #header .main-header-content, #header .header-wrapper, .mobile-header.main-header, .desktop-header .main-header, #header .top-menu, #header .menu-background { background-color: var(--ak-surface) !important; border-color: var(--ak-line) !important; box-shadow: none !important; } #header .top-menu, #header .menu-background { border-top: 1px solid var(--ak-line) !important; } #header a, #header .menu-item-link, #header .top-menu > li > a, #header [class^="icon-rt-"], #header [class*=" icon-rt-"] { color: var(--ak-text) !important; } #header a:hover, #header .menu-item-link:hover, #header .top-menu > li > a:hover, #header .menu-item.current-menu-item > a { color: var(--ak-gold) !important; } #header .top-menu > li > a { font-family: var(--ak-head) !important; font-weight: 700 !important; letter-spacing: .05em; text-transform: uppercase; font-size: 13px !important; position: relative; } #header .top-menu > li > a::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: -6px; height: 2px; background: var(--ak-gold); transition: left .2s ease, right .2s ease; } #header .top-menu > li:hover > a::after, #header .top-menu > li.current-menu-item > a::after { left: 0; right: 0; } /* paieskos laukas */ #header .search-form, #header .search-wrapper, #header .form-search, #header .search-field { background-color: var(--ak-surface-2) !important; border-color: var(--ak-line) !important; color: var(--ak-text) !important; border-radius: 999px !important; } #header .search-field::placeholder { color: var(--ak-muted) !important; } #header .search-submit, #header .btn-search { background: transparent !important; box-shadow: none !important; } #header .search-submit [class^="icon-rt-"] { color: var(--ak-gold) !important; } /* krepselio ir megstamiausiu skaiciukai */ .cart-count, .wishlist-count { background: var(--ak-gold) !important; color: #14100C !important; font-weight: 700; } /* isskleidziami meniu ir soniniai skydeliai */ #header .dropdown-menu, #header .sub-menu, #header .mega-menu, #header .vertical-menu .sub-menu, .flyout-menu, .side-panel, .offcanvas, .mini-cart, .widget_shopping_cart_content, .side-cart, .search-sidebar { background-color: var(--ak-surface) !important; border: 1px solid var(--ak-line) !important; box-shadow: 0 18px 48px rgba(0,0,0,.55) !important; } #header .dropdown-menu a, #header .sub-menu a, .flyout-menu a, .side-panel a, .mini-cart a, .search-sidebar a, .widget_shopping_cart_content a { color: var(--ak-text) !important; } #header .dropdown-menu a:hover, #header .sub-menu a:hover, .flyout-menu a:hover, .mini-cart a:hover { color: var(--ak-gold) !important; } /* logotipas: tamsiame fone tinka sviesus variantas */ .site-logo img, .custom-logo-link img { filter: none; } /* -------------------------------------------------------------------------- 6. Puslapio pavadinimo juosta -------------------------------------------------------------------------- */ .page-title-section { background-color: var(--ak-bg-2) !important; border-bottom: 1px solid var(--ak-line); position: relative; background-position: center 60% !important; background-size: cover !important; } .page-title-section::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13,11,10,.72) 0%, rgba(13,11,10,.86) 55%, var(--ak-bg) 100%); } .page-title-section > * { position: relative; z-index: 2; } .page-title-section.text-dark h1, .page-title-section h1, .page-title-section .page-title { color: var(--ak-text) !important; text-transform: uppercase; letter-spacing: -.01em; } .page-title-section .breadcrumb, .page-title-section .breadcrumb a, .page-title-section .breadcrumb span { color: var(--ak-muted) !important; } .page-title-section .breadcrumb a:hover { color: var(--ak-gold) !important; } /* -------------------------------------------------------------------------- 7. Parduotuve: prekiu korteles -------------------------------------------------------------------------- */ .product-inner, .product-grid .product-inner, .single-item .product-inner { background: var(--ak-surface) !important; border: 1px solid var(--ak-line) !important; border-radius: var(--ak-radius) !important; overflow: hidden; transition: border-color .2s ease, transform .2s ease, box-shadow .25s ease; } .product-inner:hover { border-color: var(--ak-line-2) !important; transform: translateY(-3px); box-shadow: 0 16px 36px rgba(0,0,0,.45); } .product-image, .product-image a, .product-image img { background: var(--ak-surface-2) !important; border-radius: 0 !important; } .product-image img { transition: transform .5s cubic-bezier(.2,.7,.3,1); display: block; } .product-inner:hover .product-image img { transform: scale(1.05); } .product-content { padding: 16px 16px 18px !important; } .product-title, .product-title a, .woocommerce-loop-product__title { font-family: var(--ak-head) !important; font-weight: 700 !important; font-size: 16px !important; line-height: 1.3 !important; color: var(--ak-text) !important; } .product-title a:hover { color: var(--ak-gold) !important; } .price, .product-price, .box-price, .amount, .woocommerce-Price-amount, .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--ak-text) !important; font-family: var(--ak-head) !important; font-weight: 700 !important; } .price del, del .amount, .price del .amount { color: var(--ak-muted) !important; opacity: .75; } .price ins, ins .amount { color: var(--ak-gold-br) !important; text-decoration: none; } /* nuolaidos ir naujienos zenkliukai */ .product-labels span, .onsale, .product-label, .badge, span.new { background: var(--ak-gold) !important; color: #14100C !important; font-family: var(--ak-head) !important; font-weight: 800 !important; letter-spacing: .06em; text-transform: uppercase; border-radius: 999px !important; border: none !important; } /* veiksmu mygtukai ant korteles */ .action-links a, .btn-quickview, .add-to-wishlist a, .product-cart .add_to_cart_button, .yith-wcwl-add-to-wishlist a { background: rgba(34,28,22,.9) !important; color: var(--ak-text) !important; border: 1px solid var(--ak-line) !important; box-shadow: none !important; } .action-links a:hover, .btn-quickview:hover, .product-cart .add_to_cart_button:hover { background: var(--ak-gold) !important; color: #14100C !important; border-color: var(--ak-gold) !important; } .yith-wcwl-icon-svg, .yith-wcwl-icon-svg path { fill: currentColor; } /* -------------------------------------------------------------------------- 8. Parduotuves irankiu juosta, saline juosta, puslapiavimas -------------------------------------------------------------------------- */ .mixy-shop-toolbar, .toolbar, .shop-views, .woocommerce-ordering select { background: transparent !important; color: var(--ak-muted) !important; border-color: var(--ak-line) !important; } .shop-views a, .view-mode a { color: var(--ak-muted) !important; } .shop-views a.active, .view-mode a.active, .shop-views a:hover { color: var(--ak-gold) !important; } .sidebar .widget, .shop-sidebar .widget, aside .widget { background: var(--ak-surface) !important; border: 1px solid var(--ak-line) !important; border-radius: var(--ak-radius) !important; padding: 20px !important; margin-bottom: 22px; } .widget-title { color: var(--ak-text) !important; font-size: 13px !important; } .widget-title::after, .widget-title:after { background: linear-gradient(90deg, var(--ak-gold), transparent) !important; border: none !important; } .widget ul li, .widget ul li a { color: var(--ak-text) !important; border-color: var(--ak-line) !important; } .widget ul li a:hover { color: var(--ak-gold) !important; } /* kainos filtras */ .price_slider_wrapper .ui-slider { background: var(--ak-surface-2) !important; } .ui-slider .ui-slider-range { background: var(--ak-gold) !important; } .ui-slider .ui-slider-handle { background: var(--ak-gold-br) !important; border: none !important; } .page-numbers, .woocommerce-pagination a, .woocommerce-pagination span { background: var(--ak-surface) !important; color: var(--ak-text) !important; border: 1px solid var(--ak-line) !important; border-radius: 10px !important; } .page-numbers.current, .page-numbers:hover { background: var(--ak-gold) !important; color: #14100C !important; border-color: var(--ak-gold) !important; } /* -------------------------------------------------------------------------- 9. Prekes puslapis -------------------------------------------------------------------------- */ .woocommerce div.product .product_title { text-transform: none; } .woocommerce div.product .woocommerce-product-gallery, .woocommerce div.product .woocommerce-product-gallery__image, .product-gallery, .product-images { background: var(--ak-surface) !important; border: 1px solid var(--ak-line); border-radius: var(--ak-radius); overflow: hidden; } .woocommerce div.product .flex-control-thumbs li img { border: 1px solid var(--ak-line); border-radius: 8px; opacity: .7; } .woocommerce div.product .flex-control-thumbs li img.flex-active, .woocommerce div.product .flex-control-thumbs li img:hover { opacity: 1; border-color: var(--ak-gold) !important; } .woocommerce div.product form.cart .variations, .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { background: transparent !important; border: none !important; color: var(--ak-text) !important; } .woocommerce div.product form.cart .variations label { font-weight: 700; } .reset_variations { color: var(--ak-muted) !important; } .quantity, .quantity input, .qty { background: var(--ak-surface-2) !important; border-color: var(--ak-line) !important; color: var(--ak-text) !important; border-radius: 999px !important; } .quantity .minus, .quantity .plus, .quantity button { background: transparent !important; color: var(--ak-text) !important; box-shadow: none !important; border: none !important; } .quantity .minus:hover, .quantity .plus:hover { color: var(--ak-gold) !important; background: transparent !important; } .woocommerce-variation-price .price { font-size: 26px !important; } .product_meta, .product_meta a { font-size: 14px; } .product_meta a:hover { color: var(--ak-gold) !important; } .social-sharing a { color: var(--ak-muted) !important; } .social-sharing a:hover { color: var(--ak-gold) !important; } /* skirtukai */ .woocommerce div.product .woocommerce-tabs ul.tabs { border-bottom: 1px solid var(--ak-line) !important; padding: 0 !important; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border: none !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent !important; border: none !important; border-radius: 0 !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--ak-muted) !important; padding: 14px 4px !important; margin-right: 26px; border-bottom: 2px solid transparent; font-size: 13px !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: var(--ak-text) !important; border-bottom-color: var(--ak-gold) !important; } .woocommerce-Tabs-panel { color: var(--ak-text); padding-top: 22px; } .woocommerce-Tabs-panel ol li, .woocommerce-Tabs-panel ul li { margin-bottom: 6px; } /* atsiliepimai */ .woocommerce #reviews #comments ol.commentlist li .comment-text { background: var(--ak-surface) !important; border: 1px solid var(--ak-line) !important; border-radius: var(--ak-radius) !important; } .star-rating span::before, .star-rating::before { color: var(--ak-gold) !important; } /* -------------------------------------------------------------------------- 10. Lenteles, krepselis, atsiskaitymas, paskyra -------------------------------------------------------------------------- */ table, .shop_table, .woocommerce table.shop_table { background: var(--ak-surface) !important; border: 1px solid var(--ak-line) !important; border-radius: var(--ak-radius) !important; border-collapse: separate !important; overflow: hidden; color: var(--ak-text) !important; } table th, .woocommerce table.shop_table th { background: var(--ak-surface-2) !important; color: var(--ak-text) !important; font-family: var(--ak-head) !important; text-transform: uppercase; letter-spacing: .06em; font-size: 12px !important; border-color: var(--ak-line) !important; } table td, .woocommerce table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border-color: var(--ak-line) !important; color: var(--ak-text) !important; background: transparent !important; } .woocommerce-cart-form .product-remove a.remove { color: var(--ak-muted) !important; } .woocommerce-cart-form .product-remove a.remove:hover { color: var(--ak-gold) !important; background: transparent !important; } .cart_totals, .cross-sells, .woocommerce-checkout-review-order, #order_review, .woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields, .woocommerce-order-details, .woocommerce-customer-details, .woocommerce-MyAccount-content, .woocommerce-MyAccount-navigation, .login, .register, .checkout_coupon, .woocommerce-form-coupon-toggle { background: var(--ak-surface) !important; border: 1px solid var(--ak-line) !important; border-radius: var(--ak-radius) !important; color: var(--ak-text) !important; } .cart_totals, .woocommerce-checkout-review-order, .woocommerce-MyAccount-navigation { padding: 22px !important; } .woocommerce-MyAccount-navigation ul li a { color: var(--ak-text) !important; } .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li a:hover { color: var(--ak-gold) !important; } /* mokejimo budai */ #payment, .woocommerce-checkout #payment { background: var(--ak-surface-2) !important; border-radius: var(--ak-radius) !important; } #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-color: var(--ak-line) !important; } #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background: var(--ak-surface) !important; color: var(--ak-muted) !important; border: 1px solid var(--ak-line) !important; } #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--ak-surface) !important; } /* pranesimai */ .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice, .wc-block-components-notice-banner { background: var(--ak-surface) !important; color: var(--ak-text) !important; border-top: none !important; border: 1px solid var(--ak-line) !important; border-left: 3px solid var(--ak-gold) !important; border-radius: 10px !important; } .woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { color: var(--ak-gold) !important; } .woocommerce-error { border-left-color: #E2574C !important; } /* -------------------------------------------------------------------------- 11. Porašte -------------------------------------------------------------------------- */ #footer, #footer.site-footer, .footer-main, .footer-bottom, .footer-before { background-color: var(--ak-surface) !important; color: var(--ak-muted) !important; border-color: var(--ak-line) !important; } .footer-main { border-top: 1px solid var(--ak-line) !important; } .footer-main.text-dark, .footer-bottom.text-dark { color: var(--ak-muted) !important; } #footer a, .footer-main a, .footer-bottom a { color: var(--ak-muted) !important; } #footer a:hover, .footer-main a:hover, .footer-bottom a:hover { color: var(--ak-gold) !important; } #footer .widget-title, .footer-column .widget-title { color: var(--ak-text) !important; } .footer-bottom { border-top: 1px solid var(--ak-line) !important; } /* virsutine paslaugu juosta (pristatymas, kainos, dovanos, pagalba) */ .footer-before, .footer-before * { background-color: transparent !important; } .footer-before { background-color: var(--ak-bg-2) !important; border-top: 1px solid var(--ak-line); } .footer-before .elementor-icon-box-title, .footer-before h1, .footer-before h2, .footer-before h3, .footer-before h4, .footer-before h5, .footer-before strong { color: var(--ak-text) !important; } .footer-before p, .footer-before span { color: var(--ak-muted) !important; } /* socialiniu tinklu zenkliukai */ .social-icons a, .social-list a { background: var(--ak-surface-2) !important; color: var(--ak-text) !important; border: 1px solid var(--ak-line) !important; } .social-icons a:hover, .social-list a:hover { background: var(--ak-gold) !important; color: #14100C !important; border-color: var(--ak-gold) !important; } /* -------------------------------------------------------------------------- 12. Elementor turinys (titulinis ir kiti puslapiai) -------------------------------------------------------------------------- */ .elementor-section, .elementor-container, .elementor-widget-wrap { background-color: transparent; } .elementor-widget-text-editor, .elementor-widget-text-editor p { color: var(--ak-text); } .elementor-heading-title { font-family: var(--ak-head) !important; color: var(--ak-text) !important; } /* -------------------------------------------------------------------------- 13. Smulkmenos -------------------------------------------------------------------------- */ hr, .divider { border-color: var(--ak-line) !important; } * { scrollbar-color: var(--ak-gold) var(--ak-surface); scrollbar-width: thin; } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track { background: var(--ak-bg); } ::-webkit-scrollbar-thumb { background: var(--ak-surface-2); border-radius: 999px; border: 2px solid var(--ak-bg); } ::-webkit-scrollbar-thumb:hover { background: var(--ak-gold); } /* virsun mygtukas */ #back-to-top, .back-to-top, .scroll-to-top { background: var(--ak-surface-2) !important; color: var(--ak-gold) !important; border: 1px solid var(--ak-line) !important; } #back-to-top:hover, .back-to-top:hover { background: var(--ak-gold) !important; color: #14100C !important; } /* apkrovos langai ir modalai */ .modal-content, .quickview-content, .mfp-content, .pswp__bg { background: var(--ak-surface) !important; color: var(--ak-text) !important; } /* skilciu isnyrimas slenkant */ @media (prefers-reduced-motion: no-preference) { .product-grid .single-item { animation: ak-rise .5s cubic-bezier(.2,.7,.3,1) both; } @keyframes ak-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } } } /* -------------------------------------------------------------------------- 14. Telefonas -------------------------------------------------------------------------- */ @media (max-width: 991px) { .mobile-header.main-header, .mobile-header .container { background-color: var(--ak-surface) !important; } .sidebar .widget, .shop-sidebar .widget { padding: 16px !important; } .product-content { padding: 12px !important; } h1 { font-size: clamp(28px, 7vw, 38px); } } /* -------------------------------------------------------------------------- 15. Taisymai po pirmos perziuros (2026-08-30) -------------------------------------------------------------------------- */ /* Prekes nuotrauku galerija likdavo nematoma: WooCommerce ideda inline opacity:0, o temos slick slideris jos neatstato. Tai buvo ir pries dizaino keitima. */ .woocommerce-product-gallery, .woocommerce div.product .woocommerce-product-gallery { opacity: 1 !important; } /* Meniu: temos vertikalios linijos tarp punktu darė lentelės ispudi */ #header .top-menu li, #header .top-menu > ul > li, #header .menu-item-lv0 { border-left: none !important; border-right: none !important; } #header .top-menu { border-bottom: none !important; } /* Paieskos mygtukas neturi buti auksinis blokas */ #header .search-form button, #header .searchbox button, #header .input-wrapper button, #header .search-submit, #header .btn-search, #header button[type="submit"] { background: transparent !important; background-image: none !important; box-shadow: none !important; border: none !important; color: var(--ak-gold) !important; border-radius: 0 !important; } #header .search-form button:hover, #header .search-submit:hover { color: var(--ak-gold-br) !important; transform: none; } #header .input-wrapper { background: transparent !important; } /* Antrastes ir meniu mygtukai apskritai neturi buti auksiniai */ #header .menu-toggle, #header .mobile-menu-toggle, #header .side-close-icon, #header .btn-close, .mfp-close, .slick-arrow, .side-close-icon { background: transparent !important; background-image: none !important; box-shadow: none !important; border: none !important; color: var(--ak-text) !important; } .slick-arrow:hover, .side-close-icon:hover { color: var(--ak-gold) !important; } /* Prekiu tinklelis: tarpai tarp korteliu vietoj bendro remo. Sandara: .archive-products.row > .product (stulpelis) > .single-item.product-inner (kortele) */ .archive-products.products, .archive-products-wrapper { background: transparent !important; border: none !important; } .archive-products.products > .product, .archive-products.products > li.product { padding-left: 11px !important; padding-right: 11px !important; margin-bottom: 22px !important; border: none !important; background: transparent !important; } .archive-products.products { margin-left: -11px !important; margin-right: -11px !important; } .single-item.product-inner { height: 100%; } /* Pavadinimas turi buti didesnis uz kaina, o ne atvirksciai */ .product-title, .product-title a, .woocommerce-loop-product__title { font-size: 16px !important; line-height: 1.32 !important; margin-bottom: 8px !important; } .product-grid .price, .product-grid .box-price, .product-grid .product-price { font-size: 15px !important; color: var(--ak-gold-br) !important; } /* Nuotrauka svelniai susilieja su kortele */ .product-image { position: relative; } .product-image::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 38%; pointer-events: none; background: linear-gradient(180deg, rgba(23,19,15,0) 0%, rgba(23,19,15,.55) 100%); } /* Tuscias saline juostos blokas be turinio */ .sidebar .widget_block:not(:has(*)), aside .widget_block:not(:has(*)) { display: none !important; } /* Skirtuku juosta prekes puslapyje */ .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 14px !important; } .woocommerce-Tabs-panel h2 { font-size: 22px; } /* -------------------------------------------------------------------------- 16. Antra taisymu banga (2026-08-30) -------------------------------------------------------------------------- */ /* Tema visur naudoja text-transform: capitalize. Lietuviu kalboje kiekvieno zodzio didzioji raide yra klaida, todel graziname normalu rasyma. */ #header .top-menu a, #header .menu-item-link, h1, h2, h3, h4, h5, h6, #reply-title, .comment-reply-title, .woocommerce-Tabs-panel h2, .product-title, .product-title a, .woocommerce div.product .product_title { text-transform: none !important; } /* isimtis: skilciu antrastes ir mygtukai lieka didziosiomis */ .widget-title, .footer-column .widget-title, .mixy-block-title, .woocommerce-tabs .tabs li a, .btn, button, .button, a.button, input[type="submit"], table th, .woocommerce table.shop_table th, .page-title-section h1 { text-transform: uppercase !important; } /* Slankusis krepselis ir soniniai skydeliai buvo balti */ nav.minicart-side, .minicart-side, .header-cart, .side-panel-wrapper, .sidebar-panel, .canvas-panel, .lightbox-content, .form-content, .mfp-content > div, .quickview-wrapper, .quickview { background-color: var(--ak-surface) !important; color: var(--ak-text) !important; border-color: var(--ak-line) !important; } .minicart-side a, .header-cart a, .lightbox-content a, .form-content a { color: var(--ak-text) !important; } .minicart-side a:hover, .header-cart a:hover { color: var(--ak-gold) !important; } .minicart-side .total, .header-cart .total { color: var(--ak-text) !important; border-color: var(--ak-line) !important; } /* Socialiniu tinklu zenkliukai poraštėje: be prekiu zenklu spalvu */ .social-list a, .social-list li a, .social-icons li a, .social-list a[class], .social-icons a[class] { background-color: var(--ak-surface-2) !important; background-image: none !important; color: var(--ak-text) !important; border: 1px solid var(--ak-line) !important; } .social-list a:hover, .social-list li a:hover, .social-icons li a:hover { background-color: var(--ak-gold) !important; color: #14100C !important; border-color: var(--ak-gold) !important; } /* Prekes puslapis: pirkimo blokas turi sverti daugiau */ .woocommerce div.product .summary p.price, .woocommerce div.product .summary span.price, .woocommerce-variation-price .price { font-size: 30px !important; color: var(--ak-gold-br) !important; margin-bottom: 18px !important; display: block; } .woocommerce div.product form.cart .variations td.value select, .woocommerce div.product form.cart .variations select { width: 100% !important; max-width: 380px; height: 50px !important; padding: 0 16px !important; font-size: 15px !important; } .woocommerce div.product form.cart .variations td.label { padding-right: 18px; } .woocommerce div.product form.cart .single_add_to_cart_button { min-width: 230px; height: 52px; font-size: 14px !important; letter-spacing: .08em; } .woocommerce div.product form.cart .quantity, .woocommerce div.product .quantity { height: 52px; } .woocommerce div.product form.cart .quantity input.qty { height: 52px !important; } /* Megstamiausiu nuoroda: pasalinam balta krautuvo zenkleli */ .yith-wcwl-add-to-wishlist img, .yith-wcwl-add-to-wishlist .ajax-loading { display: none !important; } .yith-wcwl-add-to-wishlist a { color: var(--ak-muted) !important; } .yith-wcwl-add-to-wishlist a:hover { color: var(--ak-gold) !important; } /* Parduotuves irankiu juostos vaizdo mygtukai */ .shop-views a, .view-mode a, .shop-views a i, .view-mode a i { background: transparent !important; background-image: none !important; box-shadow: none !important; border: none !important; } /* Isskleidziamas meniu tamsiame fone: juodas tekstas buvo nematomas */ #header .top-menu .dropdown-menu .menu-item-link, #header .top-menu .vertical-menu .menu-item-link, body.page-id-19926 .top-menu .dropdown-menu .menu-item-link, body.page-id-19926 .top-menu .vertical-menu .menu-item-link { color: var(--ak-text) !important; } #header .top-menu .dropdown-menu .menu-item-link:hover { color: var(--ak-gold) !important; } /* -------------------------------------------------------------------------- 17. Trecia taisymu banga (2026-08-30) -------------------------------------------------------------------------- */ /* Mano paties klaida: 7 skyriuje buvau uzpildes sirdutes kontura, todel megstamiausiu zenkliukas virto balta deme. Sirdute yra tik kontūras. */ .yith-wcwl-icon-svg, .yith-wcwl-icon-svg path { fill: none !important; stroke: currentColor !important; } /* Naršymo kelias irgi buvo su kiekvieno zodzio didziaja raide */ .breadcrumb, .breadcrumb a, .breadcrumb span, .woocommerce-breadcrumb, .woocommerce-breadcrumb a { text-transform: none !important; } /* Socialiniu tinklu zenkliukai: temos prekiu zenklu spalvos turi didesni specifiskuma, todel reikia id lygio selektoriaus */ #footer .social-list li a, #footer .social-list li a.facebook, #footer .social-list li a.instagram, #header .social-list li a, #footer .social-icons li a, #header .social-icons li a { background: var(--ak-surface-2) !important; background-image: none !important; color: var(--ak-text) !important; border: 1px solid var(--ak-line) !important; box-shadow: none !important; } #footer .social-list li a:hover, #footer .social-list li a.facebook:hover, #footer .social-list li a.instagram:hover, #header .social-list li a:hover { background: var(--ak-gold) !important; color: #14100C !important; border-color: var(--ak-gold) !important; } /* Paslaugu juostos zenkliukai virs porastes - auksiniai */ .footer-before .elementor-icon, .footer-before .elementor-icon svg, .footer-before .elementor-icon i, .footer-before .elementor-icon-box-icon .elementor-icon { color: var(--ak-gold) !important; fill: var(--ak-gold) !important; background: transparent !important; } .footer-before .elementor-icon svg path { stroke: var(--ak-gold) !important; } /* -------------------------------------------------------------------------- 18. Ketvirta taisymu banga (2026-08-30) -------------------------------------------------------------------------- */ /* Socialiniu tinklu spalva sedejo ne pacioje nuorodoje, o jos ::before elemente */ #footer .social-list li a::before, #footer .social-list li a::after, #header .social-list li a::before, .social-list li a::before { background: transparent !important; background-color: transparent !important; color: inherit !important; } /* Krepselio ir atsiskaitymo zingsniu juosta buvo balta */ .process-box, .checkout-process, .woocommerce-checkout-steps { background: var(--ak-surface) !important; border: 1px solid var(--ak-line) !important; border-radius: var(--ak-radius) !important; color: var(--ak-muted) !important; } .process-box a, .process-box span, .process-box li { color: var(--ak-muted) !important; } .process-box .active, .process-box .current, .process-box li.active, .process-box li.active * { color: var(--ak-text) !important; } .process-box .step-number, .process-box .number { background: var(--ak-surface-2) !important; color: var(--ak-gold) !important; border: 1px solid var(--ak-line) !important; } .process-box .active .step-number, .process-box .active .number { background: var(--ak-gold) !important; color: #14100C !important; border-color: var(--ak-gold) !important; } /* Slankusis krepselio skydelis: nav be klases, todel per teva */ .minicart-side, .minicart-side nav, .minicart-side > *, .header-cart nav, .header-cart .cart-side-content, .search-sidebar nav, .search-sidebar > * { background-color: var(--ak-surface) !important; color: var(--ak-text) !important; } .minicart-side .side-close-icon, .header-cart .side-close-icon { color: var(--ak-text) !important; } /* -------------------------------------------------------------------------- 19. Telefonas ir paskutiniai baltumai (2026-08-30) -------------------------------------------------------------------------- */ /* Telefono apatine juosta buvo balta */ .mobile-bottom-toolbar, .mobile-bottom-toolbar__inner, .mobile-bottom-toolbar .page-link { background-color: var(--ak-surface) !important; border-top: 1px solid var(--ak-line) !important; box-shadow: 0 -6px 20px rgba(0,0,0,.45) !important; } .mobile-bottom-toolbar a, .mobile-bottom-toolbar a span, .mobile-bottom-toolbar i, .mobile-bottom-toolbar [class^="icon-rt-"], .mobile-bottom-toolbar [class*=" icon-rt-"] { color: var(--ak-text) !important; } .mobile-bottom-toolbar a:hover, .mobile-bottom-toolbar a:active { color: var(--ak-gold) !important; } /* Atsiskaitymo skiltis "Jūsų užsakymas" turejo balta juosta */ #order_review_heading, .woocommerce-checkout h3#order_review_heading { background: var(--ak-surface-2) !important; color: var(--ak-text) !important; border: 1px solid var(--ak-line) !important; border-bottom: none !important; border-radius: var(--ak-radius) var(--ak-radius) 0 0 !important; margin-bottom: 0 !important; padding: 16px 22px !important; font-size: 18px !important; } #order_review, .woocommerce-checkout-review-order { border-radius: 0 0 var(--ak-radius) var(--ak-radius) !important; } /* Prekes pavadinimas kortelėje: leidziam tris eilutes, kitaip telefone visos prekes atrodo vienodai ("Automobilio kvapukas...") */ .product-title, .product-title a, .woocommerce-loop-product__title { display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; white-space: normal !important; text-overflow: clip !important; } /* Rikiavimo laukelis telefone islipdavo uz ekrano */ .woocommerce-ordering, .woocommerce-ordering select { max-width: 100% !important; } @media (max-width: 767px) { .mixy-shop-toolbar .woocommerce-ordering select { font-size: 13px !important; padding: 0 10px !important; } .woocommerce-result-count { font-size: 13px !important; } } /* Megstamiausiu nuorodoje buvo dvi sirdutes: temos ir YITH */ a.add_to_wishlist::before, .yith-wcwl-add-to-wishlist a::before { display: none !important; content: none !important; } /* Pristatymo pastaba krepselyje buvo auksine, tinka ramesne */ .woocommerce-shipping-destination, .shipping-calculator-button + p, .cart_totals .woocommerce-shipping-methods + p, .cart_totals p:not(.amount) { color: var(--ak-muted) !important; } /* -------------------------------------------------------------------------- 20. Paskutinis slifavimas (2026-08-30) -------------------------------------------------------------------------- */ /* Prekes pavadinimas krepselyje ir uzsakyme buvo auksinis, todel prastai skaitesi */ .woocommerce table.shop_table td.product-name a, .woocommerce-checkout-review-order td.product-name, .woocommerce-order-details td.product-name a, .minicart-side .product-name a { color: var(--ak-text) !important; font-weight: 600; } .woocommerce table.shop_table td.product-name a:hover { color: var(--ak-gold) !important; } @media (max-width: 767px) { .woocommerce table.shop_table td, .woocommerce table.shop_table th { padding: 10px 12px !important; } .cart_totals, .woocommerce-checkout-review-order { padding: 16px !important; } } /* Telefono meniu skydelis: pats sarasas buvo tamsus, o ji laikantis konteineris ir uzdanga liko pilki */ .mixy-menu, .mixy-menu.primary-menu, .menu-panel, .canvas-menu, .mobile-menu-panel, .flyout-menu ul, .flyout-menu li { background-color: var(--ak-surface) !important; } .mixy-menu a, .menu-panel a, .flyout-menu li a { color: var(--ak-text) !important; } .mixy-menu a:hover, .flyout-menu li a:hover { color: var(--ak-gold) !important; } .flyout-menu li { border-bottom: 1px solid var(--ak-line) !important; } .menu_title, .flyout-title { color: var(--ak-text) !important; } .overlay, .mixy-overlay, .body-overlay, .page-overlay, .site-overlay { background-color: rgba(6,5,4,.74) !important; } /* -------------------------------------------------------------------------- 21. Paslaugu juosta susilieja su porašte (Neringos pastaba 2026-08-30) -------------------------------------------------------------------------- */ /* Juosta su pristatymu, kainomis, dovanomis ir pagalba atsiskyrė nuo porastes dviem sviesiomis linijomis ir tamsesniu fonu. Dabar visa porašte vientisa. */ .footer-before { background-color: var(--ak-surface) !important; border-top: none !important; border-bottom: none !important; } .footer-before .elementor-section, .footer-before .elementor-top-section, .footer-before .elementor-container { border: none !important; box-shadow: none !important; } .footer-main { border-top: none !important; } #footer, #footer.site-footer { border-top: none !important; } /* -------------------------------------------------------------------------- 22. Sonininis krepselio langas (2026-08-30) -------------------------------------------------------------------------- */ .cart-side-content, .widget_shopping_cart_content { color: var(--ak-text) !important; } .popup-cart-title { color: var(--ak-text) !important; font-family: var(--ak-head) !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .08em; } .cart-side-navbar { border-bottom: 1px solid var(--ak-line) !important; } .widget_shopping_cart_content ul.cart_list li, .widget_shopping_cart_content .mini_cart_item { border-bottom: 1px solid var(--ak-line) !important; background: transparent !important; } .widget_shopping_cart_content .mini_cart_item a { color: var(--ak-text) !important; } .widget_shopping_cart_content .mini_cart_item a:hover { color: var(--ak-gold) !important; } .widget_shopping_cart_content .quantity, .widget_shopping_cart_content .variation, .widget_shopping_cart_content dt, .widget_shopping_cart_content dd { color: var(--ak-muted) !important; background: transparent !important; } .widget_shopping_cart_content .total { border-top: 1px solid var(--ak-line) !important; border-bottom: none !important; color: var(--ak-text) !important; font-size: 17px; } .widget_shopping_cart_content .total .amount { color: var(--ak-gold-br) !important; } .widget_shopping_cart_content a.remove { color: var(--ak-muted) !important; background: transparent !important; } .widget_shopping_cart_content a.remove:hover { color: var(--ak-gold) !important; } /* Mygtukai: apmokejimas pagrindinis, krepselis antrinis. Reikia perrasyti bendra .minicart-side a taisykle, kuri dazo teksta baltai. */ .widget_shopping_cart_content .buttons a.button, .minicart-side .widget_shopping_cart_content a.button { display: block; text-align: center; margin-bottom: 10px; padding: 13px 18px !important; background: transparent !important; color: var(--ak-gold) !important; border: 1px solid var(--ak-line-2) !important; box-shadow: none !important; } .widget_shopping_cart_content .buttons a.button.checkout, .minicart-side .widget_shopping_cart_content a.button.checkout { background: linear-gradient(180deg, var(--ak-gold-br) 0%, var(--ak-gold) 100%) !important; color: #14100C !important; border-color: transparent !important; } .widget_shopping_cart_content .buttons a.button:hover { background: var(--ak-surface-2) !important; color: var(--ak-gold-br) !important; border-color: var(--ak-gold) !important; } .widget_shopping_cart_content .buttons a.button.checkout:hover { background: linear-gradient(180deg, #E7C68C 0%, var(--ak-gold-br) 100%) !important; color: #14100C !important; } /* Tuscias krepselis: tema jokio praneshimo nerodo, WooCommerce ji turi */ .widget_shopping_cart_content .woocommerce-mini-cart__empty-message { color: var(--ak-muted) !important; padding: 24px 0; text-align: center; } /* Krepselio lango mygtukai: reikia id lygio selektoriaus, nes bendra .minicart-side a taisykle nudazydavo juos baltai ant aukso */ #cart-side .widget_shopping_cart_content a.button, #cart-side .buttons a.button { display: block !important; text-align: center !important; margin: 0 0 10px !important; padding: 14px 18px !important; background: transparent !important; background-image: none !important; color: var(--ak-gold) !important; border: 1px solid var(--ak-line-2) !important; border-radius: 999px !important; box-shadow: none !important; font-family: var(--ak-head) !important; font-weight: 700 !important; font-size: 13px !important; letter-spacing: .06em; text-transform: uppercase; } #cart-side .widget_shopping_cart_content a.button.checkout, #cart-side .buttons a.button.checkout { background: linear-gradient(180deg, var(--ak-gold-br) 0%, var(--ak-gold) 100%) !important; background-image: linear-gradient(180deg, var(--ak-gold-br) 0%, var(--ak-gold) 100%) !important; color: #14100C !important; border-color: transparent !important; } #cart-side .widget_shopping_cart_content a.button:hover { background: var(--ak-surface-2) !important; color: var(--ak-gold-br) !important; border-color: var(--ak-gold) !important; } #cart-side .widget_shopping_cart_content a.button.checkout:hover { background: linear-gradient(180deg, #E7C68C 0%, var(--ak-gold-br) 100%) !important; color: #14100C !important; } #cart-side { background: var(--ak-surface) !important; } #cart-side .total .amount { color: var(--ak-gold-br) !important; } /* -------------------------------------------------------------------------- 23. Montonio paštomato pasirinkimas (Choices.js), 2026-08-30 Sis sarasas ateina su savo baltu stiliumi, todel tamsiame fone tekstas buvo baltas ant balto ir nieko nesimate. -------------------------------------------------------------------------- */ .montonio-pickup-point-select-wrapper .choices, .choices { background: transparent !important; } .choices__inner { background-color: var(--ak-surface-2) !important; border: 1px solid var(--ak-line) !important; border-radius: 10px !important; color: var(--ak-text) !important; min-height: 48px; padding: 10px 14px !important; } .choices.is-focused .choices__inner, .choices.is-open .choices__inner { border-color: var(--ak-gold) !important; box-shadow: 0 0 0 3px rgba(184,148,93,.16) !important; border-radius: 10px 10px 0 0 !important; } .choices__list--single { padding: 0 !important; } .choices__list--single .choices__item { color: var(--ak-text) !important; } .choices__placeholder { color: var(--ak-muted) !important; opacity: 1 !important; } /* rodykle desineje */ .choices[data-type*="select-one"]::after { border-color: var(--ak-gold) transparent transparent !important; } .choices[data-type*="select-one"].is-open::after { border-color: transparent transparent var(--ak-gold) !important; } /* isskleistas sarasas */ .choices__list--dropdown, .choices__list[aria-expanded], .choices .choices__list--dropdown { background-color: var(--ak-surface) !important; border: 1px solid var(--ak-gold) !important; border-top: none !important; border-radius: 0 0 10px 10px !important; color: var(--ak-text) !important; box-shadow: 0 20px 44px rgba(0,0,0,.6) !important; z-index: 200; } .choices__list--dropdown .choices__list { max-height: 320px; } .choices__list--dropdown .choices__item, .choices__list--dropdown .choices__item--selectable { background-color: transparent !important; color: var(--ak-text) !important; border-bottom: 1px solid var(--ak-line) !important; padding: 12px 14px !important; } .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list--dropdown .choices__item--selectable:hover, .choices__list--dropdown .choices__item.is-selected { background-color: var(--ak-surface-2) !important; color: var(--ak-gold-br) !important; } .choices__list--dropdown .choices__item--selectable::after { display: none !important; } /* grupiu antrastes sarase */ .choices__heading { background-color: var(--ak-bg-2) !important; color: var(--ak-gold) !important; border-bottom: 1px solid var(--ak-line) !important; font-family: var(--ak-head) !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .06em; font-size: 12px !important; } /* paieskos laukelis sarase */ .choices__input, .choices__list--dropdown .choices__input, .choices__input.choices__input--cloned { background-color: var(--ak-surface-2) !important; color: var(--ak-text) !important; border: none !important; border-bottom: 1px solid var(--ak-line) !important; border-radius: 0 !important; padding: 12px 14px !important; } .choices__input::placeholder { color: var(--ak-muted) !important; } /* isjungtas variantas */ .choices.is-disabled .choices__inner { background-color: var(--ak-bg-2) !important; opacity: .6; } .choices__item--disabled { color: var(--ak-muted) !important; opacity: .6; } /* Montonio zenkliukai ir eilute */ .montonio-pickup-point .form-row, tr.montonio-pickup-point td { background: transparent !important; } .montonio-pickup-point-select-wrapper svg, .montonio-pickup-point-select-wrapper i { color: var(--ak-gold) !important; fill: var(--ak-gold) !important; } /* Uzsakymo lentele turejo overflow: hidden del apvaliu kampu, ir tai nukirsdavo isskleista pastomatu sarasa. */ .woocommerce-checkout-review-order table.shop_table, #order_review table.shop_table, #order_review, .woocommerce-checkout-review-order, tr.montonio-pickup-point, tr.montonio-pickup-point td { overflow: visible !important; } .montonio-pickup-point-select-wrapper { position: relative; z-index: 50; } /* -------------------------------------------------------------------------- 24. Poraštės atskyrimas (Neringos pageidavimas 2026-08-30) Ne per visą ekraną einanti šviesi juosta, o plona linija turinio plotyje su dideliais tarpais aplink, kaip pateiktame pavyzdyje. -------------------------------------------------------------------------- */ .footer-before > .container { padding-top: 34px; padding-bottom: 34px; } .footer-main > .container { position: relative; padding-top: 52px; } .footer-main > .container::before { content: ""; position: absolute; top: 0; left: 15px; right: 15px; height: 1px; background: rgba(184,148,93,.16); } .footer-bottom > .container { position: relative; padding-top: 26px; padding-bottom: 26px; } .footer-bottom { border-top: none !important; } .footer-bottom > .container::before { content: ""; position: absolute; top: 0; left: 15px; right: 15px; height: 1px; background: rgba(184,148,93,.16); } /* skilčių antraštės kaip pavyzdyje: retesnės raidės, ramesnis dydis */ #footer .widget-title, .footer-column .widget-title { font-size: 12px !important; letter-spacing: .18em !important; margin-bottom: 18px !important; } #footer .widget ul li { border: none !important; padding: 5px 0 !important; } /* -------------------------------------------------------------------------- 25. Prekiu korteles kaip atskiri blokai (Neringos pageidavimas 2026-08-30) Didesni tarpai, vidinis paklotas aplink nuotrauka ir apvalus kampai, kad kiekviena kortele skaitytusi kaip savarankiskas blokas. -------------------------------------------------------------------------- */ .archive-products.products { margin-left: -14px !important; margin-right: -14px !important; } .archive-products.products > .product, .archive-products.products > li.product { padding-left: 14px !important; padding-right: 14px !important; margin-bottom: 28px !important; } .single-item.product-inner { border-radius: 18px !important; padding: 14px !important; background: var(--ak-surface) !important; border: 1px solid var(--ak-line) !important; } .single-item.product-inner:hover { border-color: var(--ak-line-2) !important; box-shadow: 0 18px 40px rgba(0,0,0,.5); } .product-inner .product-image, .product-inner .product-image .image { border-radius: 12px !important; overflow: hidden !important; background: var(--ak-surface-2) !important; } .product-inner .product-image img { border-radius: 12px !important; } .product-inner .product-content { padding: 16px 4px 4px !important; text-align: left; } .product-inner .product-title, .product-inner .product-title a { font-size: 17px !important; font-weight: 700 !important; margin-bottom: 10px !important; } .product-grid .price, .product-grid .box-price, .product-grid .product-price { font-size: 16px !important; } /* pirkimo mygtukas ant nuotraukos turi likti nuotraukos remuose */ .product-inner .action-links, .product-inner .product-cart { z-index: 3; } @media (max-width: 767px) { .archive-products.products { margin-left: -8px !important; margin-right: -8px !important; } .archive-products.products > .product { padding-left: 8px !important; padding-right: 8px !important; margin-bottom: 18px !important; } .single-item.product-inner { padding: 10px !important; border-radius: 14px !important; } .product-inner .product-content { padding: 12px 2px 2px !important; } .product-inner .product-title, .product-inner .product-title a { font-size: 15px !important; } } /* Auksinis pirkimo mygtukas buvo nukerpamas nuotraukos apvaliu kampu remo. Apvalinam tik pacia nuotrauka, o remas lieka atviras. */ .product-inner .product-image { overflow: visible !important; } .product-inner .product-image .image { overflow: hidden !important; border-radius: 12px !important; } .product-inner .product-cart, .product-inner .action-links { z-index: 4; } /* -------------------------------------------------------------------------- 26. Kvapu korteles tituliniame (Neringos pageidavimas 2026-08-30) Tokia pati logika kaip prekiu kortelese: tarpai, apvalus kampai, vidinis paklotas. Fonas nuimamas nuo stulpelio ir perkeliamas i vidini remeli, todel tarp korteliu atsiranda tikras tarpas. -------------------------------------------------------------------------- */ .ak-kvapu-sekcija .elementor-container { align-items: stretch; } .ak-kvapo-kortele { background-color: transparent !important; background-image: none !important; border: none !important; padding: 0 13px 26px !important; } .ak-kvapo-kortele > .elementor-widget-wrap, .ak-kvapo-kortele > .elementor-element-populated { background-color: var(--ak-surface) !important; border: 1px solid var(--ak-line) !important; border-radius: 18px !important; padding: 28px 26px !important; height: 100%; transition: border-color .2s ease, transform .2s ease, box-shadow .25s ease; } .ak-kvapo-kortele > .elementor-widget-wrap:hover { border-color: var(--ak-line-2) !important; transform: translateY(-3px); box-shadow: 0 18px 40px rgba(0,0,0,.45); } /* Personalizuotas kvapukas lieka issiskiriantis */ .ak-kvapo-kortele-svarbi > .elementor-widget-wrap, .ak-kvapo-kortele-svarbi > .elementor-element-populated { background-color: var(--ak-surface-2) !important; border-color: var(--ak-line-2) !important; } /* teksto hierarchija kortelese */ .ak-kvapo-kortele .elementor-heading-title { font-size: 20px !important; margin-bottom: 12px !important; } .ak-kvapo-kortele .elementor-widget-text-editor p { margin-bottom: 10px; } .ak-kvapo-kortele .elementor-widget-text-editor p:last-child { margin-bottom: 0; } .ak-kvapo-kortele .elementor-widget-text-editor strong { color: var(--ak-gold) !important; font-weight: 600; } @media (max-width: 767px) { .ak-kvapo-kortele { padding: 0 0 16px !important; } .ak-kvapo-kortele > .elementor-widget-wrap { padding: 22px 20px !important; border-radius: 14px !important; } } /* -------------------------------------------------------------------------- 27. Kvapu korteles: kreipimasis pagal Elementor elementu numerius Sio Elementor leidimo stulpeliams `_css_classes` i HTML nepatenka, todel klases neveikia. Numeriai HTML yra visada, tad imam juos. Titulinio puslapio (19926) kvapu stulpeliai: ea24a02 Moteriski, 51a1f44 Vyriski, bfc034f Vaisiniai, 28ff90e Bekvapis, df163b4 Personalizuotas, 0513333 Kvapusis aliejus -------------------------------------------------------------------------- */ .elementor-element-ea24a02, .elementor-element-51a1f44, .elementor-element-bfc034f, .elementor-element-28ff90e, .elementor-element-df163b4, .elementor-element-0513333 { background-color: transparent !important; background-image: none !important; border: none !important; padding: 0 13px 26px !important; } .elementor-element-ea24a02 > .elementor-widget-wrap, .elementor-element-51a1f44 > .elementor-widget-wrap, .elementor-element-bfc034f > .elementor-widget-wrap, .elementor-element-28ff90e > .elementor-widget-wrap, .elementor-element-df163b4 > .elementor-widget-wrap, .elementor-element-0513333 > .elementor-widget-wrap { background-color: var(--ak-surface) !important; border: 1px solid var(--ak-line) !important; border-radius: 18px !important; padding: 28px 26px !important; height: 100%; transition: border-color .2s ease, transform .2s ease, box-shadow .25s ease; } .elementor-element-ea24a02 > .elementor-widget-wrap:hover, .elementor-element-51a1f44 > .elementor-widget-wrap:hover, .elementor-element-bfc034f > .elementor-widget-wrap:hover, .elementor-element-28ff90e > .elementor-widget-wrap:hover, .elementor-element-df163b4 > .elementor-widget-wrap:hover, .elementor-element-0513333 > .elementor-widget-wrap:hover { border-color: var(--ak-line-2) !important; transform: translateY(-3px); box-shadow: 0 18px 40px rgba(0,0,0,.45); } /* Personalizuotas kvapukas lieka issiskiriantis */ .elementor-element-df163b4 > .elementor-widget-wrap { background-color: var(--ak-surface-2) !important; border-color: var(--ak-line-2) !important; } /* stulpeliai vienodo aukscio, kad korteles nesikraipytu */ .elementor-element-bf31280 > .elementor-container, .elementor-element-69838f8 > .elementor-container { align-items: stretch !important; } /* teksto hierarchija kortelese */ .elementor-element-ea24a02 .elementor-heading-title, .elementor-element-51a1f44 .elementor-heading-title, .elementor-element-bfc034f .elementor-heading-title, .elementor-element-28ff90e .elementor-heading-title, .elementor-element-df163b4 .elementor-heading-title, .elementor-element-0513333 .elementor-heading-title { font-size: 20px !important; margin-bottom: 12px !important; } @media (max-width: 767px) { .elementor-element-ea24a02, .elementor-element-51a1f44, .elementor-element-bfc034f, .elementor-element-28ff90e, .elementor-element-df163b4, .elementor-element-0513333 { padding: 0 0 16px !important; } .elementor-element-ea24a02 > .elementor-widget-wrap, .elementor-element-51a1f44 > .elementor-widget-wrap, .elementor-element-bfc034f > .elementor-widget-wrap, .elementor-element-28ff90e > .elementor-widget-wrap, .elementor-element-df163b4 > .elementor-widget-wrap, .elementor-element-0513333 > .elementor-widget-wrap { padding: 22px 20px !important; border-radius: 14px !important; } } /* Kvapu vardai kortelese auksiniai, kaip pavyzdyje */ .elementor-element-ea24a02 .elementor-widget-text-editor strong, .elementor-element-51a1f44 .elementor-widget-text-editor strong, .elementor-element-bfc034f .elementor-widget-text-editor strong, .elementor-element-28ff90e .elementor-widget-text-editor strong, .elementor-element-df163b4 .elementor-widget-text-editor strong, .elementor-element-0513333 .elementor-widget-text-editor strong { color: var(--ak-gold) !important; font-weight: 600 !important; } /* -------------------------------------------------------------------------- 28. Titulinio prekiu korteles (skiltis „Pasirink dizaina. Pasirink kvapa.“) Tos pacios kaip parduotuves korteles, tik sudetos ranka Elementor'e. Stulpeliai: 4726e43, 5bb30f7, 8a55664, c966ed1 -------------------------------------------------------------------------- */ .elementor-element-4726e43, .elementor-element-5bb30f7, .elementor-element-8a55664, .elementor-element-c966ed1 { background-color: transparent !important; background-image: none !important; border: none !important; padding: 0 13px 26px !important; } .elementor-element-4726e43 > .elementor-widget-wrap, .elementor-element-5bb30f7 > .elementor-widget-wrap, .elementor-element-8a55664 > .elementor-widget-wrap, .elementor-element-c966ed1 > .elementor-widget-wrap { background-color: var(--ak-surface) !important; border: 1px solid var(--ak-line) !important; border-radius: 18px !important; padding: 14px 14px 20px !important; height: 100%; transition: border-color .2s ease, transform .2s ease, box-shadow .25s ease; } .elementor-element-4726e43 > .elementor-widget-wrap:hover, .elementor-element-5bb30f7 > .elementor-widget-wrap:hover, .elementor-element-8a55664 > .elementor-widget-wrap:hover, .elementor-element-c966ed1 > .elementor-widget-wrap:hover { border-color: var(--ak-line-2) !important; transform: translateY(-3px); box-shadow: 0 18px 40px rgba(0,0,0,.45); } /* nuotraukos apvalinamos taip pat kaip parduotuveje */ .elementor-element-4726e43 .elementor-widget-image img, .elementor-element-5bb30f7 .elementor-widget-image img, .elementor-element-8a55664 .elementor-widget-image img, .elementor-element-c966ed1 .elementor-widget-image img { border-radius: 12px !important; display: block; width: 100%; } .elementor-element-4726e43 .elementor-widget-image, .elementor-element-5bb30f7 .elementor-widget-image, .elementor-element-8a55664 .elementor-widget-image, .elementor-element-c966ed1 .elementor-widget-image { margin-bottom: 16px !important; } /* stulpeliai vienodo aukscio */ .elementor-element-423b358 > .elementor-container { align-items: stretch !important; } @media (max-width: 767px) { .elementor-element-4726e43, .elementor-element-5bb30f7, .elementor-element-8a55664, .elementor-element-c966ed1 { padding: 0 0 16px !important; } .elementor-element-4726e43 > .elementor-widget-wrap, .elementor-element-5bb30f7 > .elementor-widget-wrap, .elementor-element-8a55664 > .elementor-widget-wrap, .elementor-element-c966ed1 > .elementor-widget-wrap { padding: 10px 10px 16px !important; border-radius: 14px !important; } } /* kaina tituliniame tokia pat auksine kaip parduotuveje */ .elementor-element-4726e43 .elementor-widget-text-editor, .elementor-element-5bb30f7 .elementor-widget-text-editor, .elementor-element-8a55664 .elementor-widget-text-editor, .elementor-element-c966ed1 .elementor-widget-text-editor { color: var(--ak-gold-br) !important; font-family: var(--ak-head) !important; font-weight: 700 !important; } .elementor-element-4726e43 .elementor-widget-text-editor p, .elementor-element-5bb30f7 .elementor-widget-text-editor p, .elementor-element-8a55664 .elementor-widget-text-editor p, .elementor-element-c966ed1 .elementor-widget-text-editor p { color: var(--ak-gold-br) !important; margin-bottom: 0; } /* -------------------------------------------------------------------------- 29. Prekes puslapis: mazesne pagrindine nuotrauka (2026-08-31) -------------------------------------------------------------------------- */ /* Galerija uzimdavo visa kairia puse (675 px plocio, 797 px aukscio) ir buvo aukstesne uz visa prekes informacija, todel nuotrauka dominavo puslapi. Ribojam ploti, kad ji butu mazdaug tokio pat aukscio kaip pirkimo blokas. */ @media (min-width: 992px) { .single-product div.product .woocommerce-product-gallery, .single-product div.product .product-images { max-width: 480px !important; } } /* Telefone nuotrauka uzima visa ekrano ploti ir nustumia kaina bei mygtuka zemyn. Ribojam ir centruojam. */ @media (max-width: 991px) { .single-product div.product .woocommerce-product-gallery, .single-product div.product .product-images { max-width: 340px !important; margin-left: auto !important; margin-right: auto !important; } } /* -------------------------------------------------------------------------- 30. Telefono meniu skydelis: baltas fonas ir rukas (2026-08-31) -------------------------------------------------------------------------- */ /* Neringos pastaba: atidarius meniu telefone atsiranda baltas fonas ir rukas. Trys priezastys vienoje vietoje. 1) Tituliniame puslapyje #header yra position:absolute su z-index:100 (papildomas-css.css, kad antraste gulety ant hero nuotraukos). Toks derinys sukuria atskira sluoksni, todel meniu skydelio z-index 9999 galioja tik to sluoksnio viduje, o tamsi uzdanga .mixy-close-side (z-index 100, DOM'e velesne) atsiduria VIRS meniu. Is to ir buvo rukas, o meniu nuorodos net nebuvo paspaudziamos: elementFromPoint ties meniu grazindavo uzdanga. Kol atidarytas soninis skydelis, antraste neturi buti atskiras sluoksnis. Tai vienu metu pataiso ir meniu, ir mobilia paieska. */ body.has-side-open #header { z-index: auto !important; } /* 2) Skydelio vidus buvo baltas: tema turi #menu-side > .inner { background:#fff }. Po tamsia uzdanga tas baltas ir atrode kaip pilkas plotas po meniu punktais. */ #menu-side > .inner { background-color: var(--ak-surface) !important; box-shadow: 0 0 24px rgba(0, 0, 0, .55) !important; } /* 3) Skirtuku juosta "MENIU" buvo sviesi (#f8f9fa) su sviesiu tekstu, todel uzrasas beveik nesimate. */ #mobile_menu_tabs_title { border-bottom: 1px solid var(--ak-line) !important; } #mobile_menu_tabs_title > li { border-right: 1px solid var(--ak-line) !important; } #mobile_menu_tabs_title > li:last-child { border-right: none !important; } #mobile_menu_tabs_title > li > a { background-color: var(--ak-surface-2) !important; color: var(--ak-muted) !important; border: none !important; } #mobile_menu_tabs_title > li.active > a { color: var(--ak-gold) !important; } #menu-side a { color: var(--ak-text) !important; } #menu-side .side-close-icon { color: var(--ak-text) !important; } #menu-side .side-close-icon:hover { color: var(--ak-gold) !important; } /* -------------------------------------------------------------------------- 31. Susijusiu ir rekomenduojamu prekiu karusele (2026-08-31) Skiltys „Susije produktai“ ir „Taip pat gali patikti“ turi klase .border-box. Tema toje klaseje po pele piesia balta staciakampi: .border-box .single-item:hover:after { background: #fff; z-index: -1 } Kadangi ta pati tema uzvestai kortelei duoda z-index: 15, kortele tampa atskiru sluoksniu, ir tas baltas pseudoelementas uzdengia musu tamsu korteles fona, bet lieka po tekstu. Rezultatas: uzvedus pele kortele pabaldavo, o sviesus pavadinimas ir kaina ant balto beveik dingdavo. Savo uzvedimo efekta (auksinis remelis, sesely, pakilimas) jau turime 7 ir 25 skyriuose, todel temos pseudoelementa tiesiog isjungiam. -------------------------------------------------------------------------- */ .border-box .single-item:hover::after, .border-box .single-item:hover::before { display: none !important; content: none !important; } /* Karuseles remelis ir skirtukai tarp korteliu buvo sviesiai pilki (#e5e5e5). Korteles jau turi savo remelius, todel sitie nereikalingi. */ .border-box .slick-slider-block, .border-box .slick-slider-block.slick-item-less .slick-track { border: none !important; background: transparent !important; } .border-box .slick-list .slick-slide:not(.slick-current)::before { background: transparent !important; } .border-box .slick-list .slick-slide > div:not(:first-child) { border-top: none !important; } /* Uzvesta kortele lieka tamsi ir tada, kai tema bando ja nudazyti. */ .border-box .single-item.product-inner, .border-box .single-item.product-inner:hover { background: var(--ak-surface) !important; } .border-box .single-item:hover .product-title a, .border-box .single-item:hover .price, .border-box .single-item:hover .woocommerce-Price-amount { color: var(--ak-text) !important; } .border-box .single-item:hover .product-title a:hover { color: var(--ak-gold) !important; } /* -------------------------------------------------------------------------- 32. Sviesus apvadai aplink nuotraukas nuimti (Neringos pastaba 2026-08-31) Neringa: „man nepatinka tie balti apvadai ant visu nuotrauku“. Rasti trys sluoksniai, is kuriu jie susideda: 1) Prekiu korteles (parduotuve, titulinis, susijusios prekes) turejo 1 px remeli var(--ak-line). Ant tamsaus fono jis atrodo kaip sviesiai pilkas apvadas aplink kiekviena nuotrauka, o telefone dar rykstesnis. 2) Prekes puslapio galerija ir miniatiuros turejo toki pat remeli (9 skyrius). 3) Tema piesia .image-wrapper su balta #e5e5e5 remeliu. Korteles ir toliau skaitosi kaip atskiri blokai, nes turi savo sviesesni fona (--ak-surface ant --ak-bg), vidini paklota ir apvalius kampus. Uzvedus pele vietoj auksinio remelio dabar sviesesnis fonas ir seselis. Grazinimas atgal: istrinti sita skyriu. -------------------------------------------------------------------------- */ /* 1) prekiu korteles */ .product-inner, .product-grid .product-inner, .single-item .product-inner, .single-item.product-inner, .product-inner:hover, .single-item.product-inner:hover, .border-box .single-item.product-inner, .border-box .single-item.product-inner:hover { border: none !important; } .product-inner:hover, .single-item.product-inner:hover { background: var(--ak-surface-2) !important; box-shadow: 0 18px 40px rgba(0, 0, 0, .5) !important; } /* 2) prekes puslapio galerija ir miniatiuros */ .woocommerce div.product .woocommerce-product-gallery, .woocommerce div.product .woocommerce-product-gallery__image, .product-gallery, .product-images { border: none !important; } .woocommerce div.product .flex-control-thumbs li img { border: none !important; } /* 3) temos baltas remelis aplink nuotraukas */ .image-wrapper, .product-image, .product-image .image, .woocommerce-product-gallery__wrapper, .woocommerce-product-gallery__wrapper img { border: none !important; } /* likusios sviesiai pilkos linijos, kurios buvo likusios is temos */ .product_meta, h5.widget-title, ul.tabs.rt-tabs { border-color: var(--ak-line) !important; } #header a.et-menu-account-btn, #header a.wishlist-link, #header a.dropdown-toggle.cart-contents { border-color: var(--ak-line) !important; } /* Nuemus remeli po nuotrauka liko sviesesne galerijos konteinerio juostele (fonas --ak-surface buvo aukstesnis uz pacia nuotrauka). Fona nuimam, kad liktu tik nuotrauka. */ .woocommerce div.product .woocommerce-product-gallery, .woocommerce div.product .woocommerce-product-gallery__image, .product-gallery, .product-images { background: transparent !important; } /* -------------------------------------------------------------------------- 33. Parduotuves filtru skydelis telefone (Neringos pastaba 2026-08-31) Telefone paspaudus „Filtrai“ skydelis atsidarydavo baltas, o tekstas jame buvo musu sviesus (--ak-text), todel uzrasai „Prekiu kategorijos“, „Filtruoti pagal kaina“ ir kategoriju nuorodos beveik dinge. Priezastis ta pati, kaip su meniu skydeliu (30 skyrius): tema turi .filter-side { background: #fff }, o mes to konteinerio niekada nebuvome perdaze. Salines juostos widget'ams taikytas selektorius .sidebar .widget (8 skyrius) cia neveikia, nes atidarant skydeli JavaScript perkelia #shop-filters is