/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
*/

/* =========================================================
   0) Green Shop Identity
========================================================= */
:root{
  --gs:#15D93A;
  --gs-gold:#F2C94C;
}

body, .woocommerce{
  font-family:"Cairo", sans-serif !important;
}

/* =========================================================
   1) Buttons / accents
========================================================= */
.viewcart-style-3,
.porto-tb-addcart{
  background-color:var(--gs) !important;
  color:#fff !important;
}

/* Hide "View cart" button after add-to-cart (global) */
a.wc-action-btn.view-cart-btn.button.wc-forward{
  display:none !important;
}

/* =========================================================
   2) Product cards rounding (Shop loop)
========================================================= */
.product-image{
  border:1px solid #f4f4f4;
  border-radius:10%;
  overflow:hidden;
}

ul.products .add-links .button,
a.add_to_wishlist,
.quickview,
.thumb-info .thumb-info-wrapper{
  border-radius:15%;
}

/* Hide daily deal label (if exists) */
.products .sale-product-daily-deal{
  display:none;
}

/* =========================================================
   3) Porto Mobile Bottom Sticky Bar (navbar)
========================================================= */
@media (max-width: 991px){
  .porto-sticky-navbar{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    top:auto !important;

    display:flex !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(0) !important;

    background:#ffffff !important;
    box-shadow:0 -6px 18px rgba(0,0,0,.10) !important;
    border-top:1px solid rgba(0,0,0,.08) !important;

    z-index:999999 !important;
  }

  .porto-sticky-navbar .sticky-icon a{
    color:#111 !important;
  }

  /* Prevent overlap with footer */
  body{
    padding-bottom:70px !important;
  }
}


/* =========================================================
   5) HERO PRODUCT image sizing (optional)
========================================================= */
@media (min-width: 768px){
  .gs-hero img:not(.attachment-woocommerce_thumbnail):not(.attachment-woocommerce_single):not(.wp-post-image){
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
  }
}
@media (min-width: 1025px){
  .gs-hero{ max-width:980px; margin:0 auto; }
  .gs-hero img.wp-post-image,
  .gs-hero .product img.wp-post-image,
  .gs-hero img.attachment-woocommerce_single,
  .gs-hero img.attachment-woocommerce_thumbnail{
    width:420px !important;
    max-width:420px !important;
    height:auto !important;
  }
  .gs-hero .product{
    width:100% !important;
    max-width:980px !important;
    margin:0 auto !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px){
  .gs-hero{ max-width:720px; margin:0 auto; }
  .gs-hero img.wp-post-image,
  .gs-hero .product img.wp-post-image,
  .gs-hero img.attachment-woocommerce_single,
  .gs-hero img.attachment-woocommerce_thumbnail{
    width:320px !important;
    max-width:320px !important;
    height:auto !important;
  }
  .gs-hero .product{
    width:100% !important;
    max-width:720px !important;
    margin:0 auto !important;
  }
}

/* Preserve line breaks in Text Editor only */
.single-product .elementor-widget-text-editor{
  white-space:pre-line !important;
}

/* =========================================================
   6) Single Product: Quantity + Add to cart in one row
========================================================= */
.single-product form.cart{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:nowrap !important;
}

.single-product form.cart .quantity{ margin:0 !important; }

.single-product form.cart .single_add_to_cart_button,
.single-product form.cart button.single_add_to_cart_button,
.single-product form.cart a.single_add_to_cart_button{
  flex:1 1 auto;
  height:54px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  background:var(--gs) !important;
  border:0 !important;
  border-radius:18px !important;

  color:#fff !important;
  font-weight:800 !important;
  font-family:"Cairo", sans-serif !important;

  line-height:1 !important;
  padding:0 18px !important;
}

/* =========================================================
   7) Offer badges (وفر/خصم/عرض لفترة محدودة)
========================================================= */
.gs-offer-badges{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:10px 0 6px;
  direction:rtl;
}

.gs-offer-badges .gs-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 12px;
  border-radius:999px;

  font-family:"Cairo", sans-serif;
  font-weight:700;
  font-size:14px;
  line-height:1;
  white-space:nowrap;

  border:1px solid rgba(0,0,0,.06);
}

.gs-offer-badges .gs-save{ background:#EFFFF3; color:#0b7a1f; }
.gs-offer-badges .gs-pct{ background:#FFF1F1; color:#8a1111; }
.gs-offer-badges .gs-limited{ background:#FFF6DD; color:#7a5a00; }

@media (max-width: 480px){
  .gs-offer-badges .gs-badge{ font-size:13px; padding:6px 10px; }
}

/* Hide default Sale badge (Porto/Woo) */
.woocommerce span.onsale,
.single-product .woocommerce span.onsale,
.woocommerce ul.products li.product .onsale{
  display:none !important;
}

/* =========================================================
   8) Porto Sticky Add To Cart (product sticky bar)
========================================================= */
.sticky-product{
  font-family:"Cairo", sans-serif !important;
}

.sticky-product.pos-bottom.show-mobile{
  background:#fff !important;
  box-shadow:0 -10px 25px rgba(0,0,0,.10);
  border-top:1px solid rgba(0,0,0,.08);
  z-index:9999;
}

.sticky-product.pos-bottom .container,
.sticky-product.pos-bottom.show-mobile .container{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px 12px !important;
}

.sticky-product .sticky-image{
  width:48px;
  height:48px;
  flex:0 0 48px;
  overflow:hidden;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.08);
}
.sticky-product .sticky-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:12px !important;
}

.sticky-product .sticky-detail{
  flex:1 1 auto;
  min-width:0;
}
.sticky-product .product-name{
  font-weight:800;
  font-size:14px;
  margin:0 0 2px !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sticky-product .price{
  margin:0 !important;
  font-weight:800;
  font-size:13px;
}

.sticky-product .gs-offer-badges{
  justify-content:flex-start;
  gap:6px;
  margin:6px 0 0;
}
.sticky-product .add-to-cart{
  margin-inline-start:auto;
  display:flex;
  align-items:center;
  gap:10px;
}

.sticky-product .add-to-cart .single_add_to_cart_button{
  background:var(--gs) !important;
  border:0 !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:16px !important;
  font-family:"Cairo", sans-serif !important;

  padding:10px 14px !important;
  border-radius:14px !important;
  line-height:1 !important;
  white-space:nowrap;
}

.sticky-product .gs-sticky-qty{
  display:flex;
  align-items:center;
}
.sticky-product .gs-sticky-qty input.qty{
  width:70px !important;
  height:40px !important;
  border-radius:12px !important;
  text-align:center !important;
}

@media (max-width: 767px){
  .sticky-product .sticky-detail{ max-width:55%; }
  .sticky-product .gs-badge{ padding:6px 10px; font-size:12px; }
}

/* =========================================================
   9) Pack size row (Porto attributes table) - SINGLE PRODUCT ONLY
========================================================= */
.single-product table.porto-cp-attr-table{
  width:100% !important;
  margin:12px 0 !important;
  border:0 !important;
  border-collapse:separate !important;
  font-family:"Cairo", sans-serif !important;
}
.single-product table.porto-cp-attr-table thead{ display:none !important; }
.single-product table.porto-cp-attr-table tbody,
.single-product table.porto-cp-attr-table tr.porto-attr-data{ display:block !important; }

.single-product table.porto-cp-attr-table tr.porto-attr-data{
  display:flex !important;
  flex-direction:row-reverse !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:12px 14px !important;
  border:1px solid #eee !important;
  border-radius:14px !important;
  background:#fff !important;
  gap:12px !important;
}
.single-product table.porto-cp-attr-table tr.porto-attr-data > th,
.single-product table.porto-cp-attr-table tr.porto-attr-data > td{
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  display:flex !important;
  align-items:center !important;
}

.single-product table.porto-cp-attr-table .porto-attr-name{
  font-weight:800 !important;
  font-size:16px !important;
  color:#222 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
.single-product table.porto-cp-attr-table .porto-attr-name::before{
  content:"📦";
  font-size:18px;
}

.single-product table.porto-cp-attr-table .porto-attr-term{
  display:inline-block !important;
  background:#f5f5f5 !important;
  padding:6px 12px !important;
  border-radius:999px !important;
  font-size:16px !important;
  font-weight:800 !important;
  color:#111 !important;
  line-height:1 !important;
}

/* Title style */
.single-product #reviews .woocommerce-Reviews-title{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  margin:12px 0 14px !important;
  font-size:22px !important;
}
.single-product #reviews .woocommerce-Reviews-title:after{
  content:"";
  flex:1 1 auto;
  height:2px;
  background:rgba(21,217,58,.35);
  border-radius:999px;
  margin-inline-start:8px;
}

/* Reduce spacing between list and form */
.single-product #reviews #comments{ margin-bottom:14px !important; }
.single-product #reviews #review_form_wrapper{ margin-top:12px !important; padding-top:0 !important; }

/* Review cards */
.single-product #reviews .commentlist{ margin:0 !important; padding:0 !important; }
.single-product #reviews .commentlist li{ list-style:none !important; margin:0 0 12px !important; }

.single-product #reviews .comment_container{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.06) !important;
  border-radius:16px !important;
  padding:12px 12px !important;
  box-shadow:0 8px 18px rgba(0,0,0,.06) !important;
}

