/*
  Mah Watch Gallery – Clean consolidated CSS
  - Duplicates removed
  - Inline <style> blocks extracted
  - Server-side "~/" paths converted to absolute "/"
  - Safe to load site-wide
*/

/****************************
 * 1) CSS Custom Properties
 ****************************/
:root {
    --mahwatchgallery-custom-color: #17A2B8;
    --woocommerce: #17A2B8;
    --mahwatchgallery-msg-bgcolor: #263238;
    --mahwatchgallery-msg-fcolor: #FFFFFF;
    --mahwatchgallery-head-text-color: #505763;
    --mahwatchgallery-menu-bg-color: #FAFAFA;
    --mahwatchgallery-menu-text-color: #4D4D4D;
    --mahwatchgallery-footer-text-color: #212529;
    --mahwatchgallery-add-btn-color: #28A745;
    --mahwatchgallery-add-btn-text-color: #FFFFFF;
    --mahwatchgallery-register-btn-text-color: #FFFFFF;
    --mahwatchgallery-register-btn-color: #28A745;
    --mahwatchgallery-register-btn-hover-text-color: #FFFFFF;
    --mahwatchgallery-register-btn-hover-color: #218838;
    --mahwatchgallery-login-page-btn-text-color: #FFFFFF;
    --mahwatchgallery-login-page-btn-color: #28A745;
    --mahwatchgallery-login-page-btn-hover-text-color: #FFFFFF;
    --mahwatchgallery-login-page-btn-hover-color: #218838;
    --mahwatchgallery-price-font-size: 19px;
    --mahwatchgallery-content-font-size: 14px;
    --mahwatchgallery-h1-font-size: 28px;
    --mahwatchgallery-h2-font-size: 21px;
    --mahwatchgallery-h3-font-size: 17px;
    --mahwatchgallery-h4-font-size: 16px;
    --mahwatchgallery-h5-font-size: 14px;
    --mahwatchgallery-h6-font-size: 14px;
    --mahwatchgallery-copy-bg-color: #FFFFFF;
    --mahwatchgallery-copy-text-color: #212529;
    --mahwatchgallery-menu-label-bg-color: #EF5350;
    --mahwatchgallery-menu-label-text-color: #FFFFFF;
    --mahwatchgallery-dis-color: #EF5350;
    --mahwatchgallery-dis-text-color: #FFFFFF;
    --mahwatchgallery-price-color: #39B156;
    --mahwatchgallery-shop-box-bg: #FFFFFF;
    --mahwatchgallery-read-product-color: #28A745;
    --mahwatchgallery-read-product-text-color: #FFFFFF;
    --mahwatchgallery-read-product-hover-color: #1E7E34;
    --mahwatchgallery-read-product-hover-text-color: #FFFFFF;
    --mahwatchgallery-woo-btn-bg: #138294;
    --mahwatchgallery-bnr-hover-title: rgba(23, 162, 184, .5);
    --mahwatchgallery-social-btn-color: #31AAFF;
    --mahwatchgallery-second-social-btn-color: #AC34A7;
    --mahwatchgallery-third-social-btn-color: #47C054;
    --mahwatchgallery-fourth-social-btn-color: #EC145B;
    --mahwatchgallery-fifth-social-btn-color: #000000;
    --mahwatchgallery-slider-tab-color: rgba(96, 125, 139, .9);
    --mahwatchgallery-slider-tab-color-active-border: rgba(69, 90, 100, .5);
    --mahwatchgallery-slider-tab-color-active: rgba(69, 90, 100, .9);
    --mahwatchgallery-dashboard-bg-color: #172B4D;
    --mahwatchgallery-dashboard-text-color: #FFFFFF;
    --mahwatchgallery-total-orders-bg-color: #2BC999;
    --mahwatchgallery-completed-orders-bg-color: #FBB41A;
    --mahwatchgallery-wallet-inventory-bg-color: #34AFFF;
    --mahwatchgallery-registration-date-bg-color: #FF5E5B;
    --mahwatchgallery-panel-widgets-text-color: #FFFFFF;
    --mahwatchgallery-input-border-radius: 22px;
    --mahwatchgallery-search-bg-color: var(--mahwatchgallery-input-bg-color);
    --mahwatchgallery-search-text-color: var(--mahwatchgallery-input-text-color);
    --mahwatchgallery-search-btn-bg-color: var(--mahwatchgallery-input-bg-color);
    --mahwatchgallery-search-btn-text-color: var(--mahwatchgallery-input-text-color);
    --mahwatchgallery-head-bg-color: #FFFFFF;
    --mahwatchgallery-mobile-head-bg-color: #FFFFFF;
    --mahwatchgallery-order-progressbar-color: #EF394E;
    /* Woo Variation Swatches (variables only) */
    --wvs-tick: url("data:image/svg+xml;utf8,%3Csvg filter='drop-shadow(0px 0px 2px rgb(0 0 0 / .8))' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M4 16L11 23 27 7'/%3E%3C/svg%3E");
    --wvs-cross: url("data:image/svg+xml;utf8,%3Csvg filter='drop-shadow(0px 0px 5px rgb(255 255 255 / .6))' xmlns='http://www.w3.org/2000/svg' width='72px' height='72px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ff0000' stroke-linecap='round' stroke-width='0.6' d='M5 5L19 19M19 5L5 19'/%3E%3C/svg%3E");
    --wvs-single-product-item-width: 30px;
    --wvs-single-product-item-height: 30px;
    --wvs-single-product-item-font-size: 16px;
}

