/* Consolidated WooCommerce compatibility CSS
   Extracted important rules from js/vendor/woo/*.css
   Adjust asset paths if necessary (images/fonts referenced from this file should be reachable from `css/` folder).
*/

/* Content and Sidebar */
.woocommerce.sidebar_show .content { width: 870px; }
.woocommerce .sidebar { width: 270px; }

/* Fullwide or Fullscreen with sidebar */
.woocommerce.body_style_fullwide.sidebar_right .content, .woocommerce.body_style_fullscreen.sidebar_right .content { padding-right: 330px; }
.woocommerce.body_style_fullwide.sidebar_right .sidebar, .woocommerce.body_style_fullscreen.sidebar_right .sidebar { margin-left: -300px; }
.woocommerce.body_style_fullwide.sidebar_left  .content, .woocommerce.body_style_fullscreen.sidebar_left  .content { padding-left:  330px; }
.woocommerce.body_style_fullwide.sidebar_left  .sidebar, .woocommerce.body_style_fullscreen.sidebar_left  .sidebar { margin-right:-300px; }
.woocommerce-breadcrumb { display:none; }

/* Buttons area */
.woocommerce p.buttons,
.woocommerce-page p.buttons { padding-bottom:0; margin-bottom:6px; }
.woocommerce p.buttons a.button,
.woocommerce-page p.buttons a.button{ padding: 1em 1.6em 1.1em; }

/* SALE and NEW icons */
.woocommerce span.new, .woocommerce-page span.new,
.woocommerce span.onsale, .woocommerce-page span.onsale,
.woocommerce ul.products li.product span.new, .woocommerce-page ul.products li.product span.new,
.woocommerce ul.products li.product span.onsale, .woocommerce-page ul.products li.product span.onsale {
    position:absolute;
    z-index:1;
    left:0; top:0;
    margin:1.6em 0 0 1.6em;
    width:4em; height:4em; overflow:hidden;
    font-size:0.625em; font-weight:bold; text-align:center; line-height:4em; text-transform:uppercase;
    border-radius: 50%;
}

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page #content input.button.alt,
.woocommerce-account .addresses .title .edit {
    line-height: 1.3em; margin:0; position: relative; border-radius: 0; display:inline-block; text-align:center;
    padding: 1em 3.8em 1.05em; font-weight:400; text-transform: uppercase; border: 2px solid;
}

/* Lists and product grid basics */
.woocommerce ul.products, .woocommerce-page ul.products { margin-right:-30px; margin-bottom: -30px; }
.woocommerce ul.products li.product { box-sizing:border-box; margin:0; padding:0 30px 30px 0; position: relative; width: 100%; }
.woocommerce.columns-2 ul.products li.product { width: 50%; }
.woocommerce.columns-3 ul.products li.product { width: 33.3333%; }
.woocommerce.columns-4 ul.products li.product { width: 25%; }
.woocommerce ul.products li.product h2.woocommerce-loop-product__title { margin-top:0.85em; margin-bottom:0.3em; font-family: Average, serif; font-size:1em; font-weight:400; line-height:1.4em; }
.woocommerce ul.products li.product .price { margin-top:0.45em; margin-bottom:1.5rem; font-family: Libre Baskerville, serif; font-size:1.15em; font-weight:700; }

/* Single product basics */
.woocommerce div.product .product_title { line-height:1.3em; margin-bottom:0.75em; font-family: Libre Baskerville, serif; font-size:1.867em; font-weight:700; }
.scheme_original .woocommerce div.product .product_title { line-height:1.3em; margin-bottom:0.75em; font-family: Libre Baskerville, serif; font-size:1.867em; font-weight:700; }
.woocommerce div.product p.price { position: relative; margin-bottom:0.85em; margin-top:1.2rem; font-family: Libre Baskerville, serif; font-size:1.467em; font-weight:700; }
.scheme_original .woocommerce div.product p.price { position: relative; margin-bottom:0.85em; margin-top:1.2rem; font-family: Libre Baskerville, serif; font-size:1.467em; font-weight:700; }

.woocommerce div.product div.images { margin-bottom:2em; border:1px solid; box-sizing:border-box; float:left; margin-right:4%; width:48%; }
.scheme_original .woocommerce div.product div.images { margin-bottom:2em; border:1px solid; box-sizing:border-box; float:left; margin-right:4%; width:48%; }
.woocommerce .woocommerce-product-gallery, .woocommerce div.product div.images { /* gallery wrapper compatibility */ }
.scheme_original .woocommerce .woocommerce-product-gallery, .scheme_original .woocommerce div.product div.images { }

/* Fluid images inside gallery */
.woocommerce div.product div.images img,
.woocommerce .woocommerce-product-gallery__image img,
.woocommerce .woocommerce-product-gallery img { display:block; max-width:100%; height:auto; width:100%; }
.scheme_original .woocommerce div.product div.images img,
.scheme_original .woocommerce .woocommerce-product-gallery__image img,
.scheme_original .woocommerce .woocommerce-product-gallery img { display:block; max-width:100%; height:auto; width:100%; }

