/*
 Theme Name:  Divi Child Theme MotoSuperMarket.bg
 Theme URI:    https://www.facebook.com/alex.alexi1
 Description:  Child Theme for Divi
 Author:       Alex Alexi
 Author URI:   https://www.facebook.com/alex.alexi1
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/
/* Buttons style */
/* 1. Grouped Base & Hover States for MotoSuperMarket Buttons */
.et_pb_button, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit {
    background: linear-gradient(180deg, rgb(255, 102, 28) 0%, rgb(228, 8, 10) 100%) !important;
	/*box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.2);*/
}

/* 2. Consolidated Hover Rules */
.et_pb_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    text-decoration: underline !important;
}

/* WOOCOMMERCE */
/* On the Checkout Page make Billing information 100% width */
.woocommerce-page.woocommerce-checkout .col2-set .col-1 {
    float: none !important;
    width: 100% !important;
}

/* Hide Sort / Order by on mobile devices / tablets*/
@media only screen and (max-width: 1400px) {
    .woocommerce-ordering, .woocommerce-result-count {
        display: none !important;
    }
}

/* On tags pages, search results, taxonomies pages - no padding-top */
body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
    padding-top: 0 !important;
}

/* Select field on Variable product page */
.orderby, .woocommerce div.product form.cart .variations td select {
    font-family: 'Roboto Condensed', Arial, sans-serif;
    background-color: #f9f9f9;
    border: 1px solid #aaa !important;
    border-radius: 4px;
    color: #3e3e3e !important;
    font-size: 18px !important;
    padding: 4px 8px;
    margin-top: 5px !important;
    font-weight: 500;
}

/* Add margin on checkout page at the bottom */
#customer_details, .form-row {
    margin-bottom: 35px !important;
}

/* Add border to margin on checkout page at the bottom */
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty {
    width: 80px !important;
}

.input-text {
    border: 1px solid #aaa !important;
    background-color: #f9f9f9 !important;
    border-radius: 4px !important;
}

/* Border on product quantity input */
.et_pb_wc_add_to_cart .quantity input.qty {
    border: 1px solid #aaa !important;
}

/* Always show arrows on quantity field */
input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

/* Hide Update cart row on Checkout page */
td[colspan="6"] > .coupon {
    display: none !important;
}

/* Showing only 1 product on mobile devices */
@media (max-width: 480px) {
    .et-db #et-boc .et-l .et_pb_shop ul.products.columns-1 li.product, .et-db #et-boc .et-l .et_pb_shop ul.products.columns-2 li.product, .et-db #et-boc .et-l .et_pb_shop ul.products.columns-3 li.product, .et-db #et-boc .et-l .et_pb_shop ul.products.columns-4 li.product, .et-db #et-boc .et-l .et_pb_shop ul.products.columns-5 li.product, .et-db #et-boc .et-l .et_pb_shop ul.products.columns-6 li.product {
        margin: 0 0 11.5% !important;
        width: 100% !important;
    }
}

/* Remove border on Image on Product page  */
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
    border: none !important;
}

.woocommerce ul.products li.product .woocommerce-placeholder {
    border: none !important;
}

/* Change the background's opacity of the WooCommerce product image */
/*.pswp__bg {
    opacity: 0.8 !important
}*/

/* All WooCommerce Products' images one size */
/*@media only screen and (min-width: 768px) {
    .woocommerce ul.products li.product a img {
        width: auto !important;
        height: 160px !important;
        padding-left: 25% !important;
    }
}*/

/*.shadow-menu-link{
	text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.5) !important;
}*/

/* Direct override for MotoSuperMarket.bg Primary Menu */
/*#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
    font-weight: 700 !important;
}*/

/* Optional: Ensuring the 'Products' (Продукти) button also respects the weight */
/*#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-menu-megamenu > a.mega-menu-link {
    font-weight: 600 !important;
}*/

/* Take out the divider line between content and sidebar */
/*#main-content .container:before {
    background: none;
}*/

/* Hide Sidebar */
/*#sidebar {
    display: none;
}*/

/* The size of width of Cookie Plugin */
/*#cookie-notice {
    min-width: 30% !important;
    margin-left: 40% !important;
}*/

/* Hide GDPR bottom bar on mobile devices */
/*@media only screen and (max-width: 767px) {
    #cookie-notice {
        display: none !important;
    }
}*/

/* Deactivate on Checkout terms and conditions text to open */
/*
span.woocommerce-terms-and-conditions-checkbox-text > a {
    pointer-events: none !important;
}
*/

/* Checkout page - links underline */
/*.woocommerce-info a {
    text-decoration: underline !important;
}*/

/* Product filter CSS */
/*.wpf_item {
    font-weight: 600 !important;
}

.wpf_level_2 {
    font-weight: 500 !important;
}

.wpf_item li .wpf_selected {
    color: #e4080a !important;
}*/

/* Customize the sale badge */
/*.woocommerce span.onsale {
    padding: 2px 8px !important; !* Customize badge padding *!
}*/

/*.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    border-radius: 6px;
}*/

