/* ============================================================
   MODERN SACRED GOLD — skin override
   Loaded AFTER style.css + responsive.css.
   Re-contextualizes the "Mad" template into a clean navy/gold
   sacred-modern look without touching the base stylesheet.
   ============================================================ */

:root {
  --navy: #101c45;
  --navy-deep: #0a1433;
  --navy-soft: #1d2a54;
  --gold: #c8a24a;
  --gold-dark: #ad8a3d;
  --gold-light: #e9d9a8;
  --cream: #faf8f3;
  --cream-dark: #f1ecdf;
  --ink: #23304a;
  --ink-soft: #5b6580;
}

/* ---------- Typography ---------- */
body {
  font-family: "Inter", "Lato", Helvetica, Arial, sans-serif;
  color: #23304a;
  background-color: #ffffff;
  line-height: 1.7;
}

h1, h2, h3, h4, h5, h6,
.title2, .section-title, .call-title,
.tp-caption.scaption-white-large,
.event-title, .member-name, .product-title {
  font-family: "Playfair Display", "Lora", Georgia, serif;
  color: var(--navy);
}

p { color: #3d4a63; }

a { color: var(--navy); }
a:hover, a:focus { color: var(--gold-dark); }

/* ---------- Section titles ---------- */
.pre-title,
.pre-title.color2 {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--gold) !important;
}

.title2,
.section-title,
.title-holder h2 {
  font-weight: 700;
  color: var(--navy) !important;
  letter-spacing: 0.2px;
}

.page-section { background: #ffffff; }
.page-section h2 { color: var(--navy); }

/* ---------- Header ---------- */
#header .top-header {
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 2px 18px rgba(16, 28, 69, 0.08);
}

#header .main-navigation > ul > li > a {
  color: var(--navy);
  font-family: "Inter", sans-serif;
  font-weight: 600;
  letter-spacing: 0.4px;
}

#header .main-navigation > ul > li.current > a,
#header .main-navigation > ul > li.current-menu-item > a,
#header .main-navigation > ul > li:hover > a {
  color: var(--gold-dark);
}

#header .main-navigation > ul > li:hover > .sub-menu-wrap,
#header .main-navigation .sub-menu-wrap .sub-menu-wrap {
  background: #ffffff;
  border: 1px solid #efe8d8;
  border-radius: 10px;
  box-shadow: 0 18px 40px rgba(16, 28, 69, 0.12);
}

#header .main-navigation .sub-menu-wrap ul li > a {
  color: var(--navy);
  font-family: "Inter", sans-serif;
  font-size: 14px;
}
#header .main-navigation .sub-menu-wrap ul li > a:hover {
  color: var(--gold-dark);
}

