/*
 * Plant Lady skin for WooCommerce: shop, categories, product, cart, checkout, account.
 * Only colors, corners, spacing and cards change; WooCommerce's layout stays as is.
 * Covers both the block versions (Kiosko) and the classic shortcode versions.
 */

/* Classic themes: hide the theme's own header when ours is swapped in */
body.ple-swap-header:not(.wp-theme-kiosko) > .site > header.site-header,
body.ple-swap-header #masthead { display: none; }

.ple-shop-skin { --ple-shop-radius: 18px; }

/* Breadcrumb + page title */
.ple-shop-skin .woocommerce-breadcrumb, .ple-shop-skin .wc-block-breadcrumbs { font-size: .85rem; opacity: .8; }
.ple-shop-skin .woocommerce-breadcrumb a, .ple-shop-skin .wc-block-breadcrumbs a { color: var(--ple-dark); }
.ple-shop-skin .wp-block-query-title, .ple-shop-skin .woocommerce-products-header__title, .ple-shop-skin .page-title { color: var(--ple-dark); }

/* Result count + sorting */
.ple-shop-skin .woocommerce-ordering select, .ple-shop-skin .wc-block-catalog-sorting select, .ple-shop-skin select.orderby {
	padding: .5rem 2.2rem .5rem .9rem; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--ple-dark) 18%, transparent);
	background-color: rgba(255, 255, 255, .85); color: inherit; font: inherit; font-size: .9rem;
}

/* ----- Product grid: each product becomes a soft card ----- */
.ple-shop-skin ul.products li.product,
.ple-shop-skin .wc-block-product-template > li,
.ple-shop-skin .wc-block-grid__product {
	background: var(--ple-glass); border: 1px solid var(--ple-glass-line); border-radius: var(--ple-radius);
	box-shadow: var(--ple-shadow); padding: .9rem .9rem 1.1rem !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
	transition: transform .2s, box-shadow .2s; box-sizing: border-box;
}
.ple-shop-skin ul.products li.product:hover,
.ple-shop-skin .wc-block-product-template > li:hover,
.ple-shop-skin .wc-block-grid__product:hover { transform: translateY(-3px); }
.ple-shop-skin ul.products li.product img,
.ple-shop-skin .wc-block-product-template .wc-block-components-product-image img,
.ple-shop-skin .wc-block-grid__product-image img {
	border-radius: calc(var(--ple-radius) - 6px); background: rgba(255, 255, 255, .7); aspect-ratio: 1; object-fit: cover; width: 100%; margin-bottom: .6rem;
}
.ple-shop-skin ul.products li.product .woocommerce-loop-product__title,
.ple-shop-skin .wc-block-product-template .wp-block-post-title,
.ple-shop-skin .wc-block-grid__product-title { color: var(--ple-dark); font-size: 1.05rem; line-height: 1.25; }
.ple-shop-skin .wc-block-product-template .wp-block-post-title a { color: inherit; text-decoration: none; }
.ple-shop-skin ul.products li.product .price,
.ple-shop-skin .wc-block-components-product-price,
.ple-shop-skin .wc-block-grid__product-price { color: inherit; opacity: .85; font-size: .95rem; }

/* Sale badge */
.ple-shop-skin .onsale, .ple-shop-skin .wc-block-components-product-sale-badge {
	background: var(--ple-accent); color: #fff; border: 0; border-radius: 999px; padding: .2rem .7rem; font-size: .75rem; min-height: 0; min-width: 0; line-height: 1.6;
}

/* ----- Buttons everywhere in the shop: pills ----- */
.ple-shop-skin .button,
.ple-shop-skin button.button,
.ple-shop-skin a.button,
.ple-shop-skin input.button,
.ple-shop-skin .single_add_to_cart_button,
.ple-shop-skin .wp-block-button__link,
.ple-shop-skin .wc-block-components-button:not(.is-link),
.ple-shop-skin .wc-block-components-product-button__button,
.ple-shop-skin .wc-block-cart__submit-button,
.ple-shop-skin .wc-block-components-checkout-place-order-button {
	background: var(--ple-accent) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important;
	padding: .65rem 1.4rem; font-weight: 600; text-decoration: none; box-shadow: none; transition: background .15s, transform .15s;
}
.ple-shop-skin .button:hover,
.ple-shop-skin .single_add_to_cart_button:hover,
.ple-shop-skin .wp-block-button__link:hover,
.ple-shop-skin .wc-block-components-button:not(.is-link):hover,
.ple-shop-skin .wc-block-components-product-button__button:hover { background: var(--ple-dark) !important; transform: translateY(-1px); }

