/* גירסת מובייל עבור דף ה-repeat order */
@media screen and (max-width: 768px) {

    /* עיצוב רקע לסירוגין לכל מוצר */
    .product-block.white-background {
        background-color: #ffffff !important;
    }

    .product-block.cream-background {
        background-color: #FEFEF4 !important;
    }

    /* התאמת הטבלה למובייל */
    #repeat-order-form {
        width: 100% !important;
    }

    /* עיצוב כמות בעגלה */
    .cart-quantity-display {
        color: red;
        font-weight: bold;
        margin-top: 5px;
        margin-left: 95px; /* הזזת הטקסט קצת שמאלה */
        text-align: left;
        width: auto;
    }

    /* הקטנת רוחב התמונה */
    #repeat-order-form table img {
        max-width: 40px !important;  /* הקטנת רוחב התמונה */
        height: auto !important;
        display: block !important;
        margin: auto !important; /* מרכז את התמונה */
    }

    /* אם אין תמונה, הוסף תמונת ברירת מחדל */
    #repeat-order-form table img[src=""] {
        content: url('https://ashachar.co.il/wp-content/uploads/default-image.jpg'); /* תמונה ברירת מחדל */
    }

    /* עיצוב שם המוצר */
    #repeat-order-form .product-name {
        font-weight: bold !important;
        font-size: 16px;
        text-align: right;
        padding: 10px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* יישור ושיפור כפתורי כמות */
    #repeat-order-form .quantity {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        margin-bottom: 5px;
    }

    /* עיצוב תא המחיר */
    #repeat-order-form .price-cell {
        text-align: center !important;
        width: 60px !important;  /* צמצום רוחב תא המחיר */
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* התאמת הטבלה למובייל */
    #repeat-order-form table {
        border: none !important;
        width: 100% !important;
    }

    /* עיצוב כללי לתאים */
    #repeat-order-form th, #repeat-order-form td {
        border: none !important;
        padding: 5px !important;
    }

    /* כפתורי כמות */
    #repeat-order-form .quantity input {
        width: 35px !important;  /* הקטנת שדה הכמות */
        text-align: center !important;
        border: 1px solid #ddd !important;
        padding: 5px !important;
        margin: 0 3px !important;
    }
	    /* כפתור הוספה לעגלה במצב רגיל */
    #repeat-order-form .add-to-cart-btn {
        background-color: #333 !important;
        color: white !important;
        padding: 4px 6px !important; /* הקטנת הפדינג */
        border: none !important;
        cursor: pointer !important;
        font-size: 12px !important; /* הקטנת גודל הפונט */
        font-weight: bold !important;
        margin: 2px !important; /* התאמת המארג'ין */
        text-align: center;
        width: auto;
    }

    /* כפתורי פלוס ומינוס */
    #repeat-order-form .quantity .plus,
    #repeat-order-form .quantity .minus {
        background-color: #333 !important;
        color: white !important;
        padding: 4px 6px !important; /* הקטנת הפדינג */
        border: none !important;
        cursor: pointer !important;
        font-size: 12px !important; /* הקטנת גודל הפונט */
        font-weight: bold !important;
        margin: 2px !important; /* התאמת המארג'ין */
		width: 30px;
        text-align: center;
    }

    /* עיצוב שדה הכמות */
    #repeat-order-form .quantity input.quantity-input {
        width: 35px !important;
        text-align: center !important;
        border: 1px solid #ddd !important;
        padding: 5px !important;
        margin: 0 3px !important;
    }

    /* כפתור במצב רגיל */
    #repeat-order-form .add-to-cart-btn {
        background-color: #333 !important;
        color: white !important;
        padding: 4px 6px !important;
        border: none !important;
        cursor: pointer !important;
        font-size: 12px !important;
        font-weight: bold !important;
        margin: 2px !important;
        text-align: center;
        width: auto;
    }

