.elementor-4412 .elementor-element.elementor-element-2dd8158a > .elementor-container{max-width:1350px;}.elementor-4412 .elementor-element.elementor-element-2dd8158a{margin-top:50px;margin-bottom:50px;padding:0px 0px 0px 0px;}.woocommerce .elementor-4412 .elementor-element.elementor-element-27d31f13 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-4412 .elementor-element.elementor-element-27d31f13 .flex-viewport{border-radius:0px 0px 0px 0px;}.woocommerce .elementor-4412 .elementor-element.elementor-element-27d31f13 .flex-control-thumbs img{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-secondary );}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-4412 .elementor-element.elementor-element-13ceec73{text-align:start;}.elementor-4412 .elementor-element.elementor-element-13ceec73 .elementor-heading-title{font-family:"Josefin Sans", Sans-serif;font-size:25px;font-weight:500;text-transform:capitalize;color:var( --e-global-color-text );}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.woocommerce .elementor-4412 .elementor-element.elementor-element-784790c5 .price{color:var( --e-global-color-text );}.woocommerce .elementor-4412 .elementor-element.elementor-element-784790c5 .price ins{color:var( --e-global-color-text );}.woocommerce .elementor-4412 .elementor-element.elementor-element-3702e557 .woocommerce-product-details__short-description{color:var( --e-global-color-accent );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-4412 .elementor-element.elementor-element-0e192a3 .cart button, .elementor-4412 .elementor-element.elementor-element-0e192a3 .cart .button{border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );transition:all 0.2s;}.elementor-4412 .elementor-element.elementor-element-0e192a3 .added_to_cart{font-family:"Josefin Sans", Sans-serif;font-size:0px;font-weight:500;}.elementor-4412 .elementor-element.elementor-element-0e192a3 .quantity .qty{transition:all 0.2s;}.elementor-4412 .elementor-element.elementor-element-6c3e06df > .elementor-container{max-width:1350px;}.elementor-4412 .elementor-element.elementor-element-6c3e06df{margin-top:0px;margin-bottom:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-4412 .elementor-element.elementor-element-aafb913{text-align:start;}.elementor-4412 .elementor-element.elementor-element-aafb913 .elementor-heading-title{font-family:"Josefin Sans", Sans-serif;font-size:1.4vw;font-weight:500;line-height:2.2vw;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );}.elementor-4412 .elementor-element.elementor-element-72d6ec5{font-family:"Josefin Sans", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;}.elementor-4412 .elementor-element.elementor-element-3f48830 > .elementor-container{max-width:1350px;}.elementor-4412 .elementor-element.elementor-element-3f48830{margin-top:50px;margin-bottom:50px;padding:0px 0px 0px 0px;}.elementor-4412 .elementor-element.elementor-element-99a00af > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.elementor-4412 .elementor-element.elementor-element-99a00af > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4412 .elementor-element.elementor-element-43dbfb0{text-align:start;}.elementor-4412 .elementor-element.elementor-element-43dbfb0 .elementor-heading-title{font-family:"Josefin Sans", Sans-serif;font-size:25px;font-weight:500;line-height:36px;}.elementor-4412 .elementor-element.elementor-element-54a62c0 > .elementor-container{min-height:0vw;}.elementor-4412 .elementor-element.elementor-element-54a62c0{padding:0px 0px 0px 0px;}.elementor-4412 .elementor-element.elementor-element-22b47a6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-4412 .elementor-element.elementor-element-f9c33d1{--grid-columns:4;--grid-row-gap:15px;--grid-column-gap:15px;}.elementor-4412 .elementor-element.elementor-element-f9c33d1 > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-4412 .elementor-element.elementor-element-f9c33d1{--grid-columns:2;}}@media(max-width:767px){.elementor-4412 .elementor-element.elementor-element-2dd8158a{margin-top:0px;margin-bottom:0px;padding:15px 15px 15px 15px;}.elementor-4412 .elementor-element.elementor-element-15622782 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4412 .elementor-element.elementor-element-70cbeedf > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4412 .elementor-element.elementor-element-13ceec73{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -18px) 0px;}.elementor-4412 .elementor-element.elementor-element-13ceec73 .elementor-heading-title{font-size:18px;}.elementor-4412 .elementor-element.elementor-element-3702e557{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -16px) 0px;}.elementor-4412 .elementor-element.elementor-element-0e192a3 .added_to_cart{font-size:0px;}.elementor-4412 .elementor-element.elementor-element-6c3e06df{margin-top:0px;margin-bottom:0px;padding:15px 15px 15px 15px;}.elementor-4412 .elementor-element.elementor-element-44173261 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.elementor-4412 .elementor-element.elementor-element-44173261 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4412 .elementor-element.elementor-element-aafb913 .elementor-heading-title{font-size:25px;line-height:1.5em;}.elementor-4412 .elementor-element.elementor-element-3f48830{margin-top:0px;margin-bottom:20px;padding:10px 10px 10px 10px;}.elementor-4412 .elementor-element.elementor-element-43dbfb0 .elementor-heading-title{font-size:18px;line-height:1.5em;}.elementor-4412 .elementor-element.elementor-element-54a62c0{margin-top:20px;margin-bottom:0px;}.elementor-4412 .elementor-element.elementor-element-f9c33d1{--grid-columns:2;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-4412 .elementor-element.elementor-element-f9c33d1 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for woocommerce-product-title, class: .elementor-element-13ceec73 */.elementor-4412 .elementor-element.elementor-element-13ceec73 {
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e1cd5c1 *//* اجعل الزر مثل زر السلة داخل الكلاس adddddtofafo */
.adddddtofafo a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart {
    background-color: black !important;
    color: white !important;
    border-radius: 5px !important;
    padding: 5px 24px !important;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex !important;   /* مهم: يجعل المحتوى على نفس السطر */
    align-items: center !important;    /* محاذاة وسطية عمودية */
    justify-content: center;
    gap: 2px;                          /* مسافة بين الأيقونة والنص */
    text-decoration: none !important;
    width: auto !important;
    height: auto !important;
}

/* الأيقونة */
.adddddtofafo a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before {
    display: inline-block !important;
    font-size: 16px !important;
    color: white !important;
    margin: 0 !important;
   
}

/* احذف النص الذي تولده الإضافة بـ after */
.adddddtofafo a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart:after {
    content: none !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-short-description, class: .elementor-element-3702e557 */div.woocommerce-product-details__short-description p , .elementor-4412 .elementor-element.elementor-element-3702e557 {
    margin-bottom: 10px !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-0e192a3 *//* =========================
   SAFE / CLEANED CSS (IMPROVED)
   ========================= */

/* 1) Safer text coloring inside add-to-cart form
   - Avoid forcing color on every input/select/button globally
   - Keep plugin states (errors/required/selected) intact as much as possible */
.addtocartform :is(p, label, span, a) {
  color: #000;
}

/* If you want form controls text to be black, keep it scoped,
   but don't nuke plugin/UI states */
.addtocartform :is(input, select, textarea, button) {
  color: #000;
}

/* Optional: don't override PPOM/Swatches internal colors (keeps their state styling) */
.addtocartform .ppom-input,
.addtocartform .ppom-input * ,
.addtocartform .vi-wpvs-variation-wrap,
.addtocartform .vi-wpvs-variation-wrap * {
  color: inherit;
}

/* 2) Quantity controls
   - Avoid ID-based .elementor-4412 .elementor-element.elementor-element-0e192a3s like #minus_qty-0 / #plus_qty-0 (unstable across products)
   - Style the common Woo/theme buttons */
div.quantity.buttons_added {
  display: inline-flex !important;
  align-items: center;
}

/* Theme uses .plus/.minus buttons */
div.quantity.buttons_added .plus,
div.quantity.buttons_added .minus {
  display: inline-flex !important;
  background: #a18d64 !important; /* لون الزر */
  color: #fff !important;         /* لون الرمز داخل الزر */
  border: none !important;
  width: 35px;
  height: 35px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: bold;
}

/* 3) Add to cart button styles */
button.single.add.to.cart.button.elementor-button.button.alt,
.single_add_to_cart_button.elementor-button.button.alt.disabled.wc-variation-selection-needed {
  border: 1px solid #000 !important;
  width: 100% !important;
}

.single_add_to_cart_button.elementor-button.button.alt {
  width: 100% !important;
  padding: clamp(0px, 5vw, 20px) clamp(0px, 5vw, 20px) !important;
  border-color: #000 !important;
  background-color: transparent !important;
  font-size: 18px !important;
}

/* 4) VI WPVS (Variation Swatches) spacing */
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap {
  padding: 20px !important;
  font-size: 13px;
}

.vi-wpvs-variation-wrap
  .vi-wpvs-variation-wrap-select-wrap
  .vi-wpvs-variation-button-select::after {
  border-color: #595858 transparent transparent !important;
}

/* 5) PPOM select styling (safer across browsers) */
.select-options-wall.select.ppom-input.ppom-required.form-select {
  background-color: #3a3a3a !important;
  color: #fff !important;
  border: 1px solid #a0a0a0 !important;
  border-radius: 0 !important;
  padding: 14px 40px 14px 16px !important; /* extra right padding for arrow */
  font-family: "Josefin Sans", sans-serif !important;
  font-size: 15px !important;
  cursor: pointer !important;

  /* Safer appearance reset */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  /* Custom arrow (SVG) */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;

  min-height: 50px !important;
  line-height: 1.4 !important;
}

/* Option styling: note that many browsers ignore option padding/height */
.select-options-wall.select.ppom-input.ppom-required.form-select option {
  background-color: #fff !important;
  color: #000 !important;
  font-size: 16px !important;
  font-family: "Josefin Sans", sans-serif !important;
}

/* Selected / focus states */
.select-options-wall.select.ppom-input.ppom-required.form-select:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* 6) Price container: hiding it can confuse users.
   If you MUST hide it, keep it commented. */
/* #ppom-price-container { display:none!important; } */

/* 7) Selected label + reset variations */
.vi-wpvs-label-selected,
.reset_variations {
  color: #3fff53 !important;
}

/* 8) Variations layout */
.variations {
  border: 0 !important;
  padding: 0 !important;
}

/* 9) Bootstrap-ish form-check spacing override */
.form-check {
  padding: 0 !important;
}

/* 10) PPOM radio styling (custom) - keep behavior stable */
.ppom-input input[type="radio"],
.ppom-cell input[type="radio"],
.ppom-radio input[type="radio"],
input.ppom-check-input[type="radio"] {
  -webkit-appearance: none !important;
  appearance: none !important;

  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  border: 2px solid #d1d1d1 !important;
  background: #fff !important;

  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;

  cursor: pointer !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
  transition: all .25s ease !important;
}

.ppom-input input[type="radio"]:checked::after,
.ppom-cell input[type="radio"]:checked::after,
.ppom-radio input[type="radio"]:checked::after,
input.ppom-check-input[type="radio"]:checked::after {
  content: "";
  width: 10px !important;
  height: 10px !important;
  background: #00c853 !important;
  border-radius: 50% !important;
  display: block !important;
}

.ppom-input input[type="radio"]:hover,
.ppom-cell input[type="radio"]:hover,
.ppom-radio input[type="radio"]:hover,
input.ppom-check-input[type="radio"]:hover {
  border-color: #00c853 !important;
}

.ppom-input label,
.ppom-cell label,
.ppom-radio label {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 22px !important;
  vertical-align: middle !important;
}

.ppom-input,
.ppom-cell,
.ppom-radio {
  margin-bottom: 10px !important;
}




.single_add_to_cart_button{
    width:100%!important;
    height: 60px !important;
    padding:clamp(0px,5vw,20px) clamp(0px,5vw,20px)!important;
    border-color:black!important;
    background-color:transparent!important;
    font-size:18px!important;
    color: black !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-content, class: .elementor-element-72d6ec5 */.text-content-blog * {
    color: black !important;
    
}


/* 📱 كود تمرير الجداول على الجوال فقط */
@media (max-width: 768px) {
  table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 15px !important; /* 🟩 المسافة بين الجدول وشريط التمرير */
    cursor: grab !important; /* ✋ إشارة توضح إمكانية السحب */
    scroll-behavior: smooth !important;
  }

  /* ✅ تمكين السحب باللمس مباشرة على الجدول */
  table:active {
    cursor: grabbing !important;
  }

  /* 🎨 تخصيص شريط التمرير */
  table::-webkit-scrollbar {
    height: 6px;
  }

  table::-webkit-scrollbar-thumb {
    background: #ccc !important; /* اللون الأبيض للشريط */
    border-radius: 3px;
  }

  table::-webkit-scrollbar-track {
    background: transparent !important;
  }
}



.text-content-blog ol , .text-content-blog ul {
    margin: 0px ;
    margin-left: 16px;
}


.text-content-blog ol p,
.text-content-blog ul p {
  margin-bottom: 16px !important; /* المسافة بين العناصر */
}



/* 📱 تطبيق التنسيق فقط على الجوال */
@media (max-width: 768px) {
  .text-content-blog ol,
  .text-content-blog ul {
    margin: 0px !important;
    margin-left: 20px !important;
  }

  .text-content-blog ol p,
  .text-content-blog ul p {
    margin-bottom: 10px !important; /* المسافة بين الفقرات داخل القوائم */
  }
}


.text-content-blog h2 {
    font-size: 18px !important;
    line-height: 1.5em;
}/* End custom CSS */
/* Start custom CSS *//* =========================
   PPOM price table - NO horizontal scroll
   Show full content on mobile (stacked rows)
   ========================= */

#ppom-price-container{
  display:block !important;
  margin-top:16px !important;
  max-width:100% !important;
}

/* Desktop/tablet: keep table normal and neat */
#ppom-price-container table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  table-layout:fixed !important; /* helps wrapping behave predictably */
  border:1px solid rgba(0,0,0,.15) !important;
  border-radius:10px !important;
  overflow:hidden;
}

#ppom-price-container td,
#ppom-price-container th{
  padding:14px 16px !important;
  vertical-align:top !important;
  border-bottom:1px solid rgba(0,0,0,.12) !important;

  /* allow wrapping */
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

#ppom-price-container tr:last-child td{
  border-bottom:0 !important;
}

