/* =====================================================================
   Optimum Closets Identity — الهوية العامة لكامل المتجر
   كل القواعد محصورة داخل body.oc-identity وداخل غلاف الموقع،
   فلا تمسّ لوحة التحكم ولا شريط الإدارة ولا عناصر خارج الموقع.
   ===================================================================== */

/* ---------- 0) الخط: Readex Pro محلياً من ملفات الإضافة (رخصة OFL) ---------- */
@font-face{
  font-family:"Readex Pro";
  src:url("../fonts/ReadexPro-Variable.woff") format("woff");
  font-weight:200 600;
  font-style:normal;
  font-display:swap;
}

/* ---------- 1) المتغيرات ---------- */
body.oc-identity{
  --oc-bg:#f7f4f0;
  --oc-surface:#ffffff;
  --oc-panel:#f6f3ef;
  --oc-ink:#1b1511;
  --oc-muted:#655a50;
  --oc-frame:#16110d;
  --oc-copper:#9a6528;      /* خلفيات الأزرار: تباين واضح مع الأبيض */
  --oc-copper-dark:#7d5220;
  --oc-copper-text:#86581f; /* النصوص النحاسية على الخلفية الفاتحة */
  --oc-copper-soft:#f6ede2;
  --oc-icon:#423932;        /* لون الأيقونات */
  --oc-line:rgba(27,21,17,.10);
  --oc-radius:3px;
  --oc-shadow:0 22px 44px rgba(22,17,13,.10);
  --oc-ease:cubic-bezier(.2,.7,.2,1);
  --oc-font:"Readex Pro","Segoe UI",Tahoma,sans-serif;

  /* ربط متغيرات WoodMart */
  --wd-primary-color:var(--oc-copper);
  --wd-alternative-color:var(--oc-frame);
  --wd-link-color:var(--oc-ink);
  --wd-link-color-hover:var(--oc-copper-text);
  --wd-text-font:var(--oc-font);
  --wd-title-font:var(--oc-font);
  --wd-title-font-weight:400;
  --wd-entities-title-font:var(--oc-font);
  --wd-entities-title-font-weight:500;
  --wd-entities-title-color:var(--oc-ink);
  --wd-entities-title-color-hover:var(--oc-copper-text);
  --wd-widget-title-font:var(--oc-font);
  --wd-header-el-font:var(--oc-font);
  --wd-header-el-font-weight:400;
  --wd-header-el-transform:none;
  --wd-brd-radius:var(--oc-radius);
  --wd-form-brd-radius:var(--oc-radius);
  --wd-form-brd-width:1px;
  --wd-form-color:var(--oc-ink);
  --wd-form-placeholder-color:var(--oc-muted);
  --wd-form-bg:var(--oc-surface);
  --wd-main-bgcolor:var(--oc-bg);
  --wd-text-color:var(--oc-ink);
  --wd-title-color:var(--oc-ink);
  --btn-accented-bgcolor:var(--oc-copper);
  --btn-accented-bgcolor-hover:var(--oc-copper-dark);
  --btn-accented-color:#fff;
  --btn-accented-color-hover:#fff;
  --btn-accented-brd-radius:var(--oc-radius);
  --btn-default-bgcolor:var(--oc-frame);
  --btn-default-bgcolor-hover:#000;
  --btn-default-color:#fff;
  --btn-default-color-hover:#fff;
  --btn-default-brd-radius:var(--oc-radius);
  --btn-transform:none;
  --btn-font-family:var(--oc-font);
  --btn-font-weight:600;

  /* ربط ألوان وخطوط Elementor العامة */
  --e-global-typography-primary-font-family:"Readex Pro";
  --e-global-typography-secondary-font-family:"Readex Pro";
  --e-global-typography-text-font-family:"Readex Pro";
  --e-global-typography-accent-font-family:"Readex Pro";
  --e-global-color-primary:var(--oc-ink);
  --e-global-color-secondary:var(--oc-muted);
  --e-global-color-text:var(--oc-ink);
  --e-global-color-accent:var(--oc-copper);

  background-color:var(--oc-bg);
  color:var(--oc-ink);
  font-family:var(--oc-font);
  font-weight:300;
  overflow-x:clip;
}

/* ---------- 2) الأساس داخل غلاف الموقع ---------- */
body.oc-identity :where(.website-wrapper, .main-page-wrapper, .wp-site-blocks, #page){
  background-color:var(--oc-bg);
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page){
  font-family:var(--oc-font);
  color:var(--oc-ink);
  line-height:1.8;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(p, td, th, label, input, select, textarea, dd, dt, blockquote, figcaption){
  font-family:var(--oc-font);
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(h1, h2, h3, h4, h5, h6, .title, .wd-title, .product_title, .entry-title, .page-title .title, .elementor-heading-title){
  font-family:var(--oc-font);
  color:var(--oc-ink);
  letter-spacing:0;
  line-height:1.35;
  text-wrap:balance;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(h1, h2, h3, h4, h5, h6, .title, .wd-title){
  font-weight:400;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(h1, .product_title, .page-title .entry-title, .page-title .title){
  font-weight:200;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) a{ transition:color .2s; }
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) a:hover{ color:var(--oc-copper-text); }
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) ::selection{ background:var(--oc-copper-soft); color:var(--oc-ink); }
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :focus-visible{ outline:2px solid var(--oc-copper); outline-offset:3px; }
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.title-subtitle, .wd-title-subtitle, .subtitle){
  color:var(--oc-copper-text);
  font-size:.8rem; font-weight:600; letter-spacing:.08em;
}

/* ---------- 3) الأزرار ---------- */
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.btn, .button, button.button, a.button, input[type="submit"], .wd-btn, .single_add_to_cart_button, .checkout-button, #place_order, .wc-proceed-to-checkout .button, .wp-element-button, .elementor-button){
  font-family:var(--oc-font) !important;
  font-weight:600;
  border-radius:var(--oc-radius) !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  transition:background-color .25s, color .25s, border-color .25s, box-shadow .25s, transform .25s;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.btn-color-primary, .btn.btn-color-primary, .single_add_to_cart_button, .checkout-button, #place_order, .wc-proceed-to-checkout .button, .add_to_cart_button, .wd-add-btn .button, .wp-element-button, .woocommerce-Button, .button.alt){
  background-color:var(--oc-copper) !important;
  color:#fff !important;
  border:1px solid var(--oc-copper) !important;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.btn-color-primary, .single_add_to_cart_button, .checkout-button, #place_order, .wc-proceed-to-checkout .button, .add_to_cart_button, .wd-add-btn .button, .wp-element-button, .woocommerce-Button, .button.alt):hover{
  background-color:var(--oc-copper-dark) !important;
  border-color:var(--oc-copper-dark) !important;
  box-shadow:0 10px 26px rgba(154,101,40,.32);
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.btn-color-default, .btn-style-bordered, .button.wc-backward, .wd-load-more, .button.view, .return-to-shop .button){
  background-color:transparent !important;
  color:var(--oc-ink) !important;
  border:1px solid var(--oc-frame) !important;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.btn-color-default, .btn-style-bordered, .button.wc-backward, .wd-load-more, .button.view, .return-to-shop .button):hover{
  background-color:var(--oc-frame) !important;
  color:#fff !important;
}

