/**
 * Cyber Canvas Light & Dark — WooCommerce Dark Mode (merged)
 *
 * Combines woocommerce-classic.css + woocommerce-blocks.css.
 * Covers: Shop, Single Product, Cart, Checkout, My Account,
 * Mini Cart, Notices, Block components, Filter blocks.
 *
 * @package CyberCanvas\LightDark
 */

/* ============================================================
   PART 1 — Classic (shortcode) WooCommerce
   ============================================================ */

/* ============================================================
   Global WooCommerce Elements
   ============================================================ */
[data-theme="dark"] .woocommerce,
[data-theme="dark"] .woocommerce-page {
	color: var(--cc-text);
}

/* ============================================================
   Buttons
   ============================================================ */
[data-theme="dark"] .woocommerce a.button,
[data-theme="dark"] .woocommerce button.button,
[data-theme="dark"] .woocommerce input.button,
[data-theme="dark"] .woocommerce .button,
[data-theme="dark"] .woocommerce a.button.alt,
[data-theme="dark"] .woocommerce button.button.alt,
[data-theme="dark"] .woocommerce input.button.alt,
[data-theme="dark"] .woocommerce #respond input#submit,
[data-theme="dark"] .woocommerce .checkout-button,
[data-theme="dark"] .woocommerce .single_add_to_cart_button {
	background-color: var(--cc-btn-bg) !important;
	color: var(--cc-btn-text) !important;
	border-color: var(--cc-btn-bg) !important;
}

[data-theme="dark"] .woocommerce a.button:hover,
[data-theme="dark"] .woocommerce button.button:hover,
[data-theme="dark"] .woocommerce input.button:hover,
[data-theme="dark"] .woocommerce a.button.alt:hover,
[data-theme="dark"] .woocommerce button.button.alt:hover,
[data-theme="dark"] .woocommerce #respond input#submit:hover {
	background-color: color-mix(in srgb, var(--cc-btn-bg) 82%, var(--cc-link-hover)) !important;
	border-color: color-mix(in srgb, var(--cc-btn-bg) 82%, var(--cc-link-hover)) !important;
}

/* Product Showcase buttons — use cart-specific variables */
[data-theme="dark"] .cc-ps-card a.cc-ps-card__btn.add_to_cart_button,
[data-theme="dark"] .woocommerce .cc-ps-card a.add_to_cart_button {
	background-color: var(--cc-cart-btn-bg, var(--cc-btn-bg)) !important;
	color: var(--cc-cart-btn-text, var(--cc-btn-text)) !important;
	border-color: var(--cc-cart-btn-bg, var(--cc-btn-bg)) !important;
}

[data-theme="dark"] .woocommerce a.added_to_cart {
	color: var(--cc-primary);
}

/* ============================================================
   Notices
   ============================================================ */
