/*
Theme Name:   RONÉ Chocolate | رُونِيه (Complete Storefront Theme)
Theme URI:    https://example.com/rone-chocolate
Description:  قالب ووردبريس متكامل ومستقل لمتجر رُونِيه للشوكولاتة الفاخرة — جاهز للرفع في ملف واحد مع استيراد تلقائي للمنتجات الـ 16 والصور والتصنيفات والصفحات والقوائم وتخصيص أشكال وأطعمة الشوكولاتة وصمّم علبتك الخاصة.
Author:       OkDesign | RONÉ Digital Team
Version:      1.2.0
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 8.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  rone-chocolate
Tags:         e-commerce, rtl-language-support, arabic, woocommerce, luxury, custom-logo
*/

:root {
  --rone-cocoa: #321C18;
  --rone-espresso: #191613;
  --rone-cream: #F8F1E8;
  --rone-cream-deep: #EFE5D8;
  --rone-warm-white: #FFFFFF;
  --rone-caramel: #B67B53;
  --rone-blush: #D9B5AC;
  --rone-ink-muted: #5C4D46;
  --rone-border: rgba(50, 28, 24, 0.12);
  --rone-border-dark: rgba(248, 241, 232, 0.14);
  --rone-font-ar: "Alexandria", system-ui, -apple-system, sans-serif;
  --rone-font-en: "Cormorant Garamond", Georgia, serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

html[dir="rtl"] body,
body {
  margin: 0;
  font-family: var(--rone-font-ar);
  background-color: var(--rone-cream);
  color: var(--rone-espresso);
  line-height: 1.7;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
}

.font-brand-en {
  font-family: var(--rone-font-en);
  letter-spacing: 0.08em;
}

.tabular-nums,
.woocommerce-Price-amount {
  font-variant-numeric: tabular-nums;
}

h1, h2, h3, h4 {
  margin-top: 0;
  text-wrap: balance;
}

:focus-visible {
  outline: 2px solid var(--rone-caramel);
  outline-offset: 2px;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}