/* ---------- 4) بطاقات المنتجات ---------- */
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.wd-product, .product-grid-item, ul.products li.product, .wc-block-grid__product, .wc-block-product){
  perspective:1000px;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.wd-product .product-wrapper, .product-grid-item .product-wrapper, ul.products li.product .oc-card, .wc-block-grid__product, .wc-block-product){
  background:var(--oc-surface);
  border:1px solid var(--oc-line);
  border-radius:var(--oc-radius);
  transition:transform .35s var(--oc-ease), border-color .3s, box-shadow .3s;
  transform-style:preserve-3d;
  will-change:transform;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.wd-product .product-wrapper, .product-grid-item .product-wrapper){
  padding:8px 8px 16px;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) ul.products li.product:not(.wd-product):not(.product-grid-item){
  background:var(--oc-surface);
  border:1px solid var(--oc-line);
  border-radius:var(--oc-radius);
  padding:8px 8px 16px;
  transition:transform .35s var(--oc-ease), border-color .3s, box-shadow .3s;
  transform-style:preserve-3d;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.wd-product:hover .product-wrapper, .product-grid-item:hover .product-wrapper, ul.products li.product:hover, .wc-block-grid__product:hover, .wc-block-product:hover){
  border-color:rgba(168,115,50,.45);
  box-shadow:var(--oc-shadow);
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.product-element-top, ul.products li.product a img, .wc-block-grid__product-image){
  border-radius:var(--oc-radius);
  overflow:hidden;
  background:var(--oc-panel);
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) .product-element-top img{ transition:transform .6s var(--oc-ease); }
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.wd-product, .product-grid-item):hover .product-element-top img{ transform:scale(1.05); }
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.wd-entities-title, .wd-entities-title a, .woocommerce-loop-product__title, .wc-block-grid__product-title){
  font-family:var(--oc-font) !important;
  font-weight:500;
  color:var(--oc-ink);
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.wd-product-cats a, .product-cats a){ color:var(--oc-copper-text); font-size:.78rem; }

/* الأسعار */
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.price, .amount, .woocommerce-Price-amount){
  color:var(--oc-ink);
  font-weight:500;
  font-variant-numeric:tabular-nums;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.price del, .price del .amount){ color:var(--oc-muted); font-weight:300; }
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.price ins, .price ins .amount){ color:var(--oc-copper-text); text-decoration:none; }

/* الشارات */
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.product-labels .product-label, .onsale){
  border-radius:var(--oc-radius);
  font-family:var(--oc-font);
  font-weight:500;
  text-transform:none;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.product-label.onsale, span.onsale){ background-color:var(--oc-copper); color:#fff; }
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) .product-label.new{ background-color:var(--oc-frame); color:#fff; }

/* ---------- 5) الهيدر والقوائم ---------- */
body.oc-identity .website-wrapper :is(.whb-main-header .whb-row, .whb-general-header){
  background-color:rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(18px) saturate(1.5);
  backdrop-filter:blur(18px) saturate(1.5);
  border-bottom-color:var(--oc-line);
}
body.oc-identity .website-wrapper .whb-sticked .whb-main-header{ box-shadow:0 8px 30px rgba(0,0,0,.08); }
body.oc-identity .website-wrapper :is(.wd-nav > li > a, .whb-header .wd-nav > li > a){
  font-family:var(--oc-font);
  font-weight:400;
  text-transform:none;
  letter-spacing:0;
}
body.oc-identity .website-wrapper :is(.wd-nav > li > a:hover, .wd-nav > li.current-menu-item > a, .wd-nav > li.wd-active > a){ color:var(--oc-copper-text); }
body.oc-identity .website-wrapper .wd-tools-element .wd-tools-count{ background-color:#423932; color:#fff; }
body.oc-identity .website-wrapper :is(.wd-dropdown, .sub-menu-dropdown, .wd-dropdown-menu){
  border-radius:var(--oc-radius);
  border:1px solid var(--oc-line);
  box-shadow:var(--oc-shadow);
}
body.oc-identity .website-wrapper :is(.mobile-nav, .wd-side-hidden){
  background-color:var(--oc-bg);
}

/* ---------- 6) الحقول والنماذج والبحث ---------- */
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], select, textarea, .select2-selection, .wd-search-form input){
  font-family:var(--oc-font);
  background-color:var(--oc-surface);
  border:1px solid var(--oc-line);
  border-radius:var(--oc-radius);
  color:var(--oc-ink);
  transition:border-color .2s, box-shadow .2s;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(input, select, textarea):focus{
  border-color:var(--oc-copper);
  box-shadow:0 0 0 3px var(--oc-copper-soft);
  outline:none;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.wd-search-results, .autocomplete-suggestions, .wd-dropdown-results){
  background-color:var(--oc-surface);
  border:1px solid var(--oc-line);
  border-radius:var(--oc-radius);
  box-shadow:var(--oc-shadow);
}
body.oc-identity .wd-search-full-screen, body.oc-identity .wd-search-full-screen-2{ background-color:rgba(247,244,240,.96); }

/* ---------- 7) صفحات التصنيفات والعناوين ---------- */
body.oc-identity .website-wrapper .page-title{ background-color:var(--oc-bg); }
body.oc-identity .website-wrapper .page-title :is(.title, .entry-title){ color:var(--oc-ink); }
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.wd-breadcrumbs a, .woocommerce-breadcrumb a, .breadcrumbs a){ color:var(--oc-muted); }
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.wd-breadcrumbs a, .woocommerce-breadcrumb a, .breadcrumbs a):hover{ color:var(--oc-copper-text); }
body.oc-identity .website-wrapper :is(.wd-sidebar .widget, .wd-shop-tools, .wd-products-per-page, .wd-products-shop-view){
  border-radius:var(--oc-radius);
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.widget-title, .wd-widget-title, .widgettitle){
  font-family:var(--oc-font);
  font-weight:500;
  text-transform:none;
  letter-spacing:0;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.page-numbers .current, .wd-pagination .current){
  background-color:var(--oc-copper);
  color:#fff;
  border-radius:var(--oc-radius);
}

/* ---------- 8) صفحة المنتج ---------- */
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) .summary .price{ font-size:1.6rem; }
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.woocommerce-product-gallery__image, .product-images-inner, .woocommerce-product-gallery){
  border-radius:var(--oc-radius);
  overflow:hidden;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.woocommerce-tabs .tabs li a, .wd-nav-tabs > li > a){
  font-family:var(--oc-font);
  font-weight:400;
  text-transform:none;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.woocommerce-tabs .tabs li.active a, .wd-nav-tabs > li.wd-active > a){ color:var(--oc-copper-text); }
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) .quantity :is(input, .plus, .minus){ border-radius:var(--oc-radius); }

