/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://blog.bestchatinfo.com
 Description:  Child theme for GeneratePress with hooks & CSS scaffolding
 Author:       Dervon
 Author URI:   https://blog.bestchatinfo.com
 Template:     generatepress
 Version:      1.0.0
 Text Domain:  generatepress-child
*/

/* -----------------------------
   Place quick CSS tweaks below.
   For larger styles, use /assets/css/custom.css
--------------------------------*/

/* Example:
.site-header { backdrop-filter: blur(6px); }
*/
/* ===========================
   GeneratePress Child Theme Hook Styling
   Color-matched to blog.bestchatinfo.com
=========================== */

/* 1️⃣ Top Bar Welcome Text */
.custom-top-bar {
    background-color: #0052CC; /* Deep Blue */
    color: #F5F5F5; /* Soft Gray text */
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 0;
    letter-spacing: 0.5px;
}

.custom-top-bar a {
    color: #FFD60A; /* Vibrant Yellow links */
    text-decoration: none;
}

.custom-top-bar a:hover {
    color: #00B8D9; /* Aqua Blue hover */
}

/* 2️⃣ Footer Credit */
.site-info {
    background-color: #000000; /* Blabk */
    color: #F5F5F5; /* Soft Gray text */
    text-align: center;
    padding: 15px 0;
    font-weight: 400;
    font-size: 13px;
}

.site-info a {
    color: #FFD60A; /* Vibrant Yellow links */
}

.site-info a:hover {
    color: #00B8D9; /* Aqua hover */
}

/* 3️⃣ Featured Post Block Above Content */
.featured-post-banner {
    background-color: #FFD60A; /* Vibrant Yellow */
    color: #000000; /* Black text */
    padding: 15px 20px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 16px;
    border-left: 4px solid #1e73be; /* Accent Blue border */
    border-radius: 6px;
    font-weight: 500;
}

/* 4️⃣ Call-to-Action Box After Content */
.after-content-cta {
    background-color: rgba(27,40,48,0.99); /* Body background dark */
    color: #F5F5F5; /* Soft Gray text */
    padding: 20px;
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.after-content-cta strong {
    color: #FFD60A; /* Vibrant Yellow emphasis */
    font-size: 17px;
}

.after-content-cta a {
    display: inline-block;
    background-color: #FFD60A; /* Button Yellow */
    color: #000000; /* Button Black text */
    padding: 8px 14px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 8px;
}

.after-content-cta a:hover {
    background-color: #00B8D9; /* Aqua hover */
    color: #000000; /* Black text on hover */
}

/* 5️⃣ No styling for analytics/head hook */

/* Rounded corners for containers */
.inside-article, 
.widget, 
.site-footer, 
.generate-inside-navigation {
    border-radius: 6px; /* Adjust radius as desired */
    overflow: hidden; /* Helps keep images inside rounded corners */
}

.site-footer {
    border-radius: 0 !important;
}

/* Rounded corners for buttons */
.button, 
a.button, 
button, 
input[type="button"], 
input[type="submit"] {
    border-radius: 8px; /* Match container radius */
}

/* Rounded corners for post previews (cards) */
.gb-query-loop-item, 
.gb-container {
    border-radius: 12px;
    overflow: hidden;
}