/*
Theme Name: Thormi
Theme URI: https://thormi.org
Description: Throne of Revelation Ministries International, Shi Hills, Ghana. Astra child theme — Zakley Enterprises.
Author: Zakley Enterprises
Author URI: https://zakley.com
Template: astra
Version: 1.0.1
License: Proprietary
Text Domain: thormi
*/

/* ============================================
   CUSTOM PROPERTIES
   Palette taken from the ministry's own printed
   material - the Prayer Booklet cover and the
   book cover both run navy + gold.
   ============================================ */
:root {
  --site-primary: #0E1A3C;      /* deep navy */
  --site-primary-soft: #1B2A57;
  --site-accent: #C8A44B;       /* gold */
  --site-accent-pale: #EFE3C4;
  --site-light-bg: #FBF9F4;
  --site-ink: #23262B;
  --site-ink-soft: #5B6270;
}

/* ============================================
   TYPE
   ============================================ */
body,
.ast-container {
  color: var(--site-ink);
}

h1, h2, h3, h4,
.entry-title,
.site-title {
  font-family: 'Lato', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: var(--site-primary);
  letter-spacing: -0.01em;
}

h1 { font-weight: 900; }
h2, h3 { font-weight: 700; }

/* The gold rule under a heading is the ministry's own device, carried over
   from the booklet so print and web read as one brand. */
.entry-content h2::after {
  content: "";
  display: block;
  width: 3.25rem;
  height: 2px;
  margin-top: 0.6rem;
  background: var(--site-accent);
}

/* ============================================
   HEADER / FOOTER
   ============================================ */
.site-header,
.ast-primary-header-bar {
  background: var(--site-primary) !important;
}

.site-header .site-title a,
.main-header-menu > li > a {
  color: #fff !important;
}

.main-header-menu > li > a:hover,
.main-header-menu > .current-menu-item > a {
  color: var(--site-accent) !important;
}

.site-footer,
.ast-small-footer {
  background: var(--site-primary);
  color: rgba(255, 255, 255, 0.82);
}

/* ⚠ Fixed 2026-09-27. Astra 4.x builds the footer from ROWS, each with its own
   background, and those rows paint OVER .site-footer. Colouring only .site-footer left
   a white bar carrying the white text inherited from it - the copyright line on this
   site was invisible from the day it went live until a render-check caught it.
   .ast-small-footer above is the OLD Astra selector; kept for tolerance but it is not
   what this theme's parent actually renders. */
.site-primary-footer-wrap,
.site-below-footer-wrap {
  background: var(--site-primary) !important;
}

.site-below-footer-wrap,
.site-primary-footer-wrap,
.site-below-footer-wrap .ast-builder-html-element,
.site-primary-footer-wrap .ast-builder-html-element {
  color: rgba(255, 255, 255, 0.82);
}

.site-footer a,
.ast-small-footer a,
.site-below-footer-wrap a,
.site-primary-footer-wrap a { color: var(--site-accent); }

/* ============================================
   BUTTONS
   ============================================ */
.ast-button,
.wp-block-button__link,
button,
input[type="submit"] {
  background: var(--site-primary);
  border-color: var(--site-primary);
  color: #fff;
  border-radius: 3px;
  letter-spacing: 0.02em;
}

.ast-button:hover,
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover {
  background: var(--site-accent);
  border-color: var(--site-accent);
  color: var(--site-primary);
}

/* ============================================
   SCRIPTURE / PRAYER BLOCK
   Mirrors the tinted panel used throughout the
   Prayer Booklet, so a pull-quote on the site
   looks like the printed one.
   ============================================ */
blockquote,
.thormi-prayer {
  background: var(--site-accent-pale);
  border-left: 3px solid var(--site-accent);
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
  font-style: italic;
  color: var(--site-ink);
}

/* ============================================
   FORMS (Contact Form 7 - estate standard)
   ============================================ */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100%;
  padding: 0.6rem 0.7rem;
  border: 1px solid #d5d9e0;
  border-radius: 3px;
  background: #fff;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
  outline: none;
  border-color: var(--site-accent);
  box-shadow: 0 0 0 2px rgba(200, 164, 75, 0.25);
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 768px) {
  .entry-content h2::after { width: 2.5rem; }
}