.single-product #reviews .commentlist li img.avatar{
  width:44px !important;
  height:44px !important;
  border-radius:12px !important;
}
/* --- 3) Submit button (filled green, clickable above sticky) --- */
body.single-product{
  padding-bottom: 110px !important; /* space so sticky doesn't cover form */
}

.single-product #review_form #submit,
.single-product #review_form input#submit{
  background: var(--gs) !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: 18px !important;
  font-family:"Cairo", sans-serif !important;
  font-weight: 900 !important;
  height: 54px !important;
  width: 100% !important;

  position: relative !important;
  z-index: 10050 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Porto sticky bar z-index (keep below submit) */
.sticky-product.pos-bottom.show-mobile,
.porto-sticky-navbar{
  z-index: 9999 !important;
}
/* =========================================================
   GS FINAL — Reviews card + SVG stars (outline gold)
   Paste at VERY END of style.css
========================================================= */
:root{
  --gs: #15D93A;
  --gs-gold: #D4AF37;
  --gs-card: #ffffff;
  --gs-border: rgba(0,0,0,.08);
  --gs-shadow: 0 8px 22px rgba(0,0,0,.06);
}

/* RTL section */
.single-product #reviews{
  direction: rtl;
  margin-top: 18px !important;
}

/* Smooth review form card (white, rounded) */
.single-product #review_form{
  background: var(--gs-card) !important;
  border: 1px solid var(--gs-border) !important;
  border-radius: 22px !important;
  padding: 18px !important;
  box-shadow: var(--gs-shadow) !important;
}

/* Titles right */
.single-product #reviews h2,
.single-product #reviews h3,
.single-product #reviews .woocommerce-Reviews-title,
.single-product #review_form #reply-title{
  text-align: right !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 900 !important;
}

/* labels */
.single-product #review_form label{
  display:block !important;
  margin:0 0 8px !important;
  font-weight:800 !important;
  font-family:"Cairo", sans-serif !important;
}

/* Inputs */
.single-product #review_form input[type="text"],
.single-product #review_form input[type="tel"],
.single-product #review_form textarea{
  width:100% !important;
  border-radius:18px !important;
  border:1px solid rgba(0,0,0,.10) !important;
  padding:12px 14px !important;
  font-family:"Cairo", sans-serif !important;
  font-weight:700 !important;
  margin:0 0 14px !important;
  background:#fff !important;
}

/* Submit button */
.single-product #review_form #submit,
.single-product #review_form input#submit{
  background: var(--gs) !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: 18px !important;
  font-family:"Cairo", sans-serif !important;
  font-weight: 900 !important;
  height: 54px !important;
  width: 100% !important;
  box-shadow: 0 10px 22px rgba(21,217,58,.20) !important;
}

/* ====== Stars replacement ====== */

/* keep Woo default hidden */
#respond p.stars{ display:none !important; }

/* hide select but keep it in DOM for required submit */
#respond select.gs-rating-hidden{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Align container RTL but stars LTR order */
#respond .comment-form-rating{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  gap:8px !important;
}

#respond .gs-stars{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:10px !important;
  direction:ltr !important;
}

/* Clickable star button */
#respond .gs-star{
  width:44px !important;
  height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  cursor:pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* SVG icons (outline / filled) */
#respond .gs-star::before{
  content:"" !important;
  width:34px !important;
  height:34px !important;
  display:block !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.10)) !important;
  transition: transform .12s ease, filter .12s ease !important;

  /* OUTLINE star gold */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.95 6.1 6.73.98-4.87 4.75 1.15 6.7L12 17.9l-6.01 3.18 1.15-6.7L2.27 9.58l6.73-.98L12 2.5z' fill='none' stroke='%23D4AF37' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* filled */
#respond .gs-star.is-on::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.95 6.1 6.73.98-4.87 4.75 1.15 6.7L12 17.9l-6.01 3.18 1.15-6.7L2.27 9.58l6.73-.98L12 2.5z' fill='%23D4AF37'/%3E%3C/svg%3E") !important;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.12)) !important;
}

/* tiny hover lift (smooth) */
#respond .gs-star:hover::before{
  transform: translateY(-1px) !important;
}
/* =========================
   GS TUNING — color + card bg + mobile spacing
   Paste at VERY END of style.css
========================= */

/* 1) WHITE card (force remove any theme gray) */
.single-product #review_form,
.single-product #review_form_wrapper,
.single-product #review_form #respond,
.single-product #reviews #review_form_wrapper{
  background: #fff !important;
}

.single-product #review_form{
  border-color: rgba(0,0,0,.08) !important;
}

/* sometimes porto/elementor puts gray on inner containers */
.single-product #review_form *{
  background-color: transparent;
}
.single-product #review_form input,
.single-product #review_form textarea{
  background:#fff !important;
}

/* 2) GOLD TONE: richer + closer to “real gold” */
:root{
  --gs-gold: #F2C94C;   /* جرّبها: ذهبى أدفى وأوضح */
}

/* ensure SVG uses the new gold (override current data-uri by switching fill via filter) */
#respond .gs-star::before,
#respond .gs-star.is-on::before{
  /* يعطي نفس إحساس الذهب حتى لو الـ SVG القديم لونه أغمق */
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.10)) saturate(1.25) brightness(1.05) !important;
}

