/*
Theme Name: The7 Child - Stratco Style
Template: dt-the7
*/

:root {
    --the7-accent-color: #F38818 !important;
    --the7-accent-bg-color: #F38818 !important;
    --the7-links-color: #F38818 !important;
    --the7-menu-decor-color: #F38818 !important;
    --the7-menu-active-line-decor-color: #F38818 !important;
    --the7-btn-bg-color: #F38818 !important;
    --the7-btn-border-color: #F38818 !important;
}

/* Wrapper */
.side-menu-wrapper {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
}

/* Menu */
.side-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 166px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* Each item */
.side-menu li {
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

/* Link */
.side-menu li a {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    background: #F38818;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.side-menu li a:hover {
    background: #F89A36;
}

.side-menu li a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
}

.icon-location a::before { content: "\f3c5"; }
.icon-quote a::before { content: "\f303"; }
.icon-mail a::before { content: "\f0e0"; }
.icon-phone a::before { content: "\f095"; }
.icon-user a::before { content: "\f007"; }

/* Global button animation */
button,
input[type="button"],
input[type="submit"],
a.button,
.wp-block-button__link,
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.dt-btn {
    position: relative;
    overflow: hidden;
    transition: 0.6s ease;
}

button::after,
input[type="button"]::after,
input[type="submit"]::after,
a.button::after,
.wp-block-button__link::after,
.elementor-button::after,
.woocommerce a.button::after,
.woocommerce button.button::after,
.woocommerce input.button::after,
.dt-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.2);
    transition: 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

button:hover::after,
input[type="button"]:hover::after,
input[type="submit"]:hover::after,
a.button:hover::after,
.wp-block-button__link:hover::after,
.elementor-button:hover::after,
.woocommerce a.button:hover::after,
.woocommerce button.button:hover::after,
.woocommerce input.button:hover::after,
.dt-btn:hover::after {
    left: 100%;
}

/* Global orange buttons */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce .button,
.single_add_to_cart_button,
.checkout-button,
.wc-forward,
.woo-buttons a,
.elementor-menu-cart__footer-buttons .elementor-button,
.woocommerce-cart .wc-proceed-to-checkout a.button,
.woocommerce-account .woocommerce form.login .button,
.woocommerce-account .woocommerce form.register .button,
.woocommerce-cart .button,
.woocommerce-account .button,
.woocommerce-checkout .button,
.single-product .button {
    background: #F38818 !important;
    background-image: none !important;
    border: 1px solid #F38818 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.wc-forward:hover,
.woo-buttons a:hover,
.elementor-menu-cart__footer-buttons .elementor-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.button:hover,
.woocommerce-account .woocommerce form.login .button:hover,
.woocommerce-account .woocommerce form.register .button:hover,
.woocommerce-cart .button:hover,
.woocommerce-account .button:hover,
.woocommerce-checkout .button:hover,
.single-product .button:hover {
    background: #F89A36 !important;
    background-image: none !important;
    border-color: #F89A36 !important;
    color: #ffffff !important;
}

/* White secondary mini-cart buttons */
.elementor-menu-cart__footer-buttons .elementor-button--view-cart,
.woocommerce-mini-cart__buttons .button:not(.checkout),
.widget_shopping_cart .buttons .button:not(.checkout) {
    background: #ffffff !important;
    color: #F38818 !important;
    border: 1px solid #F38818 !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover,
.woocommerce-mini-cart__buttons .button:not(.checkout):hover,
.widget_shopping_cart .buttons .button:not(.checkout):hover {
    background: #F38818 !important;
    color: #ffffff !important;
    border-color: #F38818 !important;
}

/* Text/icon visibility */
.elementor-menu-cart__footer-buttons .elementor-button span,
.elementor-menu-cart__footer-buttons .elementor-button .elementor-button-text,
.woo-buttons a .icon,
.woo-buttons a i,
.woo-buttons a svg {
    color: inherit !important;
    fill: currentColor !important;
}

/* Disable shine where it breaks Woo buttons */
.woocommerce button.button::after,
.woocommerce a.button::after,
.woocommerce input.button::after,
.single_add_to_cart_button::after,
.checkout-button::after,
.wc-forward::after,
.woo-buttons a::after,
.elementor-menu-cart__footer-buttons .elementor-button::after,
.woocommerce-cart .button::after,
.woocommerce-account .button::after,
.single-product .button::after {
    display: none !important;
}

/* Keep update cart simple */
.woocommerce-cart button[name="update_cart"] {
    background: transparent !important;
    border: none !important;
    color: #666666 !important;
    box-shadow: none !important;
}

.woocommerce-cart button[name="update_cart"]:hover {
    background: transparent !important;
    color: #F38818 !important;
}

/* Remove blue tap/focus flash */
a,
button,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent !important;
}

a:focus,
a:active,
button:focus,
button:active,
input:focus,
input:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Fix mobile search width */
@media (max-width: 767px) {
    .mobile-search-box
 {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    .mobile-search-box
 .elementor-widget-container,
    .mobile-search-box
 .the7-search-form {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .mobile-search-box
 .the7-search-input__container {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .mobile-search-box
 .the7-search-form__submit {
        flex: 0 0 48px !important;
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        overflow: visible !important;
    }

    .mobile-search-box
 input[type="search"] {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* Footer menu underline only text/content width */
.elementor-27768 .elementor-widget-the7_nav-menu a,
.elementor-27768 .elementor-widget-the7_horizontal-menu a {
    border-bottom: none !important;
    text-decoration: none !important;
}

.elementor-27768 .elementor-widget-the7_nav-menu a::after,
.elementor-27768 .elementor-widget-the7_horizontal-menu a::after {
    display: none !important;
}

.elementor-27768 .dt-nav-menu > li > a .item-content,
.elementor-27768 .vertical-sub-nav li > a .item-content,
.elementor-27768 .dt-nav-menu-horizontal > li > a .item-content,
.elementor-27768 .dt-nav-menu-horizontal > li > a .menu-item-text {
    position: relative !important;
    display: inline-flex !important;
    width: auto !important;
    max-width: max-content !important;
}

.elementor-27768 .dt-nav-menu > li > a .item-content::after,
.elementor-27768 .vertical-sub-nav li > a .item-content::after,
.elementor-27768 .dt-nav-menu-horizontal > li > a .menu-item-text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 1px;
    background: #ffffff;
    transition: width 0.3s ease;
}

.elementor-27768 .dt-nav-menu > li > a:hover .item-content::after,
.elementor-27768 .vertical-sub-nav li > a:hover .item-content::after,
.elementor-27768 .dt-nav-menu-horizontal > li > a:hover .menu-item-text::after {
    width: 100%;
}
/* Fix footer vertical menu last item underline */
.elementor-27768 .dt-nav-menu,
.elementor-27768 .dt-nav-menu > li,
.elementor-27768 .dt-nav-menu > li > a {
    overflow: visible !important;
}

.elementor-27768 .dt-nav-menu > li:last-child > a .item-content {
    padding-bottom: 4px !important;
}

.elementor-27768 .dt-nav-menu > li:last-child > a .item-content::after {
    bottom: 0 !important;
}

.elementor-27768 .dt-nav-menu > li:last-child > a:hover .item-content::after {
    width: 100% !important;
}