/**
 * Theme Name:     Astra Child
 * Author:         Brainstorm Force
 * Template:       astra
 * Text Domain:	   astra-child
 * Description:    The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
 */
.single-product .price {
    color: #C73828 !important;
}

.single-product .price ins {
    color: #C73828 !important;
}

.single-product .price del {
    color: #999 !important;
    opacity: 0.7;
}
/* =========================================================
   New Age Chairs — تحسين شكل اختيار الألوان
   Plugin: Variation Swatches for WooCommerce (CartFlows) — prefix: cfvsw
   يتطبق على كل صفحات المنتجات
   المكان: Appearance > Customize > Additional CSS
   ========================================================= */

/* ---------- 1) المتغيرات: ظبط الألوان من هنا بس ---------- */
:root {
  --nac-accent: #e2401c;        /* اللون الأساسي (نفس لون السعر) */
  --nac-accent-soft: #fdeee9;   /* خلفية الخيار المحدد */
  --nac-border: #d9d9d9;
  --nac-text: #1f2937;
  --nac-muted: #6b7280;
  --nac-radius: 10px;
}

/* ---------- 2) جدول الخيارات يبقى block عشان اللابل فوق الأزرار ---------- */
.woocommerce div.product form.cart table.variations,
.woocommerce div.product form.cart table.variations tbody,
.woocommerce div.product form.cart table.variations tr,
.woocommerce div.product form.cart table.variations th,
.woocommerce div.product form.cart table.variations td {
  display: block !important;
  width: 100% !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: start !important;
  background: none !important;
}

.woocommerce div.product form.cart table.variations tr {
  margin-bottom: 20px !important;
}

/* ---------- 3) اللابل (اللون) ---------- */
.woocommerce div.product form.cart table.variations th.label,
.woocommerce div.product form.cart table.variations th.label label {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--nac-text) !important;
  margin-bottom: 10px !important;
  display: block !important;
  line-height: 1.6 !important;
}

/* سطر إرشادي صغير تحت اللابل (النسخة العربية) — امسح البلوك ده لو مش عايزه */
html[lang^="ar"] .woocommerce div.product form.cart table.variations th.label::after {
  content: "اختر اللون الأول عشان تقدر تكمل الطلب";
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: var(--nac-muted);
  margin-top: 2px;
}

/* ---------- 4) حاوية الأزرار ---------- */
.woocommerce div.product .cfvsw-swatches-container {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
}

/* ---------- 5) الزرار نفسه (بيتغلب على الـ inline styles) ---------- */
.woocommerce div.product .cfvsw-swatches-container .cfvsw-swatches-option,
.woocommerce div.product .cfvsw-swatches-container .cfvsw-label-option {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 110px !important;
  min-height: 50px !important;
  width: auto !important;
  height: auto !important;
  padding: 10px 18px !important;
  margin: 0 !important;
  border: 2px solid var(--nac-border) !important;
  border-radius: var(--nac-radius) !important;
  background: #fff !important;
  color: var(--nac-text) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05) !important;
  cursor: pointer !important;
  overflow: visible !important;
  transition: border-color .18s ease, background-color .18s ease,
              transform .12s ease, box-shadow .18s ease !important;
  -webkit-tap-highlight-color: transparent;
}

.woocommerce div.product .cfvsw-swatches-container .cfvsw-swatch-inner {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: inherit !important;
  white-space: nowrap !important;
  background: none !important;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
}

/* ---------- 6) hover / focus ---------- */
.woocommerce div.product .cfvsw-swatches-container .cfvsw-swatches-option:hover {
  border-color: var(--nac-accent) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .08) !important;
}

.woocommerce div.product .cfvsw-swatches-container .cfvsw-swatches-option:focus-visible {
  outline: 3px solid rgba(226, 64, 28, .35) !important;
  outline-offset: 2px !important;
}

/* ---------- 7) الخيار المحدد ---------- */
.woocommerce div.product .cfvsw-swatches-container .cfvsw-selected-swatch {
  border-color: var(--nac-accent) !important;
  background: var(--nac-accent-soft) !important;
  color: var(--nac-accent) !important;
  box-shadow: 0 0 0 3px rgba(226, 64, 28, .12) !important;
}

