/* Tailwind CSS Direct Compiled Production Core Styles */
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

body {
    font-family: 'Cairo', 'Inter', sans-serif;
    background-color: #FBF6EA;
    color: #1e293b;
}

/* Beige (gold-leaning) surface — header & page background */
.bg-beige { background-color: #FBF6EA !important; }

/* Brand palette (Al Olayan Umrah) — navy base, maroon accent, gold detail */
.bg-navy { background-color: #0B1A30 !important; }
/* Main headings sit maroon on light backgrounds (white on dark bg already use text-white) */
.text-navy { color: #6E1D2C !important; }
.bg-gold { background-color: #C7A253 !important; }
.text-gold { color: #C7A253 !important; }
.border-gold { border-color: #C7A253 !important; }
.hover\:bg-gold-hover:hover { background-color: #AD883C !important; }
/* Maroon action buttons (site-wide) */
.bg-maroon { background-color: #6E1D2C !important; border: 1px solid rgba(199,162,83,.45) !important; }
.hover\:bg-maroon-hover:hover { background-color: #58121F !important; }

/* Form controls — always readable regardless of parent text color.
   (Fixes invisible text inside the maroon hero where color was inherited as white.) */
input:not([type=checkbox]):not([type=radio]),
select,
textarea {
    color: #0A1526 !important;
    background-color: #ffffff !important;
    border: 1.5px solid #b9c6d8 !important;
    border-radius: 0.65rem !important;
    padding: 0.6rem 0.85rem !important;
    font-weight: 700 !important;
    width: 100%;
}
input::placeholder, textarea::placeholder { color: #7a8aa0 !important; font-weight: 500 !important; }
select option { color: #0A1526 !important; background: #ffffff !important; font-weight: 600; }
input:focus, select:focus, textarea:focus {
    outline: none !important;
    border-color: #0B1A30 !important;
    box-shadow: 0 0 0 3px rgba(11, 26, 48, .15) !important;
}

/* Field labels — dark maroon, bold (content area only) */
main label {
    color: #0A1526 !important;
    font-weight: 800 !important;
}

/* Smooth section rhythm */
section { scroll-margin-top: 90px; }