/************************************************************
 * PHOENIX — MARKET REPORT (LEAF NODE)
 * SOURCE: extracted from legacy style.css
 * INTENT: identical behavior, footer-safe, fixed CTA
 * SCOPE: DESKTOP ONLY (mobile handled separately)
 ************************************************************/

/* =========================================================
   LAYOUT: TWO COLUMN (FIXED CTA, FOOTER SAFE)
========================================================= */

/* Prevent margin-collapsing under fixed header */
body.single-market-report .phoenix-report-header {
    padding-top: 16px;   /* visible breathing space */
}

body.single-market-report .phoenix-report-header h1 {
    margin-top: 0;
}


body.single-market-report .row {
    width: 100%;
    display: flex;
}

/* LEFT COLUMN — reserve space for fixed sidebar */
body.single-market-report .column.left {
    width: calc(100% - 340px); /* 300px CTA + 40px gap */
    padding-top: 20px; /* post-header breathing space */
}

/* RIGHT COLUMN — FIXED CTA (viewport-based) */
body.single-market-report .column.right {
    position: fixed;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    z-index: 100;
    background: transparent;
}

/* =========================================================
   RIGHT SIDEBAR CTA
========================================================= */

body.single-market-report .sidebar-button {
    display: block;
    width: 100%;
    padding: 14px 18px;
    margin-bottom: 12px;

    background: linear-gradient(135deg, #0073e6, #005bb5);
    border-radius: 8px;
    border: none;

    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
}

body.single-market-report .sidebar-button a {
    color: #ffffff;
    text-decoration: none;
    display: block;
}

body.single-market-report .sidebar-contact-box {
    margin-top: 16px;
    padding: 16px;
    background-color: #ffffff;
    border-radius: 8px;

    border: 1px solid #d1d5db;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

body.single-market-report .sidebar-contact-header {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center;
    color: #111;
}

body.single-market-report .sidebar-item {
    font-size: 14px;
    margin: 6px 0;
}

/* =========================================================
   TYPOGRAPHY & BASE CONTRAST
========================================================= */

body.single-market-report {
    color: #1f2937;
}

body.single-market-report .column.left p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 18px;
    color: #1f2937;
}

body.single-market-report .column.left h1,
body.single-market-report .column.left h2,
body.single-market-report .column.left h3 {
    color: #0f172a;
}

body.single-market-report .column.left h2 {
    margin-top: 30px;
    margin-bottom: 12px;
    font-size: 22px;
    border-left: 4px solid #0b5cff;
    padding-left: 10px;
}

body.single-market-report .column.left ul {
    margin-left: 22px;
    margin-bottom: 18px;
    line-height: 1.6;
}

/* First H1 breathing space below fixed header */
body.single-market-report h1:first-of-type {
    margin-top: 24px;
}

/* =========================================================
   HERO + TABS — CENTERED & WIDENED
========================================================= */

/* Center H1 block */
body.single-market-report .column.left > header {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* Center tabs */
body.single-market-report .phoenix-tabs {
    margin-left: auto;
    margin-right: auto;
}

/* ✅ WIDENED CONTENT SURFACE (~ +2cm) */
body.single-market-report .column.left > header,
body.single-market-report .phoenix-tabs {
    max-width: 800px;
}

/* =========================================================
   PHOENIX TABS (LOGIC PRESERVED)
========================================================= */

body.single-market-report .phoenix-tabs {
    margin-bottom: 28px;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    background: #ffffff;
}

body.single-market-report .phoenix-tab-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e5e7eb;
    background: #f9fafb;
}

body.single-market-report .phoenix-tab-btn {
    background: none;
    border: none;
    padding: 14px 22px;

    font-size: 15px;
    font-weight: 600;
    color: #444;

    cursor: pointer;
    border-bottom: 3px solid transparent;
}

body.single-market-report .phoenix-tab-btn.active {
    color: #0b5cff;
    border-bottom-color: #0b5cff;
}

/* Panels container */
body.single-market-report .phoenix-tab-panels {
    position: relative;
    padding: 24px;
    min-height: 300px;
    background-color: #ffffff;
}

/* Tab visibility */
body.single-market-report .phoenix-tab-panel {
    display: none;
    position: relative;
}

body.single-market-report .phoenix-tab-panel.active {
    display: block;
}

/* ✅ REMOVE EXTRA GAP AFTER TABS */
body.single-market-report
.phoenix-tab-panel.active
h2:first-child {
    margin-top: 0;
}

/* =========================================================
   TAB-EMBEDDED FORMS (PROFESSIONAL)
========================================================= */

body.single-market-report .phoenix-form-wrap {
    max-width: 560px;
}

body.single-market-report .phoenix-form-wrap h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #111;
}

body.single-market-report .phoenix-form-wrap input,
body.single-market-report .phoenix-form-wrap textarea,
body.single-market-report .phoenix-form-wrap select {
    width: 100%;
    padding: 12px 14px;
    margin-bottom: 14px;

    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
}

body.single-market-report .phoenix-form-wrap input:focus,
body.single-market-report .phoenix-form-wrap textarea:focus {
    border-color: #0b5cff;
    outline: none;
}

