/*
Theme Name:   Gospel Hypers
Theme URI:    https://gospelhypers.com
Description:  Gospel Hypers - A child theme for Jannah. Gospel Music, News, Events, Editorial and International coverage.
Author:       Gospel Hypers
Author URI:   https://gospelhypers.com
Template:     jannah
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:  gospel-hypers
Tags:         news, magazine, gospel, music, events, right-sidebar, custom-colors
*/

/* ============================================================
   GOSPEL HYPERS CHILD THEME
   Primary Color : #FFB921 (Gold)
   Accent        : #ffffff (White)
   Parent Theme  : Jannah by TieLabs
   ============================================================ */

/* ── GLOBAL COLOR OVERRIDES ─────────────────────────────── */

/* Primary gold color replaces Jannah's default accent */
:root {
  --primary-color:    #FFB921;
  --primary-hover:    #d99a0f;
  --primary-light:    #fff3d0;
  --primary-dark:     #111111;
}

/* Links */
a { color: #FFB921; }
a:hover { color: #d99a0f; }

/* ── TOP BAR ─────────────────────────────────────────────── */
#tie-top-bar,
.tie-top-bar {
  background-color: #111111 !important;
  border-bottom: 2px solid #FFB921 !important;
}
#tie-top-bar a,
.tie-top-bar a {
  color: rgba(255,255,255,0.75) !important;
}
#tie-top-bar a:hover,
.tie-top-bar a:hover {
  color: #FFB921 !important;
}

/* ── HEADER ──────────────────────────────────────────────── */
#site-header,
.site-header {
  background-color: #ffffff !important;
  border-bottom: 3px solid #FFB921 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.10) !important;
}

/* Site Title */
#site-header .site-title a,
.site-header .site-title a,
.site-title a {
  color: #111111 !important;
}

/* ── MAIN NAVIGATION ─────────────────────────────────────── */
#main-nav,
.main-nav,
#tie-wrapper .main-nav {
  background-color: #111111 !important;
}

/* Nav links */
#main-nav > ul > li > a,
.main-nav > ul > li > a {
  color: rgba(255,255,255,0.82) !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  font-size: 0.72rem !important;
}

#main-nav > ul > li > a:hover,
.main-nav > ul > li > a:hover,
#main-nav > ul > li.current-menu-item > a,
#main-nav > ul > li.current-menu-ancestor > a {
  background-color: #FFB921 !important;
  color: #111111 !important;
}

/* Dropdown menus */
#main-nav ul ul,
.main-nav ul ul {
  background-color: #FFB921 !important;
  border-top: 3px solid #d99a0f !important;
}
#main-nav ul ul li a,
.main-nav ul ul li a {
  color: #111111 !important;
  font-weight: 600 !important;
}
#main-nav ul ul li a:hover {
  background-color: #111111 !important;
  color: #FFB921 !important;
}

