/* Skyzenized Commerce UI 1.0.1 */
html.skyzenized-commerce-ui {
	--sz-commerce-bg: #050817;
	--sz-commerce-panel: #0b1024;
	--sz-commerce-panel-strong: #101732;
	--sz-commerce-panel-soft: rgba(16, 23, 50, 0.86);
	--sz-commerce-line: rgba(150, 178, 255, 0.2);
	--sz-commerce-line-strong: rgba(67, 232, 255, 0.4);
	--sz-commerce-text: #f7f9ff;
	--sz-commerce-muted: #aeb9d3;
	--sz-commerce-cyan: #43e8ff;
	--sz-commerce-violet: #8c67ff;
	--sz-commerce-pink: #ef58ca;
	--sz-commerce-success: #61f2bd;
	--sz-commerce-danger: #ff8197;
	--sz-commerce-spectrum: linear-gradient(110deg, #43d7f2, #7c6df2 54%, #ef58ca);
}

/* Le mini-panier est injecté en fin de document et existe sur toutes les pages. */
html.skyzenized-commerce-ui .wc-block-components-drawer__screen-overlay {
	background: rgba(1, 3, 11, 0.78) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

html.skyzenized-commerce-ui .wc-block-components-drawer.wc-block-mini-cart__drawer,
html.skyzenized-commerce-ui .wc-block-mini-cart__drawer.sz-commerce-mini-cart {
	background:
		radial-gradient(circle at 100% 0%, rgba(140, 103, 255, 0.25), transparent 24rem),
		linear-gradient(165deg, #0c1229 0%, #050817 64%, #03050f 100%) !important;
	border-left: 1px solid var(--sz-commerce-line-strong);
	box-shadow: -28px 0 80px rgba(0, 0, 0, 0.5);
	color: var(--sz-commerce-text) !important;
	max-width: 100vw;
	width: min(480px, 100vw);
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer :where(
	.wp-block-woocommerce-mini-cart-contents,
	.wp-block-woocommerce-empty-mini-cart-contents-block,
	.wp-block-woocommerce-filled-mini-cart-contents-block,
	.wc-block-mini-cart__template-part,
	.wc-block-mini-cart__items,
	.wc-block-mini-cart__footer
) {
	background-color: transparent !important;
	color: var(--sz-commerce-text) !important;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents {
	background:
		radial-gradient(circle at 92% 6%, rgba(67, 232, 255, 0.07), transparent 18rem),
		transparent !important;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer h2.wc-block-mini-cart__title {
	background: linear-gradient(180deg, rgba(12, 18, 41, 0.99) 70%, rgba(12, 18, 41, 0)) !important;
	color: var(--sz-commerce-text) !important;
	font-size: clamp(1.45rem, 4vw, 2rem);
	font-weight: 840;
	letter-spacing: -0.035em;
	margin-left: 20px;
	margin-right: 20px;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wc-block-mini-cart__title-items-counter-block {
	color: var(--sz-commerce-muted) !important;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wc-block-components-drawer__close {
	background: rgba(255, 255, 255, 0.045) !important;
	border: 1px solid var(--sz-commerce-line) !important;
	border-radius: 12px !important;
	color: var(--sz-commerce-text) !important;
	margin: 0 !important;
	opacity: 0.82;
	right: 16px;
	top: 16px;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wc-block-components-drawer__close:hover,
html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wc-block-components-drawer__close:focus-visible {
	border-color: var(--sz-commerce-line-strong) !important;
	opacity: 1;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wc-block-components-drawer__close svg {
	fill: currentColor !important;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__items {
	padding-left: 18px;
	padding-right: 18px;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__products-table {
	background: transparent !important;
	border: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 12px !important;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__products-table .wc-block-cart-items__row {
	background: linear-gradient(145deg, rgba(18, 27, 58, 0.94), rgba(7, 11, 28, 0.96)) !important;
	border: 1px solid var(--sz-commerce-line) !important;
	border-radius: 18px;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
	color: var(--sz-commerce-text) !important;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__products-table .wc-block-cart-items__row > td {
	background: transparent !important;
	border-color: transparent !important;
	color: var(--sz-commerce-text) !important;
	padding-bottom: 16px !important;
	padding-top: 16px !important;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__products-table .wc-block-cart-items__row > td:first-child {
	border-bottom-left-radius: 18px;
	border-top-left-radius: 18px;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__products-table .wc-block-cart-items__row > td:last-child {
	border-bottom-right-radius: 18px;
	border-top-right-radius: 18px;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer :where(
	.wc-block-components-product-name,
	.wc-block-components-product-name a,
	.wc-block-components-product-price,
	.wc-block-cart-item__total,
	.wc-block-components-formatted-money-amount
) {
	color: var(--sz-commerce-text) !important;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wc-block-components-product-name {
	font-weight: 780;
	line-height: 1.35;
	text-decoration: none;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer :where(
	.wc-block-components-product-metadata,
	.wc-block-components-product-details,
	.wc-block-components-product-metadata__description,
	.wc-block-mini-cart__tax-label,
	.wc-block-components-totals-item__description
) {
	color: var(--sz-commerce-muted) !important;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wc-block-components-product-price,
html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wc-block-components-totals-item__value {
	color: var(--sz-commerce-cyan) !important;
	font-weight: 820;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wc-block-components-product-image img {
	background: #040714 !important;
	border: 1px solid var(--sz-commerce-line) !important;
	border-radius: 14px !important;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wc-block-components-product-image .wc-block-components-product-sale-badge {
	background: var(--sz-commerce-spectrum) !important;
	border: 0 !important;
	color: #fff !important;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wc-block-components-quantity-selector {
	background: rgba(2, 5, 15, 0.8) !important;
	border: 1px solid var(--sz-commerce-line) !important;
	border-radius: 10px !important;
	color: var(--sz-commerce-text) !important;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wc-block-components-quantity-selector :where(input, button) {
	background: transparent !important;
	color: var(--sz-commerce-text) !important;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wc-block-cart-item__remove-link {
	color: var(--sz-commerce-danger) !important;
	text-decoration-color: rgba(255, 129, 151, 0.5) !important;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__footer {
	background: rgba(5, 8, 23, 0.97) !important;
	border-top: 1px solid var(--sz-commerce-line) !important;
	box-shadow: 0 -18px 50px rgba(0, 0, 0, 0.25);
	padding: 20px 18px max(20px, env(safe-area-inset-bottom));
}

html.skyzenized-commerce-ui .wc-block-mini-cart__footer .wc-block-mini-cart__footer-subtotal {
	color: var(--sz-commerce-text) !important;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions {
	gap: 10px;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wc-block-components-button:not(.is-link),
html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wp-block-button__link {
	background: var(--sz-commerce-spectrum) !important;
	border: 0 !important;
	border-radius: 13px !important;
	box-shadow: 0 14px 34px rgba(98, 92, 255, 0.28);
	color: #fff !important;
	font-weight: 800;
	min-height: 50px;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-cart-button-block .wc-block-components-button,
html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wc-block-components-button.is-style-outline {
	background: rgba(255, 255, 255, 0.025) !important;
	border: 1px solid var(--sz-commerce-line-strong) !important;
	box-shadow: none;
	color: var(--sz-commerce-text) !important;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__drawer .wc-block-components-button:hover {
	filter: brightness(1.1);
}

html.skyzenized-commerce-ui .wc-block-mini-cart__empty-cart-wrapper {
	color: var(--sz-commerce-text) !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	text-align: center;
}

html.skyzenized-commerce-ui .wc-block-mini-cart__empty-cart-wrapper :where(h2, p) {
	color: inherit !important;
}

/* Pages panier, paiement et confirmation — indépendant du thème actif. */
body.skyzenized-commerce-page :where(.wc-block-cart, .wc-block-checkout, .woocommerce) {
	color: var(--sz-commerce-text);
}

body.skyzenized-commerce-page :where(
	.wc-block-cart__main,
	.wc-block-cart__sidebar,
	.wc-block-checkout__main,
	.wc-block-checkout__sidebar,
	.wc-block-components-sidebar,
	.wc-block-components-order-summary,
	.wc-block-order-confirmation-status,
	.wc-block-order-confirmation-summary,
	.wc-block-order-confirmation-totals-wrapper,
	.wc-block-order-confirmation-billing-address,
	.wc-block-order-confirmation-shipping-address,
	.woocommerce-cart-form,
	.cart_totals,
	.woocommerce-billing-fields,
	.woocommerce-shipping-fields,
	.woocommerce-additional-fields,
	#order_review
) {
	background: linear-gradient(145deg, rgba(15, 22, 46, 0.94), rgba(6, 9, 23, 0.94)) !important;
	border: 1px solid var(--sz-commerce-line) !important;
	border-radius: 22px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.24);
	color: var(--sz-commerce-text) !important;
}

body.skyzenized-commerce-page :where(
	.wc-block-cart-items,
	.wc-block-components-order-summary-item,
	.wc-block-components-totals-wrapper,
	table.shop_table,
	.woocommerce-checkout-review-order-table
) {
	background-color: rgba(3, 6, 17, 0.38) !important;
	border-color: var(--sz-commerce-line) !important;
	color: var(--sz-commerce-text) !important;
}

body.skyzenized-commerce-page :where(th, td, tr) {
	border-color: var(--sz-commerce-line) !important;
}

body.skyzenized-commerce-page :where(
	.wc-block-components-product-name,
	.wc-block-components-product-name a,
	.wc-block-components-totals-item__label,
	.wc-block-components-totals-item__value,
	.wc-block-components-order-summary-item__description,
	.woocommerce-Price-amount,
	.order-total,
	label,
	legend
) {
	color: var(--sz-commerce-text) !important;
}

body.skyzenized-commerce-page :where(
	.wc-block-components-product-metadata,
	.wc-block-components-product-details,
	.wc-block-components-checkbox__label,
	.wc-block-checkout__terms,
	.woocommerce-terms-and-conditions-wrapper,
	.wc-block-components-totals-item__description
) {
	color: var(--sz-commerce-muted) !important;
}

body.skyzenized-commerce-page :where(
	.wc-block-components-text-input input,
	.wc-block-components-combobox-control input,
	.wc-block-components-address-form input,
	.wc-block-components-address-form select,
	.wc-block-gateway-input,
	.input-text,
	textarea,
	select,
	.select2-selection
) {
	background: rgba(2, 5, 15, 0.88) !important;
	border: 1px solid var(--sz-commerce-line) !important;
	border-radius: 12px !important;
	color: var(--sz-commerce-text) !important;
	color-scheme: dark;
}

body.skyzenized-commerce-page :where(input, textarea)::placeholder {
	color: #8794b3 !important;
	opacity: 1;
}

body.skyzenized-commerce-page :where(.wc-block-components-text-input, .wc-block-components-combobox-control) label {
	color: var(--sz-commerce-muted) !important;
}

body.skyzenized-commerce-page :where(
	.wc-block-components-checkbox__input,
	.wc-block-components-radio-control__input,
	input[type="checkbox"],
	input[type="radio"]
) {
	accent-color: var(--sz-commerce-violet);
	background-color: #050817 !important;
	border-color: var(--sz-commerce-line-strong) !important;
	color-scheme: dark;
}

body.skyzenized-commerce-page :where(
	.wc-block-components-radio-control-accordion-option,
	.wc-block-components-radio-control__option,
	.wc-block-checkout__payment-method,
	#payment,
	.payment_box
) {
	background: rgba(4, 7, 19, 0.86) !important;
	border-color: var(--sz-commerce-line) !important;
	color: var(--sz-commerce-text) !important;
}

body.skyzenized-commerce-page :where(
	.wc-block-components-address-autocomplete-suggestions,
	.components-popover__content,
	.select2-dropdown,
	.select2-results__option
) {
	background: var(--sz-commerce-panel-strong) !important;
	border-color: var(--sz-commerce-line) !important;
	color: var(--sz-commerce-text) !important;
}

body.skyzenized-commerce-page .select2-results__option--highlighted,
body.skyzenized-commerce-page .wc-block-components-address-autocomplete-suggestions .suggestions-list li:hover {
	background: rgba(140, 103, 255, 0.25) !important;
	color: #fff !important;
}

/* Messages WooCommerce : supprime les cartes blanches et maintient le contraste. */
html.skyzenized-commerce-ui :where(
	.wc-block-components-notice-banner,
	.wc-block-checkout .components-notice,
	.woocommerce-message,
	.woocommerce-info,
	.woocommerce-error
) {
	background: linear-gradient(145deg, rgba(15, 22, 46, 0.98), rgba(7, 10, 25, 0.98)) !important;
	border: 1px solid var(--sz-commerce-line-strong) !important;
	border-radius: 14px !important;
	box-shadow: 0 12px 34px rgba(0, 0, 0, 0.2);
	color: var(--sz-commerce-text) !important;
}

html.skyzenized-commerce-ui :where(
	.wc-block-components-notice-banner,
	.wc-block-checkout .components-notice,
	.woocommerce-message,
	.woocommerce-info,
	.woocommerce-error
) :where(a, p, li, span, strong, .components-notice__content, .wc-block-components-notice-banner__content) {
	color: inherit !important;
}

html.skyzenized-commerce-ui .wc-block-components-notice-banner.is-error,
html.skyzenized-commerce-ui .wc-block-checkout .components-notice.is-error,
html.skyzenized-commerce-ui .wc-block-checkout__no-payment-methods-notice,
html.skyzenized-commerce-ui .woocommerce-error {
	background: linear-gradient(145deg, rgba(76, 15, 31, 0.96), rgba(25, 8, 19, 0.98)) !important;
	border-color: rgba(255, 129, 151, 0.78) !important;
	color: #ffe7ec !important;
}

html.skyzenized-commerce-ui .wc-block-components-notice-banner.is-warning {
	background: linear-gradient(145deg, rgba(76, 50, 8, 0.94), rgba(27, 18, 5, 0.98)) !important;
	border-color: rgba(255, 197, 87, 0.72) !important;
	color: #fff0c9 !important;
}

html.skyzenized-commerce-ui .wc-block-components-notice-banner.is-success,
html.skyzenized-commerce-ui .woocommerce-message {
	background: linear-gradient(145deg, rgba(9, 67, 53, 0.92), rgba(5, 27, 25, 0.98)) !important;
	border-color: rgba(97, 242, 189, 0.68) !important;
	color: #dcfff2 !important;
}

html.skyzenized-commerce-ui .wc-block-components-notice-banner.is-info,
html.skyzenized-commerce-ui .woocommerce-info {
	background: linear-gradient(145deg, rgba(8, 55, 79, 0.94), rgba(5, 19, 35, 0.98)) !important;
	border-color: rgba(67, 232, 255, 0.65) !important;
	color: #defbff !important;
}

html.skyzenized-commerce-ui .wc-block-components-notice-banner > svg,
html.skyzenized-commerce-ui .wc-block-checkout .components-notice .components-notice__icon {
	color: #fff !important;
	fill: #fff !important;
}

html.skyzenized-commerce-ui .wc-block-components-notice-banner > .wc-block-components-button {
	background: transparent !important;
	box-shadow: none !important;
	color: inherit !important;
}

/* Boutons et états désactivés. */
body.skyzenized-commerce-page :where(
	.wc-block-cart__submit-button,
	.wc-block-components-checkout-place-order-button,
	.wc-block-components-button:not(.is-link),
	.checkout-button,
	#place_order
) {
	background: var(--sz-commerce-spectrum) !important;
	border: 0 !important;
	border-radius: 13px !important;
	box-shadow: 0 15px 38px rgba(98, 92, 255, 0.3);
	color: #fff !important;
	font-weight: 800;
}

body.skyzenized-commerce-page :where(button, .button, .wc-block-components-button):disabled {
	background: rgba(255, 255, 255, 0.08) !important;
	box-shadow: none;
	color: #9ba6c1 !important;
	opacity: 0.72;
}

body.skyzenized-commerce-page :where(a, button, input, select, textarea):focus-visible,
html.skyzenized-commerce-ui .wc-block-mini-cart__drawer :where(a, button, input):focus-visible {
	box-shadow: 0 0 0 3px rgba(67, 232, 255, 0.22) !important;
	outline: 1px solid var(--sz-commerce-cyan) !important;
	outline-offset: 2px;
}

@media (max-width: 600px) {
	html.skyzenized-commerce-ui .wc-block-components-drawer.wc-block-mini-cart__drawer,
	html.skyzenized-commerce-ui .wc-block-mini-cart__drawer.sz-commerce-mini-cart {
		border-left: 0;
		width: 100vw;
	}

	html.skyzenized-commerce-ui .wc-block-mini-cart__items {
		padding-left: 12px;
		padding-right: 12px;
	}

	html.skyzenized-commerce-ui .wc-block-mini-cart__footer {
		padding-left: 12px;
		padding-right: 12px;
	}

	html.skyzenized-commerce-ui .wc-block-mini-cart__drawer h2.wc-block-mini-cart__title {
		font-size: 1.35rem;
		margin-left: 14px;
		margin-right: 14px;
	}

	body.skyzenized-commerce-page :where(
		.wc-block-cart__main,
		.wc-block-cart__sidebar,
		.wc-block-checkout__main,
		.wc-block-checkout__sidebar,
		.woocommerce-cart-form,
		.cart_totals,
		#order_review
	) {
		border-radius: 17px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.skyzenized-commerce-ui .wc-block-components-drawer,
	html.skyzenized-commerce-ui .wc-block-components-drawer__screen-overlay {
		animation: none !important;
		transition: none !important;
	}
}
