/* ================================================
   ZOOM OPTICAL - CONTACT LENSES STYLING (live file)
   منقول من staging — عدسات لاصقة فقط
   ================================================ */

/* 1. HIDE */
.elementor-element-6d27dca,
.single-product .wd-product-brands { display: none !important; }
#content_86815fcaa2cdde { display: none !important; }
#content_46815fcaa2cdff,
#select_86815fcaa2ce0a { display: none !important; }
.wcpa_price_summary { display: none !important; }
#separator_36815fcaa2cde8 { display: none !important; }
#content_86815fcaa2cdee { display: none !important; }
form.cart > .quantity { display: none !important; }
form.cart > .zoom-qty-label { display: none !important; }

/* 2. STOCK تحت السلة */
.wd-single-add-cart .stock { display: none !important; }
.zoom-stock-below {
  font-size: 11px !important;
  color: #888 !important;
  text-align: center !important;
  margin-top: 6px !important;
  display: block !important;
}
.zoom-stock-below .zoom-check { color: #4caf50 !important; margin-left: 3px !important; }

/* 3. MOBILE LAYOUT REORDER */
@media (max-width: 767px) {
  .elementor-element-cd3749a > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
  }
  .elementor-element-b374152 { order: 2 !important; width: 100% !important; max-width: 100% !important; }
  .elementor-element-958b8dd { order: 3 !important; width: 100% !important; max-width: 100% !important; }
  .elementor-element-958b8dd > .e-con-inner { display: flex !important; flex-direction: column !important; }
  .elementor-element-7d4719f { order: 0 !important; }
  .elementor-element-7d0f3cf { order: 1 !important; }
  .elementor-element-9bd8409 { order: 2 !important; }
  .elementor-element-495f8f9 { order: 6 !important; }
  .elementor-element-46ec7e1 { order: 7 !important; }
  .elementor-element-05610f2 { order: 3 !important; }
}

/* 4. COLOR SWATCHES */
#color_group_8025882742 .wcpa_field {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  gap: 8px !important;
  padding: 8px 4px 12px 4px !important;
}
#color_group_8025882742 .wcpa_field::-webkit-scrollbar { height: 4px !important; }
#color_group_8025882742 .wcpa_field::-webkit-scrollbar-thumb {
  background: #c9a96e !important; border-radius: 2px !important;
}
#color_group_8025882742 .wcpa_color { flex: 0 0 auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 4px !important; }
#color_group_8025882742 .wcpa_color_wrap {
  width: 52px !important; height: 52px !important; border-radius: 50% !important;
  overflow: hidden !important; border: 2px solid #e8e8e8 !important; box-sizing: border-box !important;
}
#color_group_8025882742 .wcpa_color_bg { width: 100% !important; height: 100% !important; border-radius: 50% !important; }
#color_group_8025882742 .wcpa_color.zoom-selected .wcpa_color_wrap {
  border: 2.5px solid #c9a96e !important; box-shadow: 0 0 0 3px rgba(201,169,110,0.25) !important;
}
#color_group_8025882742 .wcpa_color label { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 4px !important; }
#color_group_8025882742 .wcpa_color .wcpa_color_name {
  font-size: 10px !important; color: #666 !important; text-align: center !important;
  white-space: nowrap !important; max-width: 55px !important; overflow: hidden !important; text-overflow: ellipsis !important;
}

/* 5. POWER TOGGLE */
#radio_1530064126 { width: 100% !important; margin-bottom: 0 !important; }
#radio_1530064126 > .wcpa_field_label { display: none !important; }
#radio_1530064126 .wcpa_field {
  display: flex !important; flex-direction: row !important; gap: 0 !important;
  width: 100% !important; border: 1.5px solid #c9a96e !important; border-radius: 12px !important;
  overflow: hidden !important; background: #fdf9f3 !important; padding: 3px !important;
}
#radio_1530064126 .wcpa_radio { flex: 1 !important; margin: 0 !important; }
#radio_1530064126 .wcpa_radio label {
  display: flex !important; align-items: center !important; justify-content: center !important;
  gap: 8px !important; padding: 10px 8px !important; font-size: 14px !important; font-weight: 600 !important;
  color: #c9a96e !important; cursor: pointer !important; border-radius: 10px !important;
  margin: 0 !important; background: transparent !important; width: 100% !important; transition: all 0.25s ease !important;
}
/* إخفاء الأيقونة الأصلية من WCPA */
#radio_1530064126 .wcpa_radio_custom { display: none !important; }
/* أيقونة الراديو المخصصة */
#radio_1530064126 .wcpa_radio input[type="radio"] {
  appearance: none !important; -webkit-appearance: none !important;
  width: 14px !important; height: 14px !important;
  border: 2px solid #bbb !important; border-radius: 50% !important;
  background: #fff !important; cursor: pointer !important; flex-shrink: 0 !important;
  transition: all 0.2s !important; opacity: 1 !important; position: relative !important;
}
#radio_1530064126 .wcpa_radio label.zoom-checked ~ input[type="radio"] {
  border-color: #fff !important; background: #fff !important; box-shadow: 0 0 0 3px #1a1a1a !important;
}
#radio_1530064126 .wcpa_radio label.zoom-checked {
  background: #c9a96e !important; color: #fff !important;
}

