/*
Theme Name: elessi Child
Theme URI: https://woocommerce.com/elessi/
Description: Child theme for elessi
Author: Your Name
Template: elessi
Version: 1.0.0
Text Domain: elessi-child
*/

/* Add custom CSS below */
/* =====================================================
   GLOBAL
   ===================================================== */

/* =========================================================
   LE PRODUCT CATEGORY SECTION
   Bootstrap-free / Elessi compatible
   ========================================================= */
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    max-height: 350px !important;
    object-fit: contain;
    aspect-ratio: 1 / 1;
background-color: #f0f0f0;
}
.home-feature-products {
    padding: 0 30px;
}
.product-page .nasa-product-details-page {
    padding: 30px;
}
.product-info .woocommerce-product-details__short-description {
    color: #222;
}
.home-feature-products .products.grid > li {
    padding: 0 !important;
    width: 100%;
}

.home-feature-products .products.grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
    width: 100%;
}
.wcfmmp_sold_by_container, .product-info-wrap.info .variations_form, ul.products::before, .mobile-header-cart, .mobile-cart-floating, body.archive .page-title, #wcfmmp-user-locaton-map,
body.archive .woocommerce-result-count, .filter-close, a.added_to_cart.wc-forward, .woocommerce-cart-form button[name="update_cart"],
div#wcfmmp-store-list-map, .wcfmmp-store-search-form, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs::before, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs::after, .wcfm_product_dummy_featured,
.wcfm_product_dummy_duplicate, #wcfm-products.dataTable br, .wcfmmp-store-search-form { display: none !important}
div#cart-toast {
    display: none;
}
.le-category-section {
    width: 100%;
    padding: 60px 20px;
}

.le-category-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.le-category-tag {
    margin-bottom: 8px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    opacity: 0.65;
}

.le-category-title {
    margin: 0 0 40px;
    text-align: center;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
}
.cart-toast { display: none}

#wcfmmp-store .banner_img { background-size: contain !important; background-color: #eee;}
.woocommerce-product-details__short-description {
    margin-bottom: 32px;
}


/* Desktop - 6 columns */
.le-category-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 24px;
}

/* =====================================================
   FOOTER
   ===================================================== */

footer .elementor-17831 .elementor-element.elementor-element-012b4cf:not(.elementor-motion-effects-element-type-background) {
    padding: 0 80px
}

/* =====================================================
   WCFM
   ===================================================== */

a.wcfm_menu_item {
    display: flex !important;
    align-items: center;
    gap: 15px;
    padding-left: 15px;
}


.wcfm_menu_wcfm-upgrade,
.wcfm_menu_wcfm-build,
.wcfm_menu_wcfm-service,
.wcfm_menu_wcfm-capability {
    display: none !important;
} 

/* =====================================================
   HIDE ELEMENTS
   ===================================================== */

.single-product #secondary,
.wcfmmp_sold_by_container,
.cfvsw-shop-variations,
.wp-block-search__label,
.header-widget-region {
    display: none;
}

.single-product.right-sidebar #primary,
.single-product.left-sidebar #primary {
    width: 100%;
}

input#wp-block-search__input-1 {
    margin: 0;
}
/* Category card */
.le-category-card {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: inherit;
}

.le-category-card img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    margin: 0 auto;
    transition:
        transform 0.3s ease,
        opacity 0.3s ease;
}

.le-category-card h3 {
    margin: 12px 0 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
}

/* Hover */
.le-category-card:hover img {
    transform: translateY(-5px);
}

.le-category-card:hover h3 {
    text-decoration: none;
}


/* =========================================================
   TABLET - 3 columns
   ========================================================= */

@media (max-width: 1199px) {

    .le-category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 28px 20px;
    }

}


/* =========================================================
   MOBILE - 2 columns
   ========================================================= */

@media (max-width: 767px) {
footer .elementor-17831 .elementor-element.elementor-element-012b4cf:not(.elementor-motion-effects-element-type-background) {
    padding: 0 20px
}
    .le-category-section {
        padding: 40px 15px;
    }

    .le-category-title {
        margin-bottom: 28px;
        font-size: 26px;
    }

    .le-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 25px 15px;
    }

    .le-category-card h3 {
        margin-top: 9px;
        font-size: 14px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 400px) {

    .le-category-section {
        padding-left: 12px;
        padding-right: 12px;
    }

    .le-category-grid {
        gap: 22px 12px;
    }

    .le-category-card h3 {
        font-size: 13px;
    }

}

/* =========================================================
   LE STATS SECTION
   Bootstrap-free / Elessi compatible
   ========================================================= */

.le-stats-section {
    width: 100%;
    padding: 35px 20px;
}

.le-stats-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.le-stats-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    width: 100%;
}

/* =========================================================
   STAT ITEM
   ========================================================= */

.le-stat-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    min-height: 85px;
    padding: 15px 25px;
    border-right: 1px solid #e5e5e5;
}

