/*
 Theme Name:   Ballistics Blog Theme
 Theme URI:    https://blog.ballistics.systems/
 Description:  Custom theme for Ballistics.Systems blog
 Author:       John Belthoff
 Template:     understrap
 Version:      1.0.0
 Text Domain:  ballistics-blog
*/

/* ==========================================================
   Button Overrides – Gunmetal (Matches Ballistics.Systems)
========================================================== */
.wp-block-search__button,
.wp-element-button,
.btn-primary,
button.wp-block-search__button,
button.wp-element-button,
button.btn-primary {
    background-color: #475569 !important; /* gunmetal */
    border-color: #475569 !important;
    color: #ffffff !important;
}

.wp-block-search__button:hover,
.wp-element-button:hover,
.btn-primary:hover,
button.wp-block-search__button:hover,
button.wp-element-button:hover,
button.btn-primary:hover {
    background-color: #3e4b5c !important;
    border-color: #3e4b5c !important;
    color: #ffffff !important;
}

/* ==========================================================
   Heading Fonts (Manrope everywhere)
========================================================== */
body.blog h1,
body.blog h2,
body.blog h3,
body.blog h4,
body.blog h5,
body.blog h6,
body.blog .entry-title,
body.blog .page-title,
body.blog .site-title,
body.blog .site-description,
body.blog .wp-block-heading {
    font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", sans-serif !important;
    font-weight: 700;
    letter-spacing: 0.01em;
}

/* Optional: Sora for Site Title (matches main app brand) */
body.blog .site-title {
    font-family: "Sora", system-ui, sans-serif !important;
}

/* ==========================================================
   Global Link Theme (Non-button links)
========================================================== */
body.blog .entry-content a:not(.btn),
body.blog .widget-area a:not(.btn),
body.blog .site-main a:not(.btn):not(.navbar-nav .nav-link) {
    color: #38bdf8; /* cyan */
    text-decoration-line: underline;
    text-decoration-style: dotted;
    transition: color .2s ease-in-out;
}

body.blog .entry-content a:not(.btn):visited,
body.blog .widget-area a:not(.btn):visited,
body.blog .site-main a:not(.btn):visited:not(.navbar-nav .nav-link) {
    color: #818cf8; /* indigo (visited) */
    text-decoration-line: underline;
    text-decoration-style: dotted;
}

body.blog .entry-content a:not(.btn):hover,
body.blog .entry-content a:not(.btn):focus,
body.blog .widget-area a:not(.btn):hover,
body.blog .widget-area a:not(.btn):focus,
body.blog .site-main a:not(.btn):hover:not(.navbar-nav .nav-link),
body.blog .site-main a:not(.btn):focus:not(.navbar-nav .nav-link) {
    color: #0ea5e9; /* brighter cyan */
    text-decoration: underline;
}

/* ==========================================================
   Navbar Link Cleanup (No underline + hover cyan)
========================================================== */
body.blog #wrapper-navbar .navbar-nav .nav-link {
    color: #e5e7eb;
    text-decoration: none !important;
    transition: color .2s ease-in-out;
}

body.blog #wrapper-navbar .navbar-nav .nav-link:hover,
body.blog #wrapper-navbar .navbar-nav .nav-link:focus,
body.blog #wrapper-navbar .navbar-nav .nav-link.active {
    color: #38bdf8 !important; /* cyan hover */
    text-decoration: none !important;
}

/* ==========================================================
   Footer Styling (Matches Main Site)
========================================================== */
body.blog .site-footer,
body.blog #colophon {
    background: #020617;
    border-top: 1px solid rgba(15, 23, 42, 0.9);
    color: #d1d5db;
    padding-top: 2.5rem;
}

/* Footer headings */
body.blog .site-footer .widget-title,
body.blog .site-footer h2,
body.blog .site-footer h3 {
    font-family: "Sora", system-ui, sans-serif;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #9ca3af;
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}

/* Footer text */
body.blog .site-footer,
body.blog .site-footer p,
body.blog .site-footer li {
    font-size: 0.9rem;
    color: #d1d5db;
}

/* Footer links */
body.blog .site-footer a:not(.btn) {
    text-decoration: none;
    color: #e5e7eb;
    border-bottom: 1px dotted rgba(148, 163, 184, 0.5);
    transition: all 0.2s ease;
}

body.blog .site-footer a:not(.btn):hover {
    color: #38bdf8;
    border-bottom-color: #38bdf8;
}

/* Footer legal row */
body.blog .site-footer .site-info {
    border-top: 1px solid rgba(15, 23, 42, 0.8);
    margin-top: 1.5rem;
    padding-top: 0.75rem;
    font-size: 0.8rem;
    color: #6b7280;
}


