/* ==========================================================================
   SUNGLASSES PDP CSS (for both sunglasses only)
   
   Dependencies: variables.css (must be loaded before this file)
   ========================================================================== */

/* PRICE */
.price-cls p {margin-bottom:0;}
.price-cls p.price {display:flex;flex-direction:row-reverse;justify-content:left;align-items:center;gap:8px;}
.price-cls p.price del {font-size:18px;}

/* PHONE LINK */
.need-help-cls  a {font-size: inherit; color: inherit;}
  
/* VARIATION FORM BUTTONS */
.variations_form button { display: none; }
button.pp-button { border-color: var(--color-primary); }
.ecomm-btns .pp-button-wrap.pp-button-width-full { display: flex; flex-direction: column; gap: 16px; }
button.pp-frame-only { background: var(--color-bg-white); color: var(--color-primary); }

/* VARIATION SWATCHES */
.woocommerce div.product form.cart .variations { margin: 0; }
.woocommerce div.product form.cart .variations tr { display: flex; align-items: flex-start; flex-direction: column; }
.woocommerce div.product form.cart .variations tr:first-child { display: none; }
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { background: none; }
.woocommerce div.product form.cart .variations tr th { padding: 0; min-width: 100px; display: block; width: 100% !important; font-size: 16px; line-height: 1.6; }
.woocommerce div.product form.cart .variations tr td { padding: 0; }
.woocommerce div.product form.cart .variations tr th span { display: none; }
.woo-variation-swatches.wvs-show-label .variations td .woo-selected-variation-item-name, .woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name, .woocommerce div.product form.cart .variations label { margin: 0; padding-bottom: 24px; }
.woo-variation-swatches .variable-items-wrapper { gap: 14px; }
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) { border-radius: 0px !important; margin: 2px; -webkit-box-shadow: 0 0 0 2px rgba(73, 102, 130, 0.30); box-shadow: 0 0 0 2px rgba(73, 102, 130, 0.30); }
.woo-variation-swatches .variable-items-wrapper .variable-item.selected, .woo-variation-swatches .variable-items-wrapper .variable-item.selected:hover { -webkit-box-shadow: 0 0 0 2px var(--color-primary) !important; box-shadow: 0 0 0 2px var(--color-primary) !important; }
span.woo-selected-variation-item-name { display: none !important; }

/* CART FORM */
.woocommerce div.product form.cart { margin: 0; }
.woocommerce div.product form.cart button { margin-top: 32px !important; }

/* RESPONSIVE DESIGN - MOBILE (768px) */
@media(max-width: 768px) {
    .woo-variation-swatches.wvs-show-label .variations td .woo-selected-variation-item-name, .woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name, .woocommerce div.product form.cart .variations label { padding-bottom: 16px; }
}