.elementor-1311 .elementor-element.elementor-element-ef6b7a1{--display:flex;--min-height:0vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 0px 0px;--margin-top:116px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1311 .elementor-element.elementor-element-b73a2f5{text-align:center;}.elementor-1311 .elementor-element.elementor-element-b73a2f5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-1311 .elementor-element.elementor-element-95968cf{--display:flex;--overflow:hidden;--border-radius:00px 00px 00px 00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-1311 .elementor-element.elementor-element-a317f9b{z-index:0;}@media(max-width:767px){.elementor-1311 .elementor-element.elementor-element-ef6b7a1{--margin-top:31px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1311 .elementor-element.elementor-element-b73a2f5 .elementor-heading-title{font-size:22px;}}@media(min-width:768px){.elementor-1311 .elementor-element.elementor-element-ef6b7a1{--content-width:90%;}}/* Start custom CSS for shortcode, class: .elementor-element-a317f9b */body, .entry-title a, :root .has-primary-color {
    color: #000000;
}

#rcorners1 {
  border-radius: 25px;
  background: #73AD21;
  padding: 50px;
  width: 200px;
  height: 150px;
}

.dotcodot-store-locator {
    display: grid
;
    grid-template-columns
specifies, as a space-separated track list, the line names and track sizing functions of the grid.
Learn more
Don't show
: 30% 70%;
    grid-template-rows: auto 1fr;
    grid-template-areas:
        "search map"
        "list map";
    gap: 20px;
    height: 55vh;
}

.leaflet-popup-content {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
}

.dotcodot-store-locator {
    font-family: "Montserrat", sans-serif;
}

  .locator-search input {
    flex: 1;
    height: 40px;
    background: #fff;
    border: none;
    border-radius: 20px;
    padding: 0 16px;
    font-size: 16px;
    color: #333;
    outline: none;
  }
  
.locator-list {
    padding: 10px;
}

/* ==== Mobile: Search → List → Map with 20px list rounding ==== */
@media (max-width: 768px) {
  .dotcodot-store-locator {
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    border-radius: 12px;
    overflow: hidden;
  }

  /* 1) Search bar at top */
  .locator-search {
    order: 1;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    margin: 10px;
    background: transparent;
    z-index: 10;
  }
  .locator-search input {
    flex: 1;
    height: 40px;
    background: #fff;
    border: none;
    border-radius: 20px;
    padding: 0 16px;
    font-size: 16px;
    color: #333;
    outline: none;
  }
  .locator-search button {
    width: 40px;
    height: 40px;
    margin-left: 8px;
    background: #fff;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #333;
    cursor: pointer;
  }

  /* 2) Store list next, 40vh tall, fully rounded corners */
  .locator-list {
    order: 2;
    flex: 0 0 40vh;
    margin: 0 10px 10px;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);

    /* updated rounding */
    border-radius: 20px !important;
  }

  /* 3) Map at bottom */
  .locator-map-wrapper {
    order: 3;
    flex: 1 1 auto;
    border-radius: 12px 12px 12px 12px;
    overflow: hidden;
  }
  .locator-map {
    height: 100%;
  }
}

/* Popup body text */
.leaflet-popup-content {
  font-family: 'Arial', sans-serif;  /* choose your font */
  font-size: 14px;                   /* adjust overall text size */
  line-height: 1.4;                  /* spacing between lines */
  color: #333;                       /* text colour */
}

/* Directions button text */
.dotcodot-directions-btn {
  font-family: 'poppins', sans-serif;
  font-size: 16px;                   /* make the button text larger */
  font-weight: 600;                  /* semi-bold */
  letter-spacing: 0.5px;             /* space between characters */
  padding: 8px 16px;                 /* adjust clickable area */
}

/* Prevent wrapping if you want a single line */
.dotcodot-directions-btn {
  white-space: nowrap;
}/* End custom CSS */