/* ── Breadcrumbs ── */
    .sh-bc { background: var(--sh-bg, #f8fafc); border-bottom: 1px solid var(--sh-border, #e2e8f0); padding: 0.75rem 0; }
    .sh-bc__container { max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
    .sh-bc__list { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; color: var(--sh-text-3, #64748b); overflow: hidden; white-space: nowrap; list-style: none; margin: 0; padding: 0; }
    .sh-bc__chevron { width: 1rem !important; height: 1rem !important; color: var(--pi-text-muted, #94a3b8); flex-shrink: 0; }
    .sh-bc__home-icon { width: 1rem !important; height: 1rem !important; }
    .sh-bc__sep { color: var(--pi-text-muted, #94a3b8); margin: 0 0.25rem; }
    .sh-bc__link { display: flex; align-items: center; gap: 0.25rem; color: inherit; text-decoration: none; transition: color 0.2s; }
    .sh-bc__link:hover { color: var(--pi-primary, #007d3d); }
    .sh-bc__current { color: var(--sh-text, #0f172a); font-weight: 500; overflow: hidden; text-overflow: ellipsis; max-width: 200px; }
    @media (min-width: 768px) { .sh-bc__current { max-width: 28rem; } }
    .dark .sh-bc { background: var(--sh-bg, #0f172a); border-bottom-color: var(--sh-border, #334155); }
    .dark .sh-bc__current { color: var(--sh-text, #f1f5f9); }

    /* ── Smooth transition ── */
    body, #main-header, section, article, input, textarea, select, .sh-bb, .sh-mnav, table,
    .sh-townhouse-card, .sh-diary-section, .sh-diary-item, .sh-diary-player, .sh-diary-side {
        transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    }

    /* ── Custom Scrollbar (Desktop) ── */
    @media (min-width: 1024px) {
        html { scrollbar-width: thin; scrollbar-color: var(--pi-primary, #007d3d) var(--pi-bg-alt, #f0f0f0); }
        ::-webkit-scrollbar { width: 10px; height: 10px; }
        ::-webkit-scrollbar-track { background: var(--pi-bg-alt, #f0f0f0); }
        ::-webkit-scrollbar-thumb { background: var(--pi-primary, #007d3d); border-radius: 5px; border: 2px solid var(--pi-bg-alt, #f0f0f0); }
        ::-webkit-scrollbar-thumb:hover { background: var(--pi-primary-dark, #004d26); }
    }

    /* ── Search Input Fix ── */
    input[type="search"] { -webkit-appearance: none; appearance: none; }
    input[type="search"]::-webkit-search-decoration,
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-results-button,
    input[type="search"]::-webkit-search-results-decoration { display: none; -webkit-appearance: none; }

    /* ── Hide Scrollbar ── */
    .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
    .scrollbar-hide::-webkit-scrollbar { display: none; }

    /* ── Global Font ── */
    body, input, textarea, select, button, .wp-block-table, .entry-content, .entry-content * {
        font-family: 'Be Vietnam Pro', sans-serif !important;
    }

    /* ── Horizontal Scroll Snap (carousels) ── */
    .sh-hscroll { -ms-overflow-style: none; scrollbar-width: none; scroll-snap-type: x mandatory; }
    .sh-hscroll::-webkit-scrollbar { display: none; }

    /* ── WordPress emoji ── */
    img.emoji {
        display: inline !important;
        width: 1em !important;
        height: 1em !important;
        margin: 0 0.07em !important;
        vertical-align: -0.1em;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* ── Dark mode utility overrides (legacy TW class selectors) ── */
    .dark section[class*="bg-white"], .dark div[class*="bg-white"] { background: var(--pi-bg, #0f172a) !important; }
    .dark [class*="border-gray-200"] { border-color: var(--pi-border, #374151) !important; }
    .dark [class*="text-slate-800"], .dark [class*="text-slate-900"] { color: var(--pi-text, #f1f5f9) !important; }
    .dark [class*="text-gray-500"] { color: var(--pi-text-3, #94a3b8) !important; }
    .dark [class*="text-slate-600"] { color: var(--pi-text-2, #e2e8f0) !important; }
    .dark [class*="text-gray-400"] { color: var(--pi-text-muted, #64748b) !important; }

    /* ── Grid helpers (about, pricing) ── */
    .sh-grid-1-1 { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }
    .sh-grid-5-7-start { display: grid; grid-template-columns: 5fr 7fr; gap: 2rem; align-items: start; }
    .team-header-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; margin-bottom: 3rem; }
    @media (min-width: 1024px) {
        .team-header-grid { grid-template-columns: 5fr 7fr; gap: 3rem; align-items: start; }
    }
    .interior-hero-grid { display: grid; grid-template-columns: 1fr; gap: 3rem; }
    @media (min-width: 1024px) { .interior-hero-grid { grid-template-columns: 1fr 1fr; } }

    @media (max-width: 1023px) {
        .sh-grid-1-1,
        .sh-grid-5-7-start,
        .sh-grid-7-5-end,
        .sh-grid-8-4-end,
        .sh-grid-5-7-end {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
        }
    }

/* ════════════════════════════════════════════════
   Print Styles
   ════════════════════════════════════════════════ */
@media print {
    body { background: #fff !important; color: #000 !important; font-size: 12pt !important; line-height: 1.5 !important; }
    header, footer, nav, #sh-chatbot, #sh-floating-buttons, #sh-mobile-nav,
    .sh-mnav, #sh-dark-toggle, .back-to-top, .sidebar, aside,
    .share-buttons, .related-posts, .breadcrumb, .hero-carousel,
    .scroll-top-btn, .floating-btn, iframe, video, .wp-block-embed,
    .no-print { display: none !important; }
    .container, main, article { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
    h1 { font-size: 22pt !important; margin-bottom: 8pt !important; }
    h2 { font-size: 16pt !important; margin-top: 14pt !important; }
    h3 { font-size: 13pt !important; }
    p, li, td, th { font-size: 11pt !important; }
    a[href]:not([href^="#"]):not([href^="javascript"])::after {
        content: " (" attr(href) ")"; font-size: 9pt; color: #666; font-style: italic;
    }
    a { color: #000 !important; text-decoration: underline !important; }
    table { border-collapse: collapse !important; width: 100% !important; }
    th, td { border: 1px solid #ccc !important; padding: 6px 8px !important; }
    th { background: #f0f0f0 !important; font-weight: bold !important; }
    img { max-width: 100% !important; height: auto !important; }
    h1, h2, h3 { page-break-after: avoid; }
    img, table, blockquote { page-break-inside: avoid; }
    .dark * { background: transparent !important; color: #000 !important; border-color: #ccc !important; }
    body::before {
        content: "SAIGON HOUSE — Thiết Kế Thi Công Xây Dựng | Hotline: 0961 868 968 | thietkethicongnhadep.vn";
        display: block; text-align: center; font-size: 9pt; color: #666;
        border-bottom: 1px solid #ccc; padding-bottom: 6pt; margin-bottom: 12pt;
    }
}