/* WooCommerce in the theme's glass style. Colours come from the theme tokens, so palettes and dark mode apply. */
:root{
  --alb-accent:var(--mint);               /* AtamanSystem Lesson Booking picks this up */
  --wc-primary:var(--mint); --wc-primary-text:#fff;
  --wc-secondary:var(--glass-strong); --wc-secondary-text:var(--ink);
  --wc-highlight:var(--ink); --wc-highlight-text:var(--sky);
  --wc-content-bg:transparent; --wc-subtext:var(--ink-3);
  --wc-form-border-color:color-mix(in srgb,var(--ink) 22%,transparent);
  --wc-form-color-background:var(--glass-strong); --wc-form-color-text:var(--ink);
  --an-line:color-mix(in srgb,var(--ink) 14%,transparent);
}

/* Wide pane for shop, product, cart, checkout */
.shop-body .pane,.an-shop-page .page-body .pane{max-width:none}
.woocommerce,.woocommerce-page{color:var(--ink)}
.shop-body h1,.woocommerce-products-header__title{font-size:clamp(32px,4.6vw,52px);font-weight:800;margin:0 0 20px}
.woocommerce .woocommerce-breadcrumb{color:var(--ink-3);font-size:14px;margin:0 0 18px}
.woocommerce .woocommerce-breadcrumb a{color:var(--ink-2)}

/* Buttons: one accent everywhere */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt,
.woocommerce-page .wc-block-components-button,.wc-block-components-checkout-place-order-button,.wp-element-button.wc-block-cart__submit-button{
  background:var(--mint);color:#fff;border:0;border-radius:999px;padding:14px 24px;font:600 16px/1.2 var(--body);
  transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s;text-decoration:none}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background:var(--mint);color:#fff;filter:brightness(1.06);transform:translateY(-2px)}
.woocommerce button.button.alt.disabled,.woocommerce button.button.alt:disabled,.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt.disabled:hover,.woocommerce button.button:disabled:hover{background:var(--mint);color:#fff;opacity:.45;transform:none}
.woocommerce a.button:not(.alt):not(.add_to_cart_button):not(.checkout-button),.woocommerce button.button:not(.alt):not(.single_add_to_cart_button){
  background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--an-line)}
.woocommerce a.button:not(.alt):not(.add_to_cart_button):not(.checkout-button):hover,.woocommerce button.button:not(.alt):not(.single_add_to_cart_button):hover{background:var(--glass-strong);color:var(--ink)}

/* Prices */
.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce ul.products li.product .price{color:var(--ink);font-weight:700}
.woocommerce div.product p.price{font:800 clamp(26px,3vw,34px)/1.1 var(--display);margin:0 0 18px}
.woocommerce .price del{color:var(--ink-3);opacity:1;font-weight:400}
.woocommerce .price ins{text-decoration:none}
.woocommerce span.onsale{background:var(--coral);color:#fff;border-radius:999px;min-height:0;min-width:0;padding:6px 12px;line-height:1.2;font-weight:700}

/* Single product */
.woocommerce div.product .product_title{font-size:clamp(34px,5vw,58px);font-weight:800;line-height:1.02;letter-spacing:-.02em;margin:0 0 14px}
.woocommerce div.product div.images img{border-radius:var(--r-md)}
.woocommerce div.product .woocommerce-product-gallery__trigger{background:var(--glass-strong);border-radius:50%}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--ink-2)}
.woocommerce div.product form.cart{margin-bottom:22px}
.woocommerce .quantity .qty{background:var(--glass-strong);color:var(--ink);border:1px solid var(--an-line);border-radius:12px;padding:12px 8px;min-height:48px}
.product_meta{color:var(--ink-3);font-size:14px;display:grid;gap:4px}
.product_meta a{color:var(--mint-ink)}

