/*
Theme Name: DD Blocksy Child
Theme URI: https://digitaldeem.com
Description: قالب فرعي لـ Blocksy بهوية ديم الرقمية — ألوان وخطوط ومكونات مخصصة. مبني على Blocksy 2.x.
Author: Digital Deem
Author URI: https://digitaldeem.com
Template: blocksy
Version: 1.0.0
Text Domain: dd-blocksy-child
Domain Path: /languages
Tags: rtl-language-support, custom-colors, custom-logo, full-site-editing, block-patterns
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ============================================
   DESIGN TOKENS — هوية ديم الرقمية
   مبنية على نظام الألوان الرسمي
   ============================================ */
:root {
  /* Primary palette */
  --dd-navy:    #0D1340;
  --dd-blue:    #0080FF;
  --dd-cyan:    #52DDFF;
  --dd-text:    #2D3142;
  --dd-bg:      #F7FCFF;
  --dd-white:   #FFFFFF;

  /* Semantic */
  --dd-success: #10B981;
  --dd-warning: #F59E0B;
  --dd-danger:  #EF4444;

  /* Spacing scale (4px base) */
  --dd-space-xs: 0.25rem;   /* 4 */
  --dd-space-sm: 0.5rem;    /* 8 */
  --dd-space-md: 1rem;      /* 16 */
  --dd-space-lg: 1.5rem;    /* 24 */
  --dd-space-xl: 2rem;      /* 32 */
  --dd-space-2xl: 3rem;     /* 48 */
  --dd-space-3xl: 4rem;     /* 64 */

  /* Radius */
  --dd-radius-sm: 6px;
  --dd-radius:    12px;
  --dd-radius-lg: 20px;
  --dd-radius-full: 9999px;

  /* Shadows */
  --dd-shadow-sm:  0 1px 2px rgba(13, 19, 64, 0.05);
  --dd-shadow:     0 4px 12px rgba(13, 19, 64, 0.08);
  --dd-shadow-lg:  0 12px 32px rgba(13, 19, 64, 0.12);

  /* Typography */
  --dd-font-arabic: 'IBM Plex Sans Arabic', 'Tajawal', system-ui, -apple-system, sans-serif;
  --dd-font-latin:  'IBM Plex Sans', system-ui, -apple-system, sans-serif;
}

/* ============================================
   TYPOGRAPHY — تطبيق الخطوط
   ============================================ */
body,
.entry-content,
.wp-block-button__link {
  font-family: var(--dd-font-arabic) !important;
  color: var(--dd-text);
  line-height: 1.7;
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  font-family: var(--dd-font-arabic) !important;
  color: var(--dd-navy);
  font-weight: 700;
  line-height: 1.3;
}

/* English text inside RTL pages */
html[dir="rtl"] .latin {
  font-family: var(--dd-font-latin) !important;
  direction: ltr;
  display: inline-block;
}

/* ============================================
   BUTTONS — أزرار الحركة
   ============================================ */
.wp-block-button__link,
.dd-btn-primary {
  background: var(--dd-blue) !important;
  color: var(--dd-white) !important;
  border-radius: var(--dd-radius-full) !important;
  padding: 0.875rem 2rem !important;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.2s ease;
  border: none !important;
  box-shadow: var(--dd-shadow);
}

.wp-block-button__link:hover,
.dd-btn-primary:hover {
  background: var(--dd-navy) !important;
  transform: translateY(-2px);
  box-shadow: var(--dd-shadow-lg);
}

/* Secondary outline button */
.is-style-outline .wp-block-button__link,
.dd-btn-outline {
  background: transparent !important;
  color: var(--dd-blue) !important;
  border: 2px solid var(--dd-blue) !important;
}

.is-style-outline .wp-block-button__link:hover,
.dd-btn-outline:hover {
  background: var(--dd-blue) !important;
  color: var(--dd-white) !important;
}

/* ============================================
   LINKS
   ============================================ */
a {
  color: var(--dd-blue);
  transition: color 0.2s ease;
}

a:hover {
  color: var(--dd-navy);
}

/* ============================================
   CARDS / SECTIONS
   ============================================ */
.dd-card {
  background: var(--dd-white);
  border-radius: var(--dd-radius);
  padding: var(--dd-space-xl);
  box-shadow: var(--dd-shadow-sm);
  transition: box-shadow 0.2s, transform 0.2s;
}

.dd-card:hover {
  box-shadow: var(--dd-shadow-lg);
  transform: translateY(-2px);
}

/* ============================================
   RTL ADJUSTMENTS — تحسينات للعربية
   ============================================ */
html[dir="rtl"] body {
  letter-spacing: 0;
}

html[dir="rtl"] blockquote {
  border-right: 4px solid var(--dd-cyan);
  border-left: none;
  padding-right: var(--dd-space-md);
  padding-left: 0;
}

/* ============================================
   ACCESSIBILITY — تحسينات سهولة الوصول
   ============================================ */
*:focus-visible {
  outline: 3px solid var(--dd-cyan);
  outline-offset: 2px;
  border-radius: var(--dd-radius-sm);
}

/* Skip to content link */
.skip-link:focus {
  background: var(--dd-navy);
  color: var(--dd-white);
  padding: 1rem 1.5rem;
  border-radius: var(--dd-radius);
}