/* علامة صح على الخيار المحدد (متحطّة على العنصر الداخلي عشان ما تتعارضش مع tooltip الـ plugin) */
.woocommerce div.product .cfvsw-swatches-container .cfvsw-selected-swatch .cfvsw-swatch-inner::after {
  content: "\2713";
  position: absolute;
  top: -9px;
  inset-inline-start: -9px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background: var(--nac-accent);
  border-radius: 50%;
  line-height: 1;
  pointer-events: none;
}

/* ---------- 8) الخيارات غير المتاحة ---------- */
.woocommerce div.product .cfvsw-swatches-container [class*="disabled"],
.woocommerce div.product .cfvsw-swatches-container [class*="unavailable"],
.woocommerce div.product .cfvsw-swatches-container [aria-disabled="true"] {
  opacity: .4 !important;
  cursor: not-allowed !important;
  text-decoration: line-through !important;
}



/* ---------- 10) زرار "إزالة" — ثانوي مش مشتت ---------- */
.woocommerce div.product .reset_variations {
  display: inline-block !important;
  margin-top: 8px !important;
  font-size: 13px !important;
  color: var(--nac-muted) !important;
  text-decoration: underline !important;
}

/* ---------- 11) خانة "لون مخصص" ---------- */
.woocommerce div.product form.cart input[type="text"],
.woocommerce div.product form.cart textarea {
  min-height: 48px !important;
  padding: 10px 14px !important;
  border: 2px solid var(--nac-border) !important;
  border-radius: var(--nac-radius) !important;
  font-size: 15px !important;
  width: 100% !important;
  max-width: 420px !important;
}

.woocommerce div.product form.cart input[type="text"]:focus,
.woocommerce div.product form.cart textarea:focus {
  border-color: var(--nac-accent) !important;
  outline: none !important;
}

/* ---------- 12) الموبايل ---------- */
@media (max-width: 767px) {
  .woocommerce div.product .cfvsw-swatches-container {
    gap: 8px !important;
  }

  .woocommerce div.product .cfvsw-swatches-container .cfvsw-swatches-option {
    flex: 1 1 calc(50% - 8px) !important;
    min-width: 0 !important;
  }

  .woocommerce div.product .cfvsw-swatches-container .cfvsw-swatch-inner {
    font-size: 14px !important;
  }

  .woocommerce div.product form.cart table.variations th.label,
  .woocommerce div.product form.cart table.variations th.label label {
    font-size: 15px !important;
  }
}

/* ---------- 13) زرار الإضافة للسلة ---------- */
.woocommerce div.product form.cart .single_add_to_cart_button {
  min-height: 52px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  border-radius: var(--nac-radius) !important;
}
.nac-price-from-label {
  font-size: .62em;
  font-weight: 500;
  color: #6b7280;
  margin-inline-end: 2px;
  vertical-align: middle;
}

  /* ---------- 3) أيقونة التكبير ---------- */
  .woocommerce div.product .woocommerce-product-gallery__trigger {
    top: 10px !important;
    inset-inline-end: 10px !important;
    inset-inline-start: auto !important;
    z-index: 9 !important;
    opacity: .85 !important;
  }

  /* ---------- 4) تقليل المسافات فوق وتحت الجاليري ---------- */
  .woocommerce div.product .woocommerce-product-gallery,
  .woocommerce div.product div.images {
    margin-bottom: 14px !important;
  }

  /* ---------- 5) الاسم والسعر يبقوا أوضح أول ما يظهروا ---------- */
  .woocommerce div.product .product_title {
    font-size: 22px !important;
    line-height: 1.4 !important;
    margin-bottom: 6px !important;
  }

  .woocommerce div.product p.price,
  .woocommerce div.product span.price {
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
  }
}
.woocommerce-js div.product form.cart .button {
	float: none; }
/* =========================================
   تنسيق تابات المنتج مثل أزرار الألوان
   ========================================= */

/* حاوية التابات */
body.single-product div.product
.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs {
    display: flex !important;
    direction: rtl !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 14px !important;

    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto 30px !important;
    padding: 12px !important;

    list-style: none !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
}

/* إلغاء تنسيقات Astra وWooCommerce القديمة */
body.single-product div.product
.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs::before,