.mahwatchgallery-dark {
    --mahwatchgallery-head-bg-color: #272727;
    --mahwatchgallery-mobile-head-bg-color: #272727;
}

/****************************
 * 2) Global/Utility
 ****************************/
.pace {
    display: none;
}

#back-top {
    bottom: 40px;
    right: 20px;
}

.di-socialbtn {
    bottom: 40px;
    left: 20px;
}

.searchwp-live-search-no-min-chars::after {
    content: 'لطفا تایپ نمایید ...';
}

.mahwatchgallery-features-limited ul.mahwatchgallery-features-ul {
    -webkit-line-clamp: 4;
}

.hover-image:hover img:first-child {
    opacity: 1;
    visibility: visible;
}

/****************************
 * 3) Theme Backgrounds (converted paths)
 ****************************/
body.mahwatchgallery-light.theme-mahwatchgallery:not(.page-template-elementor_canvas) {
    background-image: url('/wp-content/themes/mahwatchgallery/includes/ReduxCore/assets/img/patterns/bg.png');
}

body.mahwatchgallery-dark.theme-mahwatchgallery:not(.page-template-elementor_canvas) {
    background-color: #121212;
}

body.mahwatchgallery-dark .sfooter {
    background-color: #272727;
}

body.mahwatchgallery-light .sfooter {
    background-image: url('../../Content/data/images/6.png');
}

body.mahwatchgallery-light.mahwatchgallery-login-page:not(.page-template-elementor_canvas),
body.mahwatchgallery-dark.mahwatchgallery-login-page:not(.page-template-elementor_canvas) {
    background-image: url('/wp-content/themes/mahwatchgallery/includes/ReduxCore/assets/img/fbg/0.png');
}

/****************************
 * 4) Elementor Lazy Background Saver
 ****************************/
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
    background-image: none !important;
}

@media screen and (max-height: 1024px) {
    .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
    .e-con.e-parent:nth-of-type(n+3):not(.e-no-lazyload) * {
        background-image: none !important;
    }
}

@media screen and (max-height: 640px) {
    .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
    .e-con.e-parent:nth-of-type(n+2):not(.e-no-lazyload) * {
        background-image: none !important;
    }
}

/****************************
 * 5) Live Search Overlay (Desktop & Mobile)
 ****************************/
.mahwatchgallery-ajax-search-wrapper {
    position: relative;
}

#liveSearchResults {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0,0,0,.12);
    max-height: 60vh;
    overflow-y: auto;
}

.live-result-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
}

.live-result-item {
    display: block;
    padding: 10px 12px;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    border: 1px solid rgba(0,0,0,.06);
    transition: background .15s ease;
}

    .live-result-item:hover {
        background: rgba(0,0,0,.03);
    }

.result-content {
    display: flex;
    align-items: center;
    gap: 12px;
}

.thumb {
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 6px;
    flex: 0 0 48px;
}

    .thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.result-details {
    flex: 1;
    min-width: 0;
}

.result-title {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.result-date {
    font-size: .85rem;
    opacity: .75;
}

.type {
    font-size: .75rem;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(0,0,0,.06);
}

/****************************
 * 6) Misc Small Helpers
 ****************************/
#suggestionBox {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    width: 100%;
}

.suggestion-item {
    padding: 5px 10px;
    cursor: pointer;
}

    .suggestion-item:hover {
        background-color: #f0f0f0;
    }

/* Back-to-top button */
#back-top a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

/****************************
 * 7) Print Tweaks (optional)
 ****************************/
@media print {
    #liveSearchResults, .di-socialbtn, #back-top {
        display: none !important;
    }
}
img.wp-smiley, img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}