:root {

    /* Listing items */
    --listing-item-featured-image-height-base: 300px; /* Sets default listing item image size */
    --listing-item-meta-height-base: 220px; /* Sets default listing item meta size */
    --tablet-scale: 0.96; /* Scales down image height for tablet */
    --mobile-scale: 0.94; /* Scales down image height for mobile */

    /* Base colors */
    --colour-text: #262B35;
    --colour-highlight: #FFC56D;
    --colour-transparent: #00000000;
    --colour-white: #FFFFFF;
    --colour-black: #000000;
    
    /* Grey scale */
    --colour-grey-050: #FAFAFA;
    --colour-grey-100: #EFEFEF;
    --colour-grey-200: #DCDCDC;
    --colour-grey-300: #BDBDBD;
    --colour-grey-400: #989898;
    --colour-grey-500: #7C7C7C;
    --colour-grey-600: #656565;
    --colour-grey-700: #525252;
    --colour-grey-800: #464646;
    --colour-grey-900: #3D3D3D;
    --colour-grey-950: #292929;
    
    /* Primary colours */
    --colour-primary: #384DCF;
    --colour-primary-050: #F1F4FD;
    --colour-primary-100: #E0E7F9;
    --colour-primary-200: #C7D4F6;
    --colour-primary-300: #A1B8EF;
    --colour-primary-400: #7493E6;
    --colour-primary-500: #5470DD;
    --colour-primary-600: #384DCF;
    --colour-primary-700: #3642BF;
    --colour-primary-800: #31379C;
    --colour-primary-900: #2C337C;
    --colour-primary-950: #1F214C;
     
    /* Secondary colours */
    --colour-secondary: #FFC56D;
    --colour-secondary-050: #FFF9ED;
    --colour-secondary-100: #FFF1D4;
    --colour-secondary-200: #FFDFA9;
    --colour-secondary-300: #FFC56D;
    --colour-secondary-400: #FEA439;
    --colour-secondary-500: #FC8713;
    --colour-secondary-600: #ED6C09;
    --colour-secondary-700: #C55109;
    --colour-secondary-800: #9C4010;
    --colour-secondary-900: #7E3610;
    --colour-secondary-950: #441A06;
    
    /* Feedback colors */
    --colour-feedback-error: #B30000;
    --colour-feedback-warning: #F3C300;
    --colour-feedback-success: #009D03;
    
    /* Typography */
    --font-primary: 'Poppins', sans-serif;
    --font-secondary: 'Poppins', sans-serif;
    --font-text: 'Poppins', sans-serif;
    --font-accent: 'Poppins', sans-serif;
    --font-headings: 'Poppins', sans-serif;
    --font-ui: 'Poppins', sans-serif; /* buttons, forms, widgets */

    --font-size-1: 2.986em;
    --font-size-2: 2.488em;
    --font-size-3: 2.074em;
    --font-size-4: 1.728em;
    --font-size-5: 1.44em;
    --font-size-6: 1.2em;
    --font-size-7: 1em;
    --font-size-s: 0.833em;
    --font-size-xs: 0.694em;
}

/*
 * WooCommerce
 */

/*
 * WC - Cart Widget
 * Widget not loading general styles. Responsive optimizations.
 */

.wc-cart * {
    font-family: var(--font-ui) !important;  
}

.wc-cart thead * {
    font-family: var(--font-headings) !important;  
}

.elementor-widget-woocommerce-cart .woocommerce .cart th {
    color: var(--colour-grey-400) !important;
    font-weight: normal;
}

.elementor-widget-woocommerce-cart .woocommerce input.qty {
    padding: var(--space-s) var(--space-xs) !important;
    min-width: 80px;
    background-color: var(--colour-grey-050) !important;
    border: 2px solid var(--colour-grey-100) !important;
    border-radius: var(--radius-m) !important;
}

.elementor-widget-woocommerce-cart .woocommerce input.qty:hover {
    border-color: var(--colour-primary) !important;
}

.wc-cart .cart tr td { border: none !important; }
.wc-cart .cart tr td.product-thumbnail img {
    border-radius: var(--radius-m) !important;
    width: 56px !important;
    height: 56px !important;
    object-fit: cover; 
}

.wc-cart .cart td.product-remove a.remove {
    color: var(--colour-feedback-error) !important;
}

.wc-cart div.e-shop-table:hover,
.wc-cart div.coupon:hover,
.wc-cart div.e-cart-totals:hover {
    border-color: var(--colour-primary) !important;
}

@media (max-width: 767px) {
    .wc-cart .cart_item {
        border: none !important;
        background-color: var(--colour-grey-050);
        margin-bottom: var(--space-m);
        border-radius: var(--radius-m);
    }

    .wc-cart .product-name {
        display: block !important;
        font-weight: 600 !important;
        font-size: 1.2em !important;
    }

    .wc-cart td *, .wc-cart td::before {
        font-weight: 500 !important;
        font-size: 0.96em !important;
        line-height: 2.66em !important;
    }

    .wc-cart td.product-remove * {
        font-size: var(--font-size-6) !important;
    }

    .wc-cart td {
        padding-block: var(--space-2xs) !important;
    }

    .elementor-widget-woocommerce-cart .woocommerce input.qty {
        background-color: var(--colour-white) !important;
    }
}

/*
 * WC - Checkout Widget
 * Widget not loading general styles.
 */

.wc-checkout * { font-family: var(--font-primary); }

.wc-checkout h1, .wc-checkout h2, .wc-checkout h3, .wc-checkout h4, .wc-checkout h5, .wc-checkout h6 {
    font-family: var(--font-headings);
}
.wc-checkout button { font-family: var(--font-ui); }

