/*
Theme Name: SELVANE WooCommerce
Theme URI: https://example.com/
Author: OpenAI
Description: SELVANE Readdy/Vite design converted into a WordPress theme with native WooCommerce products, cart, checkout, accounts, orders and payment gateway support.
Version: 1.0.6
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: selvane
*/

:root {
  --font-heading: "Cormorant Garamond", Georgia, serif;
  --font-body: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-label: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --background-50: 0.985 0.004 85; --background-100: 0.968 0.007 85; --background-200: 0.942 0.010 84; --background-300: 0.904 0.013 82; --background-400: 0.854 0.016 80;
  --foreground-300: 0.785 0.012 55; --foreground-400: 0.665 0.014 52; --foreground-500: 0.555 0.015 50; --foreground-600: 0.455 0.014 48; --foreground-700: 0.365 0.013 46; --foreground-900: 0.225 0.011 42; --foreground-950: 0.165 0.010 40;
  --accent-100: 0.928 0.042 41; --accent-500: 0.625 0.142 37; --accent-600: 0.555 0.130 36; --accent-700: 0.472 0.112 35; --accent-900: 0.315 0.072 33;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:oklch(var(--background-50));color:oklch(var(--foreground-900));font-family:var(--font-body);-webkit-font-smoothing:antialiased} h1,h2,h3,h4{font-family:var(--font-heading)} a{text-decoration:none;color:inherit} img{max-width:100%;display:block}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Keep the theme shell full viewport width even if WordPress/plugin global styles set a content max-width. */
html,html body{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
html body>header.selvane-header,html body>main,html body>footer{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
html body>header.selvane-header>div:nth-child(2){width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}

::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background-color:oklch(var(--foreground-300));border-radius:9999px}::-webkit-scrollbar-track{background-color:oklch(var(--background-100))}

/* Header / overlays */
.selvane-header.is-scrolled{border-bottom:1px solid oklch(var(--background-200))}.selvane-dropdown{display:none}.selvane-nav-item:hover .selvane-dropdown{display:block}.selvane-mini-cart{display:none}.selvane-cart-wrap:hover .selvane-mini-cart{display:block}.selvane-mobile-drawer,.selvane-search-overlay{display:none}.selvane-mobile-drawer.is-open,.selvane-search-overlay.is-open{display:block}.selvane-accordion-panel{display:none}.selvane-accordion-item.is-open .selvane-accordion-panel{display:block}.selvane-gallery-image{display:none}.selvane-gallery-image.is-active{display:block}.selvane-gallery-thumb.is-active{outline:2px solid oklch(var(--foreground-900));outline-offset:2px}

/* Native WooCommerce UI aligned to the original SELVANE look. */
.woocommerce{font-family:var(--font-body);color:oklch(var(--foreground-900))}.woocommerce-notices-wrapper{max-width:72rem;margin:1.5rem auto 0;padding:0 1rem}.woocommerce-message,.woocommerce-info,.woocommerce-error{border:1px solid oklch(var(--background-200));border-top:1px solid oklch(var(--background-200));background:oklch(var(--background-100));color:oklch(var(--foreground-700));padding:1rem 1.25rem;border-radius:.5rem;list-style:none}.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wc-block-components-button{border:0!important;border-radius:.375rem!important;background:oklch(var(--foreground-900))!important;color:oklch(var(--background-50))!important;font-family:var(--font-body)!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;padding:.85rem 1.25rem!important;line-height:1.2!important}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:oklch(var(--foreground-700))!important;color:oklch(var(--background-50))!important}.woocommerce input.input-text,.woocommerce textarea,.woocommerce select,.woocommerce .select2-selection,.wc-block-components-text-input input,.wc-block-components-combobox .wc-block-components-combobox-control input{border:1px solid oklch(var(--background-300))!important;border-radius:.375rem!important;background:oklch(var(--background-50))!important;color:oklch(var(--foreground-900))!important;padding:.75rem!important;min-height:44px}.woocommerce form .form-row label{font-size:.75rem;font-weight:600;color:oklch(var(--foreground-700));margin-bottom:.35rem}.woocommerce table.shop_table{border:1px solid oklch(var(--background-200));border-radius:.5rem;border-collapse:separate;background:oklch(var(--background-50));overflow:hidden}.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:oklch(var(--background-200));padding:1rem}.woocommerce-cart-form,.cart-collaterals,.woocommerce-checkout,.woocommerce-account .woocommerce{max-width:72rem;margin:0 auto}.woocommerce .cart_totals,.woocommerce-checkout-review-order,.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register{border:1px solid oklch(var(--background-200));border-radius:.5rem;padding:1.25rem;background:oklch(var(--background-50))}.woocommerce .quantity .qty{width:72px;padding:.65rem;border:1px solid oklch(var(--background-300));border-radius:.375rem}.woocommerce-checkout #payment{background:oklch(var(--background-100));border-radius:.5rem}.woocommerce-checkout #payment div.payment_box{background:oklch(var(--background-50))}.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:oklch(var(--background-50))}.woocommerce-account .woocommerce-MyAccount-navigation ul{padding:0;margin:0;list-style:none;border:1px solid oklch(var(--background-200));border-radius:.5rem;overflow:hidden}.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:.8rem 1rem;border-bottom:1px solid oklch(var(--background-200));font-size:.875rem}.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:oklch(var(--foreground-900));color:oklch(var(--background-50))}.woocommerce-account .woocommerce-MyAccount-content{padding-left:2rem}.woocommerce form .show-password-input{top:.85em}.woocommerce .star-rating{color:oklch(var(--accent-500))}.woocommerce div.product form.cart .variations select{min-width:220px}.woocommerce div.product form.cart .variations label{font-weight:600}.woocommerce div.product form.cart .reset_variations{font-size:.75rem}.woocommerce div.product form.cart{margin:0}.woocommerce-variation-price{margin:.75rem 0;font-size:1.25rem;font-weight:600}.woocommerce-product-rating{display:flex;gap:.5rem;align-items:center}.woocommerce-review-link{font-size:.875rem;color:oklch(var(--foreground-500))}

