/* =========================
   CERIC Q&A CLEAN LAYOUT
========================= */

body:has(.ceric-qa-wrap) {
    background:
        linear-gradient(
            180deg,
            #07111d 0%,
            #090806 45%,
            #050505 100%
        ) !important;
    color: #f4efe4;
}

/* REMOVE THEME WHITES */
body:has(.ceric-qa-wrap) .site,
body:has(.ceric-qa-wrap) .site-content,
body:has(.ceric-qa-wrap) .content-area,
body:has(.ceric-qa-wrap) .site-main,
body:has(.ceric-qa-wrap) .entry-content,
body:has(.ceric-qa-wrap) main,
body:has(.ceric-qa-wrap) .container,
body:has(.ceric-qa-wrap) .ast-container {
    background: transparent !important;
}

/* MAIN WRAPPER */
.ceric-qa-wrap {
    max-width: 1380px;
    margin: 0 auto;
    padding: 50px 30px 80px;
}

/* TWO COLUMN LAYOUT */
.ceric-qa-grid {
    display: grid;
    grid-template-columns: 460px 1fr;
    gap: 34px;
    align-items: start;
}

/* PANELS */
.ceric-qa-form,
.ceric-qa-feed {
    background:
        linear-gradient(
            180deg,
            #121720 0%,
            #0a0d12 100%
        );
    border: 1px solid rgba(212,175,55,.55);
    box-shadow:
        0 8px 30px rgba(0,0,0,.45);
    padding: 34px;
}

/* TITLES */
.ceric-qa-form h2,
.ceric-qa-feed h2 {
    font-size: 64px;
    line-height: .92;
    margin: 0 0 18px;
    color: #f4efe4;
    text-transform: uppercase;
    font-family: Georgia, serif;
    letter-spacing: 1px;
}

/* DESCRIPTION */
.ceric-qa-desc {
    color: #d8ccb3;
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 26px;
}

/* LABELS */
.ceric-qa-form label {
    display: block;
    margin-bottom: 8px;
    color: #f0e3c5;
    font-weight: bold;
    font-size: 15px;
}

/* INPUTS */
.ceric-qa-form input,
.ceric-qa-form textarea {
    width: 100%;
    background: #06080d;
    border: 1px solid rgba(212,175,55,.45);
    color: #fff;
    padding: 14px;
    margin-bottom: 22px;
    font-size: 16px;
    transition: .2s;
}

.ceric-qa-form input:focus,
.ceric-qa-form textarea:focus {
    border-color: #d4af37;
    outline: none;
    box-shadow: 0 0 10px rgba(212,175,55,.15);
}

/* QUESTION BOX */
.ceric-qa-form textarea {
    min-height: 220px;
    resize: vertical;
}

/* TWO COLUMN SMALL FIELDS */
.ceric-qa-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

/* COUNTER */
.ceric-char-count {
    text-align: right;
    margin-top: -12px;
    margin-bottom: 22px;
    color: #d4af37;
    font-size: 13px;
}

/* BUTTON */
.ceric-submit-btn {
    width: 100%;
    background: #d4af37;
    color: #090806;
    border: none;
    padding: 18px;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .2s;
}

.ceric-submit-btn:hover {
    background: #f1cc59;
    transform: translateY(-2px);
}

/* FILTERS */
.ceric-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 26px;
}

.ceric-filter-btn {
    background: transparent;
    border: 1px solid #d4af37;
    color: #d4af37;
    padding: 12px 18px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
}

.ceric-filter-btn.active,
.ceric-filter-btn:hover {
    background: #d4af37;
    color: #090806;
}

/* QUESTION CARDS */
.ceric-question-card {
    background: rgba(255,255,255,.03);
    border-left: 4px solid #d4af37;
    padding: 24px;
    margin-bottom: 18px;
}

.ceric-question-name {
    color: #d4af37;
    font-weight: bold;
    margin-bottom: 10px;
}

.ceric-question-text {
    color: #f4efe4;
    line-height: 1.7;
    font-size: 17px;
}

/* ANSWERS */
.ceric-answer-box {
    margin-top: 18px;
    padding: 18px;
    background: rgba(212,175,55,.08);
    border: 1px solid rgba(212,175,55,.25);
}

.ceric-answer-title {
    color: #d4af37;
    font-weight: 900;
    margin-bottom: 10px;
    text-transform: uppercase;
}

/* MOBILE */
@media(max-width:1000px){

    .ceric-qa-grid{
        grid-template-columns:1fr;
    }

    .ceric-qa-form h2,
    .ceric-qa-feed h2{
        font-size:48px;
    }

}

@media(max-width:700px){

    .ceric-qa-row{
        grid-template-columns:1fr;
    }

    .ceric-qa-wrap{
        padding:25px 15px 60px;
    }

    .ceric-qa-form,
    .ceric-qa-feed{
        padding:24px;
    }

}/* ASK CERIC BACKGROUND MATCH */
body:has(.ceric-qa-wrap),
body:has(.ceric-qa-wrap) #page,
body:has(.ceric-qa-wrap) .site,
body:has(.ceric-qa-wrap) .site-content,
body:has(.ceric-qa-wrap) .content-area,
body:has(.ceric-qa-wrap) .site-main,
body:has(.ceric-qa-wrap) .entry-content,
body:has(.ceric-qa-wrap) .wp-block-post-content,
body:has(.ceric-qa-wrap) article,
body:has(.ceric-qa-wrap) .container,
body:has(.ceric-qa-wrap) .ast-container,
body:has(.ceric-qa-wrap) main {
    background:
        linear-gradient(
            180deg,
            #080603 0%,
            #120904 25%,
            #1a0d04 55%,
            #0a0705 100%
        ) !important;

    color: #f4efe4 !important;
}

/* REMOVE ALL WHITE */
body:has(.ceric-qa-wrap) .ceric-qa-wrap {
    background: transparent !important;
}

/* PANELS */
.ceric-qa-form,
.ceric-qa-feed {
    background:
        linear-gradient(
            180deg,
            rgba(8,12,18,.96) 0%,
            rgba(5,7,10,.98) 100%
        ) !important;

    border: 1px solid rgba(212,175,55,.55);
    box-shadow:
        0 10px 30px rgba(0,0,0,.55);

    backdrop-filter: blur(2px);
}

/* HEADINGS */
.ceric-qa-form h2,
.ceric-qa-feed h2 {
    color: #f4efe4 !important;
    text-shadow:
        0 0 8px rgba(212,175,55,.08);
}

/* GOLD ACCENTS */
.ceric-submit-btn,
.ceric-filter-btn.active,
.ceric-filter-btn:hover {
    background: #cfa93a !important;
    color: #090806 !important;
}

/* INPUTS */
.ceric-qa-form input,
.ceric-qa-form textarea {
    background: rgba(0,0,0,.55) !important;
    border: 1px solid rgba(212,175,55,.35) !important;
}

/* ---- Rebuild overrides: keep header logo + nav on one line ---- */
.site-logo { white-space: nowrap; }
.site-logo span { white-space: nowrap; }
#primary-nav a { white-space: nowrap; }
#primary-nav ul { gap: .1rem; }