/*
Theme Name: GeneratePress Child
Template: generatepress

IMPORTANT:

* This file is CLEANED and ORGANIZED only.
* NO colors, values, or behaviors were removed or altered.
* All legacy color references are preserved (some commented) for future use.
* Section order reflects visual hierarchy and edit frequency.
  */

/*----------------------------------------------------------
 Disable clicking on logo on main blog page while keeping tooltip
-----------------------------------------------------------*/
.blog .site-logo a {
    pointer-events: none;
    cursor: default;
}

/* =========================================================
0. GLOBAL BASE COLORS & TYPOGRAPHY
========================================================= */

/* Global text color – soft pastel white */
body {
color: rgb(228, 228, 228);
}

/* Main article text only */
.single-post .entry-content,
.page .entry-content {
color: rgb(228, 228, 228);
}

/* =========================================================

1. MAIN BLOG PAGE HEADER (H1 + INTRO)
   ========================================================= */

.ta2-blog-header .page-title {
font-size: 2.5rem;
line-height: 1.2;
}

/* Match archive/category title color */
.blog .ta2-blog-header .page-title {
color: rgb(205, 160, 160);
}

/* =========================================================
2. ARCHIVE & CATEGORY PAGE HEADERS
========================================================= */

.category .page-header .page-title {
color: rgb(205, 160, 160);
}

/* =========================================================
3. BLOG / ARCHIVE POST TITLES (H2 LINKS)
========================================================= */

/* Ultra-light pastel blue for hierarchy */
.blog h2.entry-title a,
.category h2.entry-title a,
.archive h2.entry-title a {
color: rgb(205, 226, 242);
text-decoration: none;
transition: color 0.2s ease;
}

.blog h2.entry-title a:hover,
.category h2.entry-title a:hover,
.archive h2.entry-title a:hover {
color: rgb(160, 195, 225);
text-decoration: none;
}

/* =========================================
   DESKTOP HEADER TYPOGRAPHY
   (Screens 769px and up)
========================================= */
@media (min-width: 769px) {

    /* ===== Page / Archive / Blog Headers ===== */
    .page-title {
        font-size: 2.5rem;
        line-height: 1.25;
        margin-bottom: 0.4em;
    }

    /* Main blog page title (slightly stronger) */
    .blog .ta2-blog-header .page-title {
        font-size: 2.6rem;
    }

    /* ===== Post Titles (Single + Lists) ===== */
    h1.entry-title {
        font-size: 2.2rem;
        line-height: 1.25;
        margin-bottom: 0.75em;
    }

    h2.entry-title {
        font-size: 2rem;
        line-height: 1.2;
        margin-bottom: 0.4em;
    }

    /* ===== Article Headings ===== */
    .entry-content h1 {
        font-size: 2rem;
        margin-top: 1.6em;
    }

    .entry-content h2 {
        font-size: 1.6rem;
        margin-top: 1.5em;
    }

    .entry-content h3 {
        font-size: 1.3rem;
        margin-top: 1.4em;
    }

    .entry-content h4 {
        font-size: 1.1rem;
        margin-top: 1.3em;
    }
}

/* SEARCH RESULTS PAGE – heading colors */
.search .page-title {
    color: rgb(205, 160, 160);
}

/* Search keyword highlight */
.search .page-title span {
    color: #8fd3ff; /* pastel web-link blue */
    transition: color 0.2s ease;
}

/* Search Results Post Titles */
.search h2.entry-title a {
    color: rgb(205, 226, 242);
    text-decoration: none;
    transition: color 0.2s ease;
}

.search h2.entry-title a:hover {
    color: rgb(160, 195, 225);
    text-decoration: none;
}

