/*
Theme Name: SPARC
Author: Summerside Amateur Radio Club
Author URI: https://summersidearc.com
Description: Child theme of Education Hub for the Summerside Amateur Radio Club
Version: 1.0.0
Template: education-hub
Text Domain: sparc
*/

/* ── Header sizing ─────────────────────────────────────── */

/* Shrink the logo image to reduce overall header height */
.custom-logo {
    max-height: 120px;
    width: auto;
    height: auto;
}

/* Reduce padding around the site header */
.site-header {
    padding: 10px 0;
    min-height: 80px;
}

/* Keep the logo link sized to the constrained image */
.custom-logo-link {
    max-width: 180px;
}

/* ── Dark theme ────────────────────────────────────────── */

/* Base */
body,
body.custom-background,
.site {
    background-color: #222;
    color: #d0d0d0;
}

/* Main content wrapper: opaque so body background image
   shows only outside the boxed layout area */
#page,
.site-layout-boxed #page,
.container.hfeed.site {
    background-color: #222;
    border-radius: 12px;
    box-shadow: 0 0 80px rgba(255, 255, 255, 0.25),
                0 0 150px rgba(255, 255, 255, 0.10),
                0 12px 48px rgba(0, 0, 0, 0.7);
}

/* Wrappers and content areas inside #page */
.container,
.boxed-layout .site,
.inner-wrapper,
.entry-content,
.entry-summary,
.widget,
#secondary .widget,
.widget-wrap,
.main-navigation,
.header-wrapper,
.site-content,
#content,
.content-area {
    background-color: transparent;
}

#primary,
#content,
.site-content {
    background: #222;
}

/* Links */
a,
a:visited,
.entry-title a,
.entry-title a:visited,
.widget a,
.widget a:visited,
.site-title a,
.site-title a:visited {
    color: #8ab4f8;
}
a:hover,
a:focus,
.entry-title a:hover,
.widget a:hover {
    color: #ffab1f;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.entry-title,
.widget-title,
.widgettitle,
.site-title,
.page-title {
    color: #eee;
}

/* Paragraph text — parent theme sets #666 which is too dark */
p,
.entry-content p,
.site-main .entry-content p {
    color: #ccc !important;
}

/* Force all entry content areas to dark background */
.hentry,
.post,
.page,
.type-post,
.type-page,
#primary article,
#main article,
article.post,
article.page,
#primary .hentry,
#main .hentry {
    background: #2a2a2a;
    color: #d0d0d0;
    padding: 20px;
    border-radius: 8px;
}

/* Ensure nested content areas are transparent, not white */
.hentry .entry-content,
.post .entry-content,
.page .entry-content,
.hentry .entry-summary {
    background: transparent;
    color: inherit;
}

/* Header base */
.site-header,
#masthead,
.site-layout-boxed #masthead {
    background: #1a1a2e;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

/* Top bar / header top */
#tophead,
.header-top,
#header-top,
.header-top-bar,
.top-header,
.site-layout-boxed #tophead {
    background: #1a1a1a;
    color: #ccc;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
#tophead a,
#tophead a:visited,
#quick-contact a,
#quick-contact a:visited {
    color: #8ab4f8;
}
#tophead a:hover,
#quick-contact a:hover {
    color: #ffab1f;
}
#quick-contact li {
    border-left-color: #444;
}

/* Social in header */
.header-social-wrapper,
#header-social {
    background: #1a1a1a;
}
.header-social-wrapper .education_hub_widget_social li a {
    border: none;
    height: auto;
    width: auto;
    background: none;
}
.header-social-wrapper .education_hub_widget_social li {
    margin: 0;
}
.header-social-wrapper .education_hub_widget_social ul li a:before {
    line-height: 1;
}

/* Site branding / logo area */
.site-branding {
    background: transparent;
}

/* Search section */
.search-section input[type="search"],
.search-section .search-field {
    background: #333;
    color: #ddd;
    border-color: #444;
}
.search-section input[type="submit"],
.search-section .search-submit,
.search-section button {
    background: #294a70;
    color: #fff;
}

/* Primary navigation */
#main-nav,
.main-navigation {
    background: #1a1a2e;
}
.main-navigation ul li a {
    border-right: none;
    border-left: none;
    padding: 8px 18px;
    margin: 6px 3px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.08);
}
.main-navigation ul li:first-child > a {
    border-left: none;
}
.main-navigation ul ul a {
    border-radius: 0;
    margin: 0;
}
.main-navigation ul ul {
    background: #2a2a3e;
}
.main-navigation ul li a {
    color: #ccc;
}
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a {
    color: #fff;
    background: rgba(41, 74, 112, 0.85);
}
.main-navigation ul ul li a {
    background: #2a2a3e;
    color: #ccc;
    border-bottom-color: #3a3a4e;
}
.main-navigation ul ul li a:hover {
    background: #3a3a4e;
    color: #ffab1f;
}
.main-navigation .menu-toggle {
    color: #ccc;
}

/* Breadcrumb */
.breadcrumb,
#breadcrumb,
.trail-items,
.breadcrumb-trail {
    background: #2a2a2a;
    color: #aaa;
}
.breadcrumb a,
.breadcrumb a:visited {
    color: #8ab4f8;
}