/* ---------- Buttons ---------- */
#header .btn-style-5,
.btn-style-5 {
  background: linear-gradient(135deg, #d4b05a, var(--gold));
  border: 1px solid var(--gold) !important;
  color: var(--navy-deep) !important;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
#header .btn-style-5:hover,
.btn-style-5:hover {
  background: linear-gradient(135deg, var(--gold), var(--gold-dark));
  color: #ffffff !important;
  border-color: var(--gold-dark) !important;
  transform: translateY(-1px);
}

.btn-style-7,
.btn-style-4 {
  background: var(--navy);
  border: 1px solid var(--navy) !important;
  color: #ffffff !important;
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: 0.4px;
}
.btn-style-7:hover,
.btn-style-4:hover {
  background: var(--gold-dark);
  border-color: var(--gold-dark) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.btn {
  transition: all 0.25s ease;
}

/* ---------- Hero slider captions ---------- */
.tp-caption.scaption-white-large {
  font-family: "Playfair Display", serif;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 4px 24px rgba(10, 20, 51, 0.55);
}

.tp-caption.scaption-white {
  font-family: "Inter", sans-serif;
  color: #ffffff;
  text-shadow: 0 2px 14px rgba(10, 20, 51, 0.5);
}

.tp-caption.scaption-white .btn {
  border-radius: 999px;
}

/* ---------- About / video ---------- */
.video-holder .video-btn {
  border: 3px solid var(--gold);
  color: var(--gold) !important;
  transition: all 0.25s ease;
}
.video-holder .video-btn:hover {
  background: var(--gold);
  color: #ffffff !important;
  transform: scale(1.05);
}

/* ---------- Events carousel ---------- */
.events-section {
  background: var(--cream);
}

.event-box.style-3 .event {
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(16, 28, 69, 0.08);
  border-top: 4px solid var(--gold);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.event-box.style-3 .event:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(16, 28, 69, 0.14);
}

.event-box.style-3 .event .event-date {
  color: var(--gold-dark);
  font-family: "Inter", sans-serif;
  font-weight: 600;
  letter-spacing: 0.4px;
}

.event .event-title,
.event-box .event .event-title a {
  color: var(--navy);
  font-weight: 700;
}

.event-box .event .event-action .btn {
  background: var(--navy);
  color: #ffffff;
  border-radius: 999px;
  padding: 8px 20px;
  font-weight: 600;
  letter-spacing: 0.4px;
}
.event-box .event .event-action .btn:hover {
  background: var(--gold-dark);
  color: #ffffff;
}

.event-box .event .event-icons > a { color: var(--gold); }
.event-box .event .event-icons > a:hover { color: var(--gold-dark); }

/* ---------- Upcoming events ---------- */
.event-box.style-2 .event .event-date {
  background: var(--gold);
  color: var(--navy-deep);
  border-radius: 10px;
}
.event-box.style-2 .event .event-date .numb {
  font-family: "Playfair Display", serif;
  font-weight: 700;
  color: var(--navy-deep);
}
.event-box.style-2 .event .event-date .month,
.event-box.style-2 .event .event-date .day {
  color: var(--navy-deep);
}

.half-bg-col.count-event .section-title { color: var(--navy); }

/* Countdown */
.countdown.style-2 .countdown_row > .countdown_section {
  background: var(--navy) !important;
  border-radius: 12px;
}
.countdown.style-2 .countdown_section .countdown_amount {
  color: var(--gold) !important;
  font-family: "Playfair Display", serif;
  font-weight: 700;
}
.countdown.style-2 .countdown_section .countdown_period {
  color: #dfe3ee !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 11px;
}

/* ---------- Team ---------- */
.team-item {
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(16, 28, 69, 0.07);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.team-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(16, 28, 69, 0.13);
}
.team-item .member-name a { color: var(--navy); font-weight: 700; }
.team-item .member-position {
  color: var(--gold-dark);
  font-family: "Inter", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
}

/* ---------- Prayer callout ---------- */
.call-out {
  position: relative;
}
.call-out.size2 {
  background-color: rgba(10, 20, 51, 0.72) !important;
}
.call-out .call-title {
  color: #ffffff !important;
  font-weight: 700;
}
.call-out p { color: #e8ebf3; }

/* ---------- Marketplace (navy/gold re-tint) ---------- */
.marketplace-section {
  background: linear-gradient(135deg, var(--cream) 0%, var(--cream-dark) 100%) !important;
}

/* ---------- Footer ---------- */
#footer {
  background: var(--navy-deep) !important;
  color: #c7cde0;
}
#footer .widget-title,
#footer h1, #footer h2, #footer h3,
#footer h4, #footer h5, #footer h6 {
  color: var(--gold) !important;
  font-family: "Playfair Display", serif;
}
#footer p,
#footer .our-info p,
#footer .info-item {
  color: #c7cde0 !important;
}
#footer a,
#footer .menu-list a,
#footer .link-text {
  color: #dfe3ee !important;
}
#footer a:hover,
#footer .menu-list a:hover {
  color: var(--gold) !important;
}
#footer .social-icons a { color: var(--gold); }
#footer .copyright {
  background: rgba(0, 0, 0, 0.22) !important;
  color: #b9c0d4;
}

/* ---------- Misc refinements ---------- */
::-moz-selection { background: var(--gold); color: #ffffff; }
::selection { background: var(--gold); color: #ffffff; }