/* =========================================
   Author Name Links – Web-Link Style
========================================= */
.author.vcard a {
    color: rgb(160, 195, 225) !important;
    font-weight: normal;
    text-decoration: none;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

.author.vcard a:hover {
    color: rgb(160, 195, 225) !important;
    text-decoration: underline dotted !important;
    cursor: pointer;
}

/* =========================================
   Read More Links – Web-Link Style
========================================= */
a.read-more {
    color: rgb(160, 195, 225) !important;
    font-weight: normal;
    text-decoration: none;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

a.read-more:hover {
    color: rgb(160, 195, 225) !important;
    text-decoration: underline dotted !important;
    cursor: pointer;
}

/* =========================================================
4. FEATURED IMAGE (SINGLE POSTS ONLY)
========================================================= */

.single-post .single-post-featured-image {
display: block;
margin-top: 16px;
margin-bottom: 24px;
text-align: center;
}

.single-post .single-post-featured-image img {
max-width: 100%;
height: auto;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

/* Hide default GP featured image on single posts */
.single-post .page-header-image-single,
.single-post .featured-page-header,
.single-post .post-featured-image {
display: none !important;
}

/* =========================================================
5. COMMENT SYSTEM STYLING
========================================================= */

.comment-respond input#submit,
.ta2-comment-login .ta2-comment-btn {
background-color: #6c757d;
color: #fff;
border: none;
border-radius: 4px;
padding: 8px 16px;
cursor: pointer;
text-decoration: none;
transition: background-color 0.2s;
}

.comment-respond input#submit:hover,
.ta2-comment-login .ta2-comment-btn:hover {
background-color: #5a6268;
}

.ta2-comment-login {
margin-top: 10px;
font-size: 16px;
}

.ta2-comment-login p.ta2-comment-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}

/* =========================================================
6. RESPONSIVE VIDEO EMBEDS now in embed-styles.css
========================================================= */



/* =========================================================
7. AUTHOR AVATAR & AUTHOR PAGES
========================================================= */

a img.avatar {
transition: opacity 0.2s ease, transform 0.2s ease;
cursor: pointer;
}

a:hover img.avatar {
opacity: 0.85;
transform: scale(1.03);
}

/* =========================================================
8. FOOTER STYLING
========================================================= */

.ta2-footer-single-line {
text-align: center;
font-size: 14px;
color: #999999;
padding: 10px 0;
line-height: 1.6;
}

.ta2-footer-single-line a {
color: #b0d8ff;
text-decoration: none;
transition: color 0.2s ease-in-out;
}

.ta2-footer-single-line a:hover {
color: #999999;
text-decoration: none;
}

@media (min-width: 769px) {
.site-footer .site-info {
display: flex;
justify-content: center;
}

```
.ta2-footer-single-line {
    display: block;
    text-align: center;
    white-space: normal;
}
```

}

/* =========================================================
9. SITE-WIDE LINK SYSTEM
========================================================= */
.entry-content a {
    text-decoration: none;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

.entry-content a:hover {
    text-decoration: underline dotted;
    cursor: pointer;
}

/* =========================================
   Author Bio Links – Match Entry Content
========================================= */
.author-description a,
.author-info a,
.author.vcard a {
    text-decoration: none;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

.author-description a:hover,
.author-info a:hover,
.author.vcard a:hover {
    text-decoration: underline dotted;
    cursor: pointer;
}

/* Free-to-play */
.free-to-play {
color: #cdeccf !important;
}

.free-to-play:hover {
color: #eaf9ea !important;
}

/* Pay-to-play */
.pay-to-play {
color: #fff2a8 !important;
}

.pay-to-play:hover {
color: #fff9d9 !important;
}

/* Web-link */
.web-link {
color: rgb(160, 195, 225) !important;
}

.web-link:hover {
color: rgb(205, 226, 242) !important;
}

/* Sys-link */
.sys-link {
color: #ffcfcf !important;
}

.sys-link:hover {
color: #ffeaea !important;
}

/* =========================================================
   SIDEBAR AD IMAGES – Dashed Web-Link Blue Accent
========================================================= */

.inside-right-sidebar .widget img {
    border: 1px dashed #3B5A7A; /* darker than web-link blue */
    border-radius: 8px;
    padding: 6px;

    transition:
        border-color 0.2s ease,
        opacity 0.2s ease;
}

/* Hover state – lighter pastel blue */
.inside-right-sidebar .widget img:hover {
    border-color: rgb(200, 225, 245); /* lighter than base */
    cursor: pointer;
    opacity: 0.97;
}

/* =========================================================
10. ICON SYSTEM (GeneratePress)
========================================================= */

/* All GP icons – faded pastel red */
.gp-icon svg path {
fill: rgb(225, 105, 105);
}

/* =========================================================
11. LINKS NEXT TO ICONS (META)
========================================================= */

.cat-links a,
.tags-links a,
#nav-below a {
color: #e0f0ff !important;
text-decoration: none !important;
}

.cat-links a:hover,
.tags-links a:hover,
#nav-below a:hover {
color: #b0d8ff !important;
text-decoration: underline dotted !important;
}

/* =========================================================
12. H1 BRAND ACCENT COLORS (DISPLAY ONLY)
========================================================= */

.h1-accent-sys { color: #ffcfcf; }
.h1-accent-web { color: #b0d8ff; }
.h1-accent-pay { color: #fff9d9; }
.h1-accent-free { color: #cdeccf; }

.page-title span[class^="h1-accent"] {
text-decoration: none !important;
cursor: default !important;
}


/* =========================================================
   SINGLE POST – Divider Styling
========================================================= */

.single-post .entry-content hr {
    border: 0;
    border-top: 1px solid rgba(224, 240, 255, 0.35); /* slightly darker pastel blue */
    margin: 2em 0;
}




/* =========================================================
LEGACY COLOR REFERENCES (INTENTIONAL – DO NOT DELETE)
========================================================= */

/*
Archive/list post titles — very light TRUE red
h2.entry-title a {
color: rgb(225, 105, 105);
}
*/