body.single-product div.product
.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs::after,

body.single-product div.product
.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li::before,

body.single-product div.product
.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li::after,

body.single-product div.product
.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li > a::before,

body.single-product div.product
.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li > a::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* شكل الزر العادي */
body.single-product div.product
.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li {
    float: none !important;
    display: block !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;

    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;
    border: 2px solid #d8d8d8 !important;
    border-radius: 16px !important;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.10) !important;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;

    overflow: visible !important;
}

/* النص داخل الزر */
body.single-product div.product
.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 62px !important;
    padding: 12px 14px !important;

    color: #17213b !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
}

/* تأثير المرور على الزر */
body.single-product div.product
.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li:hover {
    border-color: #ef4423 !important;
    transform: translateY(-1px);
}

body.single-product div.product
.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li:hover > a {
    color: #ef4423 !important;
}

/* شكل الزر المختار بدون علامة صح */
body.single-product div.product
.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li.active {
    z-index: 2 !important;
    background: #fff0ec !important;
    border-color: #ef4423 !important;

    box-shadow:
        0 0 0 5px rgba(239, 68, 35, 0.12),
        0 2px 4px rgba(0, 0, 0, 0.08) !important;
}

body.single-product div.product
.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li.active > a {
    color: #ef4423 !important;
    background: transparent !important;
}

/* تنسيق الموبايل */
@media (max-width: 600px) {
    body.single-product div.product
    .woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs {
        gap: 8px !important;
        padding: 8px 2px !important;
        margin-bottom: 22px !important;
    }

    body.single-product div.product
    .woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li {
        border-radius: 12px !important;
    }

    body.single-product div.product
    .woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li > a {
        min-height: 54px !important;
        padding: 8px 4px !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
    }
}
/* =========================================================
   New Age Chairs — Product Gallery
   Mobile + Desktop
   ========================================================= */

/* الجاليري */
body.single-product .woocommerce-product-gallery {
    position: relative !important;
}

/* الصورة الرئيسية */
body.single-product
.woocommerce-product-gallery .flex-viewport {
    height: auto !important;
    max-height: 40vh !important;
}

body.single-product
.woocommerce-product-gallery__image img,

body.single-product
.woocommerce-product-gallery__wrapper img.wp-post-image {
    display: block !important;
    width: 100% !important;
    height: 40vh !important;
    max-height: none !important;
    object-fit: contain !important;
}

body.single-product
.woocommerce-product-gallery__wrapper {
    align-items: center !important;
}

/* إخفاء صورة الزوم المخفية */
body.single-product
.woocommerce-product-gallery img.zoomImg {
    display: none !important;
}


/* =========================================================
   الصور المصغرة في صف أفقي
   ========================================================= */

body.single-product
.woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;

    gap: 8px !important;
    margin: 12px 0 0 !important;
    padding: 0 0 5px !important;

    list-style: none !important;
    scroll-snap-type: x proximity;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

body.single-product
.woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {
    display: none !important;
}

body.single-product
.woocommerce-product-gallery .flex-control-thumbs li {
    float: none !important;
    flex: 0 0 64px !important;

    width: 64px !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    scroll-snap-align: start;
}

body.single-product
.woocommerce-product-gallery .flex-control-thumbs li img {
    display: block !important;

    width: 64px !important;
    height: 64px !important;

    object-fit: cover !important;
    border: 2px solid transparent !important;
    border-radius: 8px !important;

    opacity: 0.55 !important;
    cursor: pointer !important;
}

body.single-product
.woocommerce-product-gallery .flex-control-thumbs li img.flex-active,

body.single-product
.woocommerce-product-gallery .flex-control-thumbs li img:hover {
    opacity: 1 !important;
    border-color: #e2401c !important;
}


/* =========================================================
   تكبير الصور على الكمبيوتر
   ========================================================= */