/* 3) MOBILE spacing tighter */
@media (max-width: 768px){
  /* reduce overall card padding a bit */
  .single-product #review_form{
    padding: 14px !important;
  }

  /* reduce spacing between fields */
  .single-product #review_form input[type="text"],
  .single-product #review_form input[type="tel"],
  .single-product #review_form textarea{
    margin-bottom: 10px !important;
  }

  /* reduce spacing in rating area */
  #respond .comment-form-rating{
    gap: 6px !important;
    margin-bottom: 8px !important;
  }

  /* if your phone field is in p.comment-form-gs-phone */
  #respond p,
  #respond .comment-form-comment,
  #respond .comment-form-author,
  #respond .comment-form-gs-phone{
    margin-bottom: 10px !important;
  }
}
/* =========================
   GS FINAL TOP SPACING FIX
========================= */

/* 1) عنوان "أضف تقييم" */
.single-product #review_form_wrapper h3,
.single-product #respond h3{
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* 2) إزالة أي مسافة قبل فورم التقييم */
.single-product #review_form_wrapper{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 3) كرت التقييم نفسه */
.single-product #review_form,
.single-product #respond{
  padding-top: 14px !important;   /* كان كبير */
  margin-top: 0 !important;
}

/* 4) المسافة بين العنوان وأول عنصر (النجوم) */
#respond .comment-form-rating{
  margin-top: 4px !important;
}

/* 5) Elementor sometimes adds invisible spacing */
.single-product .elementor-widget:not(:last-child){
  margin-bottom: 0 !important;
}

/* 6) موبايل – ضغط إضافي */
@media (max-width: 768px){
  .single-product #review_form{
    padding-top: 12px !important;
  }

  #respond .comment-form-rating{
    margin-top: 2px !important;
  }
}
/* Hide review date in Woo reviews */
.woocommerce-review__published-date,
.woocommerce-review__dash{
  display: none !important;
}
/* Reviews list – light gold stars (bright, not copper) */
.woocommerce .star-rating::before{
  color: #E6E6E6 !important; /* النجوم الفاضية */
}

.woocommerce .star-rating span::before{
  color: #F5C86A !important; /* ذهبي فاتح منوّر */
}
:root{
  --gs-gold: #FFD978;   /* ذهبي فاتح منوّر */
  --gs-empty: #DADADA;  /* رمادي فاتح للنجوم الفاضية */
  --gs-glow: rgba(255, 217, 120, .35); /* Glow خفيف */
}

/* ===== FORM stars (gs-stars) ===== */
#respond .gs-star::before{
  color: var(--gs-empty) !important;
  filter: none !important;
}

#respond .gs-star.is-on::before{
  color: var(--gs-gold) !important;
  filter: drop-shadow(0 2px 3px var(--gs-glow)) !important;
}

/* (لو عندك حالة hover بتشتغل عبر JS وتضيف is-hover) */
#respond .gs-star.is-hover::before{
  color: var(--gs-gold) !important;
  filter: drop-shadow(0 2px 3px var(--gs-glow)) !important;
}

/* ===== REVIEWS stars (Woo star-rating) ===== */
.woocommerce .star-rating::before{
  color: var(--gs-empty) !important;
}

.woocommerce .star-rating span::before{
  color: var(--gs-gold) !important;
  text-shadow: 0 2px 3px var(--gs-glow) !important;
}
/* Hide "تقييمك" label only (keep the stars) */
#respond .comment-form-rating > label,
#respond label[for="rating"]{
  display:none !important;
}
#respond .comment-form-rating{
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ===== GS Reviews PATCH (SAFE) — append at END only ===== */

/* Hide review date (only inside reviews) */
.single-product .woocommerce-review__published-date,
.single-product .woocommerce-review__dash{
  display:none !important;
}

/* Make review stars gold (review cards) */
.single-product .woocommerce .star-rating:before{
  color: rgba(0,0,0,.18) !important; /* empty */
}
.single-product .woocommerce .star-rating span:before{
  color: #FFD978 !important;          /* bright gold */
  text-shadow: 0 0 10px rgba(255,217,120,.25) !important;
}

/* Make review title/author same gold */
.single-product .woocommerce-review__author,
.single-product #reviews .comment-text .meta strong{
  color:#FFD978 !important;
  font-weight:900 !important;
}

/* Remove extra "تقييمك" label line in form (if exists) */
.single-product #respond .comment-form-rating > label,
.single-product #respond p.stars > span{
  display:none !important;
}

/* Tighten top spacing in the form block only */
.single-product #review_form_wrapper,
.single-product #review_form,
.single-product #respond{
  margin-top:0 !important;
  padding-top:0 !important;
}
.single-product #review_form{
  padding-top:14px !important;
}

/* If your form uses gs-stars buttons, keep them bright gold */
.single-product #respond .gs-star.is-on::before{
  filter:
    drop-shadow(0 2px 3px rgba(0,0,0,.12))
    drop-shadow(0 0 10px rgba(255,217,120,.25)) !important;
}
/* Force outline star to bright gold in form (override any old svg) */
.single-product #respond .gs-star::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.95 6.1 6.73.98-4.87 4.75 1.15 6.7L12 17.9l-6.01 3.18 1.15-6.7L2.27 9.58l6.73-.98L12 2.5z' fill='none' stroke='%23FFD978' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
/* =========================================================
   GS FINAL OVERRIDE — FIX FORM SELECT + UNIFY GOLD (SAFE)
   (paste at VERY END of porto child style.css)
========================================================= */

/* 0) Unified palette (bright gold + soft glow) */
:root{
  --gs-gold: #FFD978;
  --gs-empty: #DADADA;
  --gs-glow: rgba(255, 217, 120, .35);
}

/* 1) FORM (gs-stars) — outline by default */
.single-product #respond .gs-star{
  box-shadow:none !important;
  outline:none !important;
}

.single-product #respond .gs-star:focus,
.single-product #respond .gs-star:focus-visible{
  outline:none !important;
  box-shadow:none !important; /* يمنع “الظل” اللي كان بيبان بدل السلكت */
}

.single-product #respond .gs-star::before{
  content:"" !important;
  display:block !important;
  width:34px !important;
  height:34px !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  filter:none !important;

  /* OUTLINE star (empty) */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.95 6.1 6.73.98-4.87 4.75 1.15 6.7L12 17.9l-6.01 3.18 1.15-6.7L2.27 9.58l6.73-.98L12 2.5z' fill='none' stroke='%23FFD978' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* 2) FORM selected (is-on) — FILLED star (this is the missing part) */
.single-product #respond .gs-star.is-on::before,
.single-product #respond .gs-star.is-hover::before{
  /* FILLED star */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.95 6.1 6.73.98-4.87 4.75 1.15 6.7L12 17.9l-6.01 3.18 1.15-6.7L2.27 9.58l6.73-.98L12 2.5z' fill='%23FFD978' stroke='%23FFD978' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

  filter:
    drop-shadow(0 2px 3px rgba(0,0,0,.12))
    drop-shadow(0 0 10px rgba(255,217,120,.25)) !important;
}