/* Summary column to the right to create two-column PDP layout */
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary { width:48%; float:right; box-sizing:border-box; padding-left:1.5%; }
.scheme_original .woocommerce #content div.product div.summary,
.scheme_original .woocommerce div.product div.summary { width:48%; float:right; box-sizing:border-box; padding-left:1.5%; }

/* Thumbnails */
.woocommerce div.product div.thumbnails a { margin-right:1.5%; width:18.5%; position:relative; box-sizing:border-box; }
.scheme_original .woocommerce div.product div.thumbnails a { margin-right:1.5%; width:18.5%; position:relative; box-sizing:border-box; }

/* Tabs and content spacing */
.woocommerce div.product .woocommerce-tabs { margin-top:2em; }
.scheme_original .woocommerce div.product .woocommerce-tabs { margin-top:2em; }

/* Quantity control */
.woocommerce div.quantity, .woocommerce-page div.quantity { margin: 0 0.5em 0 0; width: 8.5em; height: 3.6em; position:relative; }
.scheme_original .woocommerce div.quantity, .scheme_original .woocommerce-page div.quantity { margin: 0 0.5em 0 0; width: 8.5em; height: 3.6em; position:relative; }
.woocommerce div.quantity span, .woocommerce-page div.quantity span { display:block; position:absolute; z-index:1; right:2px; width:2.8em; height:50%; text-align:center; line-height:1em; cursor:pointer; }
.scheme_original .woocommerce div.quantity span, .scheme_original .woocommerce-page div.quantity span { display:block; position:absolute; z-index:1; right:2px; width:2.8em; height:50%; text-align:center; line-height:1em; cursor:pointer; }
.woocommerce div.quantity input[type="number"] { width:100%; height:100%; padding-right:0; text-align:left; padding-left:1.7em; }
.scheme_original .woocommerce div.quantity input[type="number"] { width:100%; height:100%; padding-right:0; text-align:left; padding-left:1.7em; }

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs { margin-bottom:-1px; padding-left:0; list-style: none; }
.scheme_original .woocommerce div.product .woocommerce-tabs ul.tabs { margin-bottom:-1px; padding-left:0; list-style: none; }
.woocommerce div.product .woocommerce-tabs .panel { border-style: solid; margin:0; padding:1.5em; display:none; }
.scheme_original .woocommerce div.product .woocommerce-tabs .panel { border-style: solid; margin:0; padding:1.5em; display:none; }
.woocommerce div.product .woocommerce-tabs .panel h2 { margin-top:0; font-size:1.625em; }
.scheme_original .woocommerce div.product .woocommerce-tabs .panel h2 { margin-top:0; font-size:1.625em; }
.scheme_original .woocommerce div.product .woocommerce-tabs ul.tabs li { display: inline-block; margin-right: 0.75em; vertical-align: middle; }

/* Ensure gallery + summary float/clear behavior */
.scheme_original .woocommerce div.product { position: relative; }
.scheme_original .woocommerce div.product::after { content: ""; display: table; clear: both; }

/* Constrain quantity input so it doesn't push layout on some themes */
.scheme_original .woocommerce div.quantity input[type="number"] { max-width: 6.5em; box-sizing: border-box; }

/* Widget shopping cart */
.top_panel_wrap .widget_shopping_cart { display:block !important; }
.top_panel_wrap .widget_shopping_cart ul.cart_list { display:block; position:static; width:100%; box-shadow:none; font-size:14px; }
.top_panel_wrap .widget_shopping_cart ul.cart_list > li img { width:50px; margin-top:0.5em; }
.woocommerce.widget_shopping_cart .total { font-size:1em; padding:1.1em 0 1em; border-top:1px solid; border-bottom:1px solid; text-align:right; margin-top:0.8rem; margin-bottom:1rem; }

/* Cart table */
.woocommerce table.cart td, .woocommerce #content table.cart td { padding:1.2em 0.7em; text-align:center; }
.woocommerce table.cart td .amount { font-family: Libre Baskerville, serif; font-size:1.467em; font-weight:700; }
.woocommerce table.cart td.product-name { text-align:left; font-family: Libre Baskerville, serif; font-size:1.467em; font-weight:700; }

/* Small-screen adjustments */
@media (max-width: 767px) {
    .woocommerce-ordering:after{ top:26%; }
    .woocommerce div.product div.images { width:100%; float:none; margin-bottom:1.5em; }
    .scheme_original .woocommerce div.product div.images { width:100%; float:none; margin-bottom:1.5em; }
    .woocommerce #content div.product div.summary { width:100%; float:none; }
    .scheme_original .woocommerce #content div.product div.summary { width:100%; float:none; }
}

/* Image backgrounds (adjust paths if images are moved) */
.woocommerce ul.products li.product.product-category .thumb_wrapper { border-radius:50%; background:url(../images/woo/shop-cat-bg-1.jpg) center center no-repeat; padding:1em; overflow:hidden; }

/* End of WooCommerce compatibility CSS */
