/* Static shop-list additions only.
   Original appearance, hero, backgrounds, cards, and accordion icons are
   provided by /css_2021/{reset,layout,common,page}.css. */

/* Original area selector uses links; static HTML uses label/input. */
.storeNarrowDown .box .area_select li label span {
    display: flex;
    height: 42px;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #4b4b4b;
    border: 1px solid #ccd6da;
    cursor: pointer;
}
.storeNarrowDown .box .area_select li label input:checked + span {
    background: #00526f;
    border-color: #00526f;
    color: #fff;
}
.storeNarrowDown .box .area_select li label input {
    position: absolute;
    opacity: 0;
}

/* The static JS toggles dl.is-open; page.css already draws dt.is_active icon. */
.storeArea dl.is-open > dd { display: block; }
.storeArea dl:not(.is-open) > dd { display: none; }

/* Client-side search filters and status elements. */
.storeRole_pickup > ul.clearfix > li[hidden] { display: none !important; }
.shop-list-state {
    margin: 12px 0 20px;
    text-align: center;
    color: #666;
    font-size: 14px;
}
.shop-list-state[hidden] { display: none; }
.shop-list-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin: 24px auto 0;
}
.shop-list-actions button {
    cursor: pointer;
    border: 1px solid #a7b2b8;
    background: #fff;
    padding: 9px 20px;
    color: #41515b;
}
.shop-list-actions button:hover { background: #f4f7f8; }
.shop-list-notice { font-size: 12px; text-align: center; color: #775; padding: 7px 12px; }
.shop-nearby-distance { margin: 8px 0 0; font-size: 12px; color: #666; }
@media (max-width: 767px) { .shop-list-actions { padding: 0 15px; } }

/* Disabled controls only; the geolocation link is enabled by its JS patch. */
.storeNarrowDown input:disabled + span { opacity: .4; cursor: not-allowed; }
.storeRole_search .button_search_map[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }

/* KUNO STORE REGIONAL RESULTS v38 */
/* Headings are full-width separators within the original floated card list. */
#store .storeRole_pickup > ul.clearfix > li.store-region-heading {
    float: none;
    clear: both;
    width: 100%;
    max-width: none;
    height: auto !important;
    padding: 24px 0 14px;
    margin: 0;
    list-style: none;
}
#store .storeRole_pickup > ul.clearfix > li.store-region-heading > h3.hdS {
    margin: 0;
}
/* The additional reset control sits immediately below the result count. */
#store .shop-list-actions-top { margin: 0 auto 28px; }
#store .shop-list-actions-top[hidden] { display: none !important; }


/* KUNO REGION HEADING ALIGN V39 */
/* Original page.css uses a negative list margin and left padding on each card.
   Give the full-width separator the SAME left inset as the cards. */
@media screen and (min-width:960px) {
  #store .storeRole_pickup > ul.clearfix > li.store-region-heading {
    box-sizing: border-box;
    padding-left: 65px !important;
    padding-right: 0;
    padding-top: 26px;
    padding-bottom: 28px !important;
  }
}
@media screen and (max-width:959px) {
  #store .storeRole_pickup > ul.clearfix > li.store-region-heading {
    box-sizing: border-box;
    padding-left: 0 !important;
    padding-bottom: 20px !important;
  }
}
#store .storeRole_pickup > ul.clearfix > li.store-region-heading > h3.hdS {
  margin-bottom: 0;
}