/* 3) REVIEWS stars — same gold */
.single-product .woocommerce .star-rating::before{
  color: var(--gs-empty) !important;
}
.single-product .woocommerce .star-rating span::before{
  color: var(--gs-gold) !important;
  text-shadow: 0 0 10px rgba(255,217,120,.25) !important;
}

/* 4) Review title/author same gold */
.single-product .woocommerce-review__author,
.single-product #reviews .comment-text .meta strong{
  color: var(--gs-gold) !important;
  font-weight: 900 !important;
}

/* 5) Make the whole review form block smaller (desktop) */
@media (min-width: 992px){
  .single-product #review_form_wrapper{
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* 6) Tighten top spacing above stars (form) */
.single-product #review_form_wrapper h3,
.single-product #respond h3{
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}
.single-product #respond .comment-form-rating{
  margin-top: 4px !important;
  margin-bottom: 10px !important;
}

/* Checkout RTL labels alignment */
.woocommerce-checkout .woocommerce-billing-fields label,
.woocommerce-checkout .woocommerce-shipping-fields label,
.woocommerce-checkout .woocommerce-additional-fields label{
  text-align: right !important;
  width: 100%;
  display: block;
}

/* inputs/selects to be RTL friendly */
.woocommerce-checkout .woocommerce-billing-fields input,
.woocommerce-checkout .woocommerce-shipping-fields input,
.woocommerce-checkout .woocommerce-additional-fields textarea{
  text-align: right;
}

/* Select2 (لو مستخدم) */
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{
  text-align: right;
  direction: rtl;
}
/* Fix phone field layout on desktop after removing last name */
@media (min-width: 768px){
  #billing_phone_field{
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }
  #billing_phone_field label{
    display: block !important;
    margin-bottom: 6px !important;
  }
}
#billing_first_name_field {
    width: 100% !important;
    float: none !important;
}

/* --- Checkout RTL alignment + Cairo font --- */
.woocommerce-checkout,
.woocommerce-checkout .woocommerce,
.woocommerce-checkout .woocommerce * {
  font-family: "Cairo", sans-serif !important;
}

/* Right-align section titles */
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
  text-align: right !important;
}

/* Right-align labels + headings in totals & payment */
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review table,
.woocommerce-checkout .shop_table,
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout .woocommerce-checkout-payment,
.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_methods,
.woocommerce-checkout .woocommerce-checkout-payment .payment_box {
  direction: rtl;
  text-align: right;
}

/* Notes box title */
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .woocommerce-additional-fields label,
.woocommerce-checkout .woocommerce-additional-fields textarea {
  text-align: right !important;
}
/* ============================= */
/* FORCE Shipping message RTL    */
/* ============================= */

/* المنطقة كاملة بتاعت ملخص الطلب */
#order_review,
.woocommerce-checkout-review-order {
  direction: rtl;
  text-align: right;
}

/* صف الشحن داخل الجدول (Desktop + Mobile) */
#order_review .shop_table tr.shipping,
#order_review .shop_table tr.shipping th,
#order_review .shop_table tr.shipping td,
#order_review .woocommerce-checkout-review-order-table tr.shipping,
#order_review .woocommerce-checkout-review-order-table tr.shipping th,
#order_review .woocommerce-checkout-review-order-table tr.shipping td {
  direction: rtl !important;
  text-align: right !important;
}

#order_review .woocommerce-shipping-totals,
#order_review .woocommerce-shipping-totals * ,
#order_review .woocommerce-shipping-destination,
#order_review .woocommerce-shipping-destination *,
#order_review .woocommerce-info,
#order_review .woocommerce-info * {
  direction: rtl !important;
  text-align: right !important;
}

/* لو الرسالة جوه <p> أو <small> داخل الشحن */
#order_review tr.shipping td p,
#order_review tr.shipping td small,
#order_review tr.shipping td .woocommerce-Price-amount,
#order_review tr.shipping td {
  direction: rtl !important;
  text-align: right !important;
}

/* تأكيد أن الأرقام تفضل شمال (المبالغ فقط) */
#order_review .amount,
#order_review .woocommerce-Price-amount {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: plaintext;
}
/* Hide "Create an account?" block */
.woocommerce-account-fields,
label[for="createaccount"],
#createaccount,
.create-account,
p.form-row.create-account {
  display: none !important;
}

/* Hide CusRev (Customer Reviews) consent text/checkbox */
#cr_customer_consent,
label[for="cr_customer_consent"],
.cr-customer-consent,
.cr-customer-consent *,
span.woocommerce-terms-and-conditions-checkbox-text {
  display: none !important;
}

@media (max-width: 768px){
  /* common "Products" label under order summary */
  .woocommerce-checkout .woocommerce-checkout-review-order h3,
  .woocommerce-checkout .woocommerce-checkout-review-order h4 {
    /* هنسيب العناوين الأساسية، هنستهدف العنوان اللي بيكون بعد "ملخص الطلب" غالباً */
  }

  /* if your theme prints a "PRODUCT" / "المنتجات" label line */
  .woocommerce-checkout .woocommerce-checkout-review-order .product-name,
  .woocommerce-checkout .woocommerce-checkout-review-order thead {
    /* سيب الجدول زي ما هو */
  }

  /* Hide the small section title often printed as "PRODUCT" */
  .woocommerce-checkout .woocommerce-checkout-review-order .shop_table thead th.product-name,
  .woocommerce-checkout .woocommerce-checkout-review-order .shop_table thead th.product-total {
    display: none !important;
  }
  .woocommerce-checkout .woocommerce-checkout-review-order .shop_table thead {
    display: none !important;
  }
}
@media (max-width: 768px){

  /* hide the textarea by default */
  .woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
    display: none !important;
    margin-top: 10px !important;
  }

  /* make heading look clickable */
  .gs-notes-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    padding: 10px 12px;
    border: 1px solid #eee;
    border-radius: 10px;
    margin: 10px 0;
    cursor: pointer;
  }

  .gs-notes-toggle .gs-arrow {
    font-size: 18px;
    transform: rotate(0deg);
    transition: transform .2s ease;
  }

  /* opened state */
  .gs-notes-open .woocommerce-additional-fields__field-wrapper {
    display: block !important;
  }
  .gs-notes-open .gs-notes-toggle .gs-arrow {
    transform: rotate(180deg);
  }
}
	