@media (min-width: 768px) {

    body.single-product
    .woocommerce-product-gallery .flex-viewport {
        max-height: 58vh !important;
    }

    body.single-product
    .woocommerce-product-gallery__image img,

    body.single-product
    .woocommerce-product-gallery__wrapper img.wp-post-image {
        height: 58vh !important;
    }

    body.single-product
    .woocommerce-product-gallery .flex-control-thumbs {
        gap: 12px !important;
        margin-top: 16px !important;
    }

    body.single-product
    .woocommerce-product-gallery .flex-control-thumbs li {
        flex-basis: 105px !important;
        width: 105px !important;
    }

    body.single-product
    .woocommerce-product-gallery .flex-control-thumbs li img {
        width: 105px !important;
        height: 105px !important;
        border-radius: 10px !important;
    }
}


/* =========================================================
   أسهم التقليب الرئيسية
   ========================================================= */

body.single-product ul.flex-direction-nav {
    display: block !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

body.single-product ul.flex-direction-nav > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.single-product ul.flex-direction-nav > li::marker {
    content: "" !important;
}

body.single-product ul.flex-direction-nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: absolute !important;
    top: 20vh !important;
    z-index: 50 !important;

    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #17213b !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid #dddddd !important;
    border-radius: 50% !important;

    font-size: 0 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    text-decoration: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16) !important;
    transform: translateY(-50%) !important;
}

/* السهم الشمال */
body.single-product ul.flex-direction-nav a.flex-prev {
    left: 15px !important;
    right: auto !important;
}

/* السهم اليمين */
body.single-product ul.flex-direction-nav a.flex-next {
    right: 15px !important;
    left: auto !important;
}

/* شكل السهمين */
body.single-product ul.flex-direction-nav a.flex-prev::before {
    content: "‹" !important;
}

body.single-product ul.flex-direction-nav a.flex-next::before {
    content: "›" !important;
}

body.single-product ul.flex-direction-nav a::before {
    display: block !important;

    color: #17213b !important;
    font-family: Arial, sans-serif !important;
    font-size: 36px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    text-indent: 0 !important;
    text-shadow: none !important;
}

body.single-product ul.flex-direction-nav a:hover {
    background: #e2401c !important;
    border-color: #e2401c !important;
}

body.single-product ul.flex-direction-nav a:hover::before {
    color: #ffffff !important;
}

/* مكان الأسهم على الكمبيوتر */
@media (min-width: 768px) {
    body.single-product ul.flex-direction-nav a {
        top: 29vh !important;
        width: 50px !important;
        height: 50px !important;
    }
}
/* =========================================================
   NEW AGE CHAIRS — CHECKOUT FINAL STYLE
   استخدم هذا الكود فقط لتنسيق صفحة Checkout
   ========================================================= */

body.woocommerce-checkout {
    --nac-navy: #17213b;
    --nac-red: #e2401c;
    --nac-red-soft: #fff7f4;
    --nac-border: #e2e6ec;
    --nac-muted: #64748b;
}


/* =========================================================
   1) عرض صفحة الـ Checkout
   ========================================================= */

body.woocommerce-checkout
.wp-block-woocommerce-checkout {
    max-width: 1200px !important;
    margin: 35px auto 70px !important;
    padding: 0 20px !important;
}


/* =========================================================
   2) الكروت الرئيسية
   ========================================================= */

body.woocommerce-checkout
.wc-block-components-checkout-step,

body.woocommerce-checkout
.wp-block-woocommerce-checkout-order-summary-block {
    background: #ffffff !important;

    border: 1px solid var(--nac-border) !important;
    border-radius: 14px !important;

    padding: 22px !important;
    margin-bottom: 18px !important;

    box-shadow:
        0 5px 22px rgba(23, 33, 59, 0.035) !important;
}


/* =========================================================
   3) العناوين
   ========================================================= */

body.woocommerce-checkout
.wc-block-components-checkout-step__title,

body.woocommerce-checkout
.wp-block-woocommerce-checkout-order-summary-block h2 {
    color: var(--nac-navy) !important;

    font-size: 20px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;
}


/* =========================================================
   4) حقول البيانات
   ========================================================= */

body.woocommerce-checkout
.wc-block-components-text-input input,

body.woocommerce-checkout
.wc-block-components-address-form input,

body.woocommerce-checkout
.wc-block-components-combobox-control input,

