/* ============================================================================
   HOME PAGE STYLES
   File: home-page.css
   Description: Extracted from index.blade.php inline styles
   ============================================================================ */

/* Card background colors */
.card-1 {
    background: #FFEED6;
}

.card-2 {
    background: #CCEDFF;
}

.card-3 {
    background: #D7F1EC;
}

/* Store card styling */
.choose-store-card .card {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.choose-store-card .card img.rounded-circle {
    border: 1px solid #EAEAEA;
}

/* Utility classes */
.bg-greenss {
    background: #E7FBEA;
}

.fw-600 {
    font-weight: 600;
}

.bg-none {
    background: none;
}

.text-black {
    color: black;
}

/* Mobile text sizing */
.m-text {
    font-size: 27px;
}

.m-text-2 {
    font-size: 21px;
}

.m-texts {
    font-size: 12px;
}

.m-button {
    font-size: 14px;
    padding: 8px 15px;
}

/* Tablet text sizing */
@media (min-width: 768px) and (max-width: 1023px) {
    .m-texts {
        font-size: 12px;
    }

    .PR_0 {
        padding-right: 0px !important;
    }

    .m-text {
        font-size: 27px;
    }

    .m-text-2 {
        font-size: 21px;
    }

    .m-button {
        font-size: 14px;
        padding: 8px;
    }
}

/* Desktop text sizing */
@media (min-width: 1024px) and (max-width: 1200px) {
    .m-button {
        font-size: 14px;
        padding: 8px 15px;
    }
}

/* Mobile text sizing */
@media (max-width: 767px) {
    .m-text {
        font-size: 14px;
    }

    .m-text-2 {
        font-size: 17px;
    }

    .m-texts {
        font-size: 12px;
    }

    .m-button {
        font-size: 14px;
        padding: 8px 15px;
    }
}

/* Common image size */
.Common_Image_Size {
    width: 55px !important;
    height: 55px;
    margin-right: 10px;
    border-radius: 15px !important;
    position: absolute;
    right: 0;
    top: 5px;
}

/* Testimonial section */
.testimonial_section {
    position: relative !important;
}

.testimonial_section .single img {
    max-height: 232px;
    max-width: 232px;
}

@media (max-width: 1400px) {
    .testimonial_section .single img {
        max-height: 100%;
        max-width: 100%;
    }
}

/* Green background section */
.bg-green {
    background: #3cb54c;
    padding: 40px 0px;
}

/* Header signup override */
header .right_menus .signup.class:before {
    content: '';
    display: none;
}

.text-success {
    color: #1a1a1a !important;
}

.fa-location-dot {
    color: #3CB54C;
    font-size: 18px;
}

/* View link */
.view {
    margin-left: auto;
    color: #3cb54c;
    font-size: 17px;
    font-family: Moderat-Medium, sans-serif;
    float: right;
}

/* Background colors for images */
.backgroundcolors img {
    background-color: #E7FBEA;
}

/* Card icon styling */
.card-icon {
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    height: 85%;
}

.card-icon::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 200px;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 0;
    transform: translate(50%, -50%);
    clip-path: circle(50%);
}

.card-icon h5,
.card-icon p,
.card-icon img {
    position: relative;
    z-index: 1;
}

.card-icon img {
    width: 45px;
    height: auto;
    margin-bottom: 10px;
    float: right;
}

.card-icon h5 {
    margin: 0 0 10px;
    font-size: 1.4em;
    width: 80%;
}

.card-icon p {
    margin: 0;
    font-size: 1em;
    margin-top: 20px;
    width: 80%;
}

/* Card color variations */
.digital-retail {
    background-color: #f0a044;
}

.digital-retail::after {
    background-color: #efc9a1;
}

.schedule-later {
    background-color: #4d8cf6;
}

.schedule-later::after {
    background-color: #93b4e9;
}

.asap-delivery {
    background-color: #4caf8e;
}

.asap-delivery::after {
    background-color: #9ccdbd;
}

/* Store not in location message */
.store-not-in-location {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}

.store-not-in-location h1 {
    font-size: 56px;
    margin-bottom: 10px;
}

.store-not-in-location p {
    font-size: 24px;
}

/* Mobile-only styles */
@media (max-width: 767px) {
    .choose-store-card {
        margin-top: 10px;
    }

    .three-banner {
        display: none;
    }

    .store-not-in-location h1 {
        font-size: 24px;
    }

    .store-not-in-location p {
        font-size: 16px;
    }
}

/* Store pickup */
.store-pickup {
    width: 90%;
}

/* Card image top */
.card-img-top {
    height: 165px;
    object-fit: cover;
}

/* Badge styling */
.badge-status {
    margin-right: 5px;
}

/* Coupon carousel text */
.coupon-carousel-text {
    font-size: 16px;
    font-weight: bold;
}

/* Mobile card icon adjustments */
@media (max-width: 767px) {
    .card-icon h5 {
        font-size: 1.2em;
    }

    .card-icon p {
        font-size: 0.9em;
        margin-top: 12px;
    }

    .card-icon img {
        width: 35px;
    }

    .Common_Image_Size {
        width: 45px !important;
        height: 45px;
    }
}

/* Tablet card icon adjustments */
@media (min-width: 768px) and (max-width: 1023px) {
    .card-icon h5 {
        font-size: 1.3em;
    }

    .card-icon p {
        font-size: 0.95em;
        margin-top: 15px;
    }
}