/*
 Theme Name:   Microsites
 Theme URI:    https://microsites.greenvillewebworks.com
 Description:  Microsite child theme
 Author:       Greenville Web Works
 Author URI:   https://greenvillewebworks.com
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  microsites
*/

body .page-header { background-color:  var(--e-global-color-accent); padding-top: 8px; padding-bottom: 4px; }
body .page-header h1.entry-title { color: #fff; }

.demo-note {
    background: #fffbcc;
    border: 1px solid #f0d800;
    border-left: 5px solid #f0d800;
    padding: 1em 1.25em;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    margin: 1.5em 0;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.08);
}

.ms-order-btn img { max-height: 40px; width: auto; }

.ms-order-btn { background-color: #555; display: block; margin-bottom: 10px; text-align: center; padding: 10px; padding-top: 20px; }

.ms-order-btn.ms-order-btn--doordash { background-color: #ef3c25 }
.ms-order-btn.ms-order-btn--doordash:hover { background-color: #d63520 }
.ms-order-btn.ms-order-btn--doordash img { max-height: 20px; }

.ms-order-btn.ms-order-btn--ubereats { background-color: #34b667 }
.ms-order-btn.ms-order-btn--ubereats:hover { background-color: #2d9c59 }
.ms-order-btn.ms-order-btn--ubereats img { max-height: 24px; }

.ms-order-btn.ms-order-btn--grubhub { background-color: #f15924 }
.ms-order-btn.ms-order-btn--grubhub:hover { background-color: #f15924 }
.ms-order-btn.ms-order-btn--grubhub img { max-height: 26px; }

.ms-order-btn.ms-order-btn--instacart { background-color: #f9f1e6 }
.ms-order-btn.ms-order-btn--instacart:hover { background-color: #f9f1e6 }
.ms-order-btn.ms-order-btn--instacart img { max-height: 20px; }

.ms-order-btn.ms-order-btn--toast { background-color: #f05023 }
.ms-order-btn.ms-order-btn--toast:hover { background-color: #f05023 }
.ms-order-btn.ms-order-btn--toast img { max-height: 28px; }

.ms-order-btn.ms-order-btn--square { background-color: #414042 }
.ms-order-btn.ms-order-btn--square:hover { background-color: #414042 }
.ms-order-btn.ms-order-btn--square img { max-height: 28px; }

.ms-order-btn.ms-order-btn--olo { background-color: #528dca }
.ms-order-btn.ms-order-btn--olo:hover { background-color: #528dca }
.ms-order-btn.ms-order-btn--olo img { max-height: 26px; }

.ms-order-btn.ms-order-btn--slice { background-color: #2bb673 }
.ms-order-btn.ms-order-btn--slice:hover { background-color: #2bb673 }
.ms-order-btn.ms-order-btn--slice img { max-height: 32px; }

.ms-order-btn.ms-order-btn--ezcater { background-color: #05b473 }
.ms-order-btn.ms-order-btn--ezcater:hover { background-color: #05b473 }
.ms-order-btn.ms-order-btn--ezcater img { max-height: 30px; }

@media screen and (max-width: 768px){
	
	body .page-header {  padding: 4px 20px }

	
}

.gr-slider .swiper-pagination-bullet-active {
    background: #999 !important;
}

/* =============================================================================
   Google Reviews Slider
   ============================================================================= */

.realreviews {  width: 100%; text-align: center; font-size: 20px;  }

.gr-slider {
	z-index: 100;
    position: relative;
    padding-bottom: 3em;
    border: 1px solid #ccc; padding: 30px; padding-bottom: 30px;
}

.gr-review {
    padding: 1.5em;
}

.gr-review__text {
    margin: 0 0 1.5em;
}

.gr-review__footer {
    display: flex;
    align-items: center;
    gap: 12px;
}

.gr-review__avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    flex-shrink: 0;
    object-fit: cover;
}

.gr-review__meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.gr-review__stars {
    color: #fbbc04;
    font-size: 1em;
    line-height: 1;
}

.gr-review__star--empty {
    color: #ccc;
}

.gr-review__author {
    font-weight: 600;
    font-size: 0.9em;
}

.gr-review__time {
    font-size: 0.8em;
    color: #888;
}

.gr-slider__pagination {
    bottom: 0;
}

/* ── Google Rating Button ─────────────────────────────────────────────────── */

.gr-listing {
    margin-top: 1.5em;
    text-align: center;
}

.gr-listing__btn {
    display: inline-block;
    padding: 0.6em 1.4em;
    color: #fff;
    background-color: var(--e-global-color-accent);
    text-decoration: none;
    font-size: 0.9em;
    font-weight: 600;
}

.gr-listing__btn:hover { color: #fff; }

/* =============================================================================
   Microsite Hero Slider
   ============================================================================= */

.ms-hero-slider {
    position: relative;
    width: 100%;
    height: 50vh;
    overflow: hidden;
}

.ms-hero-slider__swiper {
    width: 100%;
    height: 100%;
}

.ms-hero-slider__slide {
    width: 100%;
    height: 100%;
}

.ms-hero-slider__bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.ms-hero-slider__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    pointer-events: none;
}

.ms-hero-slider__content {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 2rem;
    text-align: center;
    pointer-events: none;
}

.ms-hero-slider__title {
    margin: 0 0 0.4em;
    padding: 0;
    color: #fff;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 700;
    line-height: 1.15;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}

.ms-hero-slider__subtitle {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: clamp(1rem, 2.5vw, 1.6rem);
    font-weight: 400;
    line-height: 1.4;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
}

/* ── Elementor full-width fix ──────────────────────────────────────────────── */
.elementor-section.elementor-section-stretched .ms-hero-slider,
.e-con.e-con--full-width .ms-hero-slider {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

/* ── Responsive ────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .ms-hero-slider {
        height: 50vh;
    }

    .ms-hero-slider__content {
        padding: 0 1.25rem;
    }
}

@media (max-width: 480px) {
    .ms-hero-slider {
        height: 45vh;
    }
}