/*
Theme Name: Barakah Wealth
Theme URI: https://barakah-wealth.himasrafeek.com
Author: Barakah Wealth
Author URI: https://barakah-wealth.himasrafeek.com
Description: Marketing and legal site for the Barakah Wealth mobile app — landing page plus the Privacy Policy, Terms, Support and web-based Account Deletion pages required for App Store and Google Play review. Styled with Tailwind CSS and auto-creates every required page on activation.
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: barakah
Tags: landing, business, one-column, custom-menu, full-width-template
*/

/* Tailwind supplies all utility classes (loaded in header.php with the brand
   config). This file only holds the WordPress-required header, base tokens,
   and the .prose styles for editor-authored legal content, which comes through
   the_content() as raw HTML and cannot carry utility classes per element. */

:root {
  --navy-950: #070C1F;
  --navy-900: #0A1128;
  --navy-800: #0F1836;
  --gold-500: #D4AF37;
  --gold-400: #E8C567;
  --cream: #F5F3EE;
  --slate-300: #AAB2C4;
  --slate-400: #8B94A8;
}

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: radial-gradient(120% 120% at 50% 0%, var(--navy-800) 0%, var(--navy-900) 45%, var(--navy-950) 100%);
  color: var(--cream);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  min-height: 100vh;
}

/* Legal / editor prose ------------------------------------------------ */
.prose { color: var(--slate-300); font-size: 1.02rem; line-height: 1.7; }
.prose > *:first-child { margin-top: 0; }
.prose h2 { font-family: "Playfair Display", Georgia, serif; color: #fff; font-size: 1.5rem; margin: 2em 0 .6em; }
.prose h3 { color: #fff; font-size: 1.15rem; margin: 1.6em 0 .5em; }
.prose p { margin: 0 0 1.1em; }
.prose ul, .prose ol { padding-left: 1.3em; margin: 0 0 1.2em; }
.prose li { margin-bottom: .5em; }
.prose a { color: var(--gold-400); text-decoration: underline; }
.prose a:hover { color: var(--gold-500); }
.prose strong { color: var(--cream); }
.prose hr { border: 0; border-top: 1px solid rgba(255,255,255,.08); margin: 2em 0; }
.prose table { width: 100%; border-collapse: collapse; margin: 1.4em 0; }
.prose th, .prose td { text-align: left; padding: 12px 14px; border: 1px solid rgba(255,255,255,.08); font-size: .95rem; }
.prose th { background: rgba(255,255,255,.03); color: #fff; }

/* Small niceties Tailwind CDN can't cheaply express ------------------- */
.mobile-open { max-height: 460px !important; }