/* כפתור במצב "מוסיף..." */
#repeat-order-form .add-to-cart-btn.loading {
    background-color: gray !important;
    color: white !important;
}

/* כפתור במצב "הושלם!" */
#repeat-order-form .add-to-cart-btn.success {
    background-color: green !important;
    color: white !important;
}

    /* התאמת ה-quantity wrapper */
    #repeat-order-form .quantity {
        flex-wrap: wrap !important;
    }

    #repeat-order-form .quantity button {
        padding: 6px 8px !important;
        margin: 0 2px !important;
    }
	    /* עיצוב עבור שורת הפילטרים (בחר קטגוריה, חיפוש, וסך הכל בעגלה) */
    .repeat-order-header .filters-container {
        display: flex;
        flex-direction: row; /* פריסה בשורה */
        justify-content: space-between; /* מרווח בין האלמנטים */
        align-items: center;
        flex-wrap: wrap;
        padding: 10px 0;
    }

    .repeat-order-header .filters-container > div {
        margin: 5px 0;
        flex: 1; /* כל אלמנט יתפוס מקום שווה */
        min-width: 100px; /* הגדרת רוחב מינימלי כדי למנוע שבירה */
        text-align: center;
    }

    /* התאמת סדר האלמנטים במובייל */
    .filter-category-container {
        order: 1; /* בחר קטגוריה יופיע ראשון בצד ימין */
    }

    .search-container {
        order: 2; /* החיפוש יישאר באמצע */
    }

    #custom_cart_total_display {
        order: 3; /* סך הכל בעגלה יופיע בצד שמאל */
    }

    /* התאמת האלמנטים */
    select#product-category-filter,
    .search-container input#product-search,
    #custom_cart_total_display {
        width: 100%; /* תופס את כל רוחב ההורה */
        padding: 10px;
        font-size: 14px;
    }

    /* עיצוב נוסף עבור סך הכל בעגלה */
    #custom_cart_total_display {
        font-weight: bold;
    }

    /* עיצוב עבור שדה החיפוש */
    .search-container input#product-search {
        font-size: 14px;
        padding: 10px;
    }

    /* עיצוב עבור בחר קטגוריה */
    select#product-category-filter {
        font-size: 14px;
        padding: 10px;
    }

    /* התאמת האלמנטים לשורה אחת */
    .repeat-order-header .filters-container {
        flex-direction: row; /* יישור בשורה */
        gap: 10px; /* רווח בין האלמנטים */
    }

    /* סידור כפתורי כמות */
    #repeat-order-form .quantity {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        margin-bottom: 10px;
    }
	    select#product-category-filter {
        padding: 12px 10px; /* padding מוגדל קצת במובייל */
        font-size: 16px; /* גודל טקסט במובייל */
        height: auto; /* התאמת הגובה אוטומטית */
        line-height: 1.6; /* ריווח שורות טוב יותר במובייל */
    }

    /* עיצוב כפתור הוספה לעגלה */
    #repeat-order-form .add-to-cart-btn {
        width: auto;
        padding: 6px 10px;
        font-size: 12px;
    }
}


/* גירסת דסקטופ */
@media screen and (min-width: 769px) {
    #repeat-order-form table {
        max-width: 1200px !important;
        width: 100% !important;
        border-collapse: collapse !important;
        margin: 0 auto !important;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
        border: none !important; /* מסיר את הגבולות של הטבלה */
    }
	
    #repeat-order-form .add-to-cart-btn {
        background-color: #333 !important;
        color: white !important;
        padding: 6px 10px !important; /* הקטנת הפדינג */
        border: none !important;
        cursor: pointer !important;
        font-size: 14px !important; /* הקטנת גודל הפונט */
        font-weight: bold !important;
        margin: 3px !important; /* התאמת המארג'ין */
        text-align: center;
        width: 90px; /* הקטנת הרוחב */
    }