/* ── BREAKING NEWS BAR ───────────────────────────────────── */
.breaking-news,
#tie-breaking-news {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e5e5e5 !important;
}
.breaking-news .breaking-news-title,
.breaking-news-title {
  background-color: #FFB921 !important;
  color: #111111 !important;
  font-weight: 700 !important;
}
.breaking-news a { color: #111111 !important; }
.breaking-news a:hover { color: #FFB921 !important; }

/* ── BLOCK / SECTION TITLES ──────────────────────────────── */
.block-title,
.tie-block-title,
.section-title,
h3.block-title span,
.tie-block-title span,
.mag-box-title,
.tie-categories-tabs .tabs-list li.active a,
.tie-categories-tabs .tabs-list li:hover a {
  background-color: #FFB921 !important;
  color: #111111 !important;
}

.block-title,
.tie-block-title,
.section-title {
  border-bottom: 2px solid #e5e5e5 !important;
}

/* ── CATEGORY LABELS / TAGS ──────────────────────────────── */

/* Gospel Music — Gold */
.cat-gospel-music .cat,
a.cat-gospel-music,
.cat-label[data-cat="gospel-music"] {
  background-color: #FFB921 !important;
  color: #111111 !important;
}

/* News — Red */
.cat-news .cat,
a.cat-news {
  background-color: #e53e3e !important;
  color: #ffffff !important;
}

/* Events — Blue */
.cat-events .cat,
a.cat-events {
  background-color: #3182ce !important;
  color: #ffffff !important;
}

/* Editorial — Purple */
.cat-editorial .cat,
a.cat-editorial {
  background-color: #805ad5 !important;
  color: #ffffff !important;
}

/* International — Green */
.cat-international .cat,
a.cat-international {
  background-color: #276749 !important;
  color: #ffffff !important;
}

/* General cat pill */
.cat, .post-cat,
.tie-label,
.cat a {
  border-radius: 2px !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 2px 8px !important;
}

/* ── POST CARDS & THUMBNAILS ─────────────────────────────── */
.post-thumbnail::before,
.tie-thumb-overlay {
  background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 70%) !important;
}

/* Read more button */
.more-link,
.tie-btn,
button[type="submit"],
input[type="submit"] {
  background-color: #FFB921 !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 3px !important;
  font-weight: 700 !important;
}
.more-link:hover,
.tie-btn:hover {
  background-color: #d99a0f !important;
  color: #111111 !important;
}

/* ── SIDEBAR WIDGETS ─────────────────────────────────────── */
.widget-title,
.sidebar .widget-title,
aside .widget-title {
  background-color: #FFB921 !important;
  color: #111111 !important;
  font-weight: 900 !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 10px 16px !important;
  margin-bottom: 0 !important;
  border: none !important;
}

/* Trending numbers */
.tie-popular-posts .count,
.popular-posts .count {
  background-color: #FFB921 !important;
  color: #111111 !important;
}

/* ── PAGINATION ───────────────────────────────────────────── */
.page-link span,
.pagination .current,
.nav-links .current {
  background-color: #FFB921 !important;
  color: #111111 !important;
  border-color: #FFB921 !important;
}
.pagination a:hover,
.nav-links a:hover {
  background-color: #FFB921 !important;
  color: #111111 !important;
  border-color: #FFB921 !important;
}

/* ── TABS ─────────────────────────────────────────────────── */
.tie-tabs .tie-tab-title.active,
.tie-tabs .tie-tab-title:hover,
.tie-cat-tabs .active a {
  background-color: #FFB921 !important;
  color: #111111 !important;
}

/* ── SINGLE POST ─────────────────────────────────────────── */
.single .post-head .cat a,
.post-head .cat a {
  background-color: #FFB921;
  color: #111111;
}

blockquote,
.wp-block-quote {
  border-left: 4px solid #FFB921 !important;
  background: #fff3d0 !important;
}

/* ── NEWSLETTER / SUBSCRIBE WIDGET ──────────────────────── */
.tie-newsletter-widget,
.newsletter-widget {
  background-color: #111111 !important;
}
.tie-newsletter-widget .widget-title,
.newsletter-widget .widget-title {
  background-color: #FFB921 !important;
  color: #111111 !important;
}
.tie-newsletter-widget input[type="email"],
.newsletter-widget input[type="email"] {
  border-bottom: 2px solid #FFB921 !important;
  background: rgba(255,255,255,0.07) !important;
  color: #fff !important;
}
.tie-newsletter-widget input[type="submit"],
.newsletter-widget input[type="submit"] {
  background: #FFB921 !important;
  color: #111111 !important;
}

/* ── FOOTER ───────────────────────────────────────────────── */
#tie-footer,
.site-footer,
footer {
  background-color: #1a1a1a !important;
  border-top: 4px solid #FFB921 !important;
}

.footer-widget-title,
#tie-footer .widget-title,
.site-footer .widget-title {
  color: #FFB921 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  background: transparent !important;
  padding-left: 0 !important;
}

#tie-footer a,
.site-footer a {
  color: rgba(255,255,255,0.5) !important;
  transition: color 0.15s !important;
}
#tie-footer a:hover,
.site-footer a:hover {
  color: #FFB921 !important;
}

/* Copyright bar */
#tie-copyright,
.site-info {
  background-color: #111111 !important;
  color: rgba(255,255,255,0.35) !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}
#tie-copyright a,
.site-info a {
  color: #FFB921 !important;
}

/* ── SCROLL TO TOP BUTTON ────────────────────────────────── */
#tie-return-to-top,
.tie-return-to-top {
  background-color: #FFB921 !important;
  color: #111111 !important;
}

/* ── SEARCH ───────────────────────────────────────────────── */
.search-form input[type="submit"],
.tie-search-btn {
  background-color: #FFB921 !important;
  color: #111111 !important;
}

/* ── MOBILE NAV TOGGLE ───────────────────────────────────── */
#mobile-menu-button,
.mobile-menu-button {
  background-color: #FFB921 !important;
  color: #111111 !important;
}

/* ── RESPONSIVE TWEAKS ───────────────────────────────────── */
@media (max-width: 768px) {
  #main-nav .mega-menu,
  .main-nav .mega-menu {
    background-color: #111111 !important;
  }
  #main-nav ul li a,
  .main-nav ul li a {
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  }
}