/* Sidebar widgets */
#secondary,
.widget-area {
    background: transparent;
}
.widget-area ul li::before {
    content: none;
}
.widget-area ul li,
.widget ul li {
    list-style: none;
}
.widget {
    background: #2a2a2a;
    color: #d0d0d0;
    padding: 20px;
    border-radius: 8px;
}
/* Header social widget is inline, not a card */
.education_hub_widget_social {
    padding: 10px;
    border-radius: 0;
    background: none;
}
.widget-title,
.widgettitle {
    background: #1a1a2e;
    color: #eee;
    border-bottom-color: #333;
}
.widget ul li {
    border-bottom-color: #333;
}
.widget_rss .rsswidget,
.widget_recent_entries a,
.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_pages a,
.widget_nav_menu a,
.widget_recent_comments a {
    color: #8ab4f8;
}
.widget_rss .rsswidget:hover,
.widget_recent_entries a:hover,
.widget_archive a:hover,
.widget_categories a:hover,
.widget_meta a:hover,
.widget_pages a:hover,
.widget_nav_menu a:hover,
.widget_recent_comments a:hover {
    color: #ffab1f;
}

/* Calendar widget */
#wp-calendar {
    color: #d0d0d0;
}
#wp-calendar caption {
    color: #eee;
}
#wp-calendar th,
#wp-calendar td {
    border-color: #444;
    background: #2a2a2a;
}
#wp-calendar tbody td a {
    background: #294a70;
    color: #fff;
}

/* Tag cloud */
.tagcloud a {
    background: #333;
    color: #8ab4f8;
    border-color: #444;
}
.tagcloud a:hover {
    background: #294a70;
    color: #ffab1f;
}

/* Buttons */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.btn,
.wp-block-button__link {
    background: #294a70;
    color: #fff;
    border-color: #294a70;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.btn:hover {
    background: #ffab1f;
    color: #fff;
    border-color: #ffab1f;
}

/* Input fields */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    background: #333;
    color: #ddd;
    border-color: #444;
}
input:focus,
textarea:focus,
select:focus {
    border-color: #8ab4f8;
}

/* Tables */
table,
th,
td {
    border-color: #444;
}
thead th {
    background: #1a1a2e;
    color: #eee;
}
tbody tr:nth-child(odd) {
    background: #2a2a2a;
}
tbody tr:nth-child(even) {
    background: #333;
}

/* Blockquotes */
blockquote {
    background: #333;
    border-left-color: #ffab1f;
    color: #ccc;
}

/* Pre / code */
pre,
code,
tt,
kbd {
    background: #333;
    color: #d0d0d0;
    border-color: #444;
}

/* Separators / rules */
hr,
.wp-block-separator {
    background-color: #444;
    color: #444;
}

/* Pagination */
.pagination .page-numbers,
.page-links a,
.page-links > span,
.nav-links a,
.nav-links span {
    background: #333;
    color: #d0d0d0;
    border-color: #444;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.page-links > span,
.nav-links .current {
    background: #294a70;
    color: #fff;
}

/* Post meta / entry meta */
.entry-meta,
.entry-footer,
.cat-links,
.tags-links,
.comments-link,
.edit-link,
.post-meta,
.posted-on,
.byline {
    color: #999;
}
.entry-meta a,
.entry-footer a {
    color: #8ab4f8;
}

/* Footer */
.site-footer,
#colophon {
    background: #111;
    color: #aaa;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.site-footer a,
#colophon a {
    color: #8ab4f8;
}
.site-footer a:hover,
#colophon a:hover {
    color: #ffab1f;
}
.footer-widgets-area,
.footer-widget {
    background: #1a1a1a;
    color: #aaa;
}
.site-info {
    color: #777;
}

/* Social icons / header top */
.header-top-social,
.social-links a {
    color: #ccc;
}
.social-links a:hover {
    color: #ffab1f;
}

/* EM (Events Manager) overrides */
#em-wrapper,
.em-event,
.em-item,
.em-list,
.em-view-container {
    color: #d0d0d0;
}
/* Constrain event featured images on single event pages */
.em-item-image img,
.em-event-single .em-item-image img {
    max-width: 250px;
    height: auto;
}
#em-wrapper .em-event-details,
.em-event-details,
.em-item-info {
    background: #2a2a2a;
    color: #d0d0d0;
    padding: 20px;
    border-radius: 8px;
}
#em-wrapper table,
.em-table,
.em-event-table {
    background: #2a2a2a;
    color: #d0d0d0;
}

/* Comments */
.comment-list,
.comment-list article,
.comment-body,
.comment-content {
    background: #2a2a2a;
    color: #d0d0d0;
    padding: 20px;
    border-radius: 8px;
}
.comment-author,
.comment-metadata {
    color: #999;
}
.comment-list .comment,
.comment-list .pingback {
    border-bottom-color: #444;
}
.reply a,
.comment-reply-link {
    color: #8ab4f8;
}

/* Captions / images */
.wp-caption {
    background: #333;
    border-color: #444;
    color: #aaa;
}
.wp-caption-text {
    color: #aaa;
}

/* Gallery */
.gallery-item {
    border-color: #444;
}

/* Select / dropdown text colour fix */
select option {
    background: #333;
    color: #ddd;
}

/* ── Homepage news section ─────────────────────────────── */

#featured-news-events {
    background: transparent;
}
#featured-news-events .recent-news h2 {
    color: #eee;
}
.news-content {
    background: #333;
    border-top-color: #294a70;
    color: #d0d0d0;
}
.news-content h3 a,
.news-content h3 a:visited {
    color: #8ab4f8;
}
.news-content h3 a:hover {
    color: #ffab1f;
}
.news-content p {
    color: #ccc;
}
.news-content a.button,
.news-content a.button:visited {
    color: #8ab4f8;
    background: transparent;
}
.news-content a.button:hover {
    color: #ffab1f;
}
.block-meta,
.block-meta a,
.block-meta a:visited {
    color: #999;
}
.block-meta a:hover {
    color: #ffab1f;
}

/* Homepage events section in news area */
.recent-events {
    color: #d0d0d0;
}
.recent-events h2 {
    color: #eee;
}