body.single-market-report .phoenix-form-wrap input[type="submit"],
body.single-market-report .phoenix-form-wrap button {
    background: linear-gradient(135deg, #0073e6, #005bb5);
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 12px 18px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

/* =========================================================
   FAQ — PROFESSIONAL KNOWLEDGE-BASE STYLE
========================================================= */

body.single-market-report .phoenix-faq-block {
    margin-top: 56px;
    padding-top: 40px;
    border-top: 1px solid #e6e8ec;
}

body.single-market-report .phoenix-faq-title {
    font-size: 24px;
    font-weight: 600;
    color: #111;
    margin-bottom: 24px;
}

body.single-market-report details {
    border: 1px solid #d1d5db;
    border-radius: 10px;
    margin-bottom: 16px;
    background-color: #ffffff;
    transition: box-shadow 0.2s ease;
}

body.single-market-report details[open] {
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

body.single-market-report summary {
    padding: 18px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #1f2937;
    cursor: pointer;
    position: relative;
}

body.single-market-report summary::-webkit-details-marker {
    display: none;
}

body.single-market-report summary::after {
    content: "+";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #0b5cff;
}

body.single-market-report details[open] summary::after {
    content: "–";
}

body.single-market-report details > div,
body.single-market-report details p {
    padding: 0 20px 18px;
    font-size: 15px;
    line-height: 1.7;
    color: #444;
}

/* =========================================================
   POPUPS — EXECUTIVE / VIEWPORT SAFE
========================================================= */

.phoenix-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    z-index: 9998;
}

.phoenix-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 92%;
    max-width: 600px;
    max-height: calc(100vh - 80px);

    background: #ffffff;
    padding: 24px;
    border-radius: 10px;
    box-sizing: border-box;

    overflow-y: auto;

    box-shadow: 0 30px 80px rgba(0,0,0,0.35);
    z-index: 9999;
}

.phoenix-popup h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 18px;
    color: #111;
}

.phoenix-popup input,
.phoenix-popup textarea,
.phoenix-popup select {
    width: 100%;
    padding: 12px 14px;
    margin-bottom: 14px;

    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
}

.phoenix-popup input:focus,
.phoenix-popup textarea:focus {
    border-color: #0b5cff;
    outline: none;
}

.phoenix-popup input[type="submit"],
.phoenix-popup button {
    background: linear-gradient(135deg, #0073e6, #005bb5);
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 12px 18px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.phoenix-popup-close {
    position: absolute;
    top: 10px;
    right: 12px;
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
}


/* =========================================================
   PREMIUM — CONTENT ELEVATION
========================================================= */

body.single-market-report .phoenix-tabs,
body.single-market-report .phoenix-faq-block,
body.single-market-report .phoenix-tab-panels {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}





/* =========================================================
   PREMIUM — EDITORIAL RHYTHM
========================================================= */

body.single-market-report .column.left p + p {
    margin-top: 20px;
}

body.single-market-report .column.left p {
    max-width: 100%;
}

/* =========================================================
   PREMIUM — SECTION TRANSITION CUE
========================================================= */

body.single-market-report .phoenix-faq-block::before {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: linear-gradient(
        to right,
        #0b5cff,
        rgba(11, 92, 255, 0.2)
    );
    margin-bottom: 24px;
    border-radius: 3px;
}


/* =========================================================
   PREMIUM — CTA AUTHORITY
========================================================= */

body.single-market-report .sidebar-button {
    box-shadow:
        0 6px 16px rgba(0, 91, 181, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

body.single-market-report .sidebar-button:hover {
    transform: translateY(-1px);
}

/* =========================================================
   PREMIUM — DATA EMPHASIS
========================================================= */

body.single-market-report strong {
    color: #0f172a;
}







/* =========================================================
   MARKET REPORT — MOBILE (≤ 768px)
   SINGLE COLUMN · HEADER SAFE · POLISHED
   FINAL / FROZEN VERSION
========================================================= */

@media (max-width: 768px) {

    /* =====================================================
       LAYOUT RESET — SINGLE COLUMN FLOW
    ===================================================== */

    body.single-market-report .row {
        flex-direction: column;
    }

    body.single-market-report .column.left {
        width: 100%;
        padding-top: 16px;
    }

    body.single-market-report .column.right {
        position: static !important;
        width: 100%;
        transform: none !important;
        top: auto !important;
        right: auto !important;
        margin-top: 32px;
        padding-top: 16px;
        border-top: 1px solid #e5e7eb; /* subtle section separation */
        z-index: auto;
    }

    /* =====================================================
       CTA — INLINE, CLEAR, TOUCH FRIENDLY
    ===================================================== */

    body.single-market-report .sidebar-button {
        width: 100%;
        text-align: center;
    }

    body.single-market-report .sidebar-contact-box {
        margin-top: 20px;
    }

    /* =====================================================
       CONTENT WIDTH NORMALIZATION
    ===================================================== */

    body.single-market-report .column.left > header,
    body.single-market-report .phoenix-tabs {
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
    }

    /* =====================================================
       TABS — MOBILE SAFE SCROLL
    ===================================================== */

    body.single-market-report .phoenix-tab-nav {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    body.single-market-report .phoenix-tab-btn {
        white-space: nowrap;
        flex-shrink: 0;
    }

    /* =====================================================
       TYPOGRAPHY — MOBILE RHYTHM
    ===================================================== */

    body.single-market-report .column.left p {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 16px;
    }

    body.single-market-report .column.left h2 {
        font-size: 20px;
    }

    /* =====================================================
       FAQ — SPACING COMFORT
    ===================================================== */

    body.single-market-report .phoenix-faq-block {
        margin-top: 40px;
        padding-top: 32px;
    }

    /* =====================================================
       POPUP — VIEWPORT SAFE
    ===================================================== */

    .phoenix-popup {
        width: 94%;
        max-height: calc(100vh - 100px);
    }

    /* =====================================================
       LONG URL HARD WRAP FIX (LinkedIn / X / Medium)
    ===================================================== */

    body.single-market-report .column.left,
    body.single-market-report .column.left p,
    body.single-market-report .column.left li,
    body.single-market-report .column.left a {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* =====================================================
       LINK READABILITY POLISH (VISUAL ONLY)
    ===================================================== */

    body.single-market-report .column.left a {
        line-height: 1.5;
        display: inline-block;
    }

}