/* PRICE cell (desktop) */
#ppom-price-container td:last-child{
  text-align:right !important;
  font-weight:700 !important;

  /* IMPORTANT: do NOT force nowrap */
  white-space:normal !important;
}

/* =========================
   Mobile: rows become “cards” with stacked content
   ========================= */
@media (max-width: 680px){

  /* Remove any overflow behavior that could cut content */
  #ppom-price-container{
    overflow:visible !important;
  }

  /* Turn table into blocks */
  #ppom-price-container table,
  #ppom-price-container tbody,
  #ppom-price-container tr{
    display:block !important;
    width:100% !important;
  }

  /* Remove table outer border; each row will be a card */
  #ppom-price-container table{
    border:none !important;
    border-radius:0 !important;
  }

  /* Each row card */
  #ppom-price-container tr{
    border:1px solid rgba(0,0,0,.15) !important;
    border-radius:12px !important;
    margin:12px 0 !important;
    background:#fff;
    overflow:hidden;
  }

  /* Make cells full width and stack */
  #ppom-price-container td{
    display:block !important;
    width:100% !important;
    padding:12px 14px !important;
    font-size:14px !important;
    line-height:1.35 !important;
    border-bottom:1px solid rgba(0,0,0,.10) !important;
  }

  /* Description cell */
  #ppom-price-container td:first-child{
    font-weight:600 !important;
  }

  /* Price cell: move under description, align right */
  #ppom-price-container td:last-child{
    border-bottom:0 !important;
    text-align:right !important;
    font-size:15px !important;
    font-weight:800 !important;

    /* ensure it never causes overflow */
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
}/* End custom CSS */