/* GS Checkout - Mobile polish + Sticky Place Order Bar */
@media (max-width: 767px){

  /* خلي الخط Cairo على صفحة الشيك اوت كلها */
  body.woocommerce-checkout,
  body.woocommerce-checkout *{
    font-family: Cairo, sans-serif !important;
  }

  /* تقليل الفراغات العشوائية */
  body.woocommerce-checkout .woocommerce{
    margin-top: 10px !important;
  }
  body.woocommerce-checkout .woocommerce form.checkout{
    margin: 0 !important;
  }
  body.woocommerce-checkout .woocommerce-checkout #customer_details,
  body.woocommerce-checkout .woocommerce-checkout #order_review{
    margin: 0 !important;
    padding: 0 !important;
  }
  body.woocommerce-checkout .woocommerce-checkout #order_review_heading{
    margin: 0px 0 0px !important;
  }

  /* =========================
     تحسين Toggle الكوبون لما يكون جوه الدفع
     ========================= */
  body.woocommerce-checkout #payment .woocommerce-form-coupon-toggle{
    margin: 0 0 10px !important;
  }

  /* =========================
     Accordion الملاحظات (الـ CSS بس) — JS بيكمل وظيفة الفتح/القفل
     ========================= */
  #gs-notes-toggle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding: 12px 12px;
    border: 1px solid rgba(0,0,0,.10);
    border-radius: 12px;
    background:#fafafa;
    cursor:pointer;
    user-select:none;
    margin-top: 10px;
  }
  #gs-notes-toggle .label{
    font-weight: 700;
    font-size: 14px;
  }
  #gs-notes-toggle .chev{
    font-size: 18px;
    line-height: 1;
    transform: rotate(0deg);
    transition: .2s ease;
  }
  body.gs-notes-open #gs-notes-toggle .chev{
    transform: rotate(180deg);
  }
  /* الملاحظات نفسها */
  body.woocommerce-checkout .woocommerce-additional-fields{
    margin-top: 10px !important;
  }
  body.woocommerce-checkout .woocommerce-additional-fields textarea{
    min-height: 110px !important;
    border-radius: 12px !important;
  }
  /* افتراضياً مخفية لحد ما تتفتح */
  body.woocommerce-checkout .woocommerce-additional-fields{
    display: none;
  }
  body.gs-notes-open .woocommerce-additional-fields{
    display: block;
  }
}
/* ===== Checkout (Mobile) - Order Review Full Width + Product Row Layout ===== */
@media (max-width: 767px){

  /* 1) Full width فعلي لملخص الطلب */
  .checkout-order-review,
  .checkout-order-review #order_review,
  .checkout-order-review .woocommerce-checkout-review-order,
  .checkout-order-review table.shop_table{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* شيل أي حشو/هوامش بتخلي البلوك باين انه مش full width */
  .checkout-order-review .box-content.featured-boxes{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .checkout-order-review .woocommerce-checkout-review-order{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* ===========================
   Porto Checkout (Mobile) - Fix Order Review
   - Remove grey border
   - Price next to qty (same row)
   - Wider block
=========================== */
@media (max-width: 767px){

  /* 0) تأكيد إننا بنستهدف نفس البلوك */
  .checkout-order-review,
  .checkout-order-review *{
    box-sizing: border-box !important;
  }

  /* 1) إزالة أي إطار/بوكس حوالين ملخص الطلب */
  .checkout-order-review,
  .checkout-order-review .box-content,
  .checkout-order-review .box-content.featured-boxes,
  .checkout-order-review #order_review,
  .checkout-order-review .woocommerce-checkout-review-order,
  .checkout-order-review table.shop_table{
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  /* 2) توسعة الملخص قدر الإمكان داخل الكونتينر */
  .checkout-order-review{
    width: 100% !important;
    max-width: 100% !important;
  }
  .checkout-order-review .box-content.featured-boxes{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
/* =========================
   Checkout: Order review item layout (Mobile)
   ========================= */

@media (max-width: 768px){

  /* tighter gap near product image */
  body.woocommerce-checkout #order_review .shop_table .product-checkout-wrap{
    gap: 8px !important;
    align-items: center !important;
  }

  body.woocommerce-checkout #order_review .shop_table .product-thumbnail{
    flex: 0 0 70px !important;
    width: 70px !important;
    margin: 0 !important;
  }

  body.woocommerce-checkout #order_review .shop_table .product-thumbnail img{
    width: 70px !important;
    height: 70px !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* make product content take the remaining width */
  body.woocommerce-checkout #order_review .shop_table .product-content{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* =========================
     Quantity: fixed small width + (-) left, (+) right
     ========================= */
  body.woocommerce-checkout #order_review .shop_table .quantity{
    display: inline-flex !important;
    align-items: center !important;
    direction: ltr !important;   /* important: ensures - on left, + on right */
    gap: 6px !important;
    width: 132px !important;     /* ثابت عشان السعر لو كبر ما يلخبطش */
    max-width: 132px !important;
  }

  body.woocommerce-checkout #order_review .shop_table .quantity .minus{
    order: 1 !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 34px !important;
    padding: 0 !important;
    border-radius: 8px !important;
  }

  body.woocommerce-checkout #order_review .shop_table .quantity .qty{
    order: 2 !important;
    width: 50px !important;
    min-width: 50px !important;
    height: 36px !important;
    text-align: center !important;
    padding: 0 !important;
    border-radius: 8px !important;
  }

  body.woocommerce-checkout #order_review .shop_table .quantity .plus{
    order: 3 !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 34px !important;
    padding: 0 !important;
    border-radius: 8px !important;
  }
}
 /* Price + qty should be in ONE ROW */
  body.woocommerce-checkout #order_review .product-content .product-price{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    margin-top:6px !important;
  }
 /* Quantity controls (if theme wraps them) */
  body.woocommerce-checkout #order_review .product-content .product-price .quantity,
  body.woocommerce-checkout #order_review .product-content .product-price .qty,
  body.woocommerce-checkout #order_review .product-content .product-price .quantity-wrap{
    order:1 !important;
  }
  /* Product total next to qty */
  body.woocommerce-checkout #order_review .product-content .product-total{
    order:2 !important;
    margin:0 !important;
    white-space:nowrap !important;
    direction:ltr !important; /* numbers read correctly */
    text-align:left !important;
  }
  /* Keep the amount itself LTR */
  body.woocommerce-checkout #order_review .product-content .product-total .amount,
  body.woocommerce-checkout #order_review .product-content .product-total .woocommerce-Price-amount{
    direction:ltr !important;
    unicode-bidi:plaintext !important;
  }
}
@media (max-width: 767px){

  /* خلي الاسم سطر واحد (ولو طويل يلف عادي) */
  body.woocommerce-checkout #order_review .product-content .product-name{
    flex-wrap:wrap !important;
  }

  /* أهم جزء: خلّي بلوك السعر/الكمية صف واحد */
  body.woocommerce-checkout #order_review .product-content .product-price{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    flex-wrap:nowrap !important;   /* ممنوع ينزل سطر */
  }

  /* امنع أي عنصر جوّا السعر/الكمية ياخد full width */
  body.woocommerce-checkout #order_review .product-content .product-price > *{
    width:auto !important;
    display:inline-flex !important;
    flex:0 0 auto !important;
    max-width:100% !important;
  }

  /* الكمية */
  body.woocommerce-checkout #order_review .product-content .product-price .quantity,
  body.woocommerce-checkout #order_review .product-content .product-price .qty,
  body.woocommerce-checkout #order_review .product-content .product-price .quantity-wrap{
    display:inline-flex !important;
    width:auto !important;
    margin:0 !important;
  }

  /* السعر */
  body.woocommerce-checkout #order_review .product-content .product-total{
    display:inline-flex !important;
    width:auto !important;
    margin:0 !important;
    white-space:nowrap !important;
  }
}
@media (max-width: 767px){
  #gs-notes-accordion{
    border-top: 1px solid rgba(0,0,0,.08);
    margin-top: 12px;
    padding-top: 8px;
  }
  #gs-notes-accordion textarea{
    border-radius: 12px !important;
    min-height: 110px !important;
  }
}
/* Force show order notes (Additional Information) */
body.woocommerce-checkout .woocommerce-additional-fields,
body.woocommerce-checkout #order_comments_field,
body.woocommerce-checkout textarea#order_comments {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    opacity: 1 !important;
}
/* ===== Mobile checkout layout: Shipping card + Order review full width + Payment card ===== */
@media (max-width: 767px){

 

  /* 2) CARD only for: Shipping + Payment */
  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout #payment{
    background: #fff !important;
    border: 1px solid rgba(0,0,0,.08) !important;
    border-radius: 16px !important;
    padding: 14px !important;
    margin: 12px 0 !important;
    box-shadow: 0 10px 18px rgba(0,0,0,.06) !important;
  }

  /* IMPORTANT: Porto often wraps order review inside .checkout-order-review / .checkout-order-review-box */
  body.woocommerce-checkout .checkout-order-review,
  body.woocommerce-checkout .checkout-order-review.align-left,
  body.woocommerce-checkout .checkout-order-review .box-content,
  body.woocommerce-checkout .box-content.featured-boxes{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  /* reduce separators space */
  body.woocommerce-checkout .porto-separator,
  body.woocommerce-checkout .porto-separator.m-b-md,
  body.woocommerce-checkout .porto-separator.m-b-lg{
    margin: 10px 0 !important;
  }
}
/* =========================
   Green Shop Checkout – Mobile Fix (Porto)
   Put this at the VERY END of Porto Custom CSS
========================= */