/* כפתורי פלוס ומינוס - עדכון */
#repeat-order-form .quantity .plus,
#repeat-order-form .quantity .minus {
    background-color: #333 !important;
    color: white !important;
    padding: 10px 15px !important; /* התאמת הפדינג לגודל הכפתור "הוסף" */
    border: none !important;
    cursor: pointer !important;
    font-size: 16px !important; /* גודל גופן תואם */
    font-weight: bold !important;
    margin: 0 5px !important;
    text-align: center;
    width: 45px !important; /* התאמת הרוחב */
}

    /* עיצוב שדה הכמות */
    #repeat-order-form .quantity input.quantity-input {
        width: 90px !important;
        height: 50px !important;
        text-align: center !important;
        border: 1px solid #ddd !important;
        padding: 10px !important;
        font-size: 16px !important;
        line-height: 1 !important;
        box-sizing: border-box !important;
    }


    /* עיצוב שם המוצר */
    #repeat-order-form .product-name {
        font-weight: bold !important;  /* מודגש */
        font-size: 16px;  /* גודל גופן */
        text-align: right; /* יישור לימין */
        padding: 10px 0;  /* ריווח למעלה ולמטה */
        overflow: hidden;
        text-overflow: ellipsis; /* אם השם ארוך מדי - יחליף ב"..." */
        white-space: nowrap; /* שמירת השורה אחת */
    }

    /* רקע חלופי לבן וקרם */
    #repeat-order-form .white-background {
        background-color: white !important;
    }

    #repeat-order-form .cream-background {
        background-color: #f9f6e7 !important; /* גוון קרם בהיר */
    }

    /* עיצוב כמות בעגלה */
    .cart-quantity-display {
        color: red;
        font-weight: bold;
        margin-top: 5px;
        position: relative;
        margin-left: 0; /* אין הזזה שמאלה יותר */
        text-align: center; /* מיישר את הטקסט בדיוק מתחת לכמות */
    }

    /* עיצוב תאי המוצר והסרת גבולות */
    #repeat-order-form th, #repeat-order-form td {
        border: none !important;
        padding: 10px !important;
        text-align: center !important; /* מרכז את התוכן אופקית */
        vertical-align: middle !important; /* מרכז את התוכן אנכית */
    }

    #repeat-order-form table img {
        max-width: 100px !important;
        height: auto !important;
        display: block !important;
        margin: auto !important; /* מרכז את התמונה */
    }

    /* אם אין תמונה, הוסף תמונת ברירת מחדל */
    #repeat-order-form table img[src=""] {
        content: url('https://ashachar.co.il/wp-content/uploads/default-image.jpg'); /* תמונה ברירת מחדל */
    }

    #repeat-order-form .price-cell {
        text-align: center !important;
        width: 100px !important;
    }

    /* עיצוב הכמות והכפתורים יחד */
    #repeat-order-form .quantity-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center; /* יישור הכל לאמצע */
        justify-content: center;
    }

    #repeat-order-form .quantity {
        display: flex !important;
        justify-content: center !important; /* מרכז את הכפתורים אופקית */
        align-items: center !important; /* מרכז אנכית */
    }

    #repeat-order-form .quantity button {
        background-color: #333 !important;
        color: white !important;
        padding: 10px 15px !important;
        border: none !important;
        cursor: pointer !important;
        font-size: 16px !important;
        font-weight: bold !important;
        margin: 0 5px !important;
        text-align: center;
        width: 100px; /* גודל קבוע */
    }

    #repeat-order-form .quantity input {
        width: 50px !important;
        text-align: center !important;
        border: 1px solid #ddd !important;
        padding: 5px !important;
    }

    #repeat-order-form .quantity button:hover {
        background-color: #555 !important;
    }

    /* כפתור מוסיף לעגלה אפור */
    #repeat-order-form .add-to-cart-btn.loading {
        background-color: gray !important;
        color: white !important;
    }
	
	#custom_cart_total_display {
    background-color: #f8f8f8;
    padding: 10px;
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px; /* להוסיף רווח */
}

