/* ═══════════════════════════════════════════════════════
   QB MEET & GREET — page-specific styles
   Extends style.css. Keeps the same dark-gold luxury base,
   adds subtle blue (QBM brand) accents for differentiation.
   ═══════════════════════════════════════════════════════ */

:root {
    --qbm-blue: #4a72c4;
    --qbm-blue-soft: rgba(74, 114, 196, 0.16);
}

/* Active nav badge highlight */
.qbm-nav-link.qbm-active {
    filter: drop-shadow(0 0 10px rgba(74,114,196,0.65));
}
.qbm-nav-link.qbm-active .qbm-nav-icon {
    box-shadow: 0 0 0 2px rgba(74,114,196,0.5);
    border-radius: 50%;
}

/* Hero badge above eyebrow text */
.qm-hero-badge {
    width: 64px;
    height: 64px;
    object-fit: contain;
    margin-bottom: 1.4rem;
    filter: drop-shadow(0 0 14px rgba(74,114,196,0.45));
}

/* Blue-tinted accent glow layered over the gold one */
.qm-accent {
    background:
        radial-gradient(ellipse 60% 45% at 88% 18%, rgba(74,114,196,0.14) 0%, transparent 55%),
        radial-gradient(ellipse 70% 50% at 10% 60%, rgba(201,160,104,0.1) 0%, transparent 60%);
}
.qm-orb {
    background: radial-gradient(circle, rgba(74,114,196,0.08) 0%, transparent 70%);
}

/* Concept section: centered, narrower measure for readability */
.qm-concept-inner {
    text-align: center;
    max-width: 780px;
}
.qm-concept-inner .gold-rule { margin-left: auto; margin-right: auto; }
.qm-concept-p {
    font-family: var(--font-b);
    font-size: 1.02rem;
    line-height: 1.9;
    color: var(--muted);
    margin-top: 1.6rem;
    text-align: left;
}

/* Services: only 2 cards, wider layout */
.qm-services-wrap {
    grid-template-columns: repeat(2, 1fr);
}
.qm-svc .svc-icon { color: var(--qbm-blue); }
.qm-svc:hover h3 { color: var(--qbm-blue); }

@media (max-width: 700px) {
    .qm-services-wrap { grid-template-columns: 1fr; }
}

/* Pricing: 2-card layout (featured + wide) */
.qm-pricing-grid {
    grid-template-columns: 1fr 1fr;
}
@media (max-width: 900px) {
    .qm-pricing-grid { grid-template-columns: 1fr; }
}
.qm-pricing-grid .p-card.featured {
    border-color: var(--qbm-blue);
}
.qm-pricing-grid .p-card.featured .p-amount { color: var(--qbm-blue); }