/* ============================================
   PREMIUM LAYER — vrhunski polish
   Loaded last; refines the existing system.
   ============================================ */

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { text-rendering: optimizeLegibility; }

/* Slightly tighter, more luxurious display tracking */
.section-title { letter-spacing: 5px; }

/* Refined gradient underline accent under section titles */
.section-header .section-title { position: relative; }
.section-header .section-title::after {
    content: '';
    display: block;
    width: 72px;
    height: 3px;
    margin: 22px auto 0;
    border-radius: 3px;
    background: var(--sunset-gradient);
    box-shadow: 0 0 22px rgba(255, 140, 66, 0.5);
}
.about-content .section-title::after { margin-left: 0; }

/* Ambient light behind the page for depth */
.services-preview, .testimonials { position: relative; }
.services-preview::before, .testimonials::before {
    content: '';
    position: absolute;
    width: 520px; height: 520px;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.5;
    pointer-events: none;
    z-index: 0;
}
.services-preview::before { top: -120px; right: -100px; background: radial-gradient(circle, rgba(255,45,146,0.18), transparent 70%); }
.testimonials::before    { bottom: -140px; left: -120px; background: radial-gradient(circle, rgba(0,217,224,0.16), transparent 70%); }
.services-preview > *, .testimonials > * { position: relative; z-index: 1; }

/* Premium glass nav */
.navbar {
    border-bottom: 1px solid rgba(255, 245, 225, 0.06);
}
.navbar.scrolled {
    background: rgba(10, 4, 20, 0.92);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255,45,146,0.18);
}
.nav-logo-img {
    box-shadow: 0 0 0 1px rgba(255,45,146,0.35), 0 6px 20px rgba(0,0,0,0.5);
}

/* Deeper, softer card shadows + smoother lift */
.service-card, .car-card, .g-review, .phone-frame, .character-card {
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.35);
}
.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 70px rgba(255, 45, 146, 0.22), 0 12px 30px rgba(0,0,0,0.5);
}

/* Service price chip — make it pop as premium */
.service-price {
    text-shadow: 0 0 22px rgba(6, 255, 165, 0.35);
}

/* Buttons: richer depth */
.btn-primary {
    box-shadow: 0 8px 26px rgba(255, 45, 146, 0.45), inset 0 1px 0 rgba(255,255,255,0.18);
}
.btn-primary:hover {
    box-shadow: 0 14px 38px rgba(255, 45, 146, 0.6), inset 0 1px 0 rgba(255,255,255,0.25);
}

/* Feature (halo) car cards — bigger price + a soft inner vignette */
.car-card.feature .car-name { letter-spacing: 2px; }
.car-card.feature:hover {
    box-shadow: 0 40px 90px rgba(255, 45, 146, 0.3), 0 14px 36px rgba(0,0,0,0.55);
}

/* Reviews badge — premium framing */
.reviews-badge {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 22px;
    margin-bottom: 26px;
    background: rgba(255, 245, 225, 0.04);
    border: 1px solid rgba(255, 245, 225, 0.1);
    border-radius: 100px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.35);
}
.reviews-badge .g-logo { width: 26px; height: 26px; }
.reviews-badge-text { display: flex; flex-direction: column; text-align: left; line-height: 1.25; }
.reviews-score { font-family: var(--font-head); font-size: 18px; letter-spacing: 2px; color: var(--cream); }
.reviews-count { font-family: var(--font-mono); font-size: 10px; letter-spacing: 1px; color: var(--text-muted); text-transform: uppercase; }

/* Footer logo glow */
.footer-logo-img { box-shadow: 0 0 0 1px rgba(255,45,146,0.25), 0 14px 40px rgba(0,0,0,0.5); }

/* Smoother global focus for accessibility */
a:focus-visible, button:focus-visible {
    outline: 2px solid var(--teal-bright);
    outline-offset: 3px;
    border-radius: 6px;
}

@media (max-width: 768px) {
    .section-title { letter-spacing: 3px; }
    .services-preview::before, .testimonials::before { display: none; }
}