/* ==========================================================
   GBP Page Overrides - google-business-profile.html
   Created: 2026-04-08
   ========================================================== */

/* ----- Reduced Section Spacing ----- */
.gbp-page section.py-4.py-sm-5.py-md-6 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

@media (min-width: 576px) {
    .gbp-page section.py-4.py-sm-5.py-md-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media (min-width: 768px) {
    .gbp-page section.py-4.py-sm-5.py-md-6 {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }
}

/* ----- GEO Answer Block ----- */
.geo-answer-text {
    font-size: 0.95rem;
    color: #444;
    line-height: 1.7;
}

/* ----- Step Numbers (How It Works) ----- */
.step-number {
    font-size: 3rem;
    font-weight: 700;
    color: #1a9e5f;
    line-height: 1;
    margin-bottom: 0.75rem;
}

/* ----- February Update Callout ----- */
.feb-update-label {
    color: #6ee7b7;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* ----- Proof Section Phone Images ----- */
.proof-phone-img {
    max-width: 200px;
    height: auto;
    margin: 0 auto;
    display: block;
}

/* ----- Dashboard Image in What We Do ----- */
.gbp-dashboard-row {
    margin-top: 2rem;
}

.gbp-dashboard-row img {
    border-radius: 0.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.gbp-dashboard-caption {
    font-size: 0.875rem;
    color: #666;
    margin-top: 0.75rem;
}

/* ----- Pricing Card Green Border ----- */
.pricing-card-highlight {
    border: 2px solid #1a9e5f;
}

/* ----- Pricing Card Labels ----- */
.pricing-label {
    color: #1a9e5f;
    font-size: 0.75rem;
}

/* ----- Pricing Bundle Card ----- */
.pricing-bundle {
    background-color: #20293a !important;
    color: #fff !important;
}

.pricing-bundle h3,
.pricing-bundle p,
.pricing-bundle span,
.pricing-bundle li {
    color: #fff !important;
}

.bundle-label {
    color: #34d399;
    font-size: 0.75rem;
}

.bundle-check {
    color: #34d399;
}

/* ----- Pricing Card Typography ----- */
.pricing-card-highlight .display-4 {
    font-family: 'Outfit', 'Inter', sans-serif;
}

/* ----- Testimonial Stars ----- */
.review-stars {
    color: #f59e0b !important;
    font-size: 1.5rem !important;
}

/* ----- Card Hover States ----- */
.service-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.service-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
}