/*
Theme Name: Divi CoEIA Child
Theme URI: https://coeia.edu.sa
Description: CoEIA brand child theme for Divi — brand colors, typography, components, and Arabic/RTL polish for the Center of Excellence in Information Assurance, King Saud University.
Author: CoEIA
Template: Divi
Version: 1.0.0
Text Domain: divi-coeia-child
*/

/* =========================================================
   1. BRAND TOKENS
   ========================================================= */
:root {
  --coeia-green: #00693E;   /* KSU green — primary */
  --coeia-green-dark: #00532F;
  --coeia-navy:  #0B1F33;   /* deep navy — headings, hero, footer */
  --coeia-gold:  #C9A227;   /* accent — highlights, stat numbers */
  --coeia-teal:  #1F9E8E;   /* optional tech accent */
  --coeia-gray:  #5B6770;   /* body text on light */
  --coeia-bg:    #F5F7F6;   /* off-white section background */
}

/* =========================================================
   2. TYPOGRAPHY
   English: Inter (body) + Poppins (headings)
   Arabic : Tajawal (loaded in functions.php)
   ========================================================= */
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #2B2B2B; }
h1,h2,h3,h4,h5,h6 { font-family: 'Poppins', sans-serif; color: var(--coeia-navy); }
h1 { line-height: 1.2; }

/* Arabic + RTL: switch to Tajawal and relax line-height for legibility */
.rtl body,
html[lang^="ar"] body,
.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6 {
  font-family: 'Tajawal', 'Cairo', 'Segoe UI', sans-serif;
}
.rtl body { line-height: 1.9; }

/* =========================================================
   3. BUTTONS (Divi)
   ========================================================= */
.et_pb_button,
.et_pb_button:hover {
  border-radius: 6px;
  font-family: 'Poppins', 'Tajawal', sans-serif;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
}
/* Primary = filled KSU green */
.coeia-btn-primary.et_pb_button {
  background-color: var(--coeia-green) !important;
  color: #fff !important;
  border: 2px solid var(--coeia-green) !important;
  padding: .7em 1.6em !important;
}
.coeia-btn-primary.et_pb_button:hover {
  background-color: var(--coeia-green-dark) !important;
  border-color: var(--coeia-green-dark) !important;
}
/* Secondary = outline */
.coeia-btn-outline.et_pb_button {
  background-color: transparent !important;
  color: var(--coeia-green) !important;
  border: 2px solid var(--coeia-green) !important;
  padding: .7em 1.6em !important;
}
.coeia-btn-outline.et_pb_button:hover {
  background-color: var(--coeia-green) !important;
  color: #fff !important;
}

/* =========================================================
   4. CARDS / BLURBS
   ========================================================= */
.coeia-card .et_pb_blurb,
.coeia-card.et_pb_blurb,
.coeia-card .et_pb_module {
  background: #fff;
  border: 1px solid #E6EAE8;
  border-radius: 12px;
  padding: 32px 28px;
  box-shadow: 0 6px 24px rgba(11,31,51,.06);
  transition: transform .2s ease, box-shadow .2s ease;
  height: 100%;
}
.coeia-card .et_pb_blurb:hover,
.coeia-card.et_pb_blurb:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(11,31,51,.12);
}
.coeia-card .et_pb_main_blurb_image .et-pb-icon { color: var(--coeia-green); }

/* =========================================================
   5. SECTION RHYTHM & HELPERS
   ========================================================= */
.coeia-section { padding-top: 96px; padding-bottom: 96px; }
.coeia-bg-light  { background-color: var(--coeia-bg) !important; }
.coeia-bg-navy   { background-color: var(--coeia-navy) !important; }
.coeia-bg-navy h1, .coeia-bg-navy h2, .coeia-bg-navy h3, .coeia-bg-navy p { color: #fff !important; }
.coeia-stat-number { color: var(--coeia-gold); font-family: 'Poppins', sans-serif; font-weight: 700; }
@media (max-width: 980px){ .coeia-section { padding-top: 60px; padding-bottom: 60px; } }

/* =========================================================
   6. HEADER / FOOTER
   ========================================================= */
#main-header .et_pb_button,
.et-fixed-header #main-header { transition: all .25s ease; }
#main-footer-global, .coeia-footer { background-color: var(--coeia-navy); }

/* Language switcher (Polylang) in the menu */
#top-menu li.lang-item a,
.menu-item-language a { font-weight: 600; }
.menu-item-language img.flag { vertical-align: middle; margin-inline-end: 6px; }

/* =========================================================
   7. RTL LAYOUT FIXES
   ========================================================= */
.rtl .et_pb_blurb_content { text-align: right; }
.rtl .coeia-card .et_pb_blurb { text-align: right; }
.rtl #top-menu li { float: right; }
.rtl .et_pb_button_module_wrapper { text-align: right; }