/* ---------- 9) السلة، الدفع، حسابي ---------- */
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.cart_totals, .woocommerce-checkout-review-order, .woocommerce-MyAccount-content, .woocommerce-form-login, .woocommerce-form-register, .checkout_coupon, .wc-block-cart__sidebar, .wc-block-checkout__sidebar){
  background-color:var(--oc-surface);
  border:1px solid var(--oc-line);
  border-radius:var(--oc-radius);
  padding:24px;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) table.shop_table{
  background-color:var(--oc-surface);
  border:1px solid var(--oc-line);
  border-radius:var(--oc-radius);
  border-collapse:separate;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) .woocommerce-MyAccount-navigation :is(ul, .wd-nav) a{
  border-radius:var(--oc-radius);
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) .woocommerce-MyAccount-navigation :is(li.is-active a, .wd-active a){
  color:var(--oc-copper-text);
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner){
  border-radius:var(--oc-radius);
  border-color:var(--oc-line);
  background-color:var(--oc-surface);
  color:var(--oc-ink);
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.woocommerce-message, .woocommerce-info){ border-inline-start:3px solid var(--oc-copper); }

/* ---------- 10) الفوتر ---------- */
body.oc-identity .website-wrapper :is(.footer-container, .main-footer, .copyrights-wrapper){
  background-color:var(--oc-surface);
  color:var(--oc-muted);
  border-top:1px solid var(--oc-line);
}
body.oc-identity .website-wrapper .footer-container :is(.widget-title, h1, h2, h3, h4, h5, h6){ color:var(--oc-ink); }
body.oc-identity .website-wrapper .footer-container a{ color:var(--oc-ink); }
body.oc-identity .website-wrapper .footer-container a:hover{ color:var(--oc-copper-text); }

/* ---------- 11) تقليل الحركة ---------- */
@media (prefers-reduced-motion:reduce){
  body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) *{ transition:none !important; animation:none !important; }
  body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) .product-element-top img{ transform:none !important; }
}

/* =====================================================================
   12) الهيدر الجديد — يظهر فقط عند تفعيل خيار «الهيدر الجديد»
   ===================================================================== */

/* إخفاء هيدر WoodMart (مع الشريط العلوي الداكن ونسخته الثابتة). لا تُمسّ إعداداته. */
body.oc-identity.oc-own-header .whb-header,
body.oc-identity.oc-own-header .whb-clone,
body.oc-identity.oc-own-header .whb-sticky-placeholder,
body.oc-identity.oc-own-header .whb-sticky-header,
body.oc-identity.oc-own-header .whb-top-bar,
body.oc-identity.oc-own-header .topbar-wrapp,
body.oc-identity.oc-own-header .wd-topbar,
body.oc-identity.oc-own-header .header-banner,
body.oc-identity.oc-own-header .wd-header-banner,
body.oc-identity.oc-own-header .elementor-location-header,
body.oc-identity.oc-own-header [data-elementor-type="header"],
body.oc-identity.oc-own-header .oc-hide-old{
  display:none !important;
}

body.oc-identity .oc-hdr{
  --oc-hdr-top:var(--wp-admin--admin-bar--height, 0px);
  /* يرافق الشاشة عند التمرير، ملتصقاً بأعلاها بلا أي مسافة */
  position:fixed; top:var(--oc-hdr-top); inset-inline:0;
  z-index:400;
  direction:rtl;
  font-family:var(--oc-font);
  padding:6px clamp(12px,3vw,32px) 0;
  background:var(--oc-bg);
  border-bottom:1px solid var(--oc-line);
  transition:background-color .35s, border-color .35s, box-shadow .35s;
}
body.oc-identity .oc-hdr *{ box-sizing:border-box; }
body.oc-identity .oc-hdr__bar{ max-width:1180px; margin-inline:auto; position:relative; }
body.oc-identity .oc-hdr__inner{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:10px 16px; border-radius:14px;
  background:rgba(255,255,255,.55);
  -webkit-backdrop-filter:blur(18px) saturate(1.5); backdrop-filter:blur(18px) saturate(1.5);
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 8px 30px rgba(0,0,0,.10);
}
body.oc-identity .oc-hdr__brand{ display:flex; align-items:center; gap:12px; text-decoration:none; perspective:500px; }
body.oc-identity .oc-hdr__brand img{ display:block; width:auto; max-width:none; border-radius:0; }
body.oc-identity .oc-hdr__icon{ height:36px; transition:transform .6s var(--oc-ease); }
body.oc-identity .oc-hdr__brand:hover .oc-hdr__icon{ transform:rotateY(-28deg); }
body.oc-identity .oc-hdr__word{ height:30px; }
body.oc-identity .oc-hdr__tools{ display:flex; align-items:center; gap:.35rem; }
body.oc-identity .oc-hdr__ico{
  position:relative; display:grid; place-items:center; width:42px; height:42px; padding:0; margin:0;
  border:0; border-radius:50%; background:none; color:var(--oc-ink); cursor:pointer; text-decoration:none;
  box-shadow:none; min-height:0; line-height:1;
  transition:background-color .2s, color .2s;
}
body.oc-identity .oc-hdr__ico[hidden]{ display:none; }
body.oc-identity .oc-hdr__ico svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
body.oc-identity .oc-hdr__ico:hover, body.oc-identity .oc-hdr__ico[aria-expanded="true"]{ background:rgba(66,57,50,.08); color:var(--oc-icon); }
body.oc-identity .oc-hdr__count{
  position:absolute; top:3px; inset-inline-start:2px; min-width:17px; height:17px; padding-inline:4px;
  border-radius:999px; background:var(--oc-icon); color:#fff;
  font-size:.66rem; line-height:17px; text-align:center; font-variant-numeric:tabular-nums; font-family:var(--oc-font);
}
body.oc-identity .oc-hdr__count[hidden]{ display:none; }

/* البحث */
body.oc-identity .oc-hdr__search{
  display:flex; gap:.5rem; align-items:center; margin-top:8px; padding:8px; border-radius:14px;
  background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  box-shadow:0 14px 40px rgba(0,0,0,.14); border:1px solid var(--oc-line);
}
body.oc-identity .oc-hdr__search[hidden]{ display:none; }
body.oc-identity .oc-hdr__search input[type="search"]{
  flex:1; min-width:0; height:44px; padding:0 14px; margin:0;
  border:1px solid var(--oc-line); border-radius:10px; background:#fff; color:var(--oc-ink); font:inherit; font-size:.95rem;
}
body.oc-identity .oc-hdr__search button[type="submit"]{
  height:44px; padding:0 18px; border:0; border-radius:10px; background:var(--oc-copper); color:#fff;
  font:inherit; font-weight:600; cursor:pointer;
}
body.oc-identity .oc-hdr__search .oc-hdr__search-close{
  width:40px; height:40px; display:grid; place-items:center; border:0; background:none; color:var(--oc-ink); cursor:pointer; padding:0;
}
body.oc-identity .oc-hdr__search .oc-hdr__search-close svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; }