[data-theme="dark"] .woocommerce-message {
	background-color: var(--cc-surface);
	border-top-color: var(--cc-accent);
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce-info {
	background-color: var(--cc-surface);
	border-top-color: var(--cc-primary);
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce-error {
	background-color: var(--cc-surface);
	border-top-color: #e74c3c;
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce-error li,
[data-theme="dark"] .woocommerce-message a,
[data-theme="dark"] .woocommerce-info a {
	color: var(--cc-primary);
}

[data-theme="dark"] .woocommerce-message::before,
[data-theme="dark"] .woocommerce-info::before {
	color: var(--cc-primary);
}

/* ============================================================
   Product Grid / Shop
   ============================================================ */
[data-theme="dark"] .woocommerce ul.products li.product {
	background-color: var(--cc-surface);
	border-color: var(--cc-border);
}

[data-theme="dark"] .woocommerce ul.products li.product .woocommerce-loop-product__title,
[data-theme="dark"] .woocommerce ul.products li.product h2 {
	color: var(--cc-heading);
}

[data-theme="dark"] .woocommerce ul.products li.product .price,
[data-theme="dark"] .woocommerce ul.products li.product span.price {
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce ul.products li.product .price ins {
	color: var(--cc-accent);
}

[data-theme="dark"] .woocommerce ul.products li.product .price del {
	color: var(--cc-secondary);
}

/* Sale badge */
[data-theme="dark"] .woocommerce span.onsale {
	background-color: var(--cc-accent);
	color: var(--cc-btn-text);
}

/* Out of stock */
[data-theme="dark"] .woocommerce .outofstock .woocommerce-loop-product__title::after {
	color: #e74c3c;
}

/* Star ratings */
[data-theme="dark"] .woocommerce .star-rating {
	color: #f9a825;
}

/* Sorting */
[data-theme="dark"] .woocommerce .woocommerce-ordering select,
[data-theme="dark"] .woocommerce .woocommerce-result-count {
	color: var(--cc-text);
	background-color: var(--cc-input-bg);
	border-color: var(--cc-input-border);
}

/* Pagination */
[data-theme="dark"] .woocommerce nav.woocommerce-pagination ul li a,
[data-theme="dark"] .woocommerce nav.woocommerce-pagination ul li span {
	background-color: var(--cc-surface);
	color: var(--cc-text);
	border-color: var(--cc-border);
}

[data-theme="dark"] .woocommerce nav.woocommerce-pagination ul li span.current {
	background-color: var(--cc-primary);
	color: var(--cc-btn-text);
}

/* ============================================================
   Single Product
   ============================================================ */
[data-theme="dark"] .woocommerce div.product .product_title {
	color: var(--cc-heading);
}

[data-theme="dark"] .woocommerce div.product p.price,
[data-theme="dark"] .woocommerce div.product span.price {
	color: var(--cc-heading);
}

[data-theme="dark"] .woocommerce div.product .woocommerce-product-details__short-description,
[data-theme="dark"] .woocommerce div.product .product_meta {
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce div.product .product_meta a {
	color: var(--cc-primary);
}

/* Tabs */
[data-theme="dark"] .woocommerce div.product .woocommerce-tabs ul.tabs {
	background-color: var(--cc-surface);
	border-color: var(--cc-border);
}

[data-theme="dark"] .woocommerce div.product .woocommerce-tabs ul.tabs li {
	background-color: var(--cc-surface);
	border-color: var(--cc-border);
}

[data-theme="dark"] .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background-color: var(--cc-bg);
	border-bottom-color: var(--cc-bg);
}

[data-theme="dark"] .woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--cc-heading);
}

[data-theme="dark"] .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel {
	background-color: var(--cc-bg);
	border-color: var(--cc-border);
	color: var(--cc-text);
}

/* Variations */
[data-theme="dark"] .woocommerce div.product form.variations_form table.variations td select,
[data-theme="dark"] .woocommerce div.product .variations select {
	background-color: var(--cc-input-bg);
	border-color: var(--cc-input-border);
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce div.product form.variations_form table.variations label {
	color: var(--cc-text);
}

/* Quantity */
[data-theme="dark"] .woocommerce .quantity .qty {
	background-color: var(--cc-input-bg);
	border-color: var(--cc-input-border);
	color: var(--cc-text);
}

/* Gallery */
[data-theme="dark"] .woocommerce div.product .woocommerce-product-gallery {
	background-color: transparent;
}

[data-theme="dark"] .woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li img {
	border-color: var(--cc-border);
}

/* Related / Upsells */
[data-theme="dark"] .woocommerce div.product .related h2,
[data-theme="dark"] .woocommerce div.product .upsells h2 {
	color: var(--cc-heading);
}

/* Reviews */
[data-theme="dark"] .woocommerce #reviews #comments .commentlist li .comment-text {
	background-color: var(--cc-surface);
	border-color: var(--cc-border);
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce #reviews #comments .commentlist li .comment-text .meta {
	color: var(--cc-secondary);
}

[data-theme="dark"] .woocommerce #review_form #respond .comment-form-rating label {
	color: var(--cc-text);
}

/* ============================================================
   Cart
   ============================================================ */
[data-theme="dark"] .woocommerce-cart table.shop_table {
	background-color: var(--cc-surface);
	border-color: var(--cc-border);
}

[data-theme="dark"] .woocommerce-cart table.shop_table th,
[data-theme="dark"] .woocommerce-cart table.shop_table td {
	border-color: var(--cc-border);
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce-cart table.shop_table thead th {
	color: var(--cc-heading);
}

[data-theme="dark"] .woocommerce-cart table.shop_table .product-name a {
	color: var(--cc-primary);
}

[data-theme="dark"] .woocommerce-cart table.shop_table .product-remove a {
	color: #e74c3c;
}

[data-theme="dark"] .woocommerce-cart .cart_totals {
	background-color: var(--cc-surface);
	border-color: var(--cc-border);
}

[data-theme="dark"] .woocommerce-cart .cart_totals h2 {
	color: var(--cc-heading);
}

[data-theme="dark"] .woocommerce-cart .cart_totals table {
	border-color: var(--cc-border);
}

[data-theme="dark"] .woocommerce-cart .cart_totals th,
[data-theme="dark"] .woocommerce-cart .cart_totals td {
	border-color: var(--cc-border);
	color: var(--cc-text);
}

/* Coupon */
[data-theme="dark"] .woocommerce-cart .coupon input.input-text {
	background-color: var(--cc-input-bg);
	border-color: var(--cc-input-border);
	color: var(--cc-text);
}

/* Cross-sells */
[data-theme="dark"] .woocommerce-cart .cross-sells h2 {
	color: var(--cc-heading);
}

/* ============================================================
   Checkout
   ============================================================ */
[data-theme="dark"] .woocommerce-checkout .woocommerce-form-login,
[data-theme="dark"] .woocommerce-checkout .woocommerce-form-coupon {
	background-color: var(--cc-surface);
	border-color: var(--cc-border);
}

[data-theme="dark"] .woocommerce-checkout h3,
[data-theme="dark"] .woocommerce-checkout h2 {
	color: var(--cc-heading);
}

[data-theme="dark"] .woocommerce form.checkout label {
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce form.checkout .input-text,
[data-theme="dark"] .woocommerce form.checkout select,
[data-theme="dark"] .woocommerce form.checkout textarea {
	background-color: var(--cc-input-bg) !important;
	border-color: var(--cc-input-border) !important;
	color: var(--cc-text) !important;
}

/* Order review */
[data-theme="dark"] .woocommerce-checkout-review-order-table {
	background-color: var(--cc-surface);
	border-color: var(--cc-border);
}

[data-theme="dark"] .woocommerce-checkout-review-order-table th,
[data-theme="dark"] .woocommerce-checkout-review-order-table td {
	border-color: var(--cc-border);
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce-checkout-review-order-table thead th {
	color: var(--cc-heading);
}

/* Payment box */
[data-theme="dark"] .woocommerce #payment {
	background-color: var(--cc-surface);
	border-color: var(--cc-border);
}

[data-theme="dark"] .woocommerce #payment .payment_methods li {
	border-color: var(--cc-border);
}

[data-theme="dark"] .woocommerce #payment .payment_methods li label {
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce #payment div.payment_box {
	background-color: var(--cc-bg);
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce #payment div.payment_box::before {
	border-bottom-color: var(--cc-bg);
}

/* Terms */
[data-theme="dark"] .woocommerce-terms-and-conditions-wrapper {
	color: var(--cc-text);
}

/* ============================================================
   Select2 Dropdowns
   ============================================================ */
[data-theme="dark"] .select2-container--default .select2-selection--single {
	background-color: var(--cc-input-bg);
	border-color: var(--cc-input-border);
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--cc-text);
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--cc-secondary) transparent transparent;
}

