/*
Theme Name: Aroma Air Custom
Author: BIO-AIR
Version: 1.6.0
*/
body { font-family: 'Assistant', sans-serif; margin: 0; padding: 0; direction: rtl; }
/* עיצוב קישורים בעמוד המוצר */
.product_meta a, 
.woocommerce-product-details__short-description a,
.woocommerce-tabs a,
.entry-summary a {
    color: #333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

.product_meta a:hover, 
.woocommerce-product-details__short-description a:hover,
.woocommerce-tabs a:hover,
.entry-summary a:hover {
    color: #000 !important;
    text-decoration: none !important;
}

/* תיקון תמונת מוצר בתוסף BIO-AIR Smart Side Cart */
.basc-item div[style*="width:65px"] {
    width: 65px !important;
    min-width: 65px !important;
    height: 65px !important;
    flex-shrink: 0 !important;
}

.basc-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
}

.basc-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    direction: rtl !important;
}
.imgemo img{display: none !IMPORTANT;}
.eva {overflow: hidden;}
.eva img {width: 30%;}
.evaright {float: right;}
.evaleft {float: left;}
/* --- התיקון החדש: סידור מוצרים גמיש --- */
.woocommerce ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    gap: 20px !important;
}

/* הכרחת 4 בשורה */
.woocommerce ul.products.columns-4 li.product {
    flex: 0 0 calc(25% - 15px) !important;
    max-width: calc(25% - 15px) !important;
    width: auto !important; /* מבטל את ה-28% הישן */
}

/* הכרחת 3 בשורה */
.woocommerce ul.products.columns-3 li.product {
    flex: 0 0 calc(33.333% - 14px) !important;
    max-width: calc(33.333% - 14px) !important;
    width: auto !important;
}
    .woocommerce ul.products li.product {
        flex: 0 0 calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }

.woocommerce ul.products li.product {
    margin: 0 !important;
    float: none !important;
}

/* העלמת סרגל צד בעמוד חנות ופריסה לרוחב מלא */
.archive.woocommerce .sidebar, 
.archive.woocommerce aside {
    display: none !important;
}

.archive.woocommerce .content-area,
.archive.woocommerce main#main {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
}
.price {text-align: center !important;}
.woocommerce-Price-amount {
    color: #333 !important;
    font-weight: 700 !important;
    font-size: 22px !important;
}
/* --- Header & Shrink --- */
.main-header { transition: all 0.4s ease; padding: 15px 0; position: sticky; top: 0; z-index: 9999; background: #fff; width: 100%; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.main-header.shrunk { padding: 5px 0; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.main-header.shrunk .custom-logo-link img { transform: scale(0.8); transform-origin: center; transition: 0.4s; }

/* --- Service Row --- */
.service-info i { margin-left: 8px; font-style: normal; }

/* --- Menu --- */
.nav-menu-list { display: flex; justify-content: space-between; width: 100%; padding: 0; margin: 10px 0 0; white-space: nowrap; list-style:none; border-top:1px solid #eee; }
.nav-menu-list li { flex: 1; text-align: center; }
.nav-menu-list li a { padding: 12px 5px; display: block; text-decoration: none; position: relative; transition: 0.3s; }
.nav-menu-list li a::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; transition: 0.3s; transform: translateX(-50%); }
.nav-menu-list li a:hover::after, .nav-menu-list li.current-menu-item a::after { width: 70%; }

/* הגדרת רוחב אחיד */
.container, 
.woocommerce-page .content-area, 
.woocommerce div.product {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.woocommerce-page main.site-main {
    max-width: 1200px;
    margin: 0 auto;
}

/* --- Blog Cards --- */
.blog-post-card { 
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; 
    border: 1px solid #eee; 
    overflow: hidden; 
    background: #fff; 
    margin-bottom: 30px;
    height: 100%;
}
.blog-post-card:hover { 
    transform: translateY(-10px); 
    box-shadow: 0 15px 35px rgba(0,0,0,0.15); 
    border-color: #eee !important; 
}

/* --- Catalog Styling - Fixed & Enhanced --- */
.woocommerce ul.products li.product {
    border: 1px solid #eee;
    padding: 15px;
    text-align: center;
    transition: 0.3s;
    background:#fff;
    border-radius: 0;
    /* הסרנו את ה-28% הישן והחלפנו בחישוב דינמי */
    width: auto !important; 
    flex: 1 0 calc(25% - 20px); 
    box-sizing: border-box;
}

/* האפקט במעבר עכבר (Hover) שחזרנו */
.woocommerce ul.products li.product:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
    transform: translateY(-5px) !important;
    border-color: #ccc !important;
}

/* עיצוב שם המוצר - צבע #333 */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #333 !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    margin: 15px 0 5px !important;
    min-height: 2.5em !important;
    text-decoration: none !important;
}

