/*
Theme Name: Al Diar Store
Theme URI: https://aldiar.com.sa
Description: ثيم متجر الديار العالمية — هوية دافئة أنيقة لمصنع أثاث، مبنية على Blocksy بدعم كامل للعربية و RTL.
Author: Al Diar
Version: 1.0.0
Template: blocksy
Text Domain: aldiar
Tags: e-commerce, rtl-language-support
*/

:root {
  --aldiar-ink: #23201d;
  --aldiar-ink-soft: #3d3833;
  --aldiar-sand: #f6f2ec;
  --aldiar-sand-deep: #ebe3d8;
  /* النيلي مأخوذ من شعار المصنع نفسه (#4c4186) ليتطابق الموقع مع الهوية المطبوعة */
  --aldiar-brass: #4c4186;
  --aldiar-brass-deep: #3b3269;
  --aldiar-muted: #8a8178;
  --aldiar-line: #e3dbd0;
  --aldiar-radius: 4px;
  --aldiar-shadow: 0 1px 2px rgba(35, 32, 29, .04), 0 8px 24px rgba(35, 32, 29, .06);
  --aldiar-shadow-lift: 0 2px 4px rgba(35, 32, 29, .05), 0 18px 40px rgba(35, 32, 29, .11);
  --aldiar-ease: cubic-bezier(.2, .7, .3, 1);
}

/* ---------- الشعار في الترويسة ---------- */

/* Blocksy يضع الشعار فوق الاسم عبر السمة data-logo="top"؛ صفّهما أفقيًا
   لأن الشعار عريض والتكديس يهدر ارتفاع الترويسة. */
.site-branding[data-logo="top"],
.site-branding {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .85rem;
}

/* ملف الشعار 170×145 بكسل فقط، فارتفاع 56 يبقى دون نصف الحجم الأصلي
   ويظل حادًّا على شاشات الكثافة المضاعفة. لا تكبّره أكثر قبل ملف أعلى دقة. */
.site-logo-container img,
img.custom-logo {
  height: 56px;
  width: auto;
  max-width: none;
}

.site-title-container .site-title,
.site-title {
  margin: 0;
  font-size: 1.15rem;
  line-height: 1.3;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .site-logo-container img, img.custom-logo { height: 44px; }
  .site-title-container .site-title, .site-title { font-size: .98rem; }
}

/* ---------- الأساس والخطوط ---------- */

body {
  font-family: "Tajawal", "Segoe UI", system-ui, sans-serif;
  color: var(--aldiar-ink-soft);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0;
}

h1, h2, h3, h4, h5, h6,
.entry-title, .product_title, .woocommerce-loop-product__title {
  font-family: "Tajawal", "Segoe UI", system-ui, sans-serif;
  color: var(--aldiar-ink);
  font-weight: 700;
  line-height: 1.35;
}

/* العربية تحتاج ارتفاع سطر أوسع قليلاً من الافتراضي اللاتيني */
[lang="ar"] p, [lang="ar"] li, body p, body li {
  line-height: 1.9;
}

a { color: var(--aldiar-ink); text-decoration-thickness: 1px; text-underline-offset: .25em; }
a:hover { color: var(--aldiar-brass-deep); }

/* ---------- الأزرار ---------- */

