/*
Theme Name: MT3
Theme URI: https://www.digitalogy.agency
Author: Digitalogy
Author URI: https://www.digitalogy.agency
Description: A lightweight starter theme built for Elementor and WooCommerce.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mt3
Tags: custom-logo, custom-menu, editor-style, one-column, two-columns, e-commerce, elementor
*/


:root{
    --thumbs-w: 60px;   /* sidebar width */
    --arrow-h: 28px;    /* arrow button height */
    --arrow-gap: 8px;   /* space above/below arrows */
    --container-width: 1330px;
    --border-radius-size: 1rem;
}

#content p,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content td,
#content th{ font-family: 'Open Sans', sans-serif !important; }


/**
*
*   REWRITE DEFAULT ELEMENTOR
*
**/
.swiper-pagination{right: 0;text-align: right !important;padding: 2rem;}
.swiper-pagination .swiper-pagination-bullet{background: white;width: 15px;height: 15px;transition: width 0.45s linear;opacity: 1;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 50px;border-radius: 20px;}
.button{color: #FFFFFF !important;background-color: var(--e-global-color-secondary) !important;font-family: var(--e-global-typography-secondary-font-family), Sans-serif !important;font-weight: var(--e-global-typography-secondary-font-weight) !important;border-radius: 2rem 2rem 2rem 2rem !important;}
.woocommerce .woocommerce-result-count{ margin-bottom: 0; margin-top: 7px; font-weight: bold; }
.woocommerce .woocommerce-ordering select{ border: none; background-color: #E3E9EA; border-radius: 20px; padding: 10px 15px; }


/**
*
*   HEADER
*
**/
.blackband{background-color: #231F20;padding: 0 1rem;}
.blackband .container{display: flex;justify-content: space-between;align-items: center;}
.blackband .container > div:nth-child(1){ color: white; display: flex; gap: 1rem; font-weight: 600; }
.blackband .container > div:nth-child(1) svg{ width: 30px; height: 30px; }
.blackband .container > div:nth-child(2){  }
.blackband .container > div:nth-child(2) ul{display: flex;list-style: none;margin: 0;padding: 0;display: flex;gap: 1rem;align-items: center;}
.blackband .container > div:nth-child(2) ul li{  }
.blackband .container > div:nth-child(2) ul li a{ color: white;text-decoration: none;font-weight: 600; }
.blackband .container > div:nth-child(2) ul li:last-of-type{ }
.blackband .container > div:nth-child(2) ul li:last-of-type a{background-color: var(--secondary-color);padding: 1.5rem 2rem;display: block;margin-left: 2rem;color: var(--primary-color);font-weight: bold;}

header .elementor-sticky--active .e-con-inner{ padding: 0 !important; }
header .elementor-sticky--active .toplogo .elementor-widget-container > a > img{ width: 50% !important; transition: all 0.2s linear; }

@media (max-width: 768px){
    .blackband .container{ flex-direction: column; }
    .blackband .container > div:nth-child(1){text-align: center;line-height: 1.2;margin-bottom: 1rem;}
    .blackband .container > div:nth-child(2){ display: none; }
    .blackband .container > div:nth-child(2) ul{ flex-direction: column; }
    .blackband .container > div:nth-child(2) ul li{}
    .blackband .container > div:nth-child(2) ul li a{  }
}

.topbar{ padding: 1rem; }
.topbar .container{ display: flex;justify-content: space-between;align-items: center; border-bottom: 2px solid var(--primary-color); padding-bottom: 1rem; }
.topbar .container > div:nth-child(1){display: flex;gap: 1rem;align-items: center;flex: 1;font-weight: 600;}
.topbar .container > div:nth-child(1) svg{ width: 118px; height: 19px; }
.topbar .container > div:nth-child(2){display: flex;gap: 1rem;justify-content: flex-end;align-items: center;flex: 1;font-weight: 600;}
.topbar .container > div:nth-child(2) svg{ width: 119px; height: 17px; }

@media (max-width: 768px){
    .topbar .container{flex-direction: column;gap: 1rem;}
}

/** Search bar **/
.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border: none;background-color: #E3E9EA;border-radius: 20px;}
.elementor-slides .swiper-slide-bg{ border-radius: 30px; }



/**
*
*   Megamenu
*
**/
.wpr-sub-mega-menu{ border: none !important; }
.wpr-sub-mega-menu .wc-cat-hero { margin-bottom: 0; }
.wpr-sub-mega-menu .wc-cat-hero img { display: block; max-width: 100%; height: auto; border-radius: 30px; }
.wpr-sub-mega-menu .wc-top-level-cats{display: flex;flex-wrap: wrap;gap: 0.5rem;}
.wpr-sub-mega-menu .wc-top-level-cats li{ width: 100%;display: flex;align-items: flex-start;gap: 0.5rem;}
.wpr-sub-mega-menu .wc-top-level-cats li.cat-item-303{padding-top: 1rem;margin-top: 1rem;margin-bottom: 1rem;border-top: 1px dashed white;}
.wpr-sub-mega-menu .wc-top-level-cats li:before{width: 15px;height: 15px;content: " ";background: url('data:image/svg+xml,<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.31 12.62"><defs><style>.cls-1-573799672256{fill:%23fff;stroke-width:0px;}</style></defs><polygon class="cls-1-573799672256" points="0 0 6.31 6.31 0 12.62 0 0"/></svg>');background-repeat: no-repeat;background-position: center;display: block;margin-top: 0;}
.wpr-sub-mega-menu .wc-top-level-cats li a{text-transform: uppercase;color: white; line-height: 1.1; }
.wpr-sub-mega-menu .wc-top-level-cats li a.is-active {  }

.wpr-sub-mega-menu .wc-subcats{display: flex;flex-wrap: wrap;gap: 0.5rem;}
.wpr-sub-mega-menu .wc-subcats li{ width: 100%;display: flex;align-items: flex-start;gap: 0.5rem;}
.wpr-sub-mega-menu .wc-subcats li:before{width: 15px;height: 15px;content: " ";background: url('data:image/svg+xml,<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.31 12.62"><defs><style>.cls-1-573799672256{fill:%23fff;stroke-width:0px;}</style></defs><polygon class="cls-1-573799672256" points="0 0 6.31 6.31 0 12.62 0 0"/></svg>');background-repeat: no-repeat;background-position: center;display: block;margin-top: 0;}
.wpr-sub-mega-menu .wc-subcats li a{text-transform: uppercase;color: white; line-height: 1.1; }
.wpr-sub-mega-menu .wc-subcats li a.is-active { }

.wpr-sub-mega-menu .wc-products{display: flex;flex-wrap: wrap;gap: 0.5rem;}
.wpr-sub-mega-menu .wc-products li{ width: 100%;display: flex;align-items: flex-start;gap: 0.5rem;}
.wpr-sub-mega-menu .wc-products li:before{width: 15px;height: 15px;content: " ";background: url('data:image/svg+xml,<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.31 12.62"><defs><style>.cls-1-573799672256{fill:%23fff;stroke-width:0px;}</style></defs><polygon class="cls-1-573799672256" points="0 0 6.31 6.31 0 12.62 0 0"/></svg>');background-repeat: no-repeat;background-position: center;display: block;margin-top: 0;}
.wpr-sub-mega-menu .wc-products li a{text-transform: uppercase;color: white; line-height: 1.1; }
.wpr-sub-mega-menu .wc-products li a.is-active { }
.wpr-sub-mega-menu .wc-subcats li a.viewall { font-size: 13px; text-decoration: underline; }


/**
*
*   ACCORDIONS
*
**/
.e-n-accordion{ }
.e-n-accordion .e-n-accordion-item{ border: none; border-top: 1px solid #010101; }
.e-n-accordion .e-n-accordion-item:first-of-type{ border: none; }
.e-n-accordion .e-n-accordion-item .e-n-accordion-item-title{ border: none; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.e-n-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-text{ color: #231F20; font-size: 32px; font-weight: bold; }
.e-n-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-header{ order: 1; }
.e-n-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-icon{ order: 2; }
.e-n-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-icon > span{background-color: #F37021;padding: 1rem;height: auto;border-radius: 50%;}
.e-n-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-icon .e-opened{  }
.e-n-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-icon .e-close{  }
.e-n-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-icon > span svg path{ fill: white; }
.e-n-accordion .e-n-accordion-item > div{ border: none; }


/**
*
*   SINGLE PRODUCT - IMAGE GALLERY
*
**/
/* Layout: [thumbs column] [featured image] */
.single-product div.product .woocommerce-product-gallery{
    display: flex;
    gap: 16px;
    align-items: stretch;         /* equal column heights */
    position: relative;
}

/* Allow flex children to shrink below their content */
.single-product div.product .woocommerce-product-gallery > *{
    min-height: 0;                /* 🔑 stops thumbs from forcing extra height */
}

/* Main image column */
.single-product div.product .woocommerce-product-gallery .flex-viewport{
    flex: 1 1 auto;
    min-width: 0;
}

/* Thumbnails column: fixed width, same height as image, scroll inside */
.single-product div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs{
    order: -1;
    display: flex !important;
    flex-direction: column;
    flex: 0 0 var(--thumbs-w);
    width: var(--thumbs-w) !important;
    align-self: stretch;          /* match image column height */

    /* height constraints */
    height: auto;
    max-height: 500px !important;             /* cap to gallery height */
    min-height: 0;                /* allow shrink inside the flex line */

    /* scrolling inside only, hide scrollbar */
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;

    /* keep thumbs clear of the arrows that overlay this column */
    box-sizing: border-box;
    padding-top: calc(var(--arrow-h) + var(--arrow-gap));
    padding-bottom: calc(var(--arrow-h) + var(--arrow-gap));
    gap: 10px;
    margin: 0;
    list-style: none;             /* remove dots */
}
.single-product div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar{ display: none; }

/* Thumbs */
.single-product div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li{
    width: 100% !important;
    margin: 0;
    list-style: none;
}
.single-product div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs a{ display: block; }
.single-product div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs img{
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    cursor: pointer;
    -webkit-user-drag: none;
    user-select: none;
}
.single-product div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs img.flex-active{
    border: 2px solid #333;
}

/* Arrows pinned to the same column, top and bottom */
.single-product div.product .woocommerce-product-gallery .flex-direction-nav{
    display: block !important;
    position: absolute !important;
    left: 0;
    width: var(--thumbs-w);
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    pointer-events: none;         /* only buttons clickable */
    z-index: 3;
}
.single-product div.product .woocommerce-product-gallery .flex-direction-nav li{ list-style: none; }
.single-product div.product .woocommerce-product-gallery .flex-direction-nav a{
    pointer-events: auto;
    position: absolute !important;
    left: 50%;
    transform: translateX(-50%);
    width: var(--arrow-h);
    height: var(--arrow-h);
    line-height: var(--arrow-h);
    text-align: centre;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    font-size: 0;
    opacity: 1 !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
.single-product div.product .woocommerce-product-gallery .flex-direction-nav .flex-prev{border: none;text-align: center;background-color: #F37021;width: 100%;display: flex;align-items: center;justify-content: center;position: relative !important;top: 0;border-radius: 30px;}
.single-product div.product .woocommerce-product-gallery .flex-direction-nav .flex-next{border: none;text-align: center;background-color: #F37021;width: 100%;display: flex;align-items: center;justify-content: center;bottom: 0;border-radius: 30px;}

/* Simple chevrons, remove if theme provides icons */
.single-product div.product .woocommerce-product-gallery .flex-direction-nav a:before{
    content:"";
    display:inline-block;
    width:0; height:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
}
.single-product div.product .woocommerce-product-gallery .flex-direction-nav .flex-prev:before{border-bottom: 8px solid white;}
.single-product div.product .woocommerce-product-gallery .flex-direction-nav .flex-next:before{border-top: 8px solid white;}

/* Mobile fallback */
@media (max-width: 768px){
    .single-product div.product .woocommerce-product-gallery{ display: block; }
    .single-product div.product .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs{
        flex-direction: row;
        flex: none;
        width: auto !important;
        height: auto;
        max-height: none;
        overflow: visible;
        gap: 8px;
        padding: 0;
    }
    .single-product div.product .woocommerce-product-gallery .flex-direction-nav{ display: none !important; }
}



/* Quote section hidden by default */
.show-when-quote { display: none; }

/* If product has no price, hide Add to Cart area and show quote area */
.product-no-price .hide-when-quote { display: none !important; }
.product-no-price .show-when-quote { display: block !important; }



/* Woocommerce overwrite */

.woocommerce{/* max-width: var(--container-width); */margin: 0 auto;}
.woocommerce .woocommerce-order{ max-width: var(--container); margin: 0 auto; padding: 0; }

/* Woo - alerts */
.woocommerce-notices-wrapper{max-width: 1330px;margin: 0 auto;}
.woocommerce-notices-wrapper .woocommerce-error{border: none !important;border-radius: var(--border-radius-size,3px) !important;}
.woocommerce-notices-wrapper .woocommerce-error li{display: flex !important;align-items: center !important;gap: 2rem !important;justify-content: flex-start !important;flex: 1;}

/* Woo - cart */
.e-cart__container{ }
.e-cart__container .e-cart-totals{ border-radius: var(--border-radius-size,3px) !important; }

/* Woo - checkout */
.e-checkout__column-start #customer_details .col-1{ border-top-left-radius: var(--border-radius-size,3px) !important; border-bottom-left-radius: var(--border-radius-size,3px) !important; background: #f9f9f9 !important; }
.e-checkout__column{ border-top-right-radius: var(--border-radius-size,3px) !important; border-bottom-right-radius: var(--border-radius-size,3px) !important; }

.wc_payment_method{ }
.wc_payment_method label{ }
.wc_payment_method label img{ margin: 5px 0 10px 2rem !important; }