/*
Theme Name: Hello Elementor Child
Theme URI: https://www.letsdigitalmarketing.com/
Author: Lets Digital Marketing
Author URI: https://www.letsdigitalmarketing.com/
Description: Propel Your Business With Lets Digital Marketing. Unique ideas, advanced tools, and a dedicated team are what we have at LDM, which ensures exceptional results.
Template: hello-elementor
Version: 1.0.0
*/

@font-face {
    font-family: "Glacial Indifference";
    src: url("../../uploads/2026/04/GlacialIndifference-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Glacial Indifference";
    src: url("../../uploads/2026/04/GlacialIndifference-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --ssd-font-family: "Glacial Indifference", sans-serif;
}

body {
    font-family: var(--ssd-font-family);
}

body,
body button,
body input,
body select,
body optgroup,
body textarea,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body a,
body label,
body li,
body th,
body td,
body strong,
body em,
body small,
body blockquote,
body figcaption,
body legend,
body .elementor-widget-container,
body .elementor-heading-title,
body .elementor-button,
body .elementor-button-text,
body .elementor-icon-box-title,
body .elementor-icon-box-description,
body .elementor-image-box-title,
body .elementor-image-box-description,
body .elementor-tab-title,
body .elementor-tab-content,
body .elementor-accordion-title,
body .elementor-accordion-content,
body .woocommerce-message,
body .woocommerce-error,
body .woocommerce-info,
body .woocommerce-Price-amount,
body .amount,
body .select2-selection__rendered,
body .select2-results__option {
    font-family: var(--ssd-font-family) !important;
}

* {
    box-sizing: border-box;
}

/* Custom styles can be added below */
.site-title a {
    color: #333;
    text-decoration: none;
}

.site-title a:hover {
    color: #0073aa;
}

/* AJAX Category Search Styles */
.ajax-cat-search {
    position: relative;
    max-width: 400px;
    font-family: inherit;
}

.search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.search-input {
    width: 100%;
    padding: 12px 45px 12px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 25px;
    font-size: 16px;
    background: #f2f2f2;
    transition: all 0.3s ease;
    outline: none;
}

.search-input:focus {
    border-color: #0073aa;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 115, 170, 0.15);
}

.search-icon {
    position: absolute;
    right: 12px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.search-icon:hover {
    opacity: 1;
}

.search-icon svg {
    display: block;
}

.search-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
    display: none;
    margin-top: 8px;
}

.search-result {
    display: block;
    padding: 14px 20px;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.2s ease;
    font-size: 16px;
}

.search-result:hover {
    background: #f8f9fa;
    color: #0073aa;
    padding-left: 24px;
}

.search-result:last-child {
    border-bottom: none;
}

.search-loading,
.no-results {
    padding: 20px;
    text-align: center;
    color: #666;
    font-style: italic;
}

.search-loading {
    color: #0073aa;
}

/* Responsive */
@media (max-width: 768px) {
    .ajax-cat-search {
        max-width: 100%;
    }
    
    .search-input {
        font-size: 18px; /* Larger touch target */
        padding: 16px 50px 16px 20px;
    }
}

/* Location Dropdown - ENHANCED SPECIFICITY BACKUP (style.css layer) */
body .location-dropdown .dropdown-header,
.elementor .location-dropdown .dropdown-header {
    background: #f2f2f2 !important;
    border: 2px solid #e0e0e0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

body .location-dropdown.active .dropdown-list,
.elementor .location-dropdown.active .dropdown-list {
    display: block !important;
}

/* Extra Elementor/Theme override protection */
body.elementor-page .location-dropdown .dropdown-list .dropdown-option,
.hello-elementor .location-dropdown .dropdown-list .dropdown-option {
    color: #333 !important;
    text-decoration: none !important;
    background: transparent !important;
}

/* Context-aware school breadcrumb shortcode */
.woocommerce .ssd-school-breadcrumb,
.ssd-school-breadcrumb {
    display: block;
    width: 100%;
    margin: 0 auto 1em !important;
    padding: 0 !important;
    color: #000000 !important;
    font-family: "Glacial Indifference", Sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: center !important;
}

.woocommerce .ssd-school-breadcrumb a,
.ssd-school-breadcrumb a {
    color: #9D80AD !important;
    font-family: "Glacial Indifference", Sans-serif !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    text-decoration: none !important;
}

.woocommerce .ssd-school-breadcrumb a:hover,
.woocommerce .ssd-school-breadcrumb a:focus,
.ssd-school-breadcrumb a:hover,
.ssd-school-breadcrumb a:focus {
    color: #000000 !important;
    text-decoration: none !important;
}

.woocommerce .ssd-school-breadcrumb-logo,
.ssd-school-breadcrumb-logo {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 26px auto 0;
    text-align: center;
}

.woocommerce .ssd-school-breadcrumb-logo img,
.ssd-school-breadcrumb-logo img,
.woocommerce .ssd-school-breadcrumb-logo__image,
.ssd-school-breadcrumb-logo__image {
    display: block;
    width: auto;
    max-width: 180px;
    height: auto;
    max-height: 180px;
    object-fit: contain;
}

@media (max-width: 767px) {
    .woocommerce .ssd-school-breadcrumb,
    .ssd-school-breadcrumb {
        font-size: 16px !important;
        padding: 0 16px !important;
    }

    .woocommerce .ssd-school-breadcrumb-logo,
    .ssd-school-breadcrumb-logo {
        margin-top: 20px;
    }

    .woocommerce .ssd-school-breadcrumb-logo img,
    .ssd-school-breadcrumb-logo img,
    .woocommerce .ssd-school-breadcrumb-logo__image,
    .ssd-school-breadcrumb-logo__image {
        max-width: 150px;
        max-height: 150px;
    }
}

body.tax-product_cat .woocommerce-loop-product__title,
body.tax-product_cat .product-title,
body.tax-product_cat .page-title,
body.tax-product_cat .term-title,
body.tax-product_cat .elementor-heading-title {
    text-transform: none !important;
}

body.tax-product_cat .elementor-widget-wc-archive-products ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat .elementor-209 .elementor-element.elementor-element-cf2e5f3.elementor-wc-products ul.products li.product .woocommerce-loop-product__title {
    text-transform: none !important;
}

body.tax-product_cat .elementor-widget-wc-archive-products ul.products li.product a.woocommerce-LoopProduct-link,
body.tax-product_cat .woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column;
    align-items: center;
}

body.tax-product_cat .elementor-widget-wc-archive-products ul.products li.product img,
body.tax-product_cat .woocommerce ul.products li.product img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: clamp(180px, 22vw, 270px) !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #f7f7f7;
    border-radius: 10px;
}

/* Keep product artwork fully visible inside existing image boxes. */
.woocommerce ul.products li.product img,
.elementor-widget-wc-archive-products ul.products li.product img,
.ssd-related-products__image img,
.ssd-cart-cross-sell-card__image img,
.ssd-cart-item__media img,
.custom-cart-item-image img,
.elementor-menu-cart__product-image img,
.account-return-item__image img,
.ssd-bundle-item__media img,
.ssd-header-search-card__thumb img {
    object-fit: contain !important;
    object-position: center center !important;
}