/* ==========================================================================
   Cakra Birawa Tour & Transport — Unified Content Styling (Phase 2)
   Scoped under .entry-content so it overrides each article's inline <style>
   by CSS specificity (e.g. `.entry-content h2` beats bare `h2`), without
   touching the GenerateBlocks (.gb-container-*) custom layouts.
   Brand tokens: gold #e19f1d, dark #1a1a1a, Poppins + Playfair Display.
   ========================================================================== */

/* --- Layout fix: pages have no sidebar but GP forced content to 70% width --- */
body.no-sidebar .site-content .content-area,
body.no-sidebar .site-content .site-main,
body.no-sidebar .content-area#primary {
    width: 100% !important;
    float: none !important;
}
/* Keep the page container comfortable and centered (neutralise Bootstrap .container jitter) */
.site.grid-container#page {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

/* --- Page title (H1) --- */
.entry-header .entry-title {
    font-family: 'Playfair Display', Georgia, serif;
    color: #1a1a1a;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 1rem;
}

/* --- Breadcrumb --- */
.breadcrumb { font-size: .85rem; color: #777; margin-bottom: 1rem; }
.breadcrumb a { color: #b07d12; text-decoration: none; }
.breadcrumb a:hover { color: #e19f1d; }

/* --- Article prose base (overrides inline .article-container / Segoe UI) --- */
.entry-content,
.entry-content .article-container,
.entry-content .dynamic-entry-content {
    font-family: 'Poppins', sans-serif;
    color: #2a2a2a;
    line-height: 1.85;
    font-size: 16px;
    max-width: 100%;
}

/* Headings — rebrand from blue/orange to brand gold + Playfair */
.entry-content h2 {
    font-family: 'Playfair Display', Georgia, serif;
    color: #1a1a1a;
    font-weight: 700;
    font-size: 1.7rem;
    border-bottom: 2px solid #e19f1d;
    padding-bottom: 10px;
    margin: 2.4rem 0 1.1rem;
}
.entry-content h3 {
    font-family: 'Poppins', sans-serif;
    color: #b07d12;
    font-weight: 700;
    font-size: 1.3rem;
    margin: 1.8rem 0 .8rem;
}
.entry-content h4 {
    font-family: 'Poppins', sans-serif;
    color: #1a1a1a;
    font-weight: 600;
    font-size: 1.1rem;
    margin: 1.4rem 0 .6rem;
}

/* Body text, links, lists */
.entry-content p { margin: 0 0 1.2rem; text-align: justify; }
.entry-content a { color: #b07d12; text-decoration: underline; text-underline-offset: 2px; }
.entry-content a:hover { color: #e19f1d; }
.entry-content strong { color: #000; font-weight: 700; }
.entry-content ul, .entry-content ol { margin: 0 0 1.2rem; padding-left: 1.4rem; }
.entry-content li { margin-bottom: .5rem; }
.entry-content blockquote {
    border-left: 4px solid #e19f1d;
    background: #faf7f0;
    margin: 1.6rem 0;
    padding: 1rem 1.3rem;
    font-style: italic;
    color: #555;
    border-radius: 4px;
}

/* Images */
.entry-content img { max-width: 100%; height: auto; border-radius: 8px; }
.entry-content figure { margin: 1.8rem 0; }
.entry-content .img-container { text-align: center; margin: 1.8rem 0; }
.entry-content .img-caption,
.entry-content figcaption {
    font-size: .85rem;
    color: #777;
    margin-top: .5rem;
    font-style: italic;
    text-align: center;
}

/* Tables — gold header */
.entry-content table { width: 100%; border-collapse: collapse; margin: 1.6rem 0; font-size: .95rem; }
.entry-content th { background: #e19f1d; color: #000; font-weight: 600; text-align: left; padding: 12px 14px; }
.entry-content td { border: 1px solid #e6e6e6; padding: 11px 14px; }
.entry-content tr:nth-child(even) td { background: #faf9f6; }

/* Component boxes — rebrand from orange/blue to gold */
.entry-content .highlight-box {
    background: #faf7f0;
    border-left: 5px solid #e19f1d;
    padding: 1.2rem 1.4rem;
    margin: 1.8rem 0;
    font-style: italic;
    border-radius: 4px;
}
.entry-content .info-card {
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 1.4rem;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0,0,0,.05);
    margin-bottom: 1.4rem;
}
.entry-content .info-card h4 { margin-top: 0; color: #1a1a1a; }
.entry-content .baca-juga {
    background: #faf7f0;
    border: 1px dashed #e19f1d;
    padding: 1rem 1.2rem;
    border-radius: 8px;
    margin: 1.6rem 0;
}
.entry-content .baca-juga a { color: #b07d12; font-weight: 600; text-decoration: none; }
.entry-content .baca-juga a:hover { color: #e19f1d; }

/* In-content CTA button — brand gold (was orange) */
.entry-content .btn-cta {
    display: inline-block;
    background: #e19f1d;
    color: #000;
    padding: 13px 30px;
    border-radius: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-decoration: none;
    border: 2px solid #e19f1d;
    transition: all .3s ease;
}
.entry-content .btn-cta:hover { background: transparent; color: #b07d12; }

/* Mobile */
@media (max-width: 768px) {
    .entry-content { font-size: 15.5px; }
    .entry-content h2 { font-size: 1.4rem; }
    .entry-content h3 { font-size: 1.15rem; }
}