body.woocommerce-checkout
.wc-block-components-combobox-control .components-combobox-control__input {
    min-height: 52px !important;

    background: #ffffff !important;

    border: 1px solid #dce1e8 !important;
    border-radius: 10px !important;

    color: var(--nac-navy) !important;

    box-shadow: none !important;
}


/* Focus */
body.woocommerce-checkout
.wc-block-components-text-input input:focus,

body.woocommerce-checkout
.wc-block-components-address-form input:focus,

body.woocommerce-checkout
.wc-block-components-combobox-control input:focus {
    border-color: var(--nac-red) !important;

    outline: none !important;

    box-shadow:
        0 0 0 3px rgba(226, 64, 28, .09) !important;
}


/* =========================================================
   5) SHIPPING + PAYMENT RADIO ROWS
   إصلاح مشكلة الدائرة الداخلة في النص
   ========================================================= */

body.woocommerce-checkout
.wc-block-components-radio-control {
    border: 0 !important;
    background: transparent !important;
}


/* كل اختيار */
body.woocommerce-checkout
.wc-block-components-radio-control__option {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    gap: 12px !important;

    width: 100% !important;
    min-height: 56px !important;

    padding: 14px 16px !important;
    margin: 0 0 9px !important;

    background: #ffffff !important;

    border: 1px solid #dfe3e9 !important;
    border-radius: 11px !important;

    box-shadow: none !important;
    outline: none !important;

    overflow: visible !important;

    transition:
        border-color .18s ease,
        background-color .18s ease,
        box-shadow .18s ease !important;
}


/* =========================================================
   6) RADIO BUTTON RESET
   أهم جزء لحل مشكلة الدائرة
   ========================================================= */

body.woocommerce-checkout
.wc-block-components-radio-control__input {

    position: static !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    inset: auto !important;

    transform: none !important;

    flex: 0 0 18px !important;

    width: 18px !important;
    height: 18px !important;

    min-width: 18px !important;
    min-height: 18px !important;

    max-width: 18px !important;
    max-height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    appearance: auto !important;
    -webkit-appearance: radio !important;

    accent-color: var(--nac-red) !important;

    border-radius: 50% !important;

    box-shadow: none !important;

    z-index: auto !important;
}


/* إلغاء أي pseudo element من الأكواد القديمة */
body.woocommerce-checkout
.wc-block-components-radio-control__input::before,

body.woocommerce-checkout
.wc-block-components-radio-control__input::after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   7) النص بجانب الـ Radio
   ========================================================= */

body.woocommerce-checkout
.wc-block-components-radio-control__label,

body.woocommerce-checkout
.wc-block-components-radio-control__label-group {
    flex: 1 1 auto !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--nac-navy) !important;

    line-height: 1.45 !important;
}


/* السعر في الشحن */
body.woocommerce-checkout
.wc-block-components-radio-control__secondary-label {
    flex: 0 0 auto !important;

    margin-inline-start: auto !important;

    color: var(--nac-navy) !important;
}


/* =========================================================
   8) الاختيار المحدد — RED OUTLINE
   ========================================================= */

body.woocommerce-checkout
.wc-block-components-radio-control__option:has(
    input[type="radio"]:checked
) {
    border-color: var(--nac-red) !important;

    background: var(--nac-red-soft) !important;

    box-shadow:
        0 0 0 3px rgba(226, 64, 28, .075) !important;
}


/* Hover */
body.woocommerce-checkout
.wc-block-components-radio-control__option:hover {
    border-color: rgba(226, 64, 28, .55) !important;
}


/* إلغاء الإطار الأسود وقت الضغط */
body.woocommerce-checkout
.wc-block-components-radio-control__option:focus,

body.woocommerce-checkout
.wc-block-components-radio-control__option:focus-within {
    outline: none !important;
}


/* =========================================================
   9) محتوى طريقة الدفع المفتوحة — InstaPay
   ========================================================= */

body.woocommerce-checkout
.wc-block-components-radio-control-accordion-content {
    margin: -2px 0 10px !important;

    padding: 18px 20px !important;

    background: #fafbfc !important;

    border: 1px solid #e6e9ee !important;
    border-radius: 10px !important;

    color: #334155 !important;

    line-height: 1.7 !important;

    box-shadow: none !important;
}