/* עיצוב המחיר - צבע #333 וגודל 16px */
.woocommerce ul.products li.product .price {
    color: #333 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    display: block !important;
}
/* הכרחה לפי הקלאס של ווקומרס */
.woocommerce ul.products.columns-4 li.product { flex: 0 0 calc(25% - 20px) !important; max-width: calc(25% - 20px) !important; }
.woocommerce ul.products.columns-3 li.product { flex: 0 0 calc(33.333% - 20px) !important; max-width: calc(33.333% - 20px) !important; }

/* הוספת Flex למיכל הראשי כדי שהכל יעבוד */
.woocommerce ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px;
}

/* --- Catalog Buttons --- */
.woocommerce ul.products li.product .button {
    background-color: #333333 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    padding: 1em 0em !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    transition: 0.3s !important;
    width: 100% !important;
}
.woocommerce ul.products li.product .button:hover { background-color: #000000 !important; }
.woocommerce ul.products li.product .button::before { 
    content: ""; display: inline-block; width: 18px; height: 18px; margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.32-.25.69-.25 1.06 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-size: contain;
}
/* --- Map & Footer (נשמר במלואו) --- */
.full-width-map { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-bottom: -50px; line-height: 0; }
.full-width-map iframe { width: 100% !important; display: block; border: 0; }
.site-footer { padding: 20px 0; text-align: center; margin-top: 50px; font-size: 0.95rem; border-top: 4px solid #434343; }
.minibox{float: right;width: 261px;height: 71px;margin-right: 29px;}
.miniboximg1{background: url(/wp-content/uploads/2017/12/icon1.jpg) no-repeat;width: 47px;height: 52px;float: right;margin-left: 10px;}
.miniboximg2{background: url(/wp-content/uploads/2017/12/icon2.jpg) no-repeat;width: 47px;height: 52px;float: right;margin-left: 10px;}
.miniboximg3{background: url(/wp-content/uploads/2017/12/iocn3.jpg) no-repeat;width: 47px;height: 52px;float: right;margin-left: 10px;}
.miniboximg4{background: url(/wp-content/uploads/2017/12/icon4.jpg) no-repeat;width: 47px;height: 52px;float: right;margin-left: 10px;}
.miniboxtext{font-weight: 700;line-height: 32px;font-size: 18px;}
.miniboxmoretext{font-size: 15px;line-height: 30px;}
.footercentertop{color: #333 !important;text-decoration: none !important;text-align: center !important;}
.footercentertop a{color: #333 !important;text-decoration: none !important;}
.footercentertop a:hover{color: #000 !important;text-decoration: none !important;}

/* --- Forms & Contact (נשמר במלואו) --- */
.conpages { background: #434343; width: 100%; border-radius: 5px; }
.textconpages { text-align: center; font-size: 30px; color: #fff; }
.homecontact { position: relative; width: 100%; left: 0; right: 0; margin: 5px auto; }
.homecontact input[type=text], .homecontact input[type=email], .homecontact input[type=tel], .homecontact textarea, .homecontact select {
    color: #000; background: #fff; border: 1px #333 solid; outline: 0; border-radius: 2px; line-height: 22px; height: 22px; margin-left: 10px; padding: 5px; font-size: 16px; width: 19%; float: right; margin-right: 10px;
}
.homecontact input[type=submit] { color: #fff; border: 1px #fff solid; width: 160px; border-radius: 3px; font-size: 20px; letter-spacing: 1px; height: 34px; font-weight: 700; float: right; outline: 0; background: rgb(77,106,121); cursor: pointer; }
.homecontact select { line-height: 32px; height: 32px; }
.wpcf7 input[type=url], .wpcf7 input[type=email], .wpcf7 input[type=tel] { direction: rtl !important; }
   .contact{float: left;
   }
/* --- Single Product Cart Button --- */
.woocommerce div.product form.cart .button { vertical-align: middle; float: right; background-color: #333 !important; line-height: 22px !important; width: 55% !important; margin-right: 23px; box-shadow: 4px 11px 16px 7px rgb(0 0 0 / 30%); }
.woocommerce div.product form.cart .variations select { border: 1px #c2c2c2 solid !important; border-radius: 5px!important; font-size: 16px; line-height: 21px !important; height: 2.2rem; padding-left: 0em !important; }
.whatsapp-under-price { display: inline-flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 600; padding: 1em 1.5em 1em; background-color: #f6f5f8; border-top: 3px solid #64b161; width: -webkit-fill-available; color: #64b161; text-decoration: none; }
/* הסרה מוחלטת של אזור הערות הזמנה מעמוד תשלום */
.woocommerce-additional-fields {
    display: none !important;
}
.woocommerce form .form-row input.input-text {
    border: 1px solid #c2c2c2 !important;
}
.woocommerce form .form-row input.input-text {
    line-height: 21px !important;
    height: 2.2rem !important;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px !important;
    padding-left: 42px !important;
}
.select2-container--default .select2-selection--single {
    height: 2.2rem !important;
    border: 1px solid #c2c2c2 !important;
}
/* --- Checkout Page Layout - Float Version (Safe & Stable) --- */

@media (min-width: 992px) {
    /* הפיכת הטופס למיכל שמכיל הצפות */
    form.checkout.woocommerce-checkout {
        width: 100% !important;
        display: block !important; /* ביטול ה-flex שעשה בעיות */
        overflow: hidden; /* מבטיח שהפוטר לא יקפוץ למעלה */
    }

    /* עמודה ימנית: פרטי תשלום ומשלוח */
    #customer_details {
        width: 48% !important;
        float: right !important;
        margin-right: 0 !important;
        clear: none !important;
    }

    /* עמודה שמאלית: כותרת וסיכום הזמנה */
    #order_review_heading,
    #order_review {
        width: 48% !important;
        float: left !important;
        clear: none !important; /* מאפשר לו לעלות למעלה ליד העמודה הימנית */
    }

    /* תיקון ספציפי לכותרת סיכום ההזמנה */
    #order_review_heading {
        border-top: none !important;
        padding-top: 0 !important;
    }

    /* ניקוי הצפה בסוף הטופס - קריטי כדי שהפוטר יישאר למטה */
    form.checkout.woocommerce-checkout::after {
        content: "";
        display: table;
        clear: both;
    }
}

/* הגנה נוספת על הפוטר */
.site-footer {
    clear: both !important;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: right !important;
    width: 100% !important;
}
h3 {
background-color: #333333 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    padding: 0.5em 0em !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    transition: 0.3s !important;
}
#order_review_heading {
    border-top: none !important;
    padding-top: 0 !important;
    background-color: #333 !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 0.5em 0em !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    transition: 0.3s !important;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: left;
    background-color: #333 !important;
}
.woocommerce-checkout #payment div.payment_box {
    background-color: #333 !important;
    color: #fff !important;
}
.woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #333 !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
}
.ser{float: left;}
.wp-video {
    width: 560px !IMPORTANT;
    float: left !important;
}
/************************************************/
/* MOBILE SETTINGS                 */
/************************************************/
@media (max-width: 768px) {
    /* כל השינויים של המובייל ייכנסו רק כאן */
    
/* עדכון המרווח מלמעלה - בגלל ההדר הדו-קומתי החדש */
    body {
        padding-top: 150px !important; /* תתאים את זה לפי העין אם יש רווח לבן או הסתרה */
    }
/* הסתרת רכיבי התפריט של הדסקטופ שמותחים את האתר */
    .header-nav, .nav-menu-list, .header-item-left {
        display: none !important;
    }
    
    /* מניעת גלילה לצדדים */
    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
    }
/* הקטנת הלוגו ב-50% */
    .main-header img {
        max-width: 70% !important;
        height: auto !important;
        display: block;
        margin: 0 auto; /* מרכז את הלוגו אם הוא לא במרכז */
    }
/* סידור השורה העליונה שתהיה טור במקום שורה */
    .header-top-row {
        flex-direction: column !important;
        padding: 10px 0 !important;
    }

    /* העלמת הספייסר הריק שלא יתפוס מקום במובייל */
    .header-spacer {
        display: none !important;
    }

    /* מרכוז הלוגו */
    .logo-container {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 10px !important; /* רווח בין הלוגו לטלפון */
    }

    /* סידור שורת השירות מתחת ללוגו */
    .service-wrapper {
        width: 70% !important;
        text-align: center !important; /* ממרכז את הטקסט */
        margin: 0 auto !important;     /* ממרכז את כל הדיב */
    }

    .service-info {
        display: inline-block !important; /* מבטיח שהאייקון והטקסט יישארו בשורה אחת */
        font-size: 16px !important;       /* התאמת גודל פונט למובייל */
    }
/* הגדרות לסליידר Swiper */
    .swiper.main-slider {
        width: 100% !important;
        height: auto !important; /* מאפשר לגובה להיקבע לפי התוכן */
        overflow: hidden;
    }

    .swiper.main-slider .swiper-slide {
        height: auto !important; /* חשוב מאוד ל-Swiper */
    }

    .swiper.main-slider img {
        width: 100% !important;
        height: auto !important; /* שומר על הפרופורציות של התמונה */
        display: block;
    }  
/* 1. הגדרת המיכל כגריד קשיח של 2 עמודות */
    .woocommerce ul.products, 
    .woocommerce-page ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* 2 עמודות שוות בדיוק */
        gap: 10px !important; /* רווח קבוע בין המוצרים (גם לצדדים וגם למטה) */
        padding: 0 10px !important; /* רווח מהדפנות של המכשיר */
        margin: 0 !important;
        list-style: none !important;
    }

    /* 2. איפוס מוחלט של כל הגדרות המוצר הישנות */
    .woocommerce ul.products.columns-3 li.product,
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100% !important; /* תופס 100% מהעמודה של הגריד */
        max-width: 100% !important;
        flex: none !important; /* מבטל את ה-flex הישן */
        float: none !important; /* מבטל את הצידוד הישן */
        margin: 0 !important; /* הרווח מנוהל על ידי ה-gap של הגריד */
        padding: 0 !important;
        clear: none !important;
    }

    /* 3. ביטול "הזרקות" של ווקומרס לפני/אחרי אלמנטים */
    .woocommerce ul.products::before,
    .woocommerce ul.products::after {
        display: none !important;
    }

    /* 4. התאמת התמונה שתמלא את הקובייה */
    .woocommerce ul.products li.product img {
        width: 100%;
        height: auto !important;
        display: block !important;
        margin-bottom: 8px !important;
    }
    /* כותרת טקסט של המוצרים */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-weight: 100 !important;
    font-size: 14px !important;
    }
.woocommerce ul.products li.product .button {
    font-weight: 100 !important;
    font-size: 14px !important;
   }
  .ser{float: left;}
.wp-video {
    width: 100% !IMPORTANT;
    float: none !important;
   } 
   /* הקטנת מדבקות האלכסון במובייל */
.scb-badge-final {
    /* הקטנת הרוחב מ-100px ל-70px */
    width: 36% !important; 
    /* הקטנת הפונט מ-13px ל-10px */
    font-size: 10px !important; 
    /* התאמת גובה ופדינג */
    line-height: 1.2 !important;
    padding: 0 72px 0 84px !important;
}
.scb-badge-final img {
    width: 32% !important;
}
/* תיקון מיקום ספציפי לאלכסון שמאל */
span[style*="transform: rotate(-45deg)"] {
    top: 7px !important;
    left: -55px !important;
    font-weight: 100 !important;
}

/* תיקון מיקום ספציפי לאלכסון ימין */
span[style*="transform: rotate(45deg)"] {
    top: 10px !important;
    right: -20px !important;
}

/* הקטנת מדבקות שהן לא אלכסון (פינות רגילות) */
span.scb-badge-final:not([style*="rotate"]) {
    font-size: 10px !important;
    padding: 2px 8px !important;
    width: auto !important; /* שהן לא ינסו להיות ברוחב 70px */
}
.minibox{
	width: 50%;
	height: 71px;
	float: right;
	margin-right: 0 !important;
}
.miniboximg1{
    background: url(/wp-content/uploads/2017/12/icon1.jpg) no-repeat;
	width: 47px;
	height: 52px;
	float: right;
	margin-left: 10px;
}
.miniboximg2{
    background: url(/wp-content/uploads/2017/12/icon2.jpg) no-repeat;
	width: 47px;
	height: 52px;
	float: right;
	margin-left: 10px;
}
.miniboximg3{
    background: url(/wp-content/uploads/2017/12/iocn3.jpg) no-repeat;
	width: 47px;
	height: 52px;
	float: right;
	margin-left: 10px;
}
.miniboximg4{
    background: url(/wp-content/uploads/2017/12/icon4.jpg) no-repeat;
	width: 47px;
	height: 52px;
	float: right;
	margin-left: 10px;
}
.miniboxtext{
	font-weight: 700;
	line-height: 33px;
	font-size: 16px;
}
.miniboxmoretext{
	font-size: 12px;
	line-height: 22px;
   }
   .conpages{
	background: #333;
	width: 100%;
	border-radius: 5px;
	height: auto;
}
.textconpages{
	text-align: center;
	font-size: 30px;
	color: #fff;
}
/*------------------------------ CONTACT-7 ------------------------------*/
.homecontact {position: relative;}
.homecontact input[type=text], .homecontact input[type=email], .homecontact input[type=tel], .homecontact textarea, .homecontact select {
    color: #000;
    background: #fff;
    border: 1px #333 solid;
    outline: 0;
    border-radius: 2px;
    line-height: 28px;
    height: 28px;
    margin-bottom: 10px;
    padding: 5px;
    font-size: 16px;
    width: 90%;        }
.homecontact select {
    line-height: 37px;
    height: 37px;
    width: 93%;
    }
.homecontact input[type=submit] {
    color: #fff;
    border: 1px #fff solid;
    width: 93%;
    border-radius: 3px;
    font-size: 20px;
    height: 34px;
    font-weight: 700;
    outline: 0;
    background: rgb(77,106,121);
    cursor: pointer;
    letter-spacing: 1px;
    margin: 0 auto;
    margin-right: 9px !important;
    }
div.wpcf7-response-output {
    margin: 1.1em .5em 1em;
    padding: .2em 1em;
    border: 2px solid red;
    color: #333;
}
.homecontacthome{
	width: 95%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.wpcf7 input[type=url], .wpcf7 input[type=email], .wpcf7 input[type=tel] {
    direction: rtl !important;
   }
   .contact{float: left;
   }
   .sst-digits {
    gap: 5px !important;
}
.sst-digits > div {
    min-width: 50px !important;
}
.woocommerce div.product form.cart .variations th {
    width: 42% !important;
    vertical-align: bottom !important;
}
.woocommerce div.product form.cart .variations td {
    width: 88% !important;
}
.woocommerce div.product form.cart .variations select {
    float: left !important;
    width: 88% !important;
    margin-top: 10px;
    margin-left: 0 !important;
    font-size: 14px !important;
    padding-left: 0em !important;    
}
.woocommerce div.product form.cart .variations label {
    font-weight: 400 !important;
}
.woocommerce div.product form.cart .button {
    float: left !important;
    width: 50% !important;
    margin-right: 0 !important;
}
}