/*
Theme Name:        Possum SEO Divi Child
Theme URI:         https://www.possumseo.com
Description:       Possum SEO child theme for Divi. Includes bundled page layouts accessible directly from the Divi Library — no manual import required. Built for Divi 4.27+.
Author:            Nirav Shah — Possum SEO
Author URI:        https://www.possumseo.com
Template:          Divi
Version:           4.0.0
Tested up to:      6.7
Requires PHP:      7.4
License:           GNU General Public License v2 or later
Text Domain:       possumseo
*/

/* ════════════════════════════════════════════════════════════════
   POSSUM SEO — Brand Variables & Global Styles
   ════════════════════════════════════════════════════════════════ */
:root {
    --ps-dark:         #0F1923;
    --ps-dark-mid:     #182333;
    --ps-cyan:         #00C8D7;
    --ps-cyan-dark:    #0A9396;
    --ps-orange:       #E8630A;
    --ps-text:         #1A2535;
    --ps-text-light:   #4A5D72;
    --ps-muted:        #6B8399;
    --ps-white:        #FFFFFF;
    --ps-off-white:    #F6F8FB;
    --ps-cloud:        #EDF2F7;
    --ps-border:       #D6E0EA;
    --ps-font-display: 'Plus Jakarta Sans', Arial, sans-serif;
    --ps-font-body:    'DM Sans', Arial, sans-serif;
    --ps-radius:       10px;
    --ps-radius-lg:    18px;
}

/* ── Global typography ───────────────────────────────────────── */
body, p, .et_pb_text_inner, .et_pb_blurb_description {
    font-family: var(--ps-font-body) !important;
}
h1, h2, h3, h4, h5, h6,
.et_pb_module_header,
.et_pb_blurb_container h4 {
    font-family: var(--ps-font-display) !important;
}

/* ── Container width ─────────────────────────────────────────── */
.et_pb_row, .et_pb_container { max-width: 1280px !important; }
@media (max-width: 980px) {
    .et_pb_row { padding-left: 20px !important; padding-right: 20px !important; }
}

/* ── Remove Divi default button arrow ────────────────────────── */
.et_pb_button::after { display: none !important; }

/* ── Primary button ──────────────────────────────────────────── */
.ps-btn-primary.et_pb_button {
    background: #00C8D7 !important;
    border-color: #00C8D7 !important;
    color: #0F1923 !important;
    font-family: var(--ps-font-display) !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 14px 28px !important;
}
.ps-btn-primary.et_pb_button:hover {
    background: #0A9396 !important;
    border-color: #0A9396 !important;
    color: #fff !important;
}

/* ── Secondary button ────────────────────────────────────────── */
.ps-btn-secondary.et_pb_button {
    background: transparent !important;
    border-color: rgba(255,255,255,.35) !important;
    color: rgba(255,255,255,.85) !important;
    font-family: var(--ps-font-display) !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 13px 27px !important;
}
.ps-btn-secondary.et_pb_button:hover {
    border-color: rgba(255,255,255,.7) !important;
    color: #fff !important;
}

/* ── Navy button (on light bg) ───────────────────────────────── */
.ps-btn-navy.et_pb_button {
    background: transparent !important;
    border-color: rgba(26,37,53,.3) !important;
    color: #1A2535 !important;
    font-family: var(--ps-font-display) !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 13px 27px !important;
}

/* ── CF7 dark form styling ───────────────────────────────────── */
.ps-cf7-wrap .wpcf7-form input:not([type=submit]),
.ps-cf7-wrap .wpcf7-form textarea,
.ps-cf7-wrap .wpcf7-form select {
    width: 100%;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    padding: 12px 16px;
    font-family: var(--ps-font-body);
    font-size: 15px;
    color: #fff;
    margin-bottom: 14px;
    box-sizing: border-box;
}
.ps-cf7-wrap .wpcf7-form input:focus,
.ps-cf7-wrap .wpcf7-form textarea:focus {
    outline: none;
    border-color: #00C8D7;
}
.ps-cf7-wrap .wpcf7-form input::placeholder,
.ps-cf7-wrap .wpcf7-form textarea::placeholder { color: rgba(255,255,255,.35); }
.ps-cf7-wrap .wpcf7-form input[type=submit] {
    width: 100%;
    background: #00C8D7;
    border: none;
    color: #0F1923;
    font-family: var(--ps-font-display);
    font-weight: 700;
    font-size: 16px;
    padding: 14px 28px;
    border-radius: 8px;
    cursor: pointer;
    transition: background .2s;
    margin-top: 4px;
}
.ps-cf7-wrap .wpcf7-form input[type=submit]:hover {
    background: #0A9396;
    color: #fff;
}

/* ── Admin bar z-index fix ───────────────────────────────────── */
#wpadminbar { z-index: 999999 !important; }