/* Localização rápida no cabeçalho: somente desktop. */
.mc-city-desktop { display:none; }
.mc-city-desktop [hidden] { display:none !important; }

@media(min-width:1100px) {
    #catalogo-container .mc-catalog-heading {
        flex-wrap:nowrap;
        gap:20px;
    }
    .mc-city-desktop:not([hidden]) {
        position:relative;
        display:flex;
        align-items:center;
        flex:0 1 420px;
        min-width:340px;
        gap:8px;
    }
    .mc-city-field {
        display:flex;
        align-items:center;
        gap:8px;
        flex:1;
        min-width:0;
        height:44px;
        padding:0 10px;
        background:#fff;
        border:1px solid #d5d8ce;
        border-radius:12px;
        color:#353a31;
    }
    .mc-city-field svg { flex-shrink:0; }
    .mc-city-field input {
        width:100%;
        min-width:0;
        height:100%;
        margin:0;
        padding:0;
        border:0;
        background:transparent;
        box-shadow:none;
        color:#252822;
        font:14px var(--font-body);
    }
    .mc-city-field:focus-within {
        border-color:#727d00;
        box-shadow:0 0 0 2px rgba(114,125,0,.15);
    }
    .mc-city-clear {
        flex-shrink:0;
        width:26px;
        height:30px;
        padding:0;
        border:0;
        background:transparent;
        color:#50594a;
        font-size:22px;
        cursor:pointer;
    }
    .mc-city-radius {
        width:160px;
        flex-shrink:0;
        height:44px;
        margin:0;
        padding:0 8px;
        background:#fff;
        border:1px solid #d5d8ce;
        border-radius:12px;
        color:#353a31;
        font:12px var(--font-body);
    }
    .mc-city-radius:disabled { opacity:.6; }
    .mc-city-status {
        position:absolute;
        top:calc(100% + 3px);
        left:0;
        z-index:20;
        max-width:100%;
        border-radius:6px;
        background:#fff;
        color:#50594a;
        font:12px/1.4 var(--font-body);
    }
    .mc-city-status:not(:empty) { padding:4px 8px; }
    .mc-city-desktop :focus-visible {
        outline:2px solid #727d00 !important;
        outline-offset:2px;
    }
}

/* MC_CITY_AUTOCOMPLETE_V2 */
@media(min-width:1100px) {
    .mc-city-desktop .mc-city-field { position:relative; }

    .mc-city-desktop .mc-city-field input:focus,
    .mc-city-desktop .mc-city-field input:focus-visible {
        outline:none !important;
        box-shadow:none !important;
    }

    .mc-city-suggestions {
        position:absolute;
        top:calc(100% + 7px);
        left:0;
        width:100%;
        min-width:260px;
        max-height:300px;
        overflow-y:auto;
        z-index:100;
        padding:5px;
        background:#fff;
        border:1px solid #d5d8ce;
        border-radius:12px;
        box-shadow:0 10px 28px rgba(25,27,24,.16);
    }
    .mc-city-suggestions [role="option"] {
        padding:10px 12px;
        border-radius:8px;
        color:#252822;
        font:14px/1.4 var(--font-body);
        cursor:pointer;
        overflow-wrap:anywhere;
    }
    .mc-city-suggestions [role="option"]:hover,
    .mc-city-suggestions [aria-selected="true"] {
        background:#f5f5df;
        color:#191d16;
    }
}


/* MC_CITY_TIPOGRAFIA_V1 */
@media(min-width:1100px) {
    .mc-city-desktop .mc-city-field input,
    .mc-city-desktop .mc-city-radius {
        font-family:"Montserrat",Arial,sans-serif;
        font-size:13px;
        font-weight:500;
        letter-spacing:0;
    }
    .mc-city-desktop .mc-city-field input::placeholder {
        color:#73796c;
        opacity:1;
    }
    .mc-city-desktop .mc-city-suggestions [role="option"] {
        font-family:"Montserrat",Arial,sans-serif;
        font-size:14px;
        font-weight:500;
        line-height:1.5;
    }
    .mc-city-desktop .mc-city-suggestions [aria-selected="true"] {
        font-weight:600;
    }
}

/* MC_LOCATION_STATES_V3 */
@media(min-width:1100px) {
    .mc-city-desktop .mc-city-suggestions {
        min-width:290px;
        max-height:360px;
        padding:0;
    }
    .mc-location-group { padding:5px; }
    .mc-location-states {
        background:#e9ece3;
        border-bottom:1px solid #d5d8ce;
    }
    .mc-location-cities { background:#fff; }
    .mc-location-heading {
        padding:8px 12px 5px;
        color:#5a6350;
        font:700 10px/1.4 "Montserrat",Arial,sans-serif;
        letter-spacing:.8px;
    }
    .mc-city-desktop .mc-location-states [role="option"]:hover,
    .mc-city-desktop .mc-location-states [aria-selected="true"] {
        background:#dce2d1;
        color:#191d16;
    }
}