/*
 * MageINIC
 * Copyright (C) 2023. MageINIC <support@mageinic.com>
 *
 * NOTICE OF LICENSE
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see https://opensource.org/licenses/gpl-3.0.html.
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category MageINIC
 * @package MageINIC_StorePickup
 * @copyright Copyright (c) 2023. MageINIC (https://www.mageinic.com/)
 * @license https://opensource.org/licenses/gpl-3.0.html GNU General Public License,version 3 (GPL-3.0)
 * @author MageINIC <support@mageinic.com>
 */
#mageinic-canvas-map {
    height: 500px;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgb(229, 227, 223);
}
.mageinic-locator-block.mageinic-locator-store-list { display: flex; }
.mageinic-locator-block.mageinic-locator-store-list .mageinic-locator-wrapper { width: 25%;padding-right: 10px; }
.mageinic-locator-block.mageinic-locator-store-list .mageinic-locator-wrapper .mageinic-locator-stores-wrapper .mageinic-locator-store-desc{padding-block: 20px;border-bottom: 1px solid #ccc;}
.mageinic-locator-block.mageinic-locator-store-list .mageinic-locator-wrapper .mageinic-locator-stores-wrapper .mageinic-locator-store-desc:first-child {padding-top: 0;}
.mageinic-locator-block.mageinic-locator-store-list .mageinic-locator-wrapper .mageinic-locator-stores-wrapper .mageinic-locator-store-desc .mageinic-locator-block {display: flex;padding-bottom: 10px;}
.mageinic-locator-block.mageinic-locator-store-list .mageinic-locator-wrapper .mageinic-locator-stores-wrapper .mageinic-locator-store-desc .mageinic-locator-block .mageinic-locator-image {width: 120px;height: 100%;background-size: cover;padding: 15% 4%;background-position: center;}
.mageinic-locator-block.mageinic-locator-store-list .mageinic-locator-wrapper .mageinic-locator-stores-wrapper .mageinic-locator-store-desc .mageinic-locator-block .mageinic-locator-store-information {display: flex;flex-direction: column;margin-left: 15px;}
.mageinic-locator-block.mageinic-locator-store-list .mageinic-locator-wrapper .mageinic-locator-stores-wrapper .mageinic-locator-store-desc .mageinic-locator-block .mageinic-locator-store-information .mageinic-locator-title .mageinic-locator-link { font-size: 18px;color: #000; margin-bottom: 5px;display: block;}
.mageinic-locator-schedule-container .mageinic-locator-schedule-table {padding-inline: 4px;}
.mageinic-locator-schedule-container .mageinic-locator-schedule-table .mageinic-locator-row {display: flex;flex-wrap: wrap;margin-bottom: 15px;}
.mageinic-locator-schedule-container .mageinic-locator-schedule-table .mageinic-locator-row:last-child{ margin: 0; }
.mageinic-locator-schedule-container .mageinic-locator-schedule-table .mageinic-locator-row span {width: 50%;}
.mageinic-locator-schedule-container .mageinic-locator-schedule-table .mageinic-locator-row span.mageinic-locator-cell.-day {font-weight: 700;}
.mageinic-locator-schedule-container .mageinic-locator-today {display: flex;justify-content: space-between;background: gray;color: #fff;padding: 0 5px;}
.mageinic-locator-block.mageinic-locator-store-list .mageinic-locator-block-map {width: 75%;}
.mageinic-locator-search-container {display: flex;flex-direction: row-reverse;justify-content: space-between;}
.mageinic-locator-search-container .mageinic-locator-search-radius {width: 25%;}
.mageinic-locator-search-container .mageinic-locator-current-location {width: 75%;}

.mageinic-locator-block.mageinic-locator-store-list .mageinic-locator-wrapper .toolbar{margin-top: 10px; }
.mageinic-locator-block.mageinic-locator-store-list .mageinic-locator-wrapper .toolbar .pager {display: flex;align-items: center;justify-content: space-between;}
.mageinic-locator-block.mageinic-locator-store-list .mageinic-locator-wrapper .toolbar .pages{ margin-bottom: 0;}
.mageinic-locator-block.mageinic-locator-store-list .mageinic-locator-wrapper .toolbar .pages .items .item:last-child{ margin-right: 0;}
.mageinic-locator-block.mageinic-locator-store-list .mageinic-locator-wrapper .toolbar .pages .items .item .pages-item-next{ margin: 0; }
.mageinic-locator-block.mageinic-locator-store-list .mageinic-locator-wrapper .toolbar .pages .items .item .page,
.mageinic-locator-block.mageinic-locator-store-list .mageinic-locator-wrapper .toolbar .pages .items .item .action{ background: #f0f0f0;border: 1px solid #cccccc;padding: 0;width: 32px;height: 32px;border-radius: 3px;}

/**/
.mageinic-locator-location-container {display: flex;flex-direction: row-reverse;gap: 15px;}
.mageinic-locator-location-container .mageinic-locator-column-left{width: 25%;}
.mageinic-locator-location-container .mageinic-locator-column-left .mageinic-locator-schedule-container {margin-top: 10px;}
.mageinic-locator-location-container .mageinic-locator-column-left .mageinic-locator-link {color: #000;}
.mageinic-locator-location-container .mageinic-locator-column-left .mageinic-locator-today {display: flex;justify-content: space-between;background: gray;color: #fff;padding: 0 5px;}
.mageinic-locator-location-container .mageinic-locator-column-right{width: 75%;}
.mageinic-locator-location-container .mageinic-locator-column-right .mageinic-locator-description-grey {padding-block: 20px;}

 h3.mi-pickup-name {margin-top: 0;}
 h3.mi-pickup-name a {color: #000;}
.gm-style .gm-style-iw-c button.gm-ui-hover-effect {top: 6px !important;right: 2px !important;}
.mi-pickup-address span {display: flex;}
.mi-pickup-address span strong {margin-right: 7px;}

.checkout-shipping-method .store-pickup-container .store-pickup-block select.store-pickup {margin-bottom: 15px;}
.checkout-shipping-method .store-pickup-container .store-pickup-block .step-title {margin-bottom: 15px;}
.checkout-shipping-method .store-pickup-container .calendar-field-container {margin-bottom: 15px;}
.store-pickup-container label.label {margin-bottom: 5px;display: block;}