.le-stat-item:last-child {
    border-right: 0;
}


/* =========================================================
   ICON
   ========================================================= */

.le-stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 1;
}


/* =========================================================
   CONTENT
   ========================================================= */

.le-stat-content {
    min-width: 0;
}

.le-stat-content h3 {
    margin: 0 0 4px;
    padding: 0;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
}

.le-stat-content p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .le-stats-section {
        padding: 30px 15px;
    }

    .le-stats-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 20px;
    }

    .le-stat-item {
        padding: 15px 20px;
    }

    /* Remove right border from every 2nd item */
    .le-stat-item:nth-child(2n) {
        border-right: 0;
    }

    /* Add horizontal separator to top row */
    .le-stat-item:nth-child(n + 3) {
        border-top: 1px solid #e5e5e5;
        padding-top: 25px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 575px) {

    .le-stats-section {
        padding: 25px 12px;
    }

    .le-stats-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }

    .le-stat-item {
        min-height: 75px;
        padding: 15px 10px;
        gap: 10px;
        justify-content: flex-start;
    }

    .le-stat-icon {
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        font-size: 20px;
    }

    .le-stat-content h3 {
        font-size: 17px;
    }

    .le-stat-content p {
        font-size: 12px;
    }

    .le-stat-item:nth-child(n + 3) {
        padding-top: 20px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

    .le-stat-item {
        padding-left: 7px;
        padding-right: 7px;
        gap: 7px;
    }

    .le-stat-icon {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        font-size: 17px;
    }

    .le-stat-content h3 {
        font-size: 15px;
    }

    .le-stat-content p {
        font-size: 11px;
    }

}