@media (max-width: 767px){

  :root{
    --gs-green:#15D93A;
    --gs-radius:16px;
    --gs-border: rgba(0,0,0,.10);
    --gs-shadow: 0 8px 20px rgba(0,0,0,.06);
  }

  /* 1) Make almost all text black (without killing overrides) */
  body.woocommerce-checkout,
  body.woocommerce-checkout .woocommerce,
  body.woocommerce-checkout .woocommerce *{
    color:#000;
  }

  /* 2) Center main headings (Shipping + Order Summary) */
  body.woocommerce-checkout #customer_details h3,
  body.woocommerce-checkout #order_review_heading,
  body.woocommerce-checkout #payment h3{
    width:100% !important;
    text-align:center !important;
    margin: 6px 0 12px !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.08);
  }

  /* Better padding inside cards */
  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout #order_review,
  body.woocommerce-checkout #payment{
    padding: 14px 12px !important;
    margin: 12px 0 !important;
  }

  /* 4) Green ONLY for: Total Amount + Payment Method Title */
  /* Total amount */
  body.woocommerce-checkout #order_review .order-total .woocommerce-Price-amount,
  body.woocommerce-checkout #order_review .order-total .woocommerce-Price-amount bdi{
    color: var(--gs-green) !important;
    font-weight: 900 !important;
  }

  /* Payment method label (COD or others) */
  body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method > label,
  body.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method > label *{
    color: var(--gs-green) !important;
    font-weight: 800 !important;
  }

  /* 5) Button styling (place order) */
  body.woocommerce-checkout #place_order,
  body.woocommerce-checkout button#place_order{
    width:100% !important;
    
    color:#000 !important;
    border:none !important;
    border-radius: var(--gs-radius) !important;
    padding: 14px 16px !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 22px rgba(21,217,58,.25) !important;
  }

  /* 6) Reduce empty space under Payment */
  body.woocommerce-checkout #payment .wc_payment_methods{
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
  }
  body.woocommerce-checkout #payment .form-row.place-order{
    margin-top: 10px !important;
    padding-top: 0 !important;
  }

  /* 7) Notes row tighter + clean */
  body.woocommerce-checkout .woocommerce-additional-fields{
    margin-top: 10px !important;
  }
}
 /* "ملخص الطلب" heading id from your inspect */
  body.woocommerce-checkout #order_review_heading{
    text-align: center !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 1px rgba(0,0,0,.12) !important;
    letter-spacing: .2px !important;
    margin: 18px 0 12px !important;
    font-size: 24px !important;
  }
/* Green Shop - Woo Place Order button */
:root{ --gs-green:#15D93A; }

body.woocommerce-checkout #place_order,
body.woocommerce-checkout button#place_order,
body.woocommerce-checkout input#place_order,
body.woocommerce-checkout button[name="woocommerce_checkout_place_order"],
body.woocommerce-checkout input[name="woocommerce_checkout_place_order"]{
  background: var(--gs-green) !important;
  color:#fff !important;
  border: 0 !important;
  border-radius: 16px !important;
  padding: 14px 18px !important;
  min-height: 52px !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  box-shadow: 0 10px 22px rgba(21,217,58,.28) !important;
  width: 100% !important;
}

body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout #place_order:focus{
  filter: brightness(.95) !important;
  box-shadow: 0 12px 26px rgba(21,217,58,.35) !important;
  outline: none !important;
}

body.woocommerce-checkout #place_order:disabled,
body.woocommerce-checkout #place_order[disabled]{
  opacity: .55 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
/* A) Unified fields style - Green Shop checkout */
body.woocommerce-checkout{
  color:#000 !important;
}

body.woocommerce-checkout .woocommerce-checkout input[type="text"],
body.woocommerce-checkout .woocommerce-checkout input[type="tel"],
body.woocommerce-checkout .woocommerce-checkout input[type="email"],
body.woocommerce-checkout .woocommerce-checkout input[type="number"],
body.woocommerce-checkout .woocommerce-checkout select,
body.woocommerce-checkout .woocommerce-checkout textarea{
  border: 1px solid #E6E6E6 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  background: #fff !important;
  color:#000 !important;
}

body.woocommerce-checkout .woocommerce-checkout input::placeholder,
body.woocommerce-checkout .woocommerce-checkout textarea::placeholder{
  color:#777 !important;
}/* C) Soft separators between products in order review */
body.woocommerce-checkout #order_review table.shop_table tbody tr.cart_item{
  border-bottom: 1px solid #EFEFEF !important;
}

body.woocommerce-checkout #order_review table.shop_table tbody tr.cart_item:last-child{
  border-bottom: 0 !important;
}

/* لو الثيم عنده padding غريب داخل الصف */
body.woocommerce-checkout #order_review table.shop_table tbody tr.cart_item td{
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
body.woocommerce-checkout .woocommerce-form-coupon-toggle.gs-coupon-accordion{
  margin-top: 12px !important;
  padding: 12px 14px !important;
  border: 1px solid #EDEDED !important;
  border-radius: 14px !important;
  background: #fff !important;
}
body.woocommerce-checkout .woocommerce-form-coupon-toggle.gs-coupon-accordion a{
  display:flex !important;
  justify-content: space-between !important;
  align-items:center !important;
  color:#000 !important;
  text-decoration:none !important;
  font-weight:700 !important;
}
body.woocommerce-checkout .woocommerce-form-coupon-toggle.gs-coupon-accordion a:after{
  content:"▾";
  font-size:16px;
  opacity:.7;
}
body.woocommerce-checkout .woocommerce-form-coupon-toggle.gs-coupon-accordion.is-open a:after{
  content:"▴";
}
body.woocommerce-checkout .select2-container { width: 100% !important; }
body.woocommerce-checkout .select2-search__field { width: 100% !important; }
body.woocommerce-checkout .select2-dropdown { z-index: 999999 !important; }