/* سطر الروابط تحت الشريط */
body.oc-identity .oc-hdr__links{ max-width:1180px; margin-inline:auto; padding-inline:16px; }
body.oc-identity .oc-hdr__links:empty{ display:none; }
body.oc-identity .oc-hdr__list{
  display:flex; align-items:center; gap:1.4rem; height:38px; margin:0; padding:0; list-style:none;
  overflow-x:auto; white-space:nowrap; scrollbar-width:none; font-size:.82rem;
}
body.oc-identity .oc-hdr__list::-webkit-scrollbar{ display:none; }
body.oc-identity .oc-hdr__list li{ margin:0; padding:0; list-style:none; }
body.oc-identity .oc-hdr__list a{
  display:inline-flex; align-items:center; gap:.35rem; text-decoration:none; color:var(--oc-ink);
  opacity:.78; font-family:var(--oc-font); font-weight:400; transition:opacity .2s, color .2s;
}
body.oc-identity .oc-hdr__list a:hover{ opacity:1; color:var(--oc-copper-text); }
body.oc-identity .oc-hdr__list a.oc-hdr__hl{ color:var(--oc-copper-text); opacity:1; font-weight:500; }
body.oc-identity .oc-hdr__list a.is-soon{ cursor:default; }
body.oc-identity .oc-hdr__badge{
  font-size:.62rem; line-height:1; padding:.2rem .4rem; border-radius:999px; background:var(--oc-copper); color:#fff; font-weight:500;
}