.wp-element-button,
.wp-block-button__link,
button, input[type="submit"],
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt {
  background: var(--aldiar-ink);
  color: #fff;
  border: 1px solid var(--aldiar-ink);
  border-radius: var(--aldiar-radius);
  font-weight: 500;
  letter-spacing: .01em;
  padding: .85em 1.9em;
  transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
button:hover, input[type="submit"]:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover, .woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover {
  background: var(--aldiar-brass);
  border-color: var(--aldiar-brass);
  color: #fff;
}

/* زر ثانوي بحدود فقط */
.woocommerce a.button.wc-forward,
.woocommerce .widget_shopping_cart a.button:not(.checkout) {
  background: transparent;
  color: var(--aldiar-ink);
}

/* ---------- بطاقات المنتجات ---------- */

.woocommerce ul.products li.product,
.wc-block-grid__product {
  text-align: center;
  transition: transform .35s var(--aldiar-ease);
}

/* الرابط يلفّ الصورة والعنوان معًا في Blocksy، فأي خلفية هنا تظهر
   كمستطيل خلف النص — تُترك شفافة ويُلوّن إطار الصورة وحده أدناه. */
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.wc-block-grid__product-link {
  display: block;
  background: transparent;
}

.woocommerce ul.products li.product .ct-media-container,
.woocommerce ul.products li.product .woocommerce-loop-product__link > img,
.wc-block-grid__product-image {
  display: block;
  overflow: hidden;
  border-radius: var(--aldiar-radius);
  background: var(--aldiar-sand);
}

.woocommerce ul.products li.product img,
.wc-block-grid__product-image img {
  border-radius: var(--aldiar-radius);
  transition: transform .6s var(--aldiar-ease);
  will-change: transform;
}

.woocommerce ul.products li.product:hover img,
.wc-block-grid__product:hover img {
  transform: scale(1.045);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title {
  font-size: 1.02rem;
  font-weight: 600;
  margin: 1.1em 0 .35em;
  color: var(--aldiar-ink);
}

.woocommerce ul.products li.product .price,
.wc-block-grid__product-price {
  color: var(--aldiar-brass-deep);
  font-weight: 700;
  font-size: 1.02rem;
}

.woocommerce ul.products li.product .price del {
  color: var(--aldiar-muted);
  font-weight: 400;
  opacity: .8;
  margin-inline-end: .4em;
}

/* شارة التخفيض — تحترم الاتجاه RTL تلقائيًا */
.woocommerce span.onsale,
.woocommerce span.out-of-stock-badge,
li.product .onsale, li.product .out-of-stock-badge {
  background: var(--aldiar-brass);
  color: #fff;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .02em;
  padding: .35em 1em;
  min-height: 0;
  min-width: 0;
  line-height: 1.6;
  inset-inline-start: 1rem;
  inset-inline-end: auto;
  top: 1rem;
  right: auto;
  left: auto;
  text-transform: none;
}

.woocommerce span.out-of-stock-badge,
li.product .out-of-stock-badge {
  background: var(--aldiar-ink);
}

/* ---------- صفحة المنتج ---------- */

.woocommerce div.product .product_title {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  margin-bottom: .4em;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--aldiar-brass-deep);
  font-size: 1.5rem;
  font-weight: 700;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color: var(--aldiar-brass);
}

.woocommerce .quantity input.qty {
  border: 1px solid var(--aldiar-line);
  border-radius: var(--aldiar-radius);
  padding: .6em;
}

/* ---------- النماذج ---------- */

input[type="text"], input[type="email"], input[type="tel"],
input[type="search"], input[type="number"], input[type="password"],
textarea, select, .select2-container .select2-selection {
  border: 1px solid var(--aldiar-line);
  border-radius: var(--aldiar-radius);
  background: #fff;
  transition: border-color .2s ease, box-shadow .2s ease;
}

input:focus, textarea:focus, select:focus {
  border-color: var(--aldiar-brass);
  box-shadow: 0 0 0 3px rgba(76, 65, 134, .15);
  outline: none;
}

/* ---------- الإشعارات ---------- */

.woocommerce-message, .woocommerce-info, .woocommerce-error {
  border-top-color: var(--aldiar-brass);
  background: var(--aldiar-sand);
  border-radius: var(--aldiar-radius);
}

.woocommerce-message::before, .woocommerce-info::before {
  color: var(--aldiar-brass);
}

/* ---------- أقسام مخصصة للصفحة الرئيسية ---------- */

/* الرئيسية تبدأ بقسم ترويسة خاص بها داخل المحتوى، وترويسة الثيم
   الافتراضية تكرّر فوقه العنوان ووصفًا مولّدًا آليًا من نص الصفحة. */
.home .hero-section { display: none; }

.aldiar-hero {
  background: linear-gradient(135deg, var(--aldiar-sand) 0%, var(--aldiar-sand-deep) 100%);
  border-radius: 8px;
  padding: clamp(2.5rem, 7vw, 5.5rem) clamp(1.5rem, 5vw, 4rem);
  text-align: center;
}

.aldiar-hero h1 {
  font-size: clamp(1.9rem, 4.5vw, 3.1rem);
  margin: 0 0 .5em;
  line-height: 1.3;
}

.aldiar-hero p {
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  color: var(--aldiar-ink-soft);
  max-width: 62ch;
  margin: 0 auto 2em;
}

.aldiar-section-title {
  text-align: center;
  margin-bottom: .4em;
  font-size: clamp(1.4rem, 3vw, 2rem);
}

.aldiar-section-sub {
  text-align: center;
  color: var(--aldiar-muted);
  margin-bottom: 2.5em;
}

/* شريط المزايا */
.aldiar-features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 1.5rem;
  margin: 3.5rem 0;
}

.aldiar-feature {
  background: var(--aldiar-sand);
  border: 1px solid var(--aldiar-line);
  border-radius: var(--aldiar-radius);
  padding: 1.8rem 1.4rem;
  text-align: center;
}

.aldiar-feature h3 {
  font-size: 1.05rem;
  margin: 0 0 .5em;
}

.aldiar-feature p {
  font-size: .93rem;
  color: var(--aldiar-muted);
  margin: 0;
  line-height: 1.8;
}

/* ---------- التذييل ---------- */

.ct-footer {
  background: var(--aldiar-ink);
  color: var(--aldiar-sand-deep);
}

.ct-footer a { color: var(--aldiar-sand-deep); }
.ct-footer a:hover { color: var(--aldiar-brass); }

/* ---------- تفاصيل RTL ---------- */

/* الأسعار وأرقام العملة تبقى LTR داخل نص عربي حتى لا ينقلب ترتيب الرقم والرمز */
.woocommerce .price bdi,
.woocommerce-Price-amount {
  unicode-bidi: isolate;
}

@media (max-width: 767px) {
  .aldiar-features { gap: 1rem; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: .95rem; }
}