/* RTL: خلي النص مايتغطاش تحت السهم */
body.woocommerce-checkout .select2-container--default .select2-selection--single{
  height: 44px;
  border-radius: 14px;
  display: flex;
  align-items: center;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{
  padding-right: 44px !important; /* مساحة للسهم */
  padding-left: 20px !important;
  line-height: 44px !important;
  text-align: right !important;
  direction: rtl !important;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{
  right: 10px !important;
  left: auto !important;
  height: 44px !important;
}
/* Under-field error message */
.gs-field-error{
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.3;
  color: #FF0000;
}

/* =========================================
   GreenShop - Red border on invalid fields
   Covers:
   - inputs / textarea / normal selects
   - Select2 / SelectWoo (WooCommerce)
   - wrappers inside .woocommerce-input-wrapper
========================================= */

/* 1) Native inputs/textarea/select */
.form-row.woocommerce-invalid input,
.form-row.woocommerce-invalid textarea,
.form-row.woocommerce-invalid select,
.form-row.woocommerce-invalid-required-field input,
.form-row.woocommerce-invalid-required-field textarea,
.form-row.woocommerce-invalid-required-field select{
  border-color: #D91515 !important;
  box-shadow: 0 0 0 2px rgba(217, 21, 21, .12) !important;
}

/* 2) If theme wraps controls inside woocommerce-input-wrapper */
.form-row.woocommerce-invalid .woocommerce-input-wrapper > input,
.form-row.woocommerce-invalid .woocommerce-input-wrapper > textarea,
.form-row.woocommerce-invalid .woocommerce-input-wrapper > select,
.form-row.woocommerce-invalid-required-field .woocommerce-input-wrapper > input,
.form-row.woocommerce-invalid-required-field .woocommerce-input-wrapper > textarea,
.form-row.woocommerce-invalid-required-field .woocommerce-input-wrapper > select{
  border-color: #D91515 !important;
  box-shadow: 0 0 0 2px rgba(217, 21, 21, .12) !important;
}

/* 3) Select2 / SelectWoo rendered UI (this is the IMPORTANT part for المنطقة/المحافظة) */
.form-row.woocommerce-invalid .select2-container .select2-selection,
.form-row.woocommerce-invalid-required-field .select2-container .select2-selection,
.form-row.woocommerce-invalid .selectWoo-container .selectWoo-selection,
.form-row.woocommerce-invalid-required-field .selectWoo-container .selectWoo-selection{
  border-color: #D91515 !important;
  box-shadow: 0 0 0 2px rgba(217, 21, 21, .12) !important;
}

/* 4) If Porto/Theme uses custom select wrapper */
.form-row.woocommerce-invalid .porto-control-select,
.form-row.woocommerce-invalid-required-field .porto-control-select{
  border-color: #D91515 !important;
  box-shadow: 0 0 0 2px rgba(217, 21, 21, .12) !important;
}

/* Optional: reduce top error box spacing if it appears */
.woocommerce-NoticeGroup,
.woocommerce-error{
  margin: 0 !important;
}
/* ===== Order summary heading spacing ===== */
.woocommerce-checkout .checkout-order-review{
  margin-top: 18px;
}

.woocommerce-checkout .checkout-order-review #order_review_heading,
.woocommerce-checkout .checkout-order-review h3{
  margin: 18px 0 10px !important;
  padding-top: 14px;
  border-top: 1px solid rgba(0,0,0,.08);
  text-align: center;
}
/* ===== Highlight COD payment method ===== */
.woocommerce-checkout #payment .wc_payment_method.payment_method_cod label{
  font-weight: 800 !important;
}

.woocommerce-checkout #payment .wc_payment_method.payment_method_cod label,
.woocommerce-checkout #payment .wc_payment_method.payment_method_cod label *{
  color: #15D93A !important;
}
/* ===== Under place order notes ===== */
.woocommerce-checkout .gs-under-placeorder{
  margin-top: 10px;
  text-align: center;
}
.woocommerce-checkout .gs-under-placeorder .gs-note{
  font-size: 18.5px;
  color: #111;
  line-height: 2;
  margin-top: 6px;
}
/* =========================================================
   Trust banner (soft green + 2 icons)
========================================================= */
.gs-trust-banner{
  margin: 10px 0 14px;
  background: rgba(21,217,58,.10);
  border: 1px solid rgba(21,217,58,.22);
  border-radius: 14px;
  padding: 10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}

.gs-trust-item{
  display:flex;
  align-items:center;
  gap: 8px;
  min-width: 0;
}

.gs-trust-item .gs-text{
  font-weight: 800;
  font-size: 14px;
  white-space: nowrap;
}

.gs-trust-divider{
  width:1px;
  height: 18px;
  background: rgba(0,0,0,.10);
}

.gs-trust-item.gs-right{ justify-content:flex-start; }
.gs-trust-item.gs-left{ justify-content:flex-end; }

.gs-trust-banner .gs-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:999px;
  background: rgba(21,217,58,.16);
  color:#15D93A;
  flex: 0 0 22px;
}

.gs-trust-banner .gs-icon i{
  font-size: 14px;
  line-height: 1;
}
.gs-trust-banner .gs-svg{
  width: 14px;
  height: 14px;
  display:block;
}
.gs-trust-banner .gs-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.gs-ty-wa { margin: 16px 0; }
.gs-ty-wa-btn{
  display:block;
  text-align:center;
  background:#15D93A;
  color:#fff !important;
  padding:14px 16px;
  border-radius:14px;
  font-weight:800;
  box-shadow:0 10px 24px rgba(21,217,58,.22);
}
.gs-ty-wa-btn:active{ transform: translateY(1px); }

/* زر add to cart داخل FiboSearch (موبايل) */
@media (max-width: 991px){
  .dgwt-wcas-suggestion{
    padding-right: 120px !important; /* مساحة للزر يمين */
  }

  .dgwt-wcas-suggestion .gs-search-atc{
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid rgba(21, 217, 58, .35);
    background: #fff;
    color: #111;
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    z-index: 5;
    -webkit-tap-highlight-color: transparent;
  }

  .dgwt-wcas-suggestion .gs-search-atc.is-loading{
    opacity: .75;
    cursor: wait;
  }

  .dgwt-wcas-suggestion .gs-search-atc.is-added{
    border-color: rgba(21, 217, 58, .6);
    background: rgba(21, 217, 58, .10);
  }
}
/* === 2 Rows / One Horizontal Scroll (Fix Elementor squeeze) === */
.issues-scroll{
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  padding: 8px 2px 12px;
}

.issues-scroll .issue-row{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:12px;
}

.issues-scroll .issue-row-1{ margin-bottom:12px; }

/* Each card MUST not shrink */
.issues-scroll .issue-card{
  flex: 0 0 auto !important;
  min-width: 92px !important;   /* control card width */
  width: 92px !important;
  text-align:center;
}

/* Elementor widgets sometimes are flex items and shrink */
.issues-scroll .issue-card,
.issues-scroll .issue-card *{
  flex-shrink: 0 !important;
}

/* If you use Image Box */
.issues-scroll .issue-card .elementor-image-box-wrapper{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}

/* image */
.issues-scroll .issue-card img{
  width:64px !important;
  height:64px !important;
  object-fit:cover;
  border-radius:16px;
  display:block;
  border:1px solid rgba(21,217,58,.20);
}

