/*
Theme Name: Arreg Studio
Theme URI: https://arreg.com
Author: Arreg
Description: Arabic RTL WordPress theme for Arreg product-copy studio. Designed for Elementor editing.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: arreg-theme
*/

:root {
  --arreg-ink: #21453a;
  --arreg-cream: #faf7f0;
  --arreg-paper: #fffdf9;
  --arreg-gold: #d98243;
  --arreg-muted: #6c8277;
  --arreg-border: #e7ddce;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--arreg-cream);
  color: var(--arreg-ink);
  font-family: "IBM Plex Sans Arabic", Arial, sans-serif;
  text-align: right;
}
a { color: inherit; text-decoration: none; }
.arreg-shell { min-height: 100vh; }
.arreg-container { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }
.arreg-site-header { background: rgba(250,247,240,.96); border-bottom: 1px solid var(--arreg-border); position: sticky; top: 0; z-index: 20; }
.arreg-header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.arreg-brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 21px; color: var(--arreg-ink); }
.arreg-brand-mark { width: 38px; height: 38px; border-radius: 14px; display: grid; place-items: center; background: var(--arreg-ink); color: #f6d79f; }
.arreg-nav ul { list-style: none; display: flex; align-items: center; gap: 22px; padding: 0; margin: 0; font-size: 14px; font-weight: 700; color: #526c60; }
.arreg-main { min-height: 60vh; }
.arreg-site-footer { background: #18362c; color: #d5e1d6; padding: 28px 0; margin-top: 64px; font-size: 13px; }
.arreg-site-footer .arreg-container { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; }
.arreg-page-content { padding: 48px 0; }
.arreg-page-content > * { width: min(960px, calc(100% - 32px)); margin-inline: auto; }
.arreg-page-content .elementor { width: 100%; }
.arreg-tool-frame { width: 100%; min-height: 840px; border: 0; border-radius: 24px; background: var(--arreg-paper); box-shadow: 0 22px 62px -38px rgba(20,52,40,.5); }
.arreg-tool-notice { border: 1px solid #ead8bd; background: #fff8ed; padding: 24px; border-radius: 20px; color: #76542f; }

@media (max-width: 700px) {
  .arreg-header-inner { min-height: 64px; }
  .arreg-nav { display: none; }
  .arreg-tool-frame { min-height: 900px; border-radius: 16px; }
}