.entry-meta {
    margin-bottom: 12px; /* Adds margin-bottom to the entire meta section */
    font-size: 0.7rem; /* Reduces font size */
}

.entry-meta .posted-on,
.entry-meta .byline {
    font-size: 0.7rem; /* Further reduces font size if necessary */
}

body.blog.home .site-main article {
    margin-bottom: 2.5rem; /* Adjust the spacing as needed */
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.25); /* subtle divider */
}

/* ==========================================================
   Homepage Article Card Typography
========================================================== */

/* Overall line-height for article cards */
body.blog.home .site-main article {
    line-height: 1.6;
}

/* Post title – tighter spacing, still prominent */
body.blog.home .site-main article .entry-title {
    margin-top: 0;
    margin-bottom: 0.4rem;
    font-size: 1.5rem; /* adjust up/down if needed */
}

/* Meta – small, spaced out, slightly muted */
body.blog.home .site-main article .entry-meta {
    margin-bottom: 0.65rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #9ca3af;
}

/* Excerpt / body inside cards */
body.blog.home .site-main article .entry-summary,
body.blog.home .site-main article .entry-content {
    margin-top: 0;
    margin-bottom: 0.75rem;
    font-size: 0.98rem;
    color: #e5e7eb;
}

/* Remove extra gap under last paragraph in the excerpt */
body.blog.home .site-main article .entry-summary p:last-child,
body.blog.home .site-main article .entry-content p:last-child {
    margin-bottom: 0;
}

/* "Read More…" link – aligned and styled like a subtle CTA */
body.blog.home .site-main article .more-link {
    display: inline-block;
    margin-top: 0.25rem;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}
/* ==========================================================
   Homepage Article Meta Cleanup
   (Option A + Option B Combined)
========================================================== */

/* Add breathing room + divider line */
body.blog.home .site-main article .entry-footer {
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    font-size: 0.75rem;
    line-height: 1.5;
    color: #9ca3af;
}

/* Categories and Tags on separate lines */
body.blog.home .site-main article .entry-footer .cat-links,
body.blog.home .site-main article .entry-footer .tags-links {
    display: block;
    margin-bottom: 0.4rem;
}

/* Muted labels but bright links */
body.blog.home .site-main article .entry-footer a {
    color: #38bdf8;
    text-decoration: none;
}

body.blog.home .site-main article .entry-footer a:hover {
    color: #0ea5e9;
    text-decoration: underline;
}

/* ==========================================================
   Single Post – Footer Cleanup + Navigation Spacing
   (Unified Block)
========================================================== */

/* Entry footer (categories + tags) */
body.single .entry-footer {
    margin-top: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 2.5rem; /* breathing room before navigation */
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    font-size: 0.8rem;
    line-height: 1.5;
    color: #9ca3af;
}

/* Split Categories + Tags into separate lines */
body.single .entry-footer .cat-links,
body.single .entry-footer .tags-links {
    display: block;
    margin-bottom: 0.35rem;
}

/* Footer links */
body.single .entry-footer a {
    color: #38bdf8;
    text-decoration: none;
}

body.single .entry-footer a:hover {
    color: #0ea5e9;
    text-decoration: underline;
}

/* Previous/Next navigation wrapper */
body.single .post-navigation {
    padding-top: 1.5rem;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
}

/* Previous/Next navigation links */
body.single .post-navigation a {
    color: #38bdf8;
    text-decoration: none;
}

body.single .post-navigation a:hover {
    color: #0ea5e9;
    text-decoration: underline;
}

/* ==========================================================
   Remove dotted underline from linked H2s (post titles)
========================================================== */

body.blog .site-main h2 a,
body.blog .site-main .entry-title a {
    text-decoration: none !important;
    border-bottom: none !important;
    color: #e5e7eb; /* or keep default */
    transition: color 0.2s ease-in-out;
}

body.blog .site-main h2 a:hover,
body.blog .site-main .entry-title a:hover {
    color: #38bdf8; /* cyan hover to indicate link */
    text-decoration: none !important;
}



/* Shared icon color for both home + single */
body.blog .posted-on-with-icon .meta-icon,
body.single .posted-on-with-icon .meta-icon {
    color: #fbbf24;  /* amber accent */
}

/* Home page only: adjust visual alignment */
body.blog .posted-on-with-icon .meta-icon {
    margin-bottom: -1px;
}
/* Category + Tag icons */
.cat-links .meta-icon,
.tags-links .meta-icon {
    color: #38bff8d0; 
    margin-right: 0.35rem;
    font-size: 0.85rem;
    position: relative;
    top: 1px; /* smooth optical alignment */
}