/* ====== About US ============= */
.le-about-page{--navy:#071943;--yellow:#f7c400;--text:#17213f;--muted:#5c6478;--border:#e3e6ed;width:100%;overflow:hidden;color:var(--text)}.le-about-page *{box-sizing:border-box}.le-about-page img{max-width:100%}.le-about-container{width:min(1200px,calc(100% - 40px));margin:auto}.le-about-section{padding:55px 0}.le-about-tag{margin-bottom:8px;color:var(--yellow);font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.le-about-heading{text-align:center;margin-bottom:30px}.le-about-heading h2{margin:0;color:var(--navy);font-size:30px;line-height:1.2}.le-about-hero{background:var(--navy);color:#fff}.le-about-hero-content{display:grid;grid-template-columns:40% 60%;min-height:350px}.le-about-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:45px max(30px,calc((100vw - 1200px)/2));padding-right:40px}.le-about-hero-copy h1{max-width:520px;margin:0 0 12px;color:#fff;font-size:clamp(30px,3vw,43px);line-height:1.08}.le-about-hero-copy p{max-width:510px;margin:0;color:#fff;font-size:14px;line-height:1.55}.le-about-hero-points{display:flex;flex-wrap:wrap;gap:15px 22px;margin-top:25px;font-size:11px}.le-about-hero-images{display:grid;grid-template-columns:1.1fr .9fr;min-height:350px}.le-about-hero-image{min-height:350px;background:center/cover no-repeat}.le-about-hero-image-1{background-image:url('/wp-content/uploads/2026/06/about-hero-1.jpg');clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.le-about-hero-image-2{background-image:url('/wp-content/uploads/2026/06/about-hero-2.jpg');margin-left:-7%;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.le-about-intro-grid{display:grid;grid-template-columns:43% 57%;gap:42px;align-items:center}.le-about-intro-grid img{width:100%;aspect-ratio:1.4/1;object-fit:cover;border-radius:4px}.le-about-intro-grid h2{margin:0 0 15px;color:var(--navy);font-size:29px}.le-about-intro-grid p{margin:0 0 14px;color:#454d61;font-size:14px;line-height:1.7}.le-about-stats{padding-bottom:15px}.le-about-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:7px}.le-about-stats-grid>div{display:flex;align-items:center;justify-content:center;gap:12px;min-height:82px;padding:15px;border-right:1px solid var(--border)}.le-about-stats-grid>div:last-child{border:0}.le-about-stats-grid strong,.le-about-stats-grid span{display:block}.le-about-stats-grid strong{color:var(--navy);font-size:20px}.le-about-stats-grid span{color:var(--navy);font-size:12px}.le-about-category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px 14px}.le-about-category-grid a{color:var(--navy);text-align:center;text-decoration:none}.le-about-category-grid img{display:block;width:100%;aspect-ratio:1.45/1;object-fit:cover;border-radius:5px;transition:.25s}.le-about-category-grid span{display:block;margin-top:8px;font-size:12px;line-height:1.3;font-weight:600}.le-about-category-grid a:hover img{transform:translateY(-3px);box-shadow:0 8px 18px #07194318}.le-about-why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.le-about-why-grid article{min-height:180px;padding:20px 15px;border:1px solid var(--border);border-radius:6px;text-align:center}.le-about-why-grid b{display:block;margin-bottom:10px;color:var(--navy);font-size:34px}.le-about-why-grid h3{margin:0 0 8px;color:var(--navy);font-size:14px}.le-about-why-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.le-about-industry-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:18px}.le-about-industry-grid>div{text-align:center}.le-about-industry-grid b{display:block;margin-bottom:8px;color:var(--navy);font-size:32px;font-weight:400}.le-about-industry-grid span{display:block;color:var(--navy);font-size:11px;line-height:1.35;font-weight:600}.le-about-vendor{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff}.le-about-vendor-copy{padding:45px max(30px,calc((100vw - 1200px)/2));padding-right:50px}.le-about-vendor-copy h2{margin:0 0 10px;color:#fff;font-size:29px}.le-about-vendor-copy p{max-width:520px;margin:0 0 7px;font-size:13px;line-height:1.55}.le-about-vendor-copy>a,.le-about-final a{display:inline-flex;align-items:center;justify-content:center;padding:11px 25px;border-radius:4px;background:var(--yellow);color:#111;text-decoration:none;font-size:11px;font-weight:800;text-transform:uppercase;margin-top:12px}.le-about-vendor-image{min-height:245px}.le-about-vendor-image img{width:100%;height:100%;object-fit:cover}.le-about-testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.le-about-testimonial-grid article{padding:20px;border:1px solid var(--border);border-radius:6px}.stars{color:#f5b800;letter-spacing:2px;margin-bottom:8px}.le-about-testimonial-grid p{min-height:70px;margin:0 0 16px;color:#454d61;font-size:12px;line-height:1.5}.le-about-testimonial-grid strong,.le-about-testimonial-grid small{display:block}.le-about-testimonial-grid strong{color:var(--navy);font-size:11px}.le-about-testimonial-grid small{margin-top:2px;color:#687080;font-size:9px}.le-about-final{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px max(20px,calc((100vw - 1200px)/2));background:var(--navy);color:#fff}.le-about-final h2{margin:0 0 5px;color:#fff;font-size:22px}.le-about-final p{margin:0;font-size:12px}.le-about-final nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.le-about-final nav a:not(:first-child){background:transparent;color:#fff;border:1px solid #fff}.le-about-final nav a:not(:first-child):hover{color:#fff}
@media(max-width:1100px){.le-about-category-grid{grid-template-columns:repeat(4,1fr)}.le-about-why-grid{grid-template-columns:repeat(3,1fr)}.le-about-industry-grid{grid-template-columns:repeat(4,1fr);row-gap:28px}}
@media(max-width:900px){.home-feature-products .products.grid {
    grid-template-columns: repeat(3, 1fr);
  	gap: 15px;
}.le-about-hero-content{grid-template-columns:1fr}.le-about-hero-copy{padding:40px 30px}.le-about-intro-grid{grid-template-columns:1fr}.le-about-stats-grid{grid-template-columns:repeat(2,1fr)}.le-about-stats-grid>div:nth-child(2){border-right:0}.le-about-stats-grid>div:nth-child(n+3){border-top:1px solid var(--border)}.le-about-vendor{grid-template-columns:1fr}.le-about-vendor-copy{padding:40px 30px}.le-about-vendor-image{height:280px}.le-about-final{flex-direction:column;text-align:center}.le-about-final nav{justify-content:center}}
@media(max-width:767px){
.home-feature-products .products.grid {
    grid-template-columns: repeat(2, 1fr);
  	gap: 15px;
}
.le-about-container{width:calc(100% - 30px)}.le-about-section{padding:42px 0}.le-about-heading h2{font-size:25px}.le-about-hero-copy{padding:35px 20px}.le-about-hero-copy h1{font-size:30px}.le-about-hero-images{min-height:190px}.le-about-hero-image{min-height:190px}.le-about-category-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px}.le-about-why-grid{grid-template-columns:repeat(2,1fr);gap:10px}.le-about-why-grid article{min-height:180px;padding:18px 10px}.le-about-industry-grid{grid-template-columns:repeat(2,1fr)}.le-about-testimonial-grid{grid-template-columns:1fr}.le-about-final{padding:30px 15px}.le-about-final nav{width:100%;flex-direction:column}.le-about-final nav a{width:100%}}
@media(max-width:420px){.le-about-hero-images{grid-template-columns:1fr}.le-about-hero-image-2{display:none}.le-about-stats-grid strong{font-size:16px}.le-about-stats-grid span{font-size:10px}}

/*===== contact page ====== */
.post-your-requirment-form .row {
    display: flex;
    gap: 24px;
    margin: 0 !important;
    justify-content: space-between;
}

.post-your-requirment-form .row:before, .post-your-requirment-form .row:after {
    display: none !important;
}

.post-your-requirment-form .row .col-md-12 {
    width: 100%;
}