/* title text */
.issues-scroll .issue-card .elementor-image-box-title,
.issues-scroll .issue-card .elementor-icon-box-title{
  font-weight:700;
  font-size:13px;
  line-height:1.2;
  margin:0 !important;
}

/* RTL */
html[dir="rtl"] .issues-scroll{ direction:rtl; }
html[dir="rtl"] .issues-scroll .issue-row{ direction:rtl; }

/* ===== Thank You page layout ===== */
.gs-ty-page{
  max-width: 900px;
  margin: 40px auto 80px;
  padding: 0 16px;
  direction: rtl;
  text-align: right;
  font-family: inherit;
}

.gs-ty-hero{
  text-align: center;
  margin-bottom: 24px;
}
.gs-ty-title{
  font-size: 26px;
  font-weight: 900;
  margin-bottom: 8px;
}
.gs-ty-sub{
  font-size: 15px;
  margin: 0 0 4px;
}
.gs-ty-sub--small{
  font-size: 13px;
  opacity: .8;
}
.gs-ty-order-num{
  font-weight: 800;
  color: #15D93A;
}

/* الشريط بين الهيدر وباقي الصفحة */
.gs-ty-strip{
  margin-bottom: 20px;
}

/* بوكس "ما هي الخطوة التالية؟" */
.gs-ty-next-step{
  background: #EAF9EF;
  border-radius: 18px;
  padding: 18px 18px 14px;
  margin-bottom: 24px;
}
.gs-ty-box-title{
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 800;
}
.gs-ty-list{
  margin: 0;
  padding-left: 0;
  list-style: disc;
  padding-right: 18px;
  font-size: 14px;
  line-height: 1.7;
}

/* سكشنات العناوين تحت */
.gs-ty-section-title{
  font-size: 20px;
  font-weight: 900;
  margin: 32px 0 12px;
}

/* واتساب */
.gs-ty-wa-wrap{
  margin-bottom: 24px;
}

/* سياسة الاستلام */
.gs-ty-policy ul{
  margin-top: 8px;
}
.gs-ty-payment-instructions {
    margin: 20px 0;
    padding: 15px 20px;
    background: #f5fff7;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.8;
}
.gs-ty-payment-instructions p {
    margin-bottom: 8px;
}
/* صندوق تعليمات الدفع على صفحة الشكر  */
.gs-ty-payment-instructions {
    margin: 10px 0 15px;
    padding: 10px 14px;
    background: #f6fffb;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.8;
}
/* زر InstaPay في صفحة الـ Thank You */
.gs-ty-payment-instructions {
    text-align: center;
    margin-bottom: 12px;
}

.gs-insta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    padding: 8px 20px;
    border-radius: 999px;

    /* ألوان قريبة من هوية InstaPay */
    background: linear-gradient(135deg, #5b2d90 0%, #b629f4 55%, #ff7a3c 100%);
    color: #fff !important;

    font-weight: 700;
    font-size: 13px;
    letter-spacing: .08em;
    text-transform: lowercase;

    text-decoration: none;
    box-shadow: 0 6px 15px rgba(91, 45, 144, 0.35);

    border: none;
    cursor: pointer;

    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

/* سهم بسيط يمين كلمة InstaPay يدي إحساس اللوجو */
.gs-insta-btn::after {
    content: "››";
    font-size: 15px;
    margin-top: -1px;
}

/* Hover */
.gs-insta-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(91, 45, 144, 0.45);
    opacity: 0.95;
}

/* FREE1000 popup */
.gs-free1000-popup-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

.gs-free1000-popup-overlay.is-visible{
  opacity: 1;
  pointer-events: auto;
}

.gs-free1000-popup-box{
  position: relative;
  width: min(92vw, 380px);
  background: #fff;
  border-radius: 20px;
  padding: 24px 18px 18px;
  text-align: center;
  direction: rtl;
  box-shadow: 0 18px 45px rgba(0,0,0,.22);
  transform: translateY(12px) scale(.96);
  transition: transform .22s ease;
}

.gs-free1000-popup-overlay.is-visible .gs-free1000-popup-box{
  transform: translateY(0) scale(1);
}

.gs-free1000-close{
  position: absolute;
  top: 10px;
  left: 12px;
  border: 0;
  background: transparent;
  font-size: 26px;
  line-height: 1;
  color: #777;
}

.gs-free1000-icon{
  width: 58px;
  height: 58px;
  margin: 0 auto 10px;
  border-radius: 50%;
  background: rgba(21,217,58,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 30px;
}

.gs-free1000-title{
  font-size: 24px;
  font-weight: 900;
  color: #15D93A;
  margin-bottom: 6px;
}

.gs-free1000-text{
  font-size: 17px;
  font-weight: 800;
  color: #111;
  margin-bottom: 6px;
}

.gs-free1000-sub{
  font-size: 13px;
  color: #555;
  line-height: 1.5;
  margin-bottom: 16px;
}

.gs-free1000-ok{
  width: 100%;
  border: 0;
  background: #15D93A;
  color: #fff;
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 16px;
  font-weight: 800;
}

#gs-coupon-toast{

position:fixed;

top:20px;

left:50%;

transform:translateX(-50%) translateY(-20px);

background:#16c60c;

color:#fff;

padding:14px 22px;

border-radius:14px;

font-size:15px;

font-weight:700;

box-shadow:0 10px 30px rgba(0,0,0,.18);

z-index:999999;

opacity:0;

transition:.35s;

max-width:90%;

text-align:center;

}

#gs-coupon-toast.show{

opacity:1;

transform:translateX(-50%) translateY(0);

}

/* Fix product price overlapping short description */
.single-product .elementor-widget-woocommerce-product-price,
.single-product .price{
  position: relative !important;
  z-index: 1 !important;
  margin-bottom: 26px !important;
}

.single-product .woocommerce-product-details__short-description{
  position: relative !important;
  z-index: 2 !important;
  clear: both !important;
  display: block !important;
  margin-top: 18px !important;
  margin-bottom: 14px !important;
  line-height: 1.75 !important;
}
/* Hide reviewer avatar on product reviews */
.single-product .woocommerce-Reviews .avatar,
.single-product .woocommerce-Reviews img.avatar,
.single-product .woocommerce-Reviews .comment_container > img{
    display: none !important;
}

/* Make the review content take the full width */
.single-product .woocommerce-Reviews .comment-text{
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
}
/* ==========================================================
   Green Shop Reviews Styling
   ========================================================== */

/* إخفاء الدولة والعلم */
.single-product .woocommerce-Reviews .ivole-verified-badge,
.single-product .woocommerce-Reviews .ivole-review-country-icon,
.single-product .woocommerce-Reviews .ivole-review-country-text{
    display: none !important;
}

/* اسم العميل */
.single-product .woocommerce-Reviews .meta,
.single-product .woocommerce-Reviews .meta strong{
    color: #15D93A !important;
    font-weight: 800 !important;
}

/* عنوان التقييم */
.single-product .woocommerce-Reviews .cr-comment-head-text{
    color: #222 !important;
    font-weight: 800 !important;
    font-size: 28px !important;
    line-height: 1.3 !important;
}

/* نص التقييم */
.single-product .woocommerce-Reviews .description,
.single-product .woocommerce-Reviews .description p{
    color: #555 !important;
    line-height: 1.8 !important;
}