body.woocommerce-checkout
.wc-block-components-radio-control-accordion-content p {
    color: #334155 !important;
}


/* =========================================================
   10) Order Summary
   ========================================================= */

body.woocommerce-checkout
.wp-block-woocommerce-checkout-order-summary-block {
    box-shadow:
        0 10px 28px rgba(23, 33, 59, .055) !important;
}


/* =========================================================
   11) Place Order
   ========================================================= */

body.woocommerce-checkout
.wc-block-components-checkout-place-order-button {
    min-height: 56px !important;

    background: var(--nac-navy) !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 10px !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    box-shadow: none !important;

    transition:
        background-color .2s ease,
        transform .15s ease !important;
}


body.woocommerce-checkout
.wc-block-components-checkout-place-order-button:hover {
    background: var(--nac-red) !important;
}


/* =========================================================
   12) Add note
   ========================================================= */

body.woocommerce-checkout
.wp-block-woocommerce-checkout-order-note-block {
    border-radius: 12px !important;
}


/* =========================================================
   13) RTL
   ========================================================= */

html[dir="rtl"]
body.woocommerce-checkout
.wc-block-components-radio-control__option {
    direction: rtl !important;
}


/* =========================================================
   14) MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body.woocommerce-checkout
    .wp-block-woocommerce-checkout {
        margin-top: 20px !important;
        padding: 0 12px !important;
    }


    body.woocommerce-checkout
    .wc-block-components-checkout-step,

    body.woocommerce-checkout
    .wp-block-woocommerce-checkout-order-summary-block {
        padding: 16px !important;
        border-radius: 12px !important;
    }


    body.woocommerce-checkout
    .wc-block-components-checkout-step__title {
        font-size: 18px !important;
    }


    body.woocommerce-checkout
    .wc-block-components-radio-control__option {
        gap: 10px !important;
        padding: 13px 14px !important;
    }


    body.woocommerce-checkout
    .wc-block-components-radio-control__label,

    body.woocommerce-checkout
    .wc-block-components-radio-control__label-group {
        font-size: 14px !important;
    }


    body.woocommerce-checkout
    .wc-block-components-radio-control__secondary-label {
        font-size: 13px !important;
    }

}
/* =========================================================
   Order Summary — Price Color Only
   ========================================================= */

/* كل الأسعار داخل ملخص الطلب */
body.woocommerce-checkout
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-product-price,

body.woocommerce-checkout
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-totals-item__value,

body.woocommerce-checkout
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-formatted-money-amount,

body.woocommerce-checkout
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-product-price__value {
    color: #c73929 !important;
    font-weight: 700 !important;
}


/* السعر القديم المشطوب يفضل رمادي */
body.woocommerce-checkout
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-product-price__regular {
    color: #9ca3af !important;
    font-weight: 500 !important;
    opacity: .85 !important;
}
/* =========================================================
   New Age Chairs — Arabic Footer RTL Alignment
   ========================================================= */

html[lang^="ar"] .site-footer {
    direction: rtl !important;
}

/* كل الويدجتس */
html[lang^="ar"] .site-footer .widget,
html[lang^="ar"] .site-footer .footer-widget-area {
    text-align: right !important;
}

/* عناوين الويدجت */
html[lang^="ar"] .site-footer .widget-title,
html[lang^="ar"] .site-footer h1,
html[lang^="ar"] .site-footer h2,
html[lang^="ar"] .site-footer h3,
html[lang^="ar"] .site-footer h4,
html[lang^="ar"] .site-footer h5,
html[lang^="ar"] .site-footer h6 {
    text-align: right !important;
}

/* القوائم */
html[lang^="ar"] .site-footer ul,
html[lang^="ar"] .site-footer ol {
    text-align: right !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
}

/* عناصر القائمة */
html[lang^="ar"] .site-footer li {
    text-align: right !important;
}

/* النصوص والروابط */
html[lang^="ar"] .site-footer p,
html[lang^="ar"] .site-footer a {
    text-align: right !important;
}

/* لو الويدجت نفسه Flex */
html[lang^="ar"] .site-footer .widget,
html[lang^="ar"] .site-footer .widget_text,
html[lang^="ar"] .site-footer .wp-block-group {
    justify-content: flex-start !important;
}