a, a:hover, a:visited, a:active {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #00450c;
}
 
body {
    position: relative;
    font-family: Roboto, "Arial", sans-serif;
    color: #333;
}

/* Keep the amount and its currency together while allowing the surrounding
   label or sentence to wrap normally on narrow product cards. */
.storefront-price-token {
    white-space: nowrap;
}


.logo {
    margin: 5px 0 ;
    text-indent: -9999px;
    background: url("/public/images/logo.png?t") top left no-repeat;
    background-size: contain;
    opacity: 0.9;
    text-indent: -9999px;
}
/* Shared multi-section product labels. A product may belong to more than one
   storefront collection, so the component deliberately wraps instead of
   truncating the second label. */
.catalog-section-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.catalog-section-badge {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    color: #384151;
    background: #f2f4f7;
    border: 1px solid rgba(59, 69, 85, 0.12);
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.15;
    font-weight: 700;
}

.catalog-section-badge i {
    flex: 0 0 auto;
}

.catalog-section-badge-with_photo {
    color: #854c67;
    background: #fff1f7;
    border-color: rgba(183, 91, 132, 0.2);
}

.catalog-section-badge-combo {
    color: #315b78;
    background: #edf7fc;
    border-color: rgba(50, 123, 164, 0.2);
}

.catalog-section-badge-lumi {
    color: #4d661c;
    background: #f2fadf;
    border-color: rgba(112, 146, 45, 0.25);
}

.catalog-section-badge-premium {
    color: #765623;
    background: #fcf5e7;
    border-color: rgba(153, 113, 48, 0.24);
}

.catalog-section-badges-product {
    margin-top: 9px;
}

.catalog-section-badges-card .catalog-section-badge,
.catalog-section-badges-overlay .catalog-section-badge {
    min-height: 26px;
    padding: 4px 8px;
    font-size: 12px;
}

@media (max-width: 575.98px) {
    .catalog-section-badges {
        gap: 4px;
    }

    .catalog-section-badge {
        min-height: 26px;
        padding: 4px 7px;
        font-size: 12px;
    }
}

/*
 * Mobile Safari zooms the viewport when an editable control with text smaller
 * than 16px receives focus. Keep every text-entry control readable on phones
 * and touch devices without disabling the user's own pinch-to-zoom.
 */
@media (max-width: 991.98px), (hover: none) and (pointer: coarse) {
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
    textarea,
    select,
    [contenteditable]:not([contenteditable="false"]),
    gmp-place-autocomplete {
        font-size: 16px !important;
    }

    /* PlaceAutocompleteElement renders its actual input inside Shadow DOM. */
    gmp-place-autocomplete::part(input) {
        font-size: 16px !important;
    }
}