/*
 * Grožis - būtiniausi WooCommerce elementai.
 * WooCommerce bendrieji stiliai išjungti (dizainą rašo tema), čia tik tai,
 * be ko neveiktų dalis funkcijų: įvertinimo žvaigždutės, įkėlimo uždanga,
 * slaptažodžio rodymas, galerijos pagrindas.
 */

/* Įvertinimo žvaigždutės be WooCommerce šrifto */
.star-rating { position: relative; display: inline-block; overflow: hidden; width: 5.4em; height: 1.1em; font-size: 14px; line-height: 1.1; letter-spacing: .08em; vertical-align: middle; }
.star-rating::before { content: "★★★★★"; position: absolute; top: 0; left: 0; color: var(--c-line, #e4dfd8); }
.star-rating span { position: absolute; top: 0; left: 0; overflow: hidden; height: 100%; padding-top: 1.5em; }
.star-rating span::before { content: "★★★★★"; position: absolute; top: 0; left: 0; color: var(--c-accent, #b8997b); }
p.stars { margin: 0; }
p.stars a { position: relative; display: inline-block; width: 1.2em; height: 1.2em; overflow: hidden; text-indent: -999em; text-decoration: none; }
p.stars a::before { content: "★"; position: absolute; top: 0; left: 0; width: 1.2em; text-indent: 0; font-size: 20px; line-height: 1; color: var(--c-line, #e4dfd8); }
p.stars:hover a::before,
p.stars.selected a.active::before,
p.stars.selected a:not(.active)::before { color: var(--c-accent, #b8997b); }
p.stars a:hover ~ a::before,
p.stars.selected a.active ~ a::before { color: var(--c-line, #e4dfd8); }

/* Įkėlimo uždanga (krepšelis, apmokėjimas) */
.woocommerce .blockUI.blockOverlay { position: relative; }
.woocommerce .blockUI.blockOverlay::before,
.woocommerce .loader::before { content: ""; position: absolute; top: 50%; left: 50%; width: 28px; height: 28px; margin: -14px 0 0 -14px; border: 2px solid rgba(36, 52, 58, .15); border-top-color: var(--c-dark, #24343a); border-radius: 50%; animation: grozis-spin .8s linear infinite; }
@keyframes grozis-spin { to { transform: rotate(360deg); } }

/* Slaptažodžio rodymas */
.woocommerce form .password-input,
.woocommerce-page form .password-input { position: relative; display: flex; flex-direction: column; }
.woocommerce form .password-input input,
.woocommerce-page form .password-input input { padding-right: 48px; }
.show-password-input { position: absolute; top: 50%; right: 12px; width: 32px; height: 32px; padding: 0; border: 0; background: none; cursor: pointer; transform: translateY(-50%); opacity: .6; }
.show-password-input::after { content: ""; position: absolute; inset: 6px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat; color: var(--c-dark, #24343a); }
.show-password-input.display-password { opacity: 1; }

/* Produkto galerija */
.woocommerce-product-gallery { position: relative; }
.woocommerce-product-gallery__wrapper { margin: 0; padding: 0; }
.woocommerce-product-gallery__image img { display: block; width: 100%; height: auto; }
.woocommerce-product-gallery .flex-control-thumbs { margin: 0; padding: 0; list-style: none; }
.woocommerce-product-gallery .flex-control-thumbs li { cursor: pointer; }
.woocommerce-product-gallery__trigger { position: absolute; z-index: 2; }

/* Kiti */
.woocommerce .quantity .qty { text-align: center; }
.woocommerce-store-notice,
p.demo_store { position: fixed; z-index: 99998; right: 0; bottom: 0; left: 0; margin: 0; padding: 12px 16px; background: var(--c-dark, #24343a); font-size: 14px; text-align: center; color: #fff; }
.woocommerce-store-notice a { color: #fff; }
.woocommerce .woocommerce-ordering select { cursor: pointer; }
.clear { clear: both; }

/* Nuotraukos padidinimo mygtukas: apvalus, su didinimo stiklo ikona */
.woocommerce-product-gallery__trigger { top: 16px; right: 16px; display: grid; place-items: center; width: 42px; height: 42px; overflow: hidden; border-radius: 50%; background: #fff; font-size: 0; line-height: 0; text-decoration: none; box-shadow: 0 6px 18px rgba(36, 52, 58, .12); transition: transform .25s; }
.woocommerce-product-gallery__trigger > * { display: none; }
.woocommerce-product-gallery__trigger::before { content: ""; width: 18px; height: 18px; background: var(--c-dark, #24343a); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5M11 8v6M8 11h6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5M11 8v6M8 11h6'/%3E%3C/svg%3E") center / contain no-repeat; }
.woocommerce-product-gallery__trigger:hover { transform: scale(1.06); }