.custom_cart_total_label {
    color: #555;
}

.custom_cart_total_amount {
    color: #000;
}


    /* כפתור הושלם ירוק */
    #repeat-order-form .add-to-cart-btn.success {
        background-color: green !important;
        color: white !important;
    }
	/* גירסת דסקטופ */
@media screen and (min-width: 769px) {

    /* מיכל מרכזי לכל הפילטרים, חיפוש, והעגלה */
    .repeat-order-header .filters-container {
        display: flex;
        justify-content: space-between; /* מרחיק את האלמנטים לקצוות */
        align-items: center;
        flex-wrap: wrap;
        width: 100%; /* תופס את כל רוחב המסך */
        max-width: 1200px;
        margin: 0 auto;
        padding: 10px 0;
    }

    /* עיצוב שורת "בחר קטגוריה", שדה חיפוש וסל הכל בעגלה */
    #product-category-filter,
    #b2bking_bulkorder_search_text_indigoid,
    #custom_cart_total_display {
        padding: 10px;
        font-size: 16px;
        background-color: #f8f8f8;
        border: 1px solid #ddd;
        border-radius: 5px;
    }

    /* "בחר קטגוריה" בצד ימין */
    .filter-category-container {
        order: 1; /* מוודא שזה האלמנט הראשון */
    }

    /* שורת החיפוש במרכז */
    .search-container {
        flex-grow: 1; /* מאפשר לשורת החיפוש לגדול */
        order: 2; /* זה האלמנט השני */
        text-align: center;
    }

    /* סך הכל בעגלה בצד שמאל */
    #custom_cart_total_display {
        order: 3; /* מוודא שזה האלמנט השלישי */
        margin-left: auto; /* שולח את האלמנט לשמאל */
        text-align: center; /* מרכז את הטקסט */
    }

    /* מוודא שכל שדה תופס מקום מתאים */
    #product-category-filter {
        width: 200px; /* רוחב שדה קטגוריה */
    }

    #b2bking_bulkorder_search_text_indigoid {
        width: 250px; /* רוחב שדה החיפוש */
    }

    #custom_cart_total_display {
        padding: 10px 15px;
        font-size: 16px;
        font-weight: bold;
    }

    /* עיצוב כללי */
    .custom_cart_total_label {
        color: #555;
    }

    .custom_cart_total_amount {
        color: #000;
    }
}
	/* סידור תיבת ה-Select של 'בחר קטגוריה' למובייל ודסקטופ */
select#product-category-filter {
    padding: 8px 10px; /* התאמת padding */
    font-size: 14px; /* גודל טקסט ברור */
    line-height: 1.5; /* התאמת גובה השורה */
    height: auto; /* התאמת גובה דינמית */
    box-sizing: border-box; /* לוודא שה-padding כלול בתוך הגבולות */
    text-align: right; /* יישור טקסט לימין */
}

}