.wc-checkout .order-total td small { color: var(--colour-grey-500) !important; font-size: 70%; display: block; } 

.wc-checkout .order-total td small span { color: var(--colour-black) !important; font-weight: 600; } 

.wc-checkout th { width: 60%; }

.wc-checkout strong.product-quantity {
    font-weight: 600;
    font-size: 80%;
}

.wc-checkout .woocommerce-info { background-color: var(--colour-transparent) !important; }

.wc-checkout .wc_payment_methods label { font-weight: 600 !important; }

.wc-checkout .payment_methods li { line-height: 3em !important; }

.wc-checkout div.col-1:hover,
.wc-checkout div.shipping_address:hover,
.wc-checkout div.woocommerce-additional-fields:hover,
.wc-checkout div.e-coupon-box:hover,
.wc-checkout div.woocommerce-checkout-payment:hover {
    border-color: var(--colour-primary) !important;
}

/* 
 * WC - Sets default style to sale price - default WooCommerce and JetWoo Builder Widget
 */
.price del, .jet-woo-product-price del {
    font-size: var(--font-size-s);
    font-weight: 500;
}

/* WC - Notices */
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { background-color: var(--colour-transparent); border: 2px solid var(--colour-transparent) !important; border-radius: var(--radius-s); !important }
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { border-top-color: var(--colour-transparent); line-height: 3.5em; }

.woocommerce .woocommerce-message:hover { border: 2px solid var(--colour-primary) !important; }

/* WC - Button defaults */
.woocommerce .woocommerce-message a.button {
    border: 2px solid var(--colour-primary) !important;
    border-radius: var(--radius-s) !important;
    font-family: var(--font-ui) !important;
    background-color: var(--colour-primary);
    color: var(--colour-white);
}

.woocommerce .woocommerce-message a.button:hover {
    background-color: var(--colour-primary);
    color: var(--colour-white);
}

/* 
 * WC - Product Single - Attributes table
 */

/* Sets variation attributes select aligned to the left */
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    padding-left: 0;
    padding-right: 0;
}

/* Variations table spacing */
.woocommerce .variations th, .woocommerce .variations td { padding: var(--space-3xs) 0px; }
.woocommerce.single-product .woocommerce-variation-price { padding-top: var(--space-s); padding-bottom: var(--space-xs); }

/* Removes default attributes table top border */
.woocommerce table.shop_attributes { border: none; }

/* Removes side paddings to align with other widgets */
.woocommerce table.shop_attributes th { padding-left: 0px; padding-right: 0px; }

/*
 * WC - JetWoo - Single Meta Widget
 */

/* SKU */ 
.elementor-element.elementor-widget.elementor-widget-woocommerce-product-meta .product_meta .sku_wrapper { /* display: none !important; */ } 

/* Categories */
.elementor-element.elementor-widget.elementor-widget-woocommerce-product-meta .product_meta .posted_in { display: none !important; }

/* Tags */
.elementor-element.elementor-widget.elementor-widget-woocommerce-product-meta .product_meta .tagged_as { display: none !important; }

/*
 * Crocoblock - JetGallery Widget
 * Adjustments for vertical Mode
 */

 /* If no thumbs hides it and the slider uses max available width */
.product-gallery .jet-woo-swiper.jet-woo-swiper-vertical.jet-gallery-swiper-vertical-pos-start:not(:has(.jet-gallery-swiper-thumb)) .jet-gallery-swiper-slider { max-width: 100%; }

/* Adds border radius to the thumbnails */
.product-gallery .jet-woo-swiper-control-thumbs__item-image img { border-radius: var(--radius-s); }

/* Aligns the slider image to the left for better presentation with vertical thumbs */
.jet-woo-product-gallery-slider .jet-woo-product-gallery__image { text-align: left; }

/* Removes margin between vertical thumbs, only gap should be used for calculations */
.product-gallery .jet-woo-swiper-control-thumbs__item { margin-bottom: 0px !important; /*height: 80px !important;*/ }

/*
 * WC - Featured images + JetWoo Thumbnail 
 * Forces min-height and apply image cover
 */
.product-item .product-featured-image img {
  height: var(--listing-item-featured-image-height-base) !important;
  min-height: var(--listing-item-featured-image-height-base) !important;
  max-height: var(--listing-item-featured-image-height-base) !important;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  object-fit: cover !important;
}

@media (max-width: 1024px) {
  .product-item .product-featured-image img { height: calc(var(--listing-item-featured-image-height-base) * var(--tablet-scale)) !important; }
}

@media (max-width: 767px) {
  .product-item .product-featured-image img { height: calc(var(--listing-item-featured-image-height-base) * var(--mobile-scale)) !important; }
}

/*
 * WC - My Account Widget
 * Loads Elementor settings and normalizes presentation
 */
.wc-my-account * {
  font-family: var(--font-text) !important;
}

.wc-my-account .woocommerce-orders-table__header span {
  font-weight: 600 !important;
}

.wc-my-account a.button.wc-forward {
  background-color: var(--colour-primary) !important;
  color: var(--colour-white) !important;
  padding: var(--space-xs) var(--space-s) !important;
}

.wc-my-account .woocommerce-EditAccountForm.edit-account label,
.wc-my-account h2 {
  font-weight: 600 !important;
}

.wc-my-account .woocommerce-MyAccount-content-wrapper {
  padding: var(--space-l) !important;
  background-color: var(--colour-grey-050) !important;
  border-radius: var(--radius-s) !important;
}


/*
 * Specific adjustments for this project only
 */