/* Woocommerce image gallery thumbnails on one row on Desktop ONLY */
/*@media only screen and (min-width: 769px) {
    .woocommerce-product-gallery {
        display: grid;
        gap: 10px
    }

    @media only screen and (max-width: 35.999em) {
        .woocommerce-product-gallery {
            gap: 6px;
        }
    }
    .woocommerce-product-gallery .flex-control-thumbs {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 17%;
        gap: 1rem;
        overflow-x: auto !important;
        overscroll-behavior-inline: contain;
    }

    @media screen and (max-width: 47.999em) {
        .woocommerce-product-gallery .flex-control-thumbs {
            grid-auto-columns: 12.5%;
            gap: 6px;
        }
    }
    .woocommerce-product-gallery .flex-control-thumbs li {
        float: none !important;
        width: 100% !important;
        display: grid;
    }

    .woocommerce-product-gallery .flex-control-thumbs li img {
        inline-size: 100%;
        aspect-ratio: 1/1;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 5px;
    }

    .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
        border: 5px solid #f2f2f2;
    }

    @media screen and (max-width: 47.999em) {
        .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
            border: 2px solid #f2f2f2;
        }
    }
    .woocommerce-product-gallery .flex-control-nav {
        -ms-scroll-snap-type: inline mandatory;
        scroll-snap-type: inline mandatory;
        scroll-padding-inline: 10px;
    }

    .woocommerce-product-gallery .flex-control-nav > * {
        scroll-snap-align: start;
    }
}*/

/* Hide menu element on small Desktop screens */
/*@media only screen and (min-width: 981px) and (max-width: 1300px) {
    .hide-on-small-desktop {
        display: none !important;
    }
}*/

/* Do not show buttons on category / shop and main page */
/*.woocommerce ul.products li.product a.button {
    display: none !important;
}*/

/* Checkout Button on footer */
/*.xt_woofc-inner {
    bottom: 40px !important;
}*/

/* Border radius on products on shop/category pages */
/*.et_pb_shop .products li:hover {
    border: 1px solid #e7e7e7 !important;
    border-radius: 20px !important;
}*/

/*Hide the title in the product gallery*/
/*.pswp__caption {
    display: none !important;
}*/

/* Main page slider arrows always on */
/*.et-pb-arrow-next {
    opacity: 1;
    right: 22px;
}

.et-pb-arrow-prev {
    opacity: 1;
    left: 22px;
}

@media (max-width: 980px) {
    .et_pb_column .et_pb_module {
        margin-bottom: 5px;
    }
}*/

/* Disallow copy-paste function on different browsers*/
/** {
    -webkit-touch-callout: none; !* iOS Safari *!
    -webkit-user-select: none; !* Safari *!
    -ms-user-select: none; !* Internet Explorer/Edge *!
    user-select: none; !* Non-prefixed version, currently supported by Chrome, Opera and Firefox *!
}*/

/*#mega-menu-item-25751 > ul > li {
    display: inline-block;
    float: left;
    width: 200px;
}*/

/* Hide menu element on Tablet/Phone */
/*
@media only screen and (max-width: 1300px) {
    .hide-on-mobile-tablet {
        display: none !important;
    }
}
*/

/* Letter spacing to the main menu - megamenu */
/*#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
    letter-spacing: 1px !important;
    font-weight: 600 !important;
}*/

/* Hide menu element on Desktop */
/*@media only screen and (min-width: 769px) {
    .hide-on-desktop {
        display: none !important;
    }

    .category-menu .menu-item-has-children > a:after {
        display: none !important;
    }
}*/

/* Change star color on reviews/rating stars */
/*.woocommerce p.stars a::before, .star-rating > span:before {
    color: #ef850d !important;
}*/

/* Change background color of the Contact Form + БЪРЗА ПОРЪЧКА */
/*.et-pb-contact-message p, .et_pb_contact_form_0 p {
    background-color: #39a539 !important;
    color: #ffffff !important;
    padding: 10px 20px !important
}*/

/* Remove Woo product review's dash and published date */
/*
.woocommerce-review__dash, .woocommerce-review__published-date {
    display: none !important;
}
*/

/* Circle background of Woo magnifying glass */
/*.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    background: #f3f3f5 !important;
}*/

/* Closing sub menu + mobilesubmenu.js - mobile/Tablet version */
/*.et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, #main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules', sans-serif;
    text-align: center;
    color: #ef850d !important;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    content: '\33';
    top: 11px;
    right: 13px;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
}

.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}

.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}*/

/* Add to mobile version Facebook Word and phone number*/
/*@media screen and (max-width: 981px) {
    .fb-icon > a:after {
        position: relative !important;
        font-family: "Play", serif !important;
        content: "Facebook";
        left: 8%;
        color: #252422;
    }

    .phone-icon > a:after {
        position: relative !important;
        font-family: "Play", serif !important;
        content: "0879 975 557";
        left: 8%;
        color: #252422;
    }
}*/

/* Footer info center align */
/*#footer-info {
    float: none;
    !*margin-bottom: 50px !important;*!
    text-align: center;
}*/

/* Footer info font-weight */
/*#footer-info a, .bottom-nav a {
    font-weight: 500 !important;
}*/

/* Footer menu center align */
/*#et-footer-nav .container {
    text-align: center !important;
}*/

/* The size of width of Cookie Plugin */
/*#cookie-notice {
    min-width: 30% !important;
    margin-left: 20% !important;
}*/

/* Do not show buttons on category / shop and main page */
/*.woocommerce ul.products li.product a.button {
    display: none !important;
}*/