/* 6. فاصل */
.zoom-power-divider {
  width: 100% !important; height: 1px !important;
  background: linear-gradient(to left, transparent, #e8ddd0, transparent) !important;
  margin: 12px 0 14px !important; border: none !important;
}

/* 7. PRESCRIPTION - select ممتد + عداد */
#sec_106815fcaa2cdc5 { width: 100% !important; }

/* الـ select wrap يصبح flex row */
[id^="select_"].zoom-done,
[id^="select-"].zoom-done {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin-bottom: 8px !important;
  flex-direction: row !important;
}
[id^="select_"].zoom-done > label,
[id^="select-"].zoom-done > label { display: none !important; }
[id^="select_"].zoom-done > select,
[id^="select-"].zoom-done > select {
  flex: 1 !important; width: 100% !important; min-width: 0 !important;
  border: 1.5px solid #ddd !important; border-radius: 8px !important;
  padding: 10px 14px !important; font-size: 14px !important; background: #fff !important;
}
[id^="select_"].zoom-done > select,
[id^="select-"].zoom-done > select { order: 2 !important; }
[id^="select_"].zoom-done > .zoom-eye-counter,
[id^="select-"].zoom-done > .zoom-eye-counter { order: 3 !important; }
[id^="select_"].zoom-done > select:focus,
[id^="select-"].zoom-done > select:focus { border-color: #c9a96e !important; outline: none !important; }

/* عداد العين */
.zoom-eye-counter {
  display: flex !important; align-items: center !important;
  background: #f9f9f9 !important; border: 1.5px solid #e0e0e0 !important;
  border-radius: 10px !important; overflow: hidden !important; flex-shrink: 0 !important;
}
.zoom-eye-counter .zoom-eye-minus,
.zoom-eye-counter .zoom-eye-plus {
  width: 34px !important; height: 40px !important; font-size: 20px !important;
  font-weight: 300 !important; background: transparent !important; border: none !important;
  cursor: pointer !important; color: #333 !important; display: flex !important;
  align-items: center !important; justify-content: center !important; padding: 0 !important; line-height: 1 !important;
}
.zoom-eye-counter .zoom-eye-minus:hover,
.zoom-eye-counter .zoom-eye-plus:hover { background: #f0e8d8 !important; color: #c9a96e !important; }
.zoom-eye-counter .zoom-eye-val {
  min-width: 34px !important; height: 40px !important; text-align: center !important;
  border-left: 1px solid #e0e0e0 !important; border-right: 1px solid #e0e0e0 !important;
  background: #fff !important; font-size: 14px !important; font-weight: 600 !important;
  color: #333 !important; display: flex !important; align-items: center !important; justify-content: center !important;
}

/* 8. CHECKBOX TOGGLE */
#checkbox_76815fcaa2ce16 { margin: 10px 0 6px !important; }
#checkbox_76815fcaa2ce16 .wcpa_field {
  display: flex !important; align-items: center !important; gap: 10px !important;
  flex-direction: row-reverse !important; justify-content: flex-end !important;
}
#checkbox_76815fcaa2ce16 input[type="checkbox"] {
  width: 40px !important; height: 22px !important;
  appearance: none !important; -webkit-appearance: none !important;
  background: #ccc !important; border-radius: 11px !important;
  position: relative !important; cursor: pointer !important; transition: background 0.2s !important;
  flex-shrink: 0 !important;
}
#checkbox_76815fcaa2ce16 input[type="checkbox"]::after {
  content: '' !important; position: absolute !important;
  width: 18px !important; height: 18px !important; background: white !important;
  border-radius: 50% !important; top: 2px !important; right: 2px !important;
  transition: right 0.2s !important; box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
}
#checkbox_76815fcaa2ce16 input[type="checkbox"]:checked { background: #c9a96e !important; }
#checkbox_76815fcaa2ce16 input[type="checkbox"]:checked::after { right: 20px !important; }

/* 9. CART */
.single_add_to_cart_button { width: 100% !important; height: 48px !important; }
form.cart { display: block !important; }