/* Hide default Woo product loops when our custom shop renderer is used. */
.selvane-commerce-shell .products{margin:0!important}

/* Page content and Gutenberg-safe defaults. */
.selvane-prose p{margin:0 0 1rem;line-height:1.75}.selvane-prose h2{font-size:1.55rem;margin:2rem 0 .75rem}.selvane-prose h3{font-size:1.2rem;margin:1.5rem 0 .5rem}.selvane-prose ul{padding-left:1.25rem;list-style:disc;margin-bottom:1rem}.selvane-prose a{text-decoration:underline;text-underline-offset:3px}.website-alt-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}

@media(max-width:782px){.woocommerce-account .woocommerce-MyAccount-content{padding-left:0;margin-top:1.25rem}.woocommerce table.shop_table_responsive tr td{padding:.75rem}.selvane-mini-cart{display:none!important}}
[data-selvane-option="color"].is-selected{outline:2px solid oklch(var(--foreground-900));outline-offset:2px}[data-selvane-option="size"].is-selected{border-color:oklch(var(--foreground-900))!important;background:oklch(var(--foreground-900));color:oklch(var(--background-50))}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .65rem;margin:0 .15rem;border:1px solid oklch(var(--background-300));border-radius:.375rem;color:oklch(var(--foreground-700))}.page-numbers.current{background:oklch(var(--foreground-900));color:oklch(var(--background-50));border-color:oklch(var(--foreground-900))}
.selvane-native-cart .variations{width:100%;margin-bottom:1rem}.selvane-native-cart .variations tr{display:block;margin-bottom:1rem}.selvane-native-cart .variations th,.selvane-native-cart .variations td{display:block;text-align:left;padding:.25rem 0}.selvane-native-cart .single_variation_wrap .woocommerce-variation-add-to-cart{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.selvane-native-cart .single_add_to_cart_button{flex:1;min-height:46px}.selvane-native-cart .quantity .qty{height:46px}.selvane-native-cart select{width:100%;border:1px solid oklch(var(--background-300));border-radius:.375rem;padding:.7rem;background:oklch(var(--background-50))}
.woocommerce-mini-cart{list-style:none;margin:0;padding:0}.woocommerce-mini-cart-item{position:relative;display:grid;grid-template-columns:48px 1fr;gap:.75rem;padding:.75rem 1.5rem .75rem 0;border-bottom:1px solid oklch(var(--background-200));font-size:.8rem}.woocommerce-mini-cart-item img{width:48px;height:64px;object-fit:cover;border-radius:.25rem;float:none!important;margin:0!important}.woocommerce-mini-cart-item .remove{position:absolute!important;right:0!important;top:.75rem!important;width:20px!important;height:20px!important;line-height:18px!important;color:oklch(var(--foreground-400))!important}.woocommerce-mini-cart__total{display:flex;justify-content:space-between;margin:1rem 0 .75rem;font-size:.875rem}.woocommerce-mini-cart__buttons{display:grid;gap:.5rem}.woocommerce-mini-cart__buttons .button{display:block;text-align:center;margin:0!important}.woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count{display:none}.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{font-family:var(--font-body)}


/* Checkout compact controls with the original Readdy page width (max-w-6xl / 72rem). */
body.woocommerce-checkout .selvane-prose{
  max-width:72rem;
  margin-left:auto;
  margin-right:auto;
  font-size:.875rem;
}
body.woocommerce-checkout .selvane-prose p{
  margin-bottom:.65rem;
  line-height:1.55;
}

/* WooCommerce Checkout Block */
body.woocommerce-checkout .wp-block-woocommerce-checkout,
body.woocommerce-checkout .wc-block-checkout{
  max-width:72rem!important;
  margin-left:auto!important;
  margin-right:auto!important;
  font-size:.875rem;
}
body.woocommerce-checkout .wc-block-components-sidebar-layout{
  gap:2rem!important;
}
body.woocommerce-checkout .wc-block-components-main,
body.woocommerce-checkout .wc-block-checkout__main{
  width:63%!important;
  padding-right:0!important;
}
body.woocommerce-checkout .wc-block-components-sidebar,
body.woocommerce-checkout .wc-block-checkout__sidebar{
  width:33%!important;
  padding-left:0!important;
}
body.woocommerce-checkout .wc-block-components-checkout-step{
  margin-bottom:1.35rem!important;
  padding-bottom:0!important;
}
body.woocommerce-checkout .wc-block-components-checkout-step__heading{
  margin-bottom:.75rem!important;
}
body.woocommerce-checkout .wc-block-components-checkout-step__title,
body.woocommerce-checkout .wc-block-components-title{
  font-size:1rem!important;
  line-height:1.35!important;
}
body.woocommerce-checkout .wc-block-components-checkout-step__description,
body.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input label,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control label{
  font-size:.72rem!important;
}
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input,
body.woocommerce-checkout .wc-block-components-address-form select{
  min-height:44px!important;
  height:44px!important;
  padding:.68rem .72rem!important;
  font-size:.82rem!important;
  line-height:1.15!important;
}
/* Keep Woo Blocks floating labels readable instead of squeezing label + value together. */
body.woocommerce-checkout .wc-block-components-text-input.is-active input{
  padding-top:1.15rem!important;
  padding-bottom:.22rem!important;
}
body.woocommerce-checkout .wc-block-components-combobox.is-active .wc-block-components-combobox-control input,
body.woocommerce-checkout .wc-block-components-combobox:focus-within .wc-block-components-combobox-control input{
  padding-top:1.18rem!important;
  padding-bottom:.18rem!important;
  padding-right:2.25rem!important;
}
body.woocommerce-checkout .wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label,
body.woocommerce-checkout .wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label,
body.woocommerce-checkout .wc-block-components-form .wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label,
body.woocommerce-checkout .wc-block-components-form .wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label{
  top:6px!important;
  left:.72rem!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  font-size:.58rem!important;
  line-height:1!important;
  pointer-events:none;
  z-index:2;
}
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control{
  min-height:44px!important;
}
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list[role="listbox"]{
  z-index:1000;
}
body.woocommerce-checkout .wc-block-components-address-form{
  gap:.65rem!important;
}
body.woocommerce-checkout .wc-block-components-checkbox label,
body.woocommerce-checkout .wc-block-components-radio-control__option{
  font-size:.8rem!important;
}
body.woocommerce-checkout .wc-block-components-radio-control-accordion-option{
  padding:.7rem .8rem!important;
}
body.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-panel,
body.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-panel,
body.woocommerce-checkout .wc-block-components-order-summary{
  font-size:.78rem!important;
}
body.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item{
  padding:.75rem 0!important;
}
body.woocommerce-checkout .wc-block-components-order-summary-item__image{
  width:48px!important;
  min-width:48px!important;
}
body.woocommerce-checkout .wc-block-components-order-summary-item__image img{
  width:48px!important;
  height:60px!important;
  object-fit:cover;
}
body.woocommerce-checkout .wc-block-components-order-summary-item__description{
  font-size:.75rem!important;
  line-height:1.4!important;
}
body.woocommerce-checkout .wc-block-components-totals-item{
  padding:.65rem 0!important;
}
body.woocommerce-checkout .wc-block-components-totals-footer-item{
  font-size:.9rem!important;
}
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-formatted-money-amount{
  font-size:1.1rem!important;
}
body.woocommerce-checkout .wc-block-components-button,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button{
  min-height:42px!important;
  padding:.7rem 1rem!important;
  font-size:.7rem!important;
}

/* Classic shortcode checkout fallback. */
body.woocommerce-checkout form.checkout.woocommerce-checkout{
  max-width:72rem!important;
  font-size:.875rem;
}
body.woocommerce-checkout form.checkout .col2-set{
  width:63%;
  float:left;
  padding-right:2rem;
}
body.woocommerce-checkout form.checkout #order_review_heading,
body.woocommerce-checkout form.checkout #order_review{
  width:33%;
  float:right;
}
body.woocommerce-checkout form.checkout .form-row{
  margin-bottom:.65rem;
}
body.woocommerce-checkout form.checkout input.input-text,
body.woocommerce-checkout form.checkout textarea,
body.woocommerce-checkout form.checkout select,
body.woocommerce-checkout form.checkout .select2-selection{
  min-height:44px!important;
  padding:.65rem .72rem!important;
  font-size:.82rem!important;
  line-height:1.2!important;
}
body.woocommerce-checkout form.checkout .select2-container{
  width:100%!important;
}
body.woocommerce-checkout form.checkout .select2-container .select2-selection--single{
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 2.2rem 0 .72rem!important;
}
body.woocommerce-checkout form.checkout .select2-container .select2-selection--single .select2-selection__rendered{
  width:100%;
  padding:0!important;
  line-height:42px!important;
}
body.woocommerce-checkout form.checkout .select2-container .select2-selection--single .select2-selection__arrow{
  height:42px!important;
  right:.35rem!important;
}
body.woocommerce-checkout .woocommerce-checkout-review-order{
  padding:1rem;
}
body.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table th,
body.woocommerce-checkout .woocommerce-checkout-review-order table.shop_table td{
  padding:.7rem;
  font-size:.78rem;
}

