: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: #464646;
    --colour-highlight: #EBDEBD;
    --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: #000000;
    --colour-primary-050: #F6F6F6;
    --colour-primary-100: #E7E7E7;
    --colour-primary-200: #D1D1D1;
    --colour-primary-300: #B0B0B0;
    --colour-primary-400: #888888;
    --colour-primary-500: #6D6D6D;
    --colour-primary-600: #5D5D5D;
    --colour-primary-700: #4F4F4F;
    --colour-primary-800: #454545;
    --colour-primary-900: #3D3D3D;
    --colour-primary-950: #000000;
     
    /* Secondary colours */
    --colour-secondary: #D2AD72;
    --colour-secondary-050: #FBF9F1;
    --colour-secondary-100: #F5F0DF;
    --colour-secondary-200: #EBDEBD;
    --colour-secondary-300: #DDC594;
    --colour-secondary-400: #D2AD72;
    --colour-secondary-500: #C5904A;
    --colour-secondary-600: #B77C3F;
    --colour-secondary-700: #986336;
    --colour-secondary-800: #7B5031;
    --colour-secondary-900: #64432A;
    --colour-secondary-950: #352115;
    
    /* 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 */
    --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;

    /* Font height */
  --font-height-3xl: 1.4em;
  --font-height-2xl: 1.3em;
  --font-height-xl: 1.2em;
  --font-height-l: 1.1em;
  --font-height-m: 1em;
  --font-height-s: 0.9em;
  --font-height-xs: 0.8em;
}

/*
 * 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: 1px solid var(--colour-primary-200) !important;
    border-width: 1px 1px 1px 1px !important;
    border-radius: var(--radius-0) !important; 
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    border-top-color: var(--colour-primary-200);
    line-height: 3.5em;
}

.woocommerce .woocommerce-message:hover {
    outline: 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; }

/*
 * WooCommerce - 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; }

/*
 * WC - JetGallery - 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;*/ }

/*
 * WooCommerce - 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: contain !important;
}

.product-featured-image {
    mix-blend-mode: multiply;
}

@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: 400 !important;
}

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

.elementor-element-ab91191 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:hover{
    color: white;
}

.woocommerce-MyAccount-navigation {
    border-bottom: 1px solid var(--colour-grey-200);
}


/*
 * Specific adjustments for this project only
 */ 

/* Adjusts table presentation */
.woocommerce .product-attributes th.woocommerce-product-attributes-item__label {
/*    min-width: 60% !important;
    width: 60% !important; */
}
.woocommerce .product-attributes td.woocommerce-product-attributes-item__value {
/*    min-width: 40% !important; */
}

.woocommerce .product-attributes {
    
}

.woocommerce table.variations th, .woocommerce table.variations td {
    background-color: var(--colour-black) !important;
}

.woocommerce .woocommerce-variation.single_variation .woocommerce-variation-availability {
    display: none;
}

/* Removes margin-bottom for the element */
.woocommerce .woocommerce-result-count {
    margin: 0;
}

/* Attributes title on single product */
.product-attributes .jet-single-attrs__title{
    text-transform: uppercase;
    font-weight: 500 !important;
}

.wrapper-menu-icon:hover .menu-icon svg path, .wrapper-menu-icon:hover .menu-icon svg {
    fill: var(--colour-secondary) !important;
    stroke: var(--colour-secondary) !important;
}

a.menu-btn-wrapper:hover .menu-heading .elementor-heading-title {
    color: var(--colour-white) !important;
}

/* Product description - Price and other things */
.woocommerce-variation .price, .woocommerce-variation .stock{
    color: var(--colour-white) !important;
}
.reset_variations {
    color: var(--colour-grey-300) !important;
}


/*
 * Carousel Widget - Dots square with outline
 */
