/* ── Marketplace Architect Theme (idehunian.com) ─────────────── */
/* Brand palette: Navy #1C3664 + Red #CC2B35 + White #FAFCFF     */

/* Font override */
.theme-marketplace-architect {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
.theme-marketplace-architect h1,
.theme-marketplace-architect h2,
.theme-marketplace-architect h3 {
    font-family: 'DM Serif Display', Georgia, serif;
}

/* Global accent override — eyebrow, chips, highlights → red brand */
.theme-marketplace-architect .mah-eyebrow,
.theme-marketplace-architect .mkc-eyebrow,
.theme-marketplace-architect .mkf-eyebrow,
.theme-marketplace-architect .section-tag {
    color: var(--brass, #CC2B35);
}
.theme-marketplace-architect .mah-eyebrow-dot {
    background: var(--brass, #CC2B35);
}

/* Heading em → navy brand */
.theme-marketplace-architect h1 em,
.theme-marketplace-architect h2 em,
.theme-marketplace-architect h3 em {
    color: var(--brass, #CC2B35);
    font-style: italic;
}

/* Search button → brand red */
.theme-marketplace-architect .mah-search-btn {
    background: var(--brass, #CC2B35);
}
.theme-marketplace-architect .mah-search-btn:hover {
    background: #A51F27;
}

/* Category chips hover → brand red */
.theme-marketplace-architect .mah-cat-chip:hover {
    background: var(--brass, #CC2B35);
    border-color: var(--brass, #CC2B35);
}

/* Category cards CTA → navy */
.theme-marketplace-architect .mkc-card-cta,
.theme-marketplace-architect .mkc-all-link,
.theme-marketplace-architect .mkf-head-link {
    color: var(--espresso, #1C3664);
}
.theme-marketplace-architect .mkc-all-link:hover,
.theme-marketplace-architect .mkf-head-link:hover {
    border-color: var(--brass, #CC2B35);
    color: var(--brass, #CC2B35);
}

/* Featured card count & kategori label → red */
.theme-marketplace-architect .mkc-card-count,
.theme-marketplace-architect .mkf-card-kategori {
    color: var(--brass, #CC2B35);
}

/* Featured card buy button → red */
.theme-marketplace-architect .mkf-card-btn {
    background: var(--brass, #CC2B35);
}
.theme-marketplace-architect .mkf-card-btn:hover {
    background: #A51F27;
}

/* Bottom CTA button → navy */
.theme-marketplace-architect .mkf-cta-btn {
    background: var(--espresso, #1C3664);
}
.theme-marketplace-architect .mkf-cta-btn:hover {
    background: var(--mocha, #2A4F8F);
}

/* Spec style badge → navy tint */
.theme-marketplace-architect .prod-spec-style {
    background: var(--linen-dk, #E8EEF8);
    color: var(--espresso, #1C3664);
}

/* Inquiry button → red */
.theme-marketplace-architect .prod-inquiry-link {
    background: var(--brass, #CC2B35);
}
.theme-marketplace-architect .prod-inquiry-link:hover {
    background: #A51F27;
}

/* Filter tab active → red underline */
.theme-marketplace-architect .mkf-tab--active {
    color: var(--brass, #CC2B35);
    border-color: var(--brass, #CC2B35);
}
.theme-marketplace-architect .mkf-tab:hover {
    color: var(--espresso, #1C3664);
}

/* Navbar: transparent on hero, navy on scroll */
.theme-marketplace-architect .wa-navbar {
    background: transparent;
    transition: background .3s, box-shadow .3s;
}
.theme-marketplace-architect .wa-navbar.scrolled,
.theme-marketplace-architect .wa-navbar.nav-solid {
    background: rgba(15,30,61,.96);
    backdrop-filter: blur(12px);
    box-shadow: 0 2px 20px rgba(0,0,0,.25);
}
.theme-marketplace-architect .wa-navbar .nav-logo,
.theme-marketplace-architect .wa-navbar .nav-link { color: #fff; }
.theme-marketplace-architect .wa-navbar .nav-link:hover { color: var(--brass-lt, #E85A62); }

/* CTA section → navy */
.theme-marketplace-architect .wa-cta {
    background: var(--espresso, #1C3664);
    color: #fff;
}

/* Footer → dark navy */
.theme-marketplace-architect footer {
    background: var(--charcoal, #0F1E3D);
}

/* Scrollbar brand */
.theme-marketplace-architect ::-webkit-scrollbar-thumb {
    background: var(--sage-lt, #4A6FA0);
}
.theme-marketplace-architect ::-webkit-scrollbar-thumb:hover {
    background: var(--brass, #CC2B35);
}

/* ── Product Card Specs (marketplace mode) ───────────────────── */
.theme-marketplace-architect .prod-specs-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem .5rem;
    margin: .4rem 0 .55rem;
}
.theme-marketplace-architect .prod-spec-style {
    display: inline-block;
    background: var(--blush, #F5EDE0);
    color: var(--espresso, #78401E);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: .22rem .6rem;
    border-radius: 999px;
    white-space: nowrap;
}
.theme-marketplace-architect .prod-spec-item {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    font-size: .72rem;
    font-weight: 500;
    color: var(--taupe, #7A6E65);
    white-space: nowrap;
}
.theme-marketplace-architect .prod-spec-item svg {
    width: 11px;
    height: 11px;
    flex-shrink: 0;
    opacity: .7;
}
.theme-marketplace-architect .prod-spec-item:not(:last-child)::after {
    content: '·';
    margin-left: .35rem;
    color: var(--brass-lt, #E8D4A8);
}

/* Card image taller for design showcase */
.theme-marketplace-architect .prod-img {
    height: 220px !important;
}

/* Inquiry link styled as secondary CTA */
.theme-marketplace-architect .prod-inquiry-link {
    display: inline-flex;
    align-items: center;
    padding: .38rem .8rem;
    background: var(--brass, #C9A96E);
    color: #fff !important;
    border-radius: 7px;
    font-size: .78rem;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s;
}
.theme-marketplace-architect .prod-inquiry-link:hover {
    background: var(--espresso, #78401E);
}

/* ── CTA Section — Navy brand (mengganti gradient merah-oranye) ── */
.theme-marketplace-architect .cta-banner {
    background: linear-gradient(135deg, #0A1628 0%, #1C3664 60%, #1E4080 100%) !important;
}
.theme-marketplace-architect .cta-banner::before,
.theme-marketplace-architect .cta-banner::after {
    border-color: rgba(255,255,255,.06) !important;
}
/* Aksen merah brand di kiri */
.theme-marketplace-architect .cta-banner::before {
    background: radial-gradient(ellipse at 10% 50%, rgba(204,43,53,.18) 0%, transparent 60%);
    border: none;
    top: 0; left: 0;
    width: 500px; height: 100%;
    border-radius: 0;
}

/* Teks */
.theme-marketplace-architect .cta-title {
    color: #fff !important;
    font-family: 'DM Serif Display', Georgia, serif;
}
.theme-marketplace-architect .cta-title em { color: #E85A62 !important; }
.theme-marketplace-architect .cta-desc { color: rgba(255,255,255,.72) !important; }

/* Info cards — semi-transparan putih */
.theme-marketplace-architect .cta-info-card {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.12);
    backdrop-filter: blur(8px);
}
.theme-marketplace-architect .cta-info-card:hover {
    background: rgba(255,255,255,.14) !important;
}
.theme-marketplace-architect .cta-info-icon {
    background: #CC2B35 !important;
}
.theme-marketplace-architect .cta-info-icon svg { fill: #fff !important; }
.theme-marketplace-architect .cta-info-label { color: rgba(255,255,255,.55) !important; }
.theme-marketplace-architect .cta-info-val   { color: #fff !important; font-weight: 600; }

/* Tombol WA — merah brand */
.theme-marketplace-architect .cta-wa-btn,
.theme-marketplace-architect .cta-wa-link {
    background: #CC2B35 !important;
    color: #fff !important;
    border-color: #CC2B35 !important;
}
.theme-marketplace-architect .cta-wa-btn:hover,
.theme-marketplace-architect .cta-wa-link:hover {
    background: #A51F27 !important;
}

/* Tombol Telepon — outlined putih */
.theme-marketplace-architect .cta-call-btn {
    border: 1.5px solid rgba(255,255,255,.35) !important;
    color: #fff !important;
    background: transparent !important;
}
.theme-marketplace-architect .cta-call-btn:hover {
    border-color: #CC2B35 !important;
    background: rgba(204,43,53,.12) !important;
}
.theme-marketplace-architect .cta-call-label { color: rgba(255,255,255,.6) !important; }
.theme-marketplace-architect .cta-call-number { color: #fff !important; }

/* ── Footer — Marketplace idehunian.com ──────────────────────── */

/* Brand name & tagline */
.theme-marketplace-architect footer .footer-brand-name {
    font-family: 'DM Serif Display', Georgia, serif;
    font-size: 1.6rem;
    color: #fff;
    letter-spacing: -.01em;
}
.theme-marketplace-architect footer .footer-brand-name span {
    color: #CC2B35;
}
.theme-marketplace-architect footer .footer-tagline {
    color: rgba(255,255,255,.65);   /* naik dari .35 → lebih terbaca */
    line-height: 1.8;
    font-size: .875rem;
}

/* Social icons */
.theme-marketplace-architect footer .footer-social-link {
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.15);
    transition: background .2s, border-color .2s;
}
.theme-marketplace-architect footer .footer-social-link:hover {
    background: #CC2B35;
    border-color: #CC2B35;
}
.theme-marketplace-architect footer .footer-social-link svg {
    fill: rgba(255,255,255,.8);
}

/* Column heading — bersih tanpa box, pakai garis merah kiri */
.theme-marketplace-architect footer .footer-col-title {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff !important;
    margin-bottom: 1.25rem;
    padding-bottom: .6rem;
    border-bottom: 2px solid #CC2B35;
    display: inline-block;
}

/* Links — lebih terang, jarak lebih rapi */
.theme-marketplace-architect footer .footer-links li {
    margin-bottom: .85rem;  /* naik dari .7rem */
}
.theme-marketplace-architect footer .footer-links a {
    color: rgba(255,255,255,.62) !important;  /* naik dari .4 → jauh lebih terbaca */
    font-size: .88rem;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    transition: color .2s, padding-left .2s;
    display: block;
}
.theme-marketplace-architect footer .footer-links a:hover {
    color: #fff !important;
    padding-left: 4px;
}

/* Separator line antara brand col dan nav cols */
.theme-marketplace-architect footer .footer-top {
    border-bottom-color: rgba(255,255,255,.1);
    padding-bottom: 3rem;
}

/* Bottom bar — copyright */
.theme-marketplace-architect footer .footer-bottom {
    padding-top: 1.5rem;
    color: rgba(255,255,255,.4);
    font-size: .78rem;
}
.theme-marketplace-architect footer .footer-bottom a {
    color: rgba(255,255,255,.55);
}
.theme-marketplace-architect footer .footer-bottom a:hover {
    color: #CC2B35;
}

/* ── Mobile accordion — override warna untuk dark theme ────── */
@media (max-width: 768px) {
    .theme-marketplace-architect footer [data-footer-accordion-item] {
        border-top-color: rgba(255,255,255,.1);
    }
    .theme-marketplace-architect footer .footer-accordion-toggle {
        padding: .85rem 0;
    }
    .theme-marketplace-architect footer .footer-accordion-toggle::after {
        color: rgba(255,255,255,.6);
        font-size: 1.2rem;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255,255,255,.2);
        border-radius: 50%;
    }
    .theme-marketplace-architect footer .footer-accordion-toggle[aria-expanded="true"]::after {
        background: rgba(204,43,53,.2);
        border-color: #CC2B35;
        color: #CC2B35;
    }
    .theme-marketplace-architect footer .footer-accordion-toggle .footer-col-title {
        border-bottom: none;
        margin-bottom: 0;
        font-size: .7rem;
    }
    .theme-marketplace-architect footer .footer-accordion-panel {
        padding-bottom: .75rem;
    }
    .theme-marketplace-architect footer .footer-links li {
        margin-bottom: .75rem;
    }
    .theme-marketplace-architect footer .footer-links a {
        font-size: .875rem;
        color: rgba(255,255,255,.6) !important;
    }
}

/* ── Legacy marketplace body class (kept for BC) ─────────────── */

body.theme-homepage-marketplace .hero {
    grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
    min-height: 92vh;
}

body.theme-homepage-marketplace .hero-left {
    padding: 7rem 4rem 4rem;
}

body.theme-homepage-marketplace .hero-headline {
    max-width: 9ch;
    font-size: clamp(3.2rem, 6vw, 6.2rem);
}

body.theme-homepage-marketplace .hero-desc {
    max-width: 560px;
    font-size: 1rem;
}

body.theme-homepage-marketplace .hero-actions {
    gap: .9rem;
}

body.theme-homepage-marketplace .featured-bg,
body.theme-homepage-marketplace .testi-bg,
body.theme-homepage-marketplace .cta-bg,
body.theme-homepage-marketplace .map-bg {
    position: relative;
}

body.theme-homepage-marketplace .section-wrap {
    max-width: 1340px;
}

body.theme-homepage-marketplace .featured-scroll {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}

body.theme-homepage-marketplace .prod-card,
body.theme-homepage-marketplace .testi-card,
body.theme-homepage-marketplace .service-card,
body.theme-homepage-marketplace .trust-card {
    border-radius: 14px;
}

body.theme-homepage-marketplace .testi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.4rem;
}

body.theme-homepage-marketplace .homepage-articles-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.theme-homepage-marketplace .hero-spotlight-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    margin-top: 1.6rem;
    position: relative;
    z-index: 2;
}

body.theme-homepage-marketplace .hero-spotlight-metric {
    background: rgba(253, 251, 247, .12);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: .95rem 1rem;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

body.theme-homepage-marketplace .hero-spotlight-metric strong {
    display: block;
    font-size: 1.2rem;
    color: var(--ivory);
    margin-bottom: .2rem;
}

body.theme-homepage-marketplace .hero-spotlight-metric span {
    display: block;
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: rgba(253,251,247,.78);
}

@media (max-width: 1120px) {
    body.theme-homepage-marketplace .hero {
        grid-template-columns: 1fr;
    }

    body.theme-homepage-marketplace .featured-scroll,
    body.theme-homepage-marketplace .testi-grid,
    body.theme-homepage-marketplace .homepage-articles-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    body.theme-homepage-marketplace .hero-left {
        padding: 6rem 1.5rem 3rem;
    }

    body.theme-homepage-marketplace .hero-spotlight-metrics,
    body.theme-homepage-marketplace .featured-scroll,
    body.theme-homepage-marketplace .testi-grid,
    body.theme-homepage-marketplace .homepage-articles-grid {
        grid-template-columns: 1fr;
    }
}