.mlam-location-widget {

  /* padding-bottom: 2rem; */

  font-family: inherit;

  font-size: inherit;

  color: inherit;

  padding: 10px 0;

}



/** Dropdown **/

.mlam-location-dropdown {

  padding: 10px 12px; 

  font-size: inherit;

  font-family: inherit;

  color: #333;

  border: 1px solid #ccc;

  border-radius: 4px;

  min-width: 200px;

  cursor: pointer;

  transition: border-color 0.3s ease, box-shadow 0.3s ease;



  /* Hide native arrow */

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;



  background-image: url("data:image/svg+xml;utf8,<svg height='24' width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8 10l4 4 4-4' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");

  background-repeat: no-repeat;

   background-position: calc(100% - 5px) 7px;

  background-size: 24px 24px;

}

.mlam-location-dropdown:focus {

  border-color: inherit;

  outline: none;

  box-shadow: 0 0 5px inherit;

}





/** Tabs **/

.mlam-location-tabs-wrapper {

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  padding-bottom: 4px;

  text-align: left;

}

.mlam-location-tabs {

  display: inline-flex;

  gap: 8px;

  white-space: nowrap;

  flex-wrap: nowrap;

  width: auto;

}

.mlam-tab {

  background: #f7f7f7;

  border: 1px solid #ddd;

  border-bottom: none;

  padding: 8px 16px;

  cursor: pointer;

  font-family: inherit;

  font-size: inherit;

  color: inherit;

  border-radius: 4px 4px 0 0;

  transition: background-color 0.3s ease, color 0.3s ease;

  outline: none;

}

.mlam-tab:hover {

  background: #eaeaea;

}

.mlam-tab[aria-selected="true"],

.mlam-tab.mlam-tab-active {

  background: #0073aa;

  color: #fff;

  border-color: #0073aa;

  cursor: default;

}



/* Alignment */

.mlam-align-left {

  text-align: left;

}

.mlam-align-center {

  text-align: center;

}

.mlam-align-right {

  text-align: right;

}



/* Grid Layout */

.mlam-location-widget-grid .mlam-location-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

  gap: 20px;

}

.mlam-location-widget-grid .mlam-location-item {

  background: #fff;

  border: 1px solid #ddd;

  border-radius: 6px;

  box-shadow: 0 1px 3px rgb(0 0 0 / 0.1);

  text-align: center;

  cursor: pointer;

  transition: box-shadow 0.3s ease, border-color 0.3s ease;

  font-family: inherit;

  font-size: inherit;

  color: inherit;

  outline: none;

}

.mlam-location-widget-grid .mlam-location-item:hover {

  border-color: #0073aa;

  box-shadow: 0 4px 8px rgb(0 0 0 / 0.15);

}

.mlam-location-widget-grid .mlam-location-image {

  max-width: 100%;

  height: auto;

  border-radius: 4px;

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.mlam-location-widget-grid .mlam-location-name {

  padding: 0 10px;

  font-family: inherit;

  color: inherit;

  margin-bottom: 10px;

}

.mlam-location-widget-grid p.mlam-location-description {

  padding: 0 15px;

  color: inherit;

  font-family: inherit;

  margin-top: 0;

}

.mlam-location-widget-grid a.mlam-location-item p.mlam-location-description {

  text-decoration: none !important;

  display: inline-block;

}

.mlam-image-padded {

    padding: 22px 22px 5px;

}



/* Permalink Warning */

.mlam-permalink-warning {

  background:#fff3cd;

  padding: 10px 15px;

  border: 1px solid #ffeeba;

  text-align: center;

  font-size: 1rem;

}



/* Stocks */

.mlam-availability-status {

  text-align: center;

}

.on-product {

  text-align: left;

}