.jet-carousel .jet-slick-dots .slick-active span{
    width: 10px !important;
    height: 10px !important;
    transition: all 0.4s ease-in-out;
    border-radius: 0.5px;
    outline: 0.1em solid var(--e-global-color-secondary) !important;
    outline-offset: 0.12em !important;
    opacity: 1;
    background: var(--e-global-color-secondary) !important;
}

.jet-carousel .jet-slick-dots span{
    width: 10px !important;
    height: 10px !important;
    border-radius: 0.5px !important;
    outline: 0.1em solid var(--e-global-color-secondary) !important;
    outline-offset: 0.12em !important;
    background: var(--e-global-color-bb538e9) !important;
}

/*------- ANTIGO ------*/

/*.carousel-hero .swiper-pagination {
    margin-top: -25px;
}

.carousel-hero .swiper-pagination-bullet {
    transition: all 0.4s ease-in-out;
    border-radius: 0.5px;
    outline: 0.15em solid var(--e-global-color-secondary) !important;
    outline-offset: 0.15em !important;
    opacity: 1;
    background: none !important;
}

.carousel-hero .swiper-pagination-bullet:hover {
    opacity: 1;
}

.carousel-hero .swiper-pagination-bullet-active {
    width: 16px !important;
    border-radius: 2px;
    opacity: 1;
    background: var(--e-global-color-secondary) !important;
}*/


/*
 * Crocoblock - Testimonials Widget
 */ 

.jet-slick-dots .slick-active span{
    transition: all 0.4s ease-in-out;
    border-radius: 1.5px !important;
    outline: 0.09em solid var(--e-global-color-primary) !important;
    outline-offset: 0.1em !important;
    opacity: 1;
    background: var(--e-global-color-primary) !important;
}

.jet-slick-dots  span{
    border-radius: 0.5px !important;
    outline: 0.09em solid var(--e-global-color-primary) !important;
    outline-offset: 0.1em !important;
    background: var(--e-global-color-bb538e9) !important;
}

.pagination-hide-previous .jet-filters-pagination__item.prev-next.prev, .pagination-hide-next .jet-filters-pagination__item.prev-next.next {
    display: none !important;
}

/*
 * Crocoblock - Gallery Slider
 */

/* Single image + Thumbnails - Center vertically and horizontally. Needs reviews on selected classes */

.jet-woo-swiper-control-thumbs__item-image, .jet-woo-product-gallery__image, .swiper-wrapper { 
/*    display: flex;
    align-items: center;
    justify-content: center;*/
}

/* Thumbnails - Set dimensions to centre in wrapper. TODO: Needs mobile breakpoints. */ 

.jet-woo-swiper-control-thumbs__item.swiper-slide.swiper-slide-visible.swiper-slide-active.swiper-slide-thumb-active,
.jet-woo-swiper-control-thumbs__item-image, jet-woo-swiper-control-thumbs__item {/*
    max-width: 130px !important;    
    max-height: 130px !important;
    height: 130px !important;
    width: 130px !important;
*/}


/* 
 * Change placeholder color
 * Input and textarea placeholders 
 */
.elementor-field-textual::placeholder {
    color: var(--colour-black) !important;
    opacity: 1 !important;
}

/* Select dropdown options */
.elementor-field-textual option {
    color: var(--colour-black) !important;
}

/* Select dropdown - first option (acts as placeholder) */
.elementor-field-textual option:first-child {
    color: var(--colour-black) !important;
}

/* Select field itself when no option selected */
.elementor-select-wrapper select {
    color: var(--colour-black) !important;
}

/* Cross-browser support for placeholders */
.elementor-field-textual::-webkit-input-placeholder {
    color: var(--colour-black) !important;
}

.elementor-field-textual::-moz-placeholder {
    color: var(--colour-black) !important;
    opacity: 1 !important;
}

.elementor-field-textual:-ms-input-placeholder {
    color: var(--colour-black) !important;
}


/* Weight should be hidden because its only used to shipping calculation */
.woocommerce-product-attributes-item--weight {
    display: none;
}