/* ----- Single product ----- */
.ple-shop-skin .woocommerce-product-gallery img,
.ple-shop-skin .wc-block-components-product-image img,
.ple-shop-skin .wp-block-woocommerce-product-image-gallery img { border-radius: var(--ple-radius); }
.ple-shop-skin .product_title, .ple-shop-skin .wp-block-post-title { color: var(--ple-dark); }
.ple-shop-skin .quantity .qty, .ple-shop-skin .wc-block-components-quantity-selector {
	border-radius: 999px; border: 1px solid color-mix(in srgb, var(--ple-dark) 18%, transparent); background: rgba(255, 255, 255, .85); overflow: hidden;
}
.ple-shop-skin .variations select, .ple-shop-skin .wc-block-components-product-add-to-cart-attribute-picker select {
	border-radius: 12px; padding: .5rem .8rem; border: 1px solid color-mix(in srgb, var(--ple-dark) 18%, transparent); background-color: rgba(255, 255, 255, .85);
}
.ple-shop-skin .woocommerce-tabs, .ple-shop-skin .wp-block-woocommerce-product-details {
	background: var(--ple-glass); border: 1px solid var(--ple-glass-line); border-radius: var(--ple-radius); box-shadow: var(--ple-shadow); padding: 1.2rem 1.4rem;
}
.ple-shop-skin .woocommerce-tabs ul.tabs li, .ple-shop-skin .wp-block-woocommerce-product-details .wc-tabs li { border-radius: 999px 999px 0 0; }

/* ----- Cart + checkout: panels as cards, rounded fields ----- */
.ple-shop-skin .wc-block-cart, .ple-shop-skin .wc-block-checkout { gap: 1.5rem; }
.ple-shop-skin .wc-block-components-main,
.ple-shop-skin .wc-block-components-sidebar,
.ple-shop-skin .woocommerce-cart-form,
.ple-shop-skin .cart-collaterals .cart_totals,
.ple-shop-skin form.checkout #customer_details,
.ple-shop-skin #order_review,
.ple-shop-skin .woocommerce-MyAccount-navigation,
.ple-shop-skin .woocommerce-MyAccount-content,
.ple-shop-skin form.woocommerce-form-login,
.ple-shop-skin form.woocommerce-form-register {
	background: var(--ple-glass); border: 1px solid var(--ple-glass-line); border-radius: var(--ple-radius);
	box-shadow: var(--ple-shadow); padding: clamp(1rem, 2.5vw, 1.6rem) !important; box-sizing: border-box;
}
.ple-shop-skin .wc-block-components-sidebar { align-self: start; }
.ple-shop-skin .wc-block-components-text-input input,
.ple-shop-skin .wc-block-components-textarea,
.ple-shop-skin .wc-block-components-combobox .wc-block-components-combobox-control input,
.ple-shop-skin .wc-blocks-components-select .wc-blocks-components-select__select,
.ple-shop-skin .woocommerce form .input-text,
.ple-shop-skin .woocommerce form select,
.ple-shop-skin .select2-container .select2-selection {
	border-radius: 14px !important; border: 1px solid color-mix(in srgb, var(--ple-dark) 18%, transparent) !important; background-color: rgba(255, 255, 255, .9) !important;
}
.ple-shop-skin .wc-block-components-text-input input:focus,
.ple-shop-skin .woocommerce form .input-text:focus {
	border-color: var(--ple-accent) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--ple-accent) 25%, transparent) !important; outline: none;
}
.ple-shop-skin .wc-block-components-radio-control__option,
.ple-shop-skin .wc-block-components-radio-control-accordion-option { border-radius: 14px; }
.ple-shop-skin .wc-block-components-radio-control__input:checked,
.ple-shop-skin .wc-block-components-checkbox__input:checked { background: var(--ple-accent); border-color: var(--ple-accent); }
.ple-shop-skin .wc-block-components-totals-item__value,
.ple-shop-skin .wc-block-components-totals-footer-item { color: var(--ple-dark); }
.ple-shop-skin .wc-block-cart-items__row img, .ple-shop-skin .wc-block-components-order-summary-item__image img { border-radius: 12px; }
.ple-shop-skin .wc-block-components-checkout-step__title, .ple-shop-skin .wc-block-cart__totals-title { color: var(--ple-dark); }
.ple-shop-skin .woocommerce-message, .ple-shop-skin .woocommerce-info, .ple-shop-skin .wc-block-components-notice-banner {
	border-radius: 14px; border-color: var(--ple-accent); background: color-mix(in srgb, var(--ple-accent) 10%, #fff);
}

/* Account menu as pills */
.ple-shop-skin .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .3rem; }
.ple-shop-skin .woocommerce-MyAccount-navigation a { display: block; padding: .5rem .9rem; border-radius: 999px; color: var(--ple-dark); text-decoration: none; }
.ple-shop-skin .woocommerce-MyAccount-navigation .is-active a, .ple-shop-skin .woocommerce-MyAccount-navigation a:hover { background: color-mix(in srgb, var(--ple-accent) 16%, #fff); }

@media (max-width: 767px) {
	.ple-shop-skin ul.products li.product, .ple-shop-skin .wc-block-product-template > li { padding: .7rem .7rem .9rem !important; }
}