/*
Theme Name: Enad Law Firm (مكتب عناد الغويري للمحاماة)
Theme URI: https://enadlaw.sa
Author: Enad Al-Ghuwairi Law Firm
Author URI: https://enadlaw.sa
Description: قوالب ووردبريس رسمية فاخرة ومخصصة لمكتب عناد الغويري محامون ومستشارون قانونيون، متوافقة بالكامل مع الجوال، متضمنة كافة الأقسام التفاعلية، نماذج حجز الاستشارات، تشخيص الاحتياج، وتصدير الملف التعريفي.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: enad-law-firm
Domain Path: /languages
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
Tags: legal, lawyer, corporate, business, rtl-language-support, custom-menu, custom-logo, translation-ready
*/

/* ==========================================================================
   Enad Law Firm Theme Styles & Fonts
   ========================================================================== */

:root {
  --primary-navy: #0D141C;
  --secondary-navy: #152232;
  --navy-card: #162436;
  --gold-accent: #C8A962;
  --gold-light: #D8B76E;
  --gold-hover: #E8CA88;
  --text-main: #FFFFFF;
  --text-muted: #94A3B8;
  --border-subtle: rgba(200, 169, 98, 0.25);
  --border-light: rgba(255, 255, 255, 0.1);
  --font-tajawal: 'Tajawal', sans-serif;
  --font-amiri: 'Amiri', serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-tajawal);
  background-color: var(--primary-navy);
  color: var(--text-main);
  direction: rtl;
  text-align: right;
  line-height: 1.7;
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

/* Luxury Gold Button */
.btn-gold {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, #C8A962 0%, #D8B76E 50%, #B89648 100%);
  color: #0D141C;
  font-weight: 700;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(200, 169, 98, 0.25);
}

.btn-gold:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(200, 169, 98, 0.4);
}

.btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: rgba(21, 34, 50, 0.8);
  color: #FFFFFF;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid var(--border-subtle);
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn-outline:hover {
  border-color: var(--gold-accent);
  color: var(--gold-light);
  transform: translateY(-2px);
}


/* ==========================================================================
   Accessible day/night theme
   ========================================================================== */
body,
body * {
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}

body.enad-light {
  background-color: #f5f7fa !important;
  color: #17202b !important;
}

body.enad-light section,
body.enad-light main,
body.enad-light footer,
body.enad-light header {
  color: #17202b;
}

body.enad-light [class*="bg-[#0D141C"],
body.enad-light [class*="bg-[#090E14"],
body.enad-light [class*="bg-[#080D13"],
body.enad-light [class*="bg-[#0E1722"] {
  background-color: #f5f7fa !important;
}

body.enad-light [class*="bg-[#111C28"],
body.enad-light [class*="bg-[#121E2C"],
body.enad-light [class*="bg-[#142232"],
body.enad-light [class*="bg-[#162436"],
body.enad-light [class*="bg-[#162332"],
body.enad-light [class*="bg-[#1A2838"] {
  background-color: #ffffff !important;
}

body.enad-light [class*="text-white"] { color: #17202b !important; }
body.enad-light [class*="text-slate-100"],
body.enad-light [class*="text-slate-200"],
body.enad-light [class*="text-slate-300"] { color: #334155 !important; }
body.enad-light [class*="text-slate-400"],
body.enad-light [class*="text-slate-500"],
body.enad-light [class*="text-slate-600"] { color: #64748b !important; }
body.enad-light [class*="border-[#233547"],
body.enad-light [class*="border-[#23374D"],
body.enad-light [class*="border-[#1C2C3D"],
body.enad-light [class*="border-[#1A2838"] { border-color: #dbe3ec !important; }
body.enad-light input,
body.enad-light textarea,
body.enad-light select { background-color: #ffffff !important; color: #17202b !important; border-color: #cbd5e1 !important; }
body.enad-light .btn-outline { background: #ffffff !important; color: #17202b !important; border-color: #c8a962 !important; }
body.enad-light .bg-black\/80 { background-color: rgba(15, 23, 42, .55) !important; }
body.enad-light #themeToggle { background-color: #fff !important; color: #b38a32 !important; border-color: #cbd5e1 !important; }


/* Full light-mode override for all dark utility classes and gradients. */
body.enad-light {
  background: #ffffff !important;
  color: #17202b !important;
}

body.enad-light main,
body.enad-light section,
body.enad-light header,
body.enad-light footer,
body.enad-light nav,
body.enad-light article {
  background-color: #ffffff !important;
  background-image: none !important;
}

body.enad-light [class*="bg-[#"],
body.enad-light [class*="bg-gradient"],
body.enad-light [class*="from-[#"],
body.enad-light [class*="via-[#"],
body.enad-light [class*="to-[#"] {
  background-color: #ffffff !important;
  background-image: none !important;
}

body.enad-light [class*="bg-black/80"] {
  background-color: rgba(15, 23, 42, .58) !important;
}

body.enad-light .btn-gold,
body.enad-light [class*="bg-emerald"],
body.enad-light [class*="bg-rose"] {
  background-image: initial !important;
}

body.enad-light .btn-gold {
  background: linear-gradient(135deg, #c8a962 0%, #d8b76e 50%, #b89648 100%) !important;
  color: #0d141c !important;
}

body.enad-light [class*="shadow"] {
  box-shadow: 0 8px 28px rgba(51, 65, 85, .10) !important;
}

body.enad-light [class*="border-"] {
  border-color: #dbe3ec !important;
}

body.enad-light [class*="text-white"],
body.enad-light [class*="text-slate-"] {
  color: #334155 !important;
}

body.enad-light h1,
body.enad-light h2,
body.enad-light h3,
body.enad-light h4,
body.enad-light strong,
body.enad-light [class*="font-bold"] {
  color: #17202b !important;
}

body.enad-light .text-\[\#D8B76E\],
body.enad-light .text-\[\#C8A962\],
body.enad-light [class*="text-[#D8B76E"],
body.enad-light [class*="text-[#C8A962"] {
  color: #9a741d !important;
}