/* שינוי במובייל בלבד */
@media only screen and (max-width: 768px) {
  /* הגדרת Flexbox על השורה */
  .row {
    display: flex !important;
    flex-wrap: wrap !important; /* הקוביות יעטפו לשורה הבאה */
    justify-content: center !important;
  }

  /* הפיכת כל הקוביות לשתי קוביות בשורה */
  .col.medium-4.small-4.large-4 {
    width: calc(100% / 2 - 5px) !important; /* כל קובייה תתפוס 50% מהרוחב */
    margin: 10px !important; /* מרווח מסביב לקוביות */
    padding: 30px !important; /* מרווח פנימי */
    box-sizing: border-box !important;
    background-color: #f9f9f9 !important; /* צבע רקע */
    border-radius: 10px !important; /* עיגול פינות */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important; /* צל רך */
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    border: none !important; /* הסרת כל גבול */
    outline: none !important; /* הסרת כל outline */
    position: relative !important; /* מאפשר גמישות */
  }

  /* הגדלת הקוביות בהובר */
  .col.medium-4.small-4.large-4:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2) !important;
  }

  /* קישור על כל הקוביה */
  .col.medium-4.small-4.large-4 a {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important;
    text-decoration: none !important;
  }

  /* ביטול קווים פנימיים בקוביות */
  .col.medium-4.small-4.large-4::before,
  .col.medium-4.small-4.large-4::after {
    content: none !important; /* הסרה של כל פס מיותר שנוסף לפני או אחרי הקוביות */
    display: none !important;
  }

  /* ביטול גודל קבוע שהוגדר ע"י attributes */
  .col.medium-4.small-4.large-4 img[width],
  .col.medium-4.small-4.large-4 img[height] {
    width: 100% !important;
    height: auto !important;
  }

  /* התאמת גודל התמונות לפי ה-class */
  .Catagimg,
  .Deptimg,
  .Repeatimg,
  .Fastoimg,
  .Promoimg,
  .Orderallimg {
    width: 100% !important; /* תמונה תתפוס את כל הרוחב */
    height: auto !important; /* שמירת הפרופורציות */
    max-width: 100% !important;
    object-fit: contain !important; /* שמירה על יחס התמונה */
    object-position: center !important; /* מרכז התמונה */
  }

  /* שינוי סדר הקוביות */
  .Fasto { order: 1 !important; }  /* הזמנה */
  .Repeat { order: 2 !important; }  /* הזמנה חוזרת */
  .Promo { order: 3 !important; }   /* מבצעים */
  .Orderall { order: 4 !important; } /* הזמנות קודמות */
  .Dept { order: 5 !important; }    /* חוב פתוח */
  .Catag { order: 6 !important; }   /* ארנק */
}


/* הסתרת התפריט במובייל */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        display: none;
    }

    /* הצגת התפריט בלחיצה */
    .woocommerce-MyAccount-navigation.is-active {
        display: block;
    }
}