[data-theme="dark"] .select2-dropdown {
	background-color: var(--cc-input-bg);
	border-color: var(--cc-input-border);
}

[data-theme="dark"] .select2-container--default .select2-results__option {
	color: var(--cc-text);
}

[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--cc-primary);
	color: var(--cc-btn-text);
}

[data-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
	background-color: var(--cc-bg);
	border-color: var(--cc-border);
	color: var(--cc-text);
}

/* ============================================================
   My Account
   ============================================================ */
[data-theme="dark"] .woocommerce-MyAccount-navigation ul li a {
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce-MyAccount-navigation ul li.is-active a {
	color: var(--cc-primary);
}

[data-theme="dark"] .woocommerce-MyAccount-content {
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce-MyAccount-content h2,
[data-theme="dark"] .woocommerce-MyAccount-content h3 {
	color: var(--cc-heading);
}

[data-theme="dark"] .woocommerce-orders-table,
[data-theme="dark"] .woocommerce table.woocommerce-orders-table {
	border-color: var(--cc-border);
}

[data-theme="dark"] .woocommerce-orders-table th,
[data-theme="dark"] .woocommerce-orders-table td {
	border-color: var(--cc-border);
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce-orders-table a {
	color: var(--cc-primary);
}

/* Addresses */
[data-theme="dark"] .woocommerce-address-fields label {
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce-Addresses .woocommerce-Address {
	border-color: var(--cc-border);
}

[data-theme="dark"] .woocommerce-Addresses .woocommerce-Address-title h3 {
	color: var(--cc-heading);
}

/* Login / Register */
[data-theme="dark"] .woocommerce form.login,
[data-theme="dark"] .woocommerce form.register {
	background-color: var(--cc-surface);
	border-color: var(--cc-border);
}

/* ============================================================
   Mini Cart Widget
   ============================================================ */
[data-theme="dark"] .widget_shopping_cart,
[data-theme="dark"] .widget_shopping_cart_content {
	background-color: var(--cc-surface);
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce-mini-cart__total {
	border-color: var(--cc-border);
	color: var(--cc-heading);
}

[data-theme="dark"] .woocommerce-mini-cart .mini_cart_item a {
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce-mini-cart .mini_cart_item .remove {
	color: #e74c3c !important;
}

[data-theme="dark"] .woocommerce-mini-cart .mini_cart_item .quantity {
	color: var(--cc-secondary);
}

/* ============================================================
   Order Received / Thank You
   ============================================================ */
[data-theme="dark"] .woocommerce-order h2,
[data-theme="dark"] .woocommerce-order h3 {
	color: var(--cc-heading);
}

[data-theme="dark"] .woocommerce-order table.shop_table {
	background-color: var(--cc-surface);
	border-color: var(--cc-border);
}

[data-theme="dark"] .woocommerce-order table.shop_table th,
[data-theme="dark"] .woocommerce-order table.shop_table td {
	border-color: var(--cc-border);
	color: var(--cc-text);
}

/* ============================================================
   Widgets (sidebar)
   ============================================================ */
[data-theme="dark"] .woocommerce .widget_price_filter .price_slider_wrapper .price_slider {
	background-color: var(--cc-border);
}

[data-theme="dark"] .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
	background-color: var(--cc-primary);
}

[data-theme="dark"] .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	background-color: var(--cc-primary);
}

[data-theme="dark"] .woocommerce .widget_layered_nav ul li a,
[data-theme="dark"] .woocommerce .widget_product_categories ul li a {
	color: var(--cc-text);
}

[data-theme="dark"] .woocommerce .widget_layered_nav ul li.chosen a {
	color: var(--cc-primary);
}

/* ============================================================
   Breadcrumbs
   ============================================================ */
[data-theme="dark"] .woocommerce .woocommerce-breadcrumb {
	color: var(--cc-secondary);
}

[data-theme="dark"] .woocommerce .woocommerce-breadcrumb a {
	color: var(--cc-primary);
}


/* ============================================================
   PART 2 — WooCommerce Block Components
   ============================================================ */

/* ============================================================
   WooCommerce Block CSS Variable Overrides
   ============================================================ */
[data-theme="dark"] {
	--wc-green: var(--cc-accent);
	--wc-red: #e74c3c;
	--wc-orange: #f39c12;
}

/* ============================================================
   Cart Block
   ============================================================ */
[data-theme="dark"] .wp-block-woocommerce-cart,
[data-theme="dark"] .wc-block-cart {
	color: var(--cc-text);
}

[data-theme="dark"] .wc-block-cart .wc-block-cart-items th {
	color: var(--cc-heading);
	border-color: var(--cc-border);
}

[data-theme="dark"] .wc-block-cart .wc-block-cart-items td {
	border-color: var(--cc-border);
}

[data-theme="dark"] .wc-block-cart .wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
	color: var(--cc-primary);
}

[data-theme="dark"] .wc-block-cart .wc-block-cart-items .wc-block-components-product-metadata {
	color: var(--cc-secondary);
}

[data-theme="dark"] .wc-block-cart .wc-block-components-quantity-selector {
	background-color: var(--cc-input-bg);
	border-color: var(--cc-input-border);
}

[data-theme="dark"] .wc-block-cart .wc-block-components-quantity-selector input {
	color: var(--cc-text);
}

[data-theme="dark"] .wc-block-cart .wc-block-components-quantity-selector button {
	color: var(--cc-text);
	background: transparent;
}

/* Cart Totals */
[data-theme="dark"] .wc-block-cart .wc-block-components-totals-wrapper {
	border-color: var(--cc-border);
}

[data-theme="dark"] .wc-block-cart .wc-block-components-totals-item__label,
[data-theme="dark"] .wc-block-cart .wc-block-components-totals-item__value {
	color: var(--cc-text);
}

[data-theme="dark"] .wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
[data-theme="dark"] .wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	color: var(--cc-heading);
}

/* Coupon */
[data-theme="dark"] .wc-block-components-totals-coupon .wc-block-components-text-input input {
	background-color: var(--cc-input-bg);
	border-color: var(--cc-input-border);
	color: var(--cc-text);
}

/* ============================================================
   Checkout Block
   ============================================================ */
[data-theme="dark"] .wp-block-woocommerce-checkout,
[data-theme="dark"] .wc-block-checkout {
	color: var(--cc-text);
}

[data-theme="dark"] .wc-block-checkout .wc-block-components-checkout-step__heading {
	color: var(--cc-heading);
}

[data-theme="dark"] .wc-block-checkout .wc-block-components-checkout-step__description {
	color: var(--cc-secondary);
}

[data-theme="dark"] .wc-block-checkout .wc-block-components-checkout-step {
	border-color: var(--cc-border);
}

/* Text inputs */
[data-theme="dark"] .wc-block-components-text-input input,
[data-theme="dark"] .wc-block-components-text-input textarea {
	background-color: var(--cc-input-bg) !important;
	border-color: var(--cc-input-border) !important;
	color: var(--cc-text) !important;
}

[data-theme="dark"] .wc-block-components-text-input label {
	color: var(--cc-secondary);
}

[data-theme="dark"] .wc-block-components-text-input.is-active label {
	color: var(--cc-primary);
}

/* Combobox */
[data-theme="dark"] .wc-block-components-combobox .wc-block-components-combobox-control input {
	background-color: var(--cc-input-bg);
	border-color: var(--cc-input-border);
	color: var(--cc-text);
}

[data-theme="dark"] .wc-block-components-combobox .components-form-token-field__suggestions-list {
	background-color: var(--cc-input-bg);
	border-color: var(--cc-input-border);
}

[data-theme="dark"] .wc-block-components-combobox .components-form-token-field__suggestion {
	color: var(--cc-text);
}

[data-theme="dark"] .wc-block-components-combobox .components-form-token-field__suggestion.is-selected {
	background-color: var(--cc-primary);
	color: var(--cc-btn-text);
}

/* Radio controls (shipping methods) */
[data-theme="dark"] .wc-block-components-radio-control__option {
	color: var(--cc-text);
}

[data-theme="dark"] .wc-block-components-radio-control__label {
	color: var(--cc-text);
}

[data-theme="dark"] .wc-block-components-radio-control__secondary-label {
	color: var(--cc-secondary);
}

/* Payment methods */
[data-theme="dark"] .wc-block-components-payment-method-label {
	color: var(--cc-text);
}

[data-theme="dark"] .wc-block-checkout__payment-method .wc-block-components-radio-control {
	border-color: var(--cc-border);
}

/* Order summary sidebar */
[data-theme="dark"] .wc-block-components-order-summary .wc-block-components-order-summary-item__description {
	color: var(--cc-text);
}

[data-theme="dark"] .wc-block-components-order-summary .wc-block-components-product-name {
	color: var(--cc-primary);
}

/* Checkbox */
[data-theme="dark"] .wc-block-components-checkbox .wc-block-components-checkbox__label {
	color: var(--cc-text);
}

/* ============================================================
   Product Collection / Grid Block
   ============================================================ */
[data-theme="dark"] .wc-block-grid__product {
	color: var(--cc-text);
}

[data-theme="dark"] .wc-block-grid__product-title {
	color: var(--cc-heading);
}

[data-theme="dark"] .wc-block-grid__product-price {
	color: var(--cc-text);
}

[data-theme="dark"] .wc-block-grid__product-price ins {
	color: var(--cc-accent);
}

[data-theme="dark"] .wc-block-grid__product-onsale {
	background-color: var(--cc-accent);
	color: var(--cc-btn-text);
}

[data-theme="dark"] .wc-block-grid__product-rating .star-rating,
[data-theme="dark"] .wc-block-grid__product-rating .wc-block-components-product-rating__stars {
	color: #f9a825;
}

/* ============================================================
   Filter Blocks
   ============================================================ */
[data-theme="dark"] .wc-block-price-filter .wc-block-price-filter__range-input-wrapper {
	background-color: var(--cc-border);
}

[data-theme="dark"] .wc-block-price-filter .wc-block-price-filter__range-input-progress {
	--range-color: var(--cc-primary);
}

[data-theme="dark"] .wc-block-attribute-filter .wc-block-components-checkbox__label,
[data-theme="dark"] .wc-block-stock-filter .wc-block-components-checkbox__label {
	color: var(--cc-text);
}

[data-theme="dark"] .wc-block-active-filters .wc-block-active-filters__clear-all {
	color: var(--cc-primary);
}

/* ============================================================
   Product Search Block
   ============================================================ */
[data-theme="dark"] .wc-block-product-search .wc-block-product-search__field {
	background-color: var(--cc-input-bg);
	border-color: var(--cc-input-border);
	color: var(--cc-text);
}

/* ============================================================
   Mini Cart Block
   ============================================================ */
[data-theme="dark"] .wc-block-mini-cart__drawer {
	background-color: var(--cc-bg);
	color: var(--cc-text);
}

[data-theme="dark"] .wc-block-mini-cart__footer {
	background-color: var(--cc-surface);
	border-color: var(--cc-border);
}

[data-theme="dark"] .wc-block-mini-cart__title {
	color: var(--cc-heading);
}

[data-theme="dark"] .wc-block-mini-cart__products .wc-block-components-product-name {
	color: var(--cc-primary);
}

/* ============================================================
   Notices (Block variants)
   ============================================================ */
[data-theme="dark"] .wc-block-components-notice-banner {
	background-color: var(--cc-surface);
	border-color: var(--cc-border);
	color: var(--cc-text);
}

[data-theme="dark"] .wc-block-components-notice-banner.is-success {
	border-left-color: var(--cc-accent);
}

[data-theme="dark"] .wc-block-components-notice-banner.is-error {
	border-left-color: #e74c3c;
}

[data-theme="dark"] .wc-block-components-notice-banner.is-info {
	border-left-color: var(--cc-primary);
}