@media(max-width:900px){
  body.woocommerce-checkout .wc-block-components-sidebar-layout{gap:1.25rem!important}
  body.woocommerce-checkout .wc-block-components-main,
  body.woocommerce-checkout .wc-block-checkout__main,
  body.woocommerce-checkout .wc-block-components-sidebar,
  body.woocommerce-checkout .wc-block-checkout__sidebar,
  body.woocommerce-checkout form.checkout .col2-set,
  body.woocommerce-checkout form.checkout #order_review_heading,
  body.woocommerce-checkout form.checkout #order_review{
    width:100%!important;
    float:none!important;
    padding-right:0!important;
  }
}

/* v1.0.6 — WooCommerce Blocks country/state combobox overlap fix.
   WooCommerce versions differ on whether .is-active is attached to the
   combobox wrapper or the control. The theme also adds .selvane-has-value
   from theme.js, so a selected Country/Region or State always gets enough
   vertical room for both the floating label and selected value. */
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control{
  min-height:48px!important;
  overflow:visible!important;
}
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input{
  box-sizing:border-box!important;
  min-height:48px!important;
  height:48px!important;
  line-height:18px!important;
}
body.woocommerce-checkout .wc-block-components-combobox.is-active .wc-block-components-combobox-control input,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control.is-active input,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control.selvane-has-value input,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control:focus-within input{
  padding:20px 2.5rem 5px .72rem!important;
  line-height:18px!important;
}
body.woocommerce-checkout .wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control.is-active label.components-base-control__label,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control.selvane-has-value label.components-base-control__label,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control:focus-within label.components-base-control__label{
  top:5px!important;
  left:.72rem!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  max-width:calc(100% - 3.5rem)!important;
  font-size:.56rem!important;
  line-height:10px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  pointer-events:none!important;
  z-index:3!important;
}