/*
Theme Name: ChiefAI Kadence Child
Theme URI: https://www.chiefai.co
Description: Lightweight child theme for ChiefAI. All styling centralized here. No per-page or per-block inline CSS.
Author: ChiefAI
Author URI: https://www.chiefai.co
Template: kadence
Version: 1.1.0
License: GNU General Public License v2 or later
Text Domain: chiefai-kadence
*/

/* ==========================================================================
   ChiefAI Global Utility Classes
   This is the ONLY custom CSS for the entire site.
   Target: < 3KB total.
   ========================================================================== */

/* --- Section Backgrounds --- */
.section-dark {
    background-color: var(--global-palette2);
    color: #fff;
}

.section-light {
    background-color: var(--global-palette5);
}

.section-alt {
    background-color: var(--global-palette6);
}

/* --- Section Spacing --- */
.section-padding {
    padding: 80px 0;
}

.section-padding-sm {
    padding: 40px 0;
}

/* --- Text Utilities --- */
.text-accent {
    color: var(--global-palette1);
}

.text-white {
    color: #fff;
}

.text-muted {
    color: rgba(255, 255, 255, 0.7);
}

.text-muted-dark {
    color: #999;
}

.text-center {
    text-align: center;
}

/* --- Eyebrow (Section Label) --- */
.eyebrow {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--global-palette1);
    margin-bottom: 8px !important;
}

.section-dark .eyebrow {
    color: var(--global-palette1);
}

/* --- Stats Grid --- */
.stat-number {
    font-size: 3rem;
    font-weight: 700;
    color: var(--global-palette1);
    line-height: 1.1;
    margin-bottom: 8px;
}

/* --- Card icons: center within cards --- */
.wp-block-group .wp-block-image.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

/* --- Images: 10px border-radius on all content images --- */
.wp-block-image img {
    border-radius: 10px;
}

/* --- Blog Post Featured Image: consistent aspect ratio --- */
.single-post .post-thumbnail img {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
}

/* --- Blog Grid Cards: consistent image height --- */
.wp-block-post-featured-image {
    max-height: 220px;
    overflow: hidden;
}

.wp-block-post-featured-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* --- FAQ Borders --- */
.schema-faq-section {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 24px;
    margin-bottom: 16px;
}

.schema-faq-question {
    font-size: 1.1rem;
    margin-bottom: 8px;
    display: block;
}

/* --- Cards: push last element (link/CTA) to bottom --- */
.wp-block-columns > .wp-block-column {
    display: flex !important;
    flex-direction: column !important;
}

.wp-block-column > .wp-block-group.has-background[style*="border-radius"] {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

.wp-block-column > .wp-block-group.has-background[style*="border-radius"] > .wp-block-group__inner-container {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

.wp-block-column > .wp-block-group.has-background[style*="border-radius"] > .wp-block-group__inner-container > .wp-block-buttons:last-child {
    margin-top: auto !important;
}

/* --- Cards --- */
.card {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 30px;
}

.card-light {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 30px;
    background: #fff;
}

.card-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

/* --- Buttons (beyond Kadence global defaults) --- */
.btn-outline {
    border: 2px solid var(--global-palette1) !important;
    background: transparent !important;
    color: var(--global-palette1) !important;
}

.btn-outline:hover {
    background: var(--global-palette1) !important;
    color: #fff !important;
}

/* --- Value Display (Landing Pages) --- */
.value-box {
    background: #fff;
    color: #0f2a47;
    border-radius: 8px;
    padding: 12px 20px;
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
}

.strikethrough {
    text-decoration: line-through;
    opacity: 0.4;
}

/* --- Icon Grid --- */
.icon-grid {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 12px;
    align-items: start;
}

/* --- Testimonial --- */
.testimonial-quote {
    font-size: 1.25rem;
    font-style: italic;
    line-height: 1.6;
    color: var(--global-palette1);
}

/* --- Footer Subscribe Form --- */
#chiefai-subscribe-form {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px;
    margin-top: 16px;
    margin-bottom: 12px;
}

#chiefai-subscribe-form input[type="email"] {
    flex: 1;
    padding: 12px 16px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    background: #ffffff;
    color: #0F2A47;
    font-size: 15px;
    min-width: 0;
}

#chiefai-subscribe-form button {
    padding: 12px 24px;
    border: none;
    border-radius: 4px;
    background: #F58220;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    white-space: nowrap;
}

#chiefai-subscribe-form button:hover {
    background: #D4700A;
}

#chiefai-subscribe-msg {
    font-size: 13px;
    margin-top: 8px;
    min-height: 20px;
}

/* --- Staffing Brief Download Form --- */
.chiefai-brief-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px;
    margin-top: 16px;
}

.chiefai-brief-form input[type="email"] {
    padding: 12px 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #ffffff;
    color: #0F2A47;
    font-size: 15px;
    width: 100%;
    box-sizing: border-box;
}

.chiefai-brief-form button {
    padding: 12px 24px;
    border: none;
    border-radius: 4px;
    background: #F58220;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
}

.chiefai-brief-form button:hover {
    background: #D4700A;
}

.chiefai-brief-msg {
    font-size: 13px;
    min-height: 20px;
}

/* --- Inline form variant (Operating Brief centered section) --- */
.chiefai-brief-form-inline {
    flex-direction: row !important;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.chiefai-brief-form-inline input[type="email"] {
    flex: 1;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.chiefai-brief-form-inline button {
    white-space: nowrap;
}

/* --- Landing Page: Hide Chat Widget --- */
body.page-id-3619 #chat-widget-container,
body.page-id-3619 iframe[src*="leadconnectorhq.com"] {
    display: none !important;
}

/* --- Booking Page: Hide chat widget --- */
body.page-id-2014 #chat-widget-container,
body.page-id-2014 iframe[src*="leadconnectorhq.com"] {
    display: none !important;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 768px) {
    .section-padding {
        padding: 40px 0;
    }

    .section-padding-sm {
        padding: 24px 0;
    }

    .stat-number {
        font-size: 2.25rem;
    }

    .hide-mobile {
        display: none !important;
    }

    /* Remove card min-height on mobile (icons hidden, less content) */
    .wp-block-group.has-background[style] {
        min-height: unset !important;
    }

    .schema-faq-section {
        border: 1px solid #e0e0e0;
        padding: 16px;
    }

    #chiefai-subscribe-form {
        flex-direction: column !important;
        gap: 10px;
    }

    #chiefai-subscribe-form button {
        width: 100%;
    }
}

@media (min-width: 769px) {
    .hide-desktop {
        display: none !important;
    }
}