/* 10. DESKTOP */
@media (min-width: 768px) {
  .elementor-element-958b8dd > .e-con-inner { display: flex !important; flex-direction: column !important; }
  .elementor-element-7d4719f { order: 0 !important; }
  .elementor-element-7d0f3cf { order: 1 !important; }
  .elementor-element-9bd8409 { order: 2 !important; }
  .elementor-element-05610f2 { order: 3 !important; }
  .elementor-element-495f8f9 { order: 4 !important; }
  .elementor-element-46ec7e1 { order: 5 !important; }
}

@media (max-width: 767px) {
  #color_group_8025882742 .wcpa_field { max-width: calc(100vw - 40px) !important; }
}

/* إخفاء حقول عدد الصناديق للعينين */
#select_46815fcaa2ce05,
#select-6564731314 {
  display: none !important;
}
/* label العين */
.zoom-eye-label {
  font-size: 13px !important;
  color: #555 !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  order: 1 !important;
  padding-right: 4px !important;
  align-self: center !important;
}

/* ===== ZOOM: mobile color swatches under images (proxy, appended) ===== */
.zoom-color-mobile { display:none; }
@media (max-width:767px){
  body.zoom-mobile-color #color_group_8025882742 { display:none !important; }
  .zoom-color-mobile { display:block !important; padding:10px 14px 2px; }
  .zoom-color-mobile-label { text-align:right; color:#777; font-size:13px; margin:0 0 8px; }
  .zoom-color-mobile-label span { color:#e00; margin-right:2px; }
  .zoom-color-mobile-row { display:flex; flex-direction:row; gap:10px; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:6px; }
  .zoom-cm-item { display:flex; flex-direction:column; align-items:center; gap:4px; flex:0 0 auto; cursor:pointer; }
  .zoom-cm-circle { width:48px; height:48px; border-radius:50%; border:2px solid #e8e8e8; box-sizing:border-box; display:block; }
  .zoom-cm-item.zoom-cm-sel .zoom-cm-circle { border:2.5px solid #c9a96e; box-shadow:0 0 0 3px rgba(201,169,110,0.25); }
  .zoom-cm-name { font-size:10px; color:#666; max-width:55px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}


/* ========================================================== */
/* ZOOM: mobile arrangement v4 (append-only, mobile <=767px) */
/* (1) buttons even split (2) medical select wider/counter narrow (4) wishlist over gallery */
/* ========================================================== */
@media (max-width:767px){
  #radio_1530064126 .wcpa_field.wcpa_group_field.wcpa_fl_inline{display:flex !important;width:100% !important;gap:10px !important;}
  #radio_1530064126 .wcpa_field.wcpa_group_field.wcpa_fl_inline > .wcpa_radio{flex:1 1 0 !important;margin:0 !important;min-width:0 !important;}
  #radio_1530064126 .wcpa_radio > label{width:100% !important;display:flex !important;justify-content:center !important;align-items:center !important;text-align:center !important;}
  #select_06815fcaa2cdf4{justify-content:space-between !important;align-items:center !important;gap:8px !important;flex-wrap:nowrap !important;}
  #select_06815fcaa2cdf4 > select.wcpa_field{flex:1 1 auto !important;width:auto !important;min-width:0 !important;}
  #select_06815fcaa2cdf4 > .zoom-eye-counter{flex:0 0 auto !important;width:92px !important;min-width:92px !important;}
  .woocommerce-product-gallery.zoom-has-wish{position:relative !important;}
  .zoom-wish-on-gallery{position:absolute !important;top:10px !important;left:10px !important;right:auto !important;z-index:50 !important;background:#fff !important;border-radius:50% !important;width:38px !important;height:38px !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 2px 6px rgba(0,0,0,.15) !important;}
}
/* ZOOM: sticky add-to-cart — عدسات لاصقة + جوال فقط */
@media (max-width:767px){
  .product.product_cat-color-contact-lenses form.cart .single_add_to_cart_button,
  .product.product_cat-clear-contact-lenses form.cart .single_add_to_cart_button{ display:none !important; }
}
#zoom-sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.12);padding:10px 14px;}
#zoom-sticky-atc .zoom-sticky-atc-btn{display:block;width:100%;border:0;border-radius:8px;padding:14px;font-size:16px;font-weight:700;background:#3b3a36;color:#fff;cursor:pointer;}
#zoom-sticky-atc .zoom-sticky-atc-btn{transition:transform .12s ease, background .2s ease, box-shadow .2s ease;}
#zoom-sticky-atc .zoom-sticky-atc-btn:hover{background:#2c2b28;}
#zoom-sticky-atc .zoom-sticky-atc-btn:active{transform:scale(.96);background:#1f1e1c;box-shadow:inset 0 2px 6px rgba(0,0,0,.35);}
@media (max-width:767px){
  #radio_1530064126{ width:100% !important; }
  #radio_1530064126 .wcpa_field_wrap, #radio_1530064126 > .wcpa_field{ width:100% !important; margin-left:0 !important; margin-right:0 !important; }
  #radio_1530064126 .wcpa_field.wcpa_group_field.wcpa_fl_inline{ width:100% !important; margin:0 auto !important; }
}
/* ZOOM: تمديد زرّي القوة بعرض كامل — جوال فقط */
@media (max-width:767px){
  #radio_1530064126{ width:100% !important; max-width:none !important; }
  #radio_1530064126 div.wcpa_field.wcpa_group_field.wcpa_fl_inline{ display:flex !important; width:100% !important; max-width:none !important; gap:10px !important; }
  #radio_1530064126 div.wcpa_field.wcpa_group_field.wcpa_fl_inline > div.wcpa_radio{ flex:1 1 0 !important; width:auto !important; max-width:none !important; min-width:0 !important; margin:0 !important; }
  #radio_1530064126 div.wcpa_radio > label{ width:100% !important; max-width:none !important; }
}

/* ===== ZOOM: image-group color icons (نفس شكل الدوائر القديمة) ===== */
/* صور حقل Image Group تطلع كدوائر بنفس شكل/حجم دوائر الألوان القديمة. */
/* لا يخفي حقل اللون (تشيله أنت من WCPA لأنه حقل مطلوب). يشتغل لأي ماركة. */

[id^="image_"] .wcpa_field,
[id^="image-"] .wcpa_field {
  display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
  overflow-x:auto !important; -webkit-overflow-scrolling:touch !important;
  gap:8px !important; padding:8px 4px 12px !important;
}
[id^="image_"] .wcpa_field::-webkit-scrollbar,
[id^="image-"] .wcpa_field::-webkit-scrollbar { height:4px !important; }
[id^="image_"] .wcpa_field::-webkit-scrollbar-thumb,
[id^="image-"] .wcpa_field::-webkit-scrollbar-thumb { background:#c9a96e !important; border-radius:2px !important; }

[id^="image_"] .wcpa_image,
[id^="image-"] .wcpa_image { flex:0 0 auto !important; margin:0 !important; }

[id^="image_"] .wcpa_image label,
[id^="image-"] .wcpa_image label {
  display:flex !important; flex-direction:column !important; align-items:center !important;
  gap:4px !important; margin:0 !important; cursor:pointer !important;
}

[id^="image_"] .wcpa_img_wrap,
[id^="image-"] .wcpa_img_wrap {
  width:52px !important; height:52px !important; border-radius:50% !important;
  overflow:hidden !important; border:2px solid #e8e8e8 !important;
  box-sizing:border-box !important; padding:0 !important;
}
[id^="image_"] .wcpa_img_wrap img,
[id^="image-"] .wcpa_img_wrap img {
  width:100% !important; height:100% !important; object-fit:cover !important;
  border-radius:50% !important; display:block !important;
}

[id^="image_"] .wcpa_image .wcpa_image_label,
[id^="image_"] .wcpa_image .wcpa_image_name {
  font-size:10px !important; color:#666 !important; text-align:center !important;
  max-width:55px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
}

/* الخيار المختار (الكلاس يضيفه الـ JS) */
[id^="image_"] .wcpa_image.zoom-img-sel .wcpa_img_wrap,
[id^="image-"] .wcpa_image.zoom-img-sel .wcpa_img_wrap {
  border:2.5px solid #c9a96e !important;
  box-shadow:0 0 0 3px rgba(201,169,110,0.25) !important;
}

/* إخفاء مربع الاختيار (شيك/راديو) فوق الأيقونة — الدائرة نفسها هي المختار */
[id^="image_"] .wcpa_image > label > input,
[id^="image-"] .wcpa_image > label > input {
  position:absolute !important; opacity:0 !important; pointer-events:none !important;
  width:1px !important; height:1px !important; margin:0 !important;
}

/* إخفاء زر المفضلة الأصلي (الدائرة الرمادية) في صفحات العدسات — السبيس يروح تلقائياً */
.elementor-widget-wd_single_product_wishlist_button { display:none !important; }

/* ملاحظة 2/3 — رسالة «لابد من الإختيار» تنزل تحت أي خانة مقاس (مفرد أو عينين)، جوال + ديسكتوب */
[id^="select_"].zoom-done,
[id^="select-"].zoom-done { flex-wrap:wrap !important; }

[id^="select_"].zoom-done > .wcpa_field_bottom,
[id^="select-"].zoom-done > .wcpa_field_bottom {
  flex:0 0 100% !important; width:100% !important; order:10 !important; margin-top:4px !important;
}

/* كسر قاعدة nowrap القديمة على خانة المقاس المفرد */
#select_06815fcaa2cdf4.zoom-done { flex-wrap:wrap !important; }