/* Tabs as glass pills */
.woocommerce div.product .woocommerce-tabs{clear:both;padding-top:18px}
.woocommerce div.product .woocommerce-tabs ul.tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 22px;overflow:visible}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:1px solid var(--an-line);border-radius:999px;margin:0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--ink-2);padding:10px 18px;font-weight:600}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--ink);border-color:var(--ink)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--sky)}
.woocommerce div.product .woocommerce-tabs .panel{color:var(--ink-2);max-width:72ch}
.woocommerce div.product .woocommerce-tabs .panel h2,.woocommerce div.product .woocommerce-tabs .panel h3{color:var(--ink)}
.woocommerce table.shop_attributes{border-color:var(--an-line)}
.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td{border-color:var(--an-line);background:transparent!important;color:var(--ink-2)}
.woocommerce table.shop_attributes th{color:var(--ink)}

/* Product grid */
.woocommerce ul.products li.product{background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--r-md);padding:14px 14px 18px;transition:transform .25s}
.woocommerce ul.products li.product:hover{transform:translateY(-4px)}
.woocommerce ul.products li.product a img{border-radius:12px;margin-bottom:12px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--ink);font:700 18px/1.25 var(--display)}
.woocommerce ul.products li.product .button{margin-top:10px}
.woocommerce .woocommerce-result-count{color:var(--ink-3)}
.woocommerce .woocommerce-ordering select{background:var(--glass-strong);color:var(--ink);border:1px solid var(--an-line);border-radius:12px;padding:8px 12px}
.woocommerce nav.woocommerce-pagination ul,.woocommerce nav.woocommerce-pagination ul li{border-color:var(--an-line)}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{color:var(--ink)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ink);color:var(--sky)}

/* Notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,p.no-comments{
  background:var(--glass-strong);color:var(--ink);border:1px solid var(--glass-line);border-left:4px solid var(--mint);border-radius:var(--r-sm)}
.woocommerce-error{border-left-color:var(--coral)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--mint)}
.woocommerce-error::before{color:var(--coral)}
.woocommerce-message a:not(.button),.woocommerce-info a:not(.button){color:var(--mint-ink)}

/* Forms */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,.select2-container--default .select2-selection--single,
.wc-block-components-text-input input,.wc-block-components-textarea{
  background:var(--glass-strong);color:var(--ink);border:1px solid var(--an-line);border-radius:12px;padding:12px 14px}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--ink)}
.select2-dropdown{background:var(--sky);color:var(--ink);border-color:var(--an-line)}
.woocommerce form .form-row label{color:var(--ink-2)}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{outline:2px solid var(--mint);outline-offset:1px}

/* Cart and checkout tables */
.woocommerce table.shop_table{border:1px solid var(--an-line);border-radius:var(--r-md);background:transparent;color:var(--ink)}
.woocommerce table.shop_table th,.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(--an-line)}
.woocommerce a.remove{color:var(--coral)!important}
.woocommerce a.remove:hover{background:var(--coral);color:#fff!important}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout-review-order{background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--r-md);padding:20px}
#add_payment_method #payment,.woocommerce-cart #payment,.woocommerce-checkout #payment{background:var(--glass-strong);border-radius:var(--r-md)}
#add_payment_method #payment div.payment_box,.woocommerce-cart #payment div.payment_box,.woocommerce-checkout #payment div.payment_box{background:var(--glass);color:var(--ink-2)}
#add_payment_method #payment div.payment_box::before,.woocommerce-cart #payment div.payment_box::before,.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--glass)}
#add_payment_method #payment ul.payment_methods,.woocommerce-cart #payment ul.payment_methods,.woocommerce-checkout #payment ul.payment_methods{border-color:var(--an-line)}

/* My account */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;display:grid;gap:6px}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:12px;color:var(--ink-2);text-decoration:none}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background:var(--ink);color:var(--sky)}

/* Stars */
.woocommerce .star-rating span::before,.woocommerce p.stars a{color:var(--lemon)}
.woocommerce div.product .woocommerce-tabs .panel>*+*{margin-top:12px}