/* فوق بانر الصفحة الرئيسية: الهيدر شفاف ويطفو فوق الصورة */
body.oc-identity .oc-hdr--over{
  background:transparent; border-bottom-color:transparent;
}
/* حجز مكان الهيدر الثابت في الصفحات التي لا يبدأ فيها البانر من أعلى الشاشة */
body.oc-identity .oc-hdr-spacer{ display:block; height:var(--oc-hdr-h, 112px); }
body.oc-identity .oc-hdr--over .oc-hdr__list a{ color:#f1e8dc; opacity:.85; text-shadow:0 1px 8px rgba(0,0,0,.65); }
body.oc-identity .oc-hdr--over .oc-hdr__list a.oc-hdr__hl{ color:#e3ad68; }
body.oc-identity .oc-hdr--over .oc-hdr__badge{ text-shadow:none; }
/* بعد تجاوز البانر يصبح الهيدر بخلفية المتجر */
body.oc-identity .oc-hdr--over.is-solid{ background:var(--oc-bg); border-bottom-color:var(--oc-line); box-shadow:0 8px 30px rgba(0,0,0,.06); }
body.oc-identity .oc-hdr--over.is-solid .oc-hdr__list a{ color:var(--oc-ink); text-shadow:none; opacity:.78; }
body.oc-identity .oc-hdr--over.is-solid .oc-hdr__list a.oc-hdr__hl{ color:var(--oc-copper-text); opacity:1; }

/* الصفحة الرئيسية الجديدة تبدأ من أعلى الشاشة بلا هوامش أو عنوان صفحة */
body.oc-identity.oc-front-hero .website-wrapper .page-title,
body.oc-identity.oc-front-hero .website-wrapper .wd-page-title{ display:none !important; }
body.oc-identity.oc-front-hero .website-wrapper .main-page-wrapper{ padding-top:0 !important; }
body.oc-identity.oc-front-hero .website-wrapper .site-content{ margin-bottom:0; padding-top:0; }
body.oc-identity.oc-front-hero .website-wrapper .entry-content{ margin:0; }

@media (max-width:1024px){
  body.oc-identity .oc-hdr__word{ height:26px; }
  body.oc-identity .oc-hdr__icon{ height:32px; }
}
@media (max-width:640px){
  body.oc-identity .oc-hdr__inner{ padding:8px 10px; gap:.5rem; }
  body.oc-identity .oc-hdr__brand{ gap:8px; }
  body.oc-identity .oc-hdr__icon{ height:28px; }
  body.oc-identity .oc-hdr__word{ height:22px; }
  body.oc-identity .oc-hdr__ico{ width:38px; height:38px; }
  body.oc-identity .oc-hdr__ico svg{ width:20px; height:20px; }
  body.oc-identity .oc-hdr__list{ gap:1.1rem; font-size:.78rem; height:34px; }
}
@media (max-width:360px){
  body.oc-identity .oc-hdr__word{ display:none; }
}

/* =====================================================================
   13) الفوتر الجديد — يظهر فقط عند تفعيل خيار «الفوتر الجديد»
   ===================================================================== */
/* إخفاء فوتر WoodMart بكل أشكاله: الفوتر العادي، ما قبل الفوتر، الحقوق، وفوتر Elementor/Layout Builder */
body.oc-identity.oc-own-footer :is(
  .footer-container, .wd-footer, .wd-prefooter, .copyrights-wrapper, .wd-copyrights,
  .main-footer, .site-footer, .elementor-location-footer, [data-elementor-type="footer"],
  .website-wrapper > footer:not(.oc-ftr), body > footer:not(.oc-ftr)
){ display:none !important; }

body.oc-identity .oc-ftr{
  --oc-ftr-bg:#16110d; --oc-ftr-ink:#f1e8dc; --oc-ftr-muted:#a99a8a; --oc-ftr-line:rgba(241,232,220,.12); --oc-ftr-copper:#e3ad68;
  position:relative;
  direction:rtl;
  font-family:var(--oc-font);
  background:var(--oc-ftr-bg);
  color:var(--oc-ftr-ink);
  padding:clamp(48px,7vw,80px) clamp(16px,4vw,40px) 0;
  overflow:hidden;
}
/* خط الإضاءة الكهرمانية أعلى الفوتر، كإضاءة رفوف الخزائن */
body.oc-identity .oc-ftr::before{
  content:""; position:absolute; top:0; inset-inline:0; height:2px;
  background:linear-gradient(90deg,transparent,var(--oc-ftr-copper),transparent);
  box-shadow:0 0 22px 4px rgba(227,173,104,.35);
}
body.oc-identity .oc-ftr *{ box-sizing:border-box; }
body.oc-identity .oc-ftr__wrap{ max-width:1180px; margin-inline:auto; }
body.oc-identity .oc-ftr__brand{ text-align:center; padding-bottom:clamp(32px,5vw,48px); margin-bottom:clamp(32px,5vw,48px); border-bottom:1px solid var(--oc-ftr-line); }
body.oc-identity .oc-ftr__logo{ display:inline-block; text-decoration:none; }
body.oc-identity .oc-ftr__logo img{ display:block; height:clamp(46px,6vw,64px); width:auto; max-width:100%; border-radius:0; margin-inline:auto; }
body.oc-identity .oc-ftr__tagline{ margin:1rem auto 0; max-width:32rem; color:var(--oc-ftr-muted); font-size:.92rem; line-height:1.9; font-weight:300; }
body.oc-identity .oc-ftr__top{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(24px,4vw,56px);
  padding-bottom:clamp(32px,5vw,48px);
}
body.oc-identity .oc-ftr__col{ min-width:0; }
body.oc-identity .oc-ftr .oc-ftr__title{
  margin:0 0 1rem; font-family:var(--oc-font); font-size:.82rem; font-weight:600; letter-spacing:.06em;
  color:var(--oc-ftr-copper); line-height:1.4;
}
body.oc-identity .oc-ftr ul{ list-style:none; margin:0; padding:0; display:grid; gap:.65rem; }
body.oc-identity .oc-ftr li{ margin:0; padding:0; list-style:none; }
body.oc-identity .oc-ftr li a, body.oc-identity .oc-ftr__soon{
  display:inline-flex; align-items:center; gap:.4rem;
  color:var(--oc-ftr-ink); opacity:.82; text-decoration:none; font-size:.92rem; font-weight:300;
  transition:opacity .2s, color .2s;
}
body.oc-identity .oc-ftr li a:hover{ opacity:1; color:var(--oc-ftr-copper); }
body.oc-identity .oc-ftr__soon{ opacity:.55; }
body.oc-identity .oc-ftr__badge{
  font-size:.62rem; line-height:1; padding:.2rem .4rem; border-radius:999px; background:var(--oc-copper); color:#fff; font-weight:500;
}
body.oc-identity .oc-ftr__bottom{
  display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap;
  border-top:1px solid var(--oc-ftr-line);
  padding-block:20px calc(20px + env(safe-area-inset-bottom, 0px));
}
/* شارة التوثيق */
body.oc-identity .oc-ftr__trust{ display:flex; justify-content:center; padding-bottom:clamp(28px,4vw,40px); }
body.oc-identity .oc-ftr__verified{
  display:inline-flex; align-items:center; gap:14px; padding:10px 18px 10px 12px; border-radius:14px;
  background:rgba(241,232,220,.06); border:1px solid var(--oc-ftr-line); color:var(--oc-ftr-ink); text-decoration:none;
  transition:border-color .2s, background-color .2s;
}
body.oc-identity a.oc-ftr__verified:hover{ border-color:rgba(227,173,104,.5); background:rgba(241,232,220,.09); }
body.oc-identity .oc-ftr__sbc{ display:block; height:44px; width:auto; border-radius:8px; background:#fff; padding:4px 8px; }
body.oc-identity .oc-ftr__sbc--empty{
  display:grid; place-items:center; width:120px; height:44px; padding:0 8px; background:transparent;
  border:1px dashed rgba(241,232,220,.35); color:var(--oc-ftr-muted); font-size:.62rem; line-height:1.3; text-align:center;
}
body.oc-identity .oc-ftr__verified-text{ display:grid; gap:2px; text-align:start; }
body.oc-identity .oc-ftr__verified-text b{ display:inline-flex; align-items:center; gap:6px; font-weight:500; font-size:.92rem; }
body.oc-identity .oc-ftr__verified-text b svg{ width:18px; height:18px; fill:none; stroke:var(--oc-ftr-copper); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
body.oc-identity .oc-ftr__verified-text small{ color:var(--oc-ftr-muted); font-size:.76rem; }
body.oc-identity .oc-ftr__legal{ display:grid; gap:.45rem; max-width:46rem; min-width:0; }
body.oc-identity .oc-ftr__copy{ margin:0; color:var(--oc-ftr-ink); opacity:.8; font-size:.8rem; }
body.oc-identity .oc-ftr__notice{ margin:0; color:var(--oc-ftr-muted); font-size:.74rem; line-height:1.8; }
body.oc-identity .oc-ftr__pay{ display:flex; align-items:center; gap:.4rem; flex-wrap:wrap; }
body.oc-identity .oc-ftr__pay img{ display:block; height:24px; width:auto; border-radius:4px; }

@media (max-width:900px){
  body.oc-identity .oc-ftr__top{ grid-template-columns:1fr 1fr; }
}
@media (max-width:480px){
  body.oc-identity .oc-ftr__top{ gap:28px 20px; }
  body.oc-identity .oc-ftr__col:last-child{ grid-column:1 / -1; }
  body.oc-identity .oc-ftr__bottom{ flex-direction:column-reverse; align-items:flex-start; padding-bottom:calc(84px + env(safe-area-inset-bottom, 0px)); }
  body.oc-identity .oc-ftr__verified{ gap:10px; padding:8px 12px 8px 8px; }
  body.oc-identity .oc-ftr__sbc, body.oc-identity .oc-ftr__sbc--empty{ height:38px; }
}

/* =====================================================================
   14) صفحة المنتج — هادئة وراقية بنفس هوية المتجر
   (تعمل على قوالب WooCommerce القياسية وعلى بنية WoodMart)
   ===================================================================== */
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page){
  --oc-card:#ffffff;
  --oc-soft:#f1ece5;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) :is(.summary, .woocommerce-product-gallery, .product-images, .woocommerce-tabs, .woocommerce-Tabs-panel, form.cart, .quantity){ box-sizing:border-box; }

/* المعرض */
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) :is(.woocommerce-product-gallery, .product-images, .wd-gallery-images){
  background:var(--oc-card);
  border:1px solid var(--oc-line);
  border-radius:14px;
  padding:10px;
  overflow:hidden;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) :is(.woocommerce-product-gallery img, .product-images img){ border-radius:10px; }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) :is(.flex-control-thumbs li img, .wd-gallery-thumb img, .thumbnails img){
  border-radius:8px; border:1px solid transparent; opacity:.7; transition:opacity .2s, border-color .2s;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) :is(.flex-control-thumbs li img.flex-active, .flex-control-thumbs li img:hover, .wd-gallery-thumb .wd-active img){
  opacity:1; border-color:var(--oc-copper);
}

/* بطاقة الملخص: العنوان والسعر والخيارات والشراء */
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) :is(.summary.entry-summary, .summary-inner){
  background:var(--oc-card);
  border:1px solid var(--oc-line);
  border-radius:14px;
  padding:clamp(20px,3vw,36px);
  box-shadow:0 18px 40px rgba(22,17,13,.06);
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .summary-inner{ background:transparent; border:0; box-shadow:none; padding:0; }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .product_title{
  font-size:clamp(1.7rem,3vw,2.4rem); font-weight:300; line-height:1.3; margin:0 0 .6rem; color:var(--oc-ink);
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .summary :is(p.price, span.price, .price){
  font-size:1.55rem; font-weight:500; color:var(--oc-ink); margin:.2rem 0 1.1rem;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .summary .price ins{ color:var(--oc-copper-text); }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .woocommerce-product-details__short-description{
  color:var(--oc-muted); font-size:.98rem; line-height:1.9;
  padding:1rem 0; margin:0 0 1.2rem; border-block:1px solid var(--oc-line);
}

/* الخيارات (الألوان، المقاسات...) */
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) :is(table.variations, .variations){
  width:100%; margin:0 0 1rem; border:0; background:transparent; border-collapse:separate; border-spacing:0 10px;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) :is(table.variations tr, table.variations td, table.variations th){
  background:transparent !important; border:0; padding:0;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) table.variations :is(th.label, td.label, .label) label{
  display:block; margin:0 0 .45rem; font-size:.82rem; font-weight:600; letter-spacing:.03em; color:var(--oc-ink);
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) table.variations tr{ display:block; margin-bottom:.9rem; }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) table.variations :is(th, td){ display:block; text-align:start; }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) table.variations select{
  width:100%; height:48px; padding:0 14px; border-radius:10px; background-color:var(--oc-card);
  border:1px solid var(--oc-line); color:var(--oc-ink); font-size:.95rem;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .reset_variations{
  display:inline-block; margin-top:.5rem; font-size:.8rem; color:var(--oc-muted); text-decoration:underline;
}
/* أزرار الخيارات في WoodMart */
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .wd-swatch{
  border-radius:10px; border:1px solid var(--oc-line); background:var(--oc-card); color:var(--oc-ink);
  transition:border-color .2s, box-shadow .2s;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .wd-swatch:hover{ border-color:rgba(154,101,40,.5); }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .wd-swatch.wd-active{
  border-color:var(--oc-copper); box-shadow:0 0 0 2px var(--oc-copper-soft);
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) :is(.woocommerce-variation, .single_variation_wrap .woocommerce-variation-description){
  background:transparent; color:var(--oc-muted);
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .woocommerce-variation-price .price{ font-size:1.3rem; margin:.4rem 0 .8rem; }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .woocommerce-variation-availability .stock{ font-size:.85rem; }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .stock.in-stock{ color:#3d6b45; }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .stock.out-of-stock{ color:#9a3b2e; }

/* الكمية والإضافة للسلة */
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) form.cart{
  display:flex; flex-wrap:wrap; align-items:stretch; gap:10px; margin:0 0 1.2rem;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) form.variations_form{ display:block; }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .woocommerce-variation-add-to-cart{ display:flex; flex-wrap:wrap; gap:10px; }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .quantity{
  display:inline-flex; align-items:center; margin:0; border:1px solid var(--oc-line); border-radius:10px; background:var(--oc-card); overflow:hidden;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .quantity :is(input.qty, input[type="number"]){
  width:58px; height:50px; border:0 !important; box-shadow:none !important; text-align:center; background:transparent !important; font-size:1rem;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .quantity :is(.plus, .minus){
  width:40px; height:50px; border:0; background:transparent; color:var(--oc-ink); font-size:1.1rem; cursor:pointer;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .single_add_to_cart_button{
  flex:1 1 220px; min-height:50px; padding:0 1.6rem !important; border-radius:10px !important; font-size:1rem !important;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .single_add_to_cart_button.disabled{ opacity:.55; }

/* معلومات المنتج (الرمز، التصنيف) */
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .product_meta{
  display:grid; gap:.35rem; padding-top:1rem; margin-top:.4rem; border-top:1px solid var(--oc-line);
  font-size:.85rem; color:var(--oc-muted);
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .product_meta a{ color:var(--oc-ink); text-decoration:none; }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .product_meta a:hover{ color:var(--oc-copper-text); }

/* الوصف والمعلومات الإضافية والمراجعات */
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) :is(.woocommerce-tabs, .wd-single-tabs, .wc-tabs-wrapper){
  margin-top:clamp(32px,5vw,56px); background:transparent; border:0;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .woocommerce-tabs ul.tabs{
  display:flex; flex-wrap:wrap; justify-content:center; gap:.4rem; margin:0 0 1.4rem; padding:0; border:0; background:transparent;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .woocommerce-tabs ul.tabs::before,
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .woocommerce-tabs ul.tabs li::before,
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .woocommerce-tabs ul.tabs li::after{ display:none !important; }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .woocommerce-tabs ul.tabs li{
  margin:0; padding:0; border:0 !important; background:transparent !important; border-radius:999px;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .woocommerce-tabs ul.tabs li a{
  display:block; padding:.55rem 1.2rem; border-radius:999px; border:1px solid var(--oc-line);
  background:var(--oc-card); color:var(--oc-ink); font-weight:400; font-size:.92rem; text-decoration:none; text-transform:none;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .woocommerce-tabs ul.tabs li.active a{
  background:var(--oc-frame); border-color:var(--oc-frame); color:#fff;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) :is(.woocommerce-Tabs-panel, .wc-tab, .wd-accordion-content, .wd-tab-content){
  background:var(--oc-card) !important;
  color:var(--oc-ink);
  border:1px solid var(--oc-line);
  border-radius:14px;
  padding:clamp(20px,3vw,36px) !important;
  line-height:1.95;
  font-size:.98rem;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .woocommerce-Tabs-panel > h2:first-child{ display:none; }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) :is(.woocommerce-Tabs-panel, .wc-tab) :is(h2, h3, h4){ font-weight:400; margin:1.2em 0 .5em; }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) :is(.woocommerce-Tabs-panel, .wc-tab) :is(ul, ol){ padding-inline-start:1.2rem; }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) table.woocommerce-product-attributes{
  width:100%; border:0; border-collapse:collapse; background:transparent;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) table.woocommerce-product-attributes :is(th, td){
  padding:.8rem .2rem; border:0; border-bottom:1px solid var(--oc-line); background:transparent !important; text-align:start; font-style:normal;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) table.woocommerce-product-attributes th{ width:35%; color:var(--oc-muted); font-weight:500; }
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) table.woocommerce-product-attributes td p{ margin:0; }
/* أكورديون WoodMart */
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .wd-accordion-title{
  background:var(--oc-card); border:1px solid var(--oc-line); border-radius:12px; padding:14px 18px; margin-top:10px;
}
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .wd-accordion-title.wd-active{ border-color:var(--oc-copper); }

/* المنتجات ذات الصلة */
body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) :is(.related.products, .upsells.products, .wd-products-element) > h2{
  text-align:center; font-weight:300; font-size:clamp(1.5rem,3vw,2.1rem); margin:clamp(40px,6vw,72px) 0 1.6rem;
}

@media (max-width:768px){
  body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) :is(.summary.entry-summary){ margin-top:16px; }
  body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .woocommerce-tabs ul.tabs{ justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
  body.oc-identity.single-product :where(.website-wrapper, .wp-site-blocks, #page) .woocommerce-tabs ul.tabs li a{ white-space:nowrap; }
}

/* ---------- 15) زر «أضف إلى السلة»: لون إسبريسو هادئ متناسق مع الأيقونات ---------- */
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.single_add_to_cart_button, .add_to_cart_button, .wd-add-btn .button, .product_type_simple.button, .product_type_variable.button, .ajax_add_to_cart, #oc-specificity){
  background-color:#4a3f37 !important;
  border-color:#4a3f37 !important;
  color:#f7f4f0 !important;
  letter-spacing:.01em !important;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.single_add_to_cart_button, .add_to_cart_button, .wd-add-btn .button, .product_type_simple.button, .product_type_variable.button, .ajax_add_to_cart, #oc-specificity):hover{
  background-color:#342c26 !important;
  border-color:#342c26 !important;
  box-shadow:0 10px 24px rgba(52,44,38,.22) !important;
  transform:translateY(-1px);
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) .single_add_to_cart_button.disabled{
  background-color:#8c8079 !important; border-color:#8c8079 !important; transform:none; box-shadow:none !important;
}

/* ---------- 16) خلفية المتجر ثابتة في كل الصفحات (تتغلب على ألوان صفحات WoodMart المخصّصة) ---------- */
html body.oc-identity,
body.oc-identity .website-wrapper,
body.oc-identity .main-page-wrapper,
body.oc-identity .site-content,
body.oc-identity .wd-content-layout,
body.oc-identity.single-product .product-image-summary-wrap,
body.oc-identity.single-product .wd-single-product,
body.oc-identity.single-product .single-product-page,
body.oc-identity.single-product .product-tabs-wrapper,
body.oc-identity.single-product .wd-content-area,
body.oc-identity.single-product .page-title{
  background-color:var(--oc-bg) !important;
}
body.oc-identity.single-product .product-tabs-wrapper{ border:0 !important; }

/* ---------- 17) بطاقات المنتجات في الرئيسية بنفس خلفية العجلة الدوّارة ---------- */
body.oc-identity .oc-products :is(.wd-product .product-wrapper, .product-grid-item .product-wrapper, ul.products li.product, .wc-block-grid__product){
  background:var(--oc-bg) !important;
}

/* ---------- 18) إزالة الخلفيات البرتقالية الموروثة (عناصر يلوّنها القالب أو Elementor باللون الأساسي) ---------- */
body.oc-identity .oc-recolor{
  background-color:#ffffff !important;
  background-image:none !important;
  border:1px solid var(--oc-line) !important;
  border-radius:14px !important;
  color:var(--oc-ink) !important;
}
body.oc-identity .oc-recolor.oc-recolor--thin{
  background-color:transparent !important;
  border:0 !important;
  border-bottom:1px solid var(--oc-line) !important;
  border-radius:0 !important;
}
body.oc-identity .oc-recolor .oc-recolor-text{ color:var(--oc-ink) !important; }

/* 19. منع التمرير الأفقي العرضي على الجوال (القوائم الجانبية المخفية خارج الشاشة) */
body.oc-identity{ overflow-x:clip; }

/* ---------- 20) زر السلة في البطاقات: النص كاملاً بلا قطع ---------- */
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.product-grid-item, .product, li.product) :is(.add_to_cart_button, .product_type_simple.button, .product_type_variable.button, .wd-add-btn .button){
  white-space:nowrap !important;
  text-overflow:clip !important;
  overflow:visible !important;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.product-grid-item, .product, li.product) :is(.add_to_cart_button, .product_type_simple.button, .product_type_variable.button, .wd-add-btn .button) > span{
  white-space:nowrap !important; text-overflow:clip !important; overflow:visible !important;
}
@media (max-width:640px){
  body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.product-grid-item, li.product) :is(.add_to_cart_button, .product_type_simple.button, .product_type_variable.button, .wd-add-btn .button){
    font-size:.82rem !important; padding-inline:8px !important;
  }
}

/* ---------- 21) الشارات بلون الإسبريسو بدل الأحمر ---------- */
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.product-labels .product-label, .product-label, span.onsale){
  background-color:#423932 !important;
  background-image:none !important;
  color:#f7f4f0 !important;
  border-color:transparent !important;
}
body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) :is(.product-label.onsale, span.onsale){
  background-color:var(--oc-frame) !important;
}

/* ---------- 22) زر واتساب العائم أصغر على الجوال ---------- */
@media (max-width:768px){
  body.oc-identity .oc-wa-float{ zoom:.78; }
}

/* ---------- 23) زر العودة للأعلى بنفس زجاج الهيدر ---------- */
body.oc-identity .scrollToTop{
  background:rgba(255,255,255,.55) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.5); backdrop-filter:blur(18px) saturate(1.5);
  border:1px solid rgba(255,255,255,.6) !important;
  box-shadow:0 8px 30px rgba(0,0,0,.10) !important;
  color:var(--oc-icon) !important;
}
body.oc-identity .scrollToTop::after,
body.oc-identity .scrollToTop:hover::after{ color:var(--oc-icon) !important; }
body.oc-identity .scrollToTop:hover{ background:rgba(255,255,255,.8) !important; }

/* ---------- 24) حسابات التواصل في الفوتر ---------- */
body.oc-identity .oc-ftr ul.oc-ftr__social{
  display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin:18px 0 0; padding:0; list-style:none;
}
body.oc-identity .oc-ftr__social li{ margin:0; padding:0; list-style:none; }
body.oc-identity .oc-ftr ul.oc-ftr__social li a{
  display:grid; place-items:center; opacity:1; width:42px; height:42px; border-radius:50%;
  border:1px solid rgba(247,244,240,.18); color:#e9e1d6; background:rgba(247,244,240,.04);
  transition:background-color .25s, color .25s, border-color .25s, transform .25s;
}
body.oc-identity .oc-ftr ul.oc-ftr__social li a:hover{ background:#f7f4f0; color:var(--oc-frame); border-color:#f7f4f0; transform:translateY(-2px); }
body.oc-identity .oc-ftr__social svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }

/* ---------- 25) نتائج البحث المباشر ---------- */
body.oc-identity .oc-hdr__results{
  margin-top:8px; padding:6px; border-radius:14px; max-height:min(70vh,520px); overflow-y:auto;
  background:rgba(255,255,255,.96); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  box-shadow:0 14px 40px rgba(0,0,0,.14); border:1px solid var(--oc-line);
}
body.oc-identity .oc-hdr__results[hidden]{ display:none; }
body.oc-identity .oc-hdr__res-list{ margin:0; padding:0; list-style:none; }
body.oc-identity .oc-hdr__res-list li{ margin:0; padding:0; list-style:none; }
body.oc-identity .oc-hdr__res-item{
  display:flex; align-items:center; gap:12px; padding:8px; border-radius:10px; text-decoration:none; color:var(--oc-ink);
  transition:background-color .2s;
}
body.oc-identity .oc-hdr__res-item:hover, body.oc-identity .oc-hdr__res-item:focus-visible{ background:rgba(66,57,50,.06); }
body.oc-identity .oc-hdr__res-img{ flex:0 0 56px; width:56px; height:56px; border-radius:10px; overflow:hidden; background:var(--oc-bg); }
body.oc-identity .oc-hdr__res-img img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:0; }
body.oc-identity .oc-hdr__res-txt{ display:flex; flex-direction:column; gap:3px; min-width:0; }
body.oc-identity .oc-hdr__res-txt b{ font-weight:500; font-size:.92rem; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.oc-identity .oc-hdr__res-txt small{ color:var(--oc-copper-text); font-size:.82rem; }
body.oc-identity .oc-hdr__res-msg{ margin:0; padding:14px; color:var(--oc-muted); font-size:.9rem; text-align:center; }
body.oc-identity .oc-hdr__res-all{
  display:block; width:100%; margin-top:4px; padding:11px; border:0; border-top:1px solid var(--oc-line); border-radius:0 0 10px 10px;
  background:none; color:var(--oc-ink); font:inherit; font-size:.88rem; font-weight:500; cursor:pointer;
}
body.oc-identity .oc-hdr__res-all:hover{ color:var(--oc-copper-text); }

/* ---------- 26) السلة الجانبية ---------- */
html.oc-cart-open{ overflow:hidden; }
body.oc-identity .oc-cart{ position:fixed; inset:0; z-index:100001; direction:rtl; font-family:var(--oc-font); }
body.oc-identity .oc-cart[hidden]{ display:none; }
body.oc-identity .oc-cart *{ box-sizing:border-box; }
body.oc-identity .oc-cart__overlay{ position:absolute; inset:0; background:rgba(22,17,13,.42); opacity:0; transition:opacity .35s; }
body.oc-identity .oc-cart__panel{
  position:absolute; top:0; bottom:0; inset-inline-end:0; width:min(420px,92vw);
  display:flex; flex-direction:column; background:var(--oc-bg); color:var(--oc-ink);
  box-shadow:0 0 60px rgba(0,0,0,.18); outline:none;
  transform:translateX(-100%); transition:transform .35s var(--oc-ease);
}
body.oc-identity .oc-cart.is-open .oc-cart__overlay{ opacity:1; }
body.oc-identity .oc-cart.is-open .oc-cart__panel{ transform:none; }
body.oc-identity .oc-cart__head{ display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid var(--oc-line); }
body.oc-identity .oc-cart__title{ margin:0; font-size:1.1rem; font-weight:500; color:var(--oc-ink); font-family:var(--oc-font); }
body.oc-identity .oc-cart__close{ width:40px; height:40px; display:grid; place-items:center; border:0; border-radius:50%; background:none; color:var(--oc-ink); cursor:pointer; padding:0; }
body.oc-identity .oc-cart__close:hover{ background:rgba(66,57,50,.08); }
body.oc-identity .oc-cart__close svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; }
body.oc-identity .oc-cart__body{ flex:1; overflow-y:auto; padding:8px 20px 20px; }
body.oc-identity .oc-cart__body .widget_shopping_cart_content{ display:flex; flex-direction:column; min-height:100%; }
body.oc-identity .oc-cart .woocommerce-mini-cart{ margin:0; padding:0; list-style:none; }
body.oc-identity .oc-cart .woocommerce-mini-cart-item{
  position:relative; display:block; margin:0; padding:14px 0 14px 32px; min-height:96px; list-style:none; border-bottom:1px solid var(--oc-line);
}
body.oc-identity .oc-cart .woocommerce-mini-cart-item a:not(.remove){ display:block; color:var(--oc-ink); text-decoration:none; font-weight:500; font-size:.92rem; line-height:1.5; }
body.oc-identity .oc-cart .woocommerce-mini-cart-item img{ float:right; width:68px !important; height:68px !important; object-fit:cover; margin:0 0 0 12px !important; border-radius:10px; }
body.oc-identity .oc-cart .woocommerce-mini-cart-item .quantity{ display:block; margin-top:4px; color:var(--oc-muted); font-size:.85rem; }
body.oc-identity .oc-cart .woocommerce-mini-cart-item .quantity .amount{ color:var(--oc-ink); }
body.oc-identity .oc-cart .woocommerce-mini-cart-item .remove{
  position:absolute; top:14px; left:0; width:26px; height:26px; display:grid; place-items:center; border-radius:50%;
  color:var(--oc-muted) !important; background:rgba(66,57,50,.06); font-size:1.1rem; line-height:1; text-decoration:none;
}
body.oc-identity .oc-cart .woocommerce-mini-cart-item .remove:hover{ background:#423932; color:#fff !important; }
body.oc-identity .oc-cart .woocommerce-mini-cart-item dl.variation{ margin:4px 0 0; font-size:.8rem; color:var(--oc-muted); }
body.oc-identity .oc-cart .woocommerce-mini-cart__total{
  display:flex; justify-content:space-between; align-items:center; margin:auto 0 0; padding:18px 0 12px; font-size:1rem; color:var(--oc-ink);
}
body.oc-identity .oc-cart .woocommerce-mini-cart__total strong{ font-weight:500; }
body.oc-identity .oc-cart .woocommerce-mini-cart__buttons{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0; }
body.oc-identity .oc-cart .woocommerce-mini-cart__buttons .button{
  display:flex; align-items:center; justify-content:center; height:48px; margin:0; padding:0 12px; border-radius:var(--oc-radius, 10px);
  font-family:var(--oc-font); font-size:.9rem; font-weight:500; text-decoration:none; text-align:center;
  background:transparent; color:var(--oc-ink); border:1px solid var(--oc-ink);
}
body.oc-identity .oc-cart .woocommerce-mini-cart__buttons .button.checkout{ background:#4a3f37; color:#f7f4f0; border-color:#4a3f37; }
body.oc-identity .oc-cart .woocommerce-mini-cart__buttons .button:hover{ background:#342c26; color:#f7f4f0; border-color:#342c26; }
body.oc-identity .oc-cart .woocommerce-mini-cart__empty-message{ margin:auto 0; padding:40px 0; text-align:center; color:var(--oc-muted); }
@media (prefers-reduced-motion:reduce){
  body.oc-identity .oc-cart__panel, body.oc-identity .oc-cart__overlay{ transition:none; }
}
body.oc-identity :is(.oc-hdr, .oc-cart) .screen-reader-text{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* ---------- 27) 4 بطاقات منتجات في الصف على شاشة الكمبيوتر في كل صفحات المتجر ---------- */
@media (min-width:1025px){
  /* WoodMart 7 وما بعده */
  body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) .wd-products.wd-grid-g{ --wd-col-lg:4 !important; }
  /* WoodMart 6 (شبكة الأعمدة القديمة) */
  body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) .products.elements-grid > .product-grid-item[class*="col-lg-"]{
    flex:0 0 25% !important; max-width:25% !important; width:25% !important;
  }
  /* شبكة WooCommerce الافتراضية */
  body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) ul.products[class*="columns-"]:not(.wd-products){
    display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px;
  }
  body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) ul.products[class*="columns-"]:not(.wd-products)::before,
  body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) ul.products[class*="columns-"]:not(.wd-products)::after{ display:none; }
  body.oc-identity :where(.website-wrapper, .wp-site-blocks, #page) ul.products[class*="columns-"]:not(.wd-products) > li.product{
    width:auto !important; float:none !important; margin:0 !important;
  }
}