/* גירסת דסקטופ */
@media screen and (min-width: 769px) {
    /* עיצוב טבלה */
    .b2bking_bulkorder_form_container_content_line {
        max-width: 1200px !important;
        width: 100% !important;
        border-collapse: collapse !important;
        margin: 0 auto !important;
        border: none !important;
    }

    /* עיצוב שורות לסירוגין */
    .b2bking_bulkorder_form_container_content_line:nth-child(even) {
        background-color: white !important;
    }

    .b2bking_bulkorder_form_container_content_line:nth-child(odd) {
        background-color: #f9f6e7 !important;
    }

    /* עיצוב שם המוצר */
    .b2bking_bulkorder_indigo_name, .b2bking_bulkorder_cream_name {
        font-weight: bold !important;
        font-size: 16px !important;
        text-align: right !important;
        padding: 10px 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* עיצוב תמונת המוצר */
    .b2bking_bulkorder_form_container_content_line img {
        max-width: 100px !important;
        height: auto !important;
        display: block !important;
        margin: auto !important;
    }

    /* עיצוב תא המחיר */
    .b2bking_bulkorder_form_container_content_line_subtotal {
        text-align: center !important;
        width: 100px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* עיצוב עיגול כמות בעגלה */
    .b2bking_cream_product_nr_icon {
        background-color: #ff0000 !important; /* צבע רקע בולט */
        color: white !important; /* צבע טקסט */
        font-weight: bold !important; /* טקסט מודגש */
        font-size: 12px !important; /* גודל גופן קטן יותר */
        border-radius: 50% !important; /* עיגול */
        padding: 5px !important; /* ריווח קטן יותר */
        text-align: center !important;
        display: inline-block !important;
        min-width: 20px !important; /* גודל מינימלי קטן יותר */
        line-height: 20px !important; /* גובה קו נמוך יותר */
    }

    /* עיצוב תאי המוצר והסרת גבולות */
    .b2bking_bulkorder_form_container_content_line th, .b2bking_bulkorder_form_container_content_line td {
        border: none !important;
        padding: 10px !important;
        text-align: center !important;
        vertical-align: middle !important;
    }
}
/* גירסת מובייל */
@media screen and (max-width: 768px) {

    /* עיצוב שורות לסירוגין */
    .b2bking_bulkorder_form_container_content_line:nth-child(even) {
        background-color: white !important;
    }

    .b2bking_bulkorder_form_container_content_line:nth-child(odd) {
        background-color: #FEFEF4 !important;
    }

    /* עיצוב שם המוצר */
    .b2bking_bulkorder_indigo_name, .b2bking_bulkorder_cream_name {
        font-weight: bold !important;
        font-size: 16px !important;
        text-align: right !important;
        padding: 10px 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* עיצוב תמונת המוצר */
    .b2bking_bulkorder_form_container_content_line img {
        max-width: 40px !important;  /* הקטנת רוחב התמונה */
        height: auto !important;
        display: block !important;
        margin: auto !important;
    }

    /* עיצוב תא המחיר */
    .b2bking_bulkorder_form_container_content_line_subtotal {
        text-align: center !important;
        width: 60px !important; /* צמצום רוחב תא המחיר */
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* עיצוב עיגול כמות בעגלה */
    .b2bking_cream_product_nr_icon {
        background-color: #ff0000 !important; /* צבע רקע בולט */
        color: white !important; /* צבע טקסט */
        font-weight: bold !important; /* טקסט מודגש */
        font-size: 12px !important; /* גודל גופן קטן יותר */
        border-radius: 50% !important; /* עיגול */
        padding: 5px !important; /* ריווח קטן יותר */
        text-align: center !important;
        display: inline-block !important;
        min-width: 20px !important; /* גודל מינימלי קטן יותר */
        line-height: 20px !important; /* גובה קו נמוך יותר */
    }

    /* התאמת הטבלה למובייל */
    .b2bking_bulkorder_form_container_content_line th, .b2bking_bulkorder_form_container_content_line td {
        border: none !important;
        padding: 5px !important;
        text-align: center !important;
    }

    /* כפתורי כמות */
    .b2bking_cream_input_group {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-bottom: 5px;
    }

    .b2bking_cream_input_button {
        padding: 6px 8px !important;
        margin: 0 2px !important;
    }

    .b2bking_bulkorder_form_container_content_line_qty {
        width: 35px !important; /* הקטנת שדה הכמות */
        text-align: center !important;
        border: 1px solid #ddd !important;
        padding: 5px !important;
        margin: 0 3px !important;
    }
}


.mobile-bottom-bar {
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   background-color: #3e5371;
   display: flex;
   justify-content: space-around;
   align-items: center;
   height: 60px;
   z-index: 999;
   box-shadow: 0 -2px 5px rgba(0,0,0,0.15);
}


@media only screen and (min-width: 769px) {
   .mobile-bottom-bar {
      display: flex !important; /* הבטחה שהבר יוצג גם בדסקטופ */
   }
}

.bar-item {
   color: white;
   text-align: center;
   flex-grow: 1;
   font-size: 14px;
   text-decoration: none;
   padding: 10px;
   position: relative; /* הכרחי כדי להוסיף קווי הפרדה */
   display: flex;
   justify-content: center;
   align-items: center;
   white-space: nowrap;
}

/* הוספת גבול בין כל הכפתורים */
.bar-item {
   border-right: 1px solid #555 !important; /* קו הפרדה מימין לכל כפתור */
}

/* הסרת קו ההפרדה מהכפתור האחרון */
.bar-item:last-child {
   border-right: none;
}

.bar-item i {
   display: block;
   font-size: 20px;
   margin-bottom: 5px;
}

/* הוספת מסגרת עליונה לבר */
.mobile-bottom-bar {
    border-top: 2px solid #444; /* מסגרת עליונה */
}


.b2bking_bulkorder_filters_list_sortby {
    display: none !important;
}
.b2bking_bulkorder_filter_header_sortby {
    display: none !important;
}