.elementor-190289 .elementor-element.elementor-element-53ebeb6{--display:flex;--border-radius:40px 40px 40px 40px;box-shadow:8px 8px 14px 0px rgba(30, 42, 56, 0.15);--padding-top:48px;--padding-bottom:48px;--padding-left:80px;--padding-right:80px;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}#elementor-popup-modal-190289{background-color:#1E2A38A3;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-190289 .dialog-message{width:1312px;height:auto;}#elementor-popup-modal-190289 .dialog-close-button{display:flex;background-color:var( --e-global-color-0bb3d02 );font-size:24px;}#elementor-popup-modal-190289 .dialog-widget-content{border-radius:40px 40px 40px 40px;}#elementor-popup-modal-190289 .dialog-close-button i{color:var( --e-global-color-secondary );}#elementor-popup-modal-190289 .dialog-close-button svg{fill:var( --e-global-color-secondary );}@media(max-width:1200px){.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:992px){.elementor-190289 .elementor-element.elementor-element-53ebeb6{--border-radius:32px 32px 32px 32px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:768px){.elementor-190289 .elementor-element.elementor-element-53ebeb6{--border-radius:0px 0px 0px 0px;}#elementor-popup-modal-190289 .dialog-widget-content{border-radius:0px 0px 0px 0px;}}@media(max-width:576px){.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-061d0c0 *//* =============================================================
   Premier Polysteel — Project Map (YITH Store Locator) — v2
   -------------------------------------------------------------
   PASTE INTO: the store-locator shortcode widget (Elementor id
   3d0850dc) → Advanced → Custom CSS.  `.elementor-190289 .elementor-element.elementor-element-061d0c0` = .elementor-element-3d0850dc

   Pairs with the YITH plugin config already applied (teal→cobalt,
   map-right 58%, map-height 640, pin radius 16, card-hover #e1ebf4).

   SPECIFICITY NOTE: YITH's frontend.min.css styles these elements with
   ID-scoped .elementor-190289 .elementor-element.elementor-element-061d0c0s (#yith-sl-wrapper / #yith-sl-results / element IDs)
   and a config-generated sheet. To win WITHOUT blanket !important, the
   rules below mirror YITH's own .elementor-190289 .elementor-element.elementor-element-061d0c0 chains and add the widget class,
   making them strictly more specific. !important is used only on the few
   colour/border props YITH hard-enforces (third-party override — the
   documented last-resort case), not on layout or typography.
   Figma: 4nILj2AlDcz40vLKdcuuQX, node 978:20362
   ============================================================= */

.elementor-190289 .elementor-element.elementor-element-061d0c0 {
    --pp-cobalt: #1053b7;
    --pp-hover:  #1e70eb;
    --pp-text:   #0e141b;
    --pp-muted:  #606569;
    --pp-border: #d9dad9;
    --pp-fg:     #f5f5f4;
    --pp-card:   #e1ebf4;
    --pp-radius: 0.5rem;   /* 8px */
}

/* =============================================================
   1. Two-column layout — results left, map right
   (YITH left the map collapsed to ~20px; force the flex split)
   ============================================================= */
.elementor-190289 .elementor-element.elementor-element-061d0c0 .wrapper-main-sections {
    display: flex;
    gap: 2rem;
    align-items: stretch;
}
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-section-results {
    flex: 0 0 44%;
    max-width: 44%;
    box-sizing: border-box;
}
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-section-map {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 40rem;            /* matches map-height 640 */
    border-radius: 1rem;          /* Radius/Medium 16 */
    overflow: hidden;
    
}
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-section-map > div,
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-section-map .gmap {
    width: 100%;
    height: 100%;
    min-height: 40rem;
}

/* =============================================================
   2. Search field  (YITH enforces border:0/radius:0 → !important)
   ============================================================= */
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-wrapper input#yith-sl-search-bar-address {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 1rem 3rem 1rem 1rem;
    font: 400 1rem/1.2 "Inter", sans-serif;
    color: var(--pp-text);
    background: var(--pp-fg) !important;
    border: 1px solid var(--pp-border) !important;
    border-radius: var(--pp-radius) !important;
}
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-wrapper input#yith-sl-search-bar-address::placeholder {
    color: var(--pp-muted);
}
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-wrapper #yith-sl-search-icon {
    right: 1rem;
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 .filters-beside-map #yith-sl-wrap-search-bar {
    border: 0;
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 input#yith-sl-search-bar-address {
    height: 58px;
    background-color: #F5F5F4;
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 input#yith-sl-search-bar-address::placeholder {
    color: #606569;
    font-family: 'Inter', Sans-Serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 120%; 
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-wrap-search-stores .title-search-bar {
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-secondary-line-height);
    color: var(--e-global-color-text);
}

/* =============================================================
   3. "View All Stores" button — cobalt outline
   (YITH enforces grey via frontend.min + config → !important)
   ============================================================= */
.elementor-190289 .elementor-element.elementor-element-061d0c0 button#yith-sl-show-all-stores {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 14px;
    color: var(--Text-Ink-Black);
    background-color: var(--transparent);
    line-height: 160%;
    text-align: center;
    text-transform: capitalize;
    border-radius: 12px;
    border-width: 4px;
    border-color: var(--Primary-Cobalt);
    border-style: solid;
    padding: 12px 44px;
}
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-wrapper button#yith-sl-show-all-stores:hover {
    color: var(--Text-Ink-Black);
    border-color: var(--Button-hover);
    background-color: var(--transparent);
    box-shadow: 2px 2px 4px 0px var(--Shadow);
}

/* =============================================================
   4. Filter dropdown chips (Radius / Industry / Product Category)
   Text colour sits on the inner span.text.
   ============================================================= */
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-main-filters-container .wrapper-filter .filter-label {
    border: 0;
    padding: 16px 26px 16px 16px;
    background-color: #F5F5F4;
    border-radius: 0;
    font-family: var(--e-global-typography-716740a-font-family), Sans-serif;
    font-size: var(--e-global-typography-716740a-font-size);
    font-weight: var(--e-global-typography-716740a-font-weight);
    line-height: var(--e-global-typography-716740a-line-height);
    color: var(--e-global-color-text);
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-main-filters-container.layout-dropdown .wrapper-filter.type-checkbox ul {
    width: 240px;
}
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-main-filters-container .wrapper-filter .filter-label,
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-main-filters-container .wrapper-filter .filter-label .text {
    color: var(--pp-text) !important;
}
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-main-filters-container .wrapper-filter .filter-label .dropdown-arrow path {
    fill: var(--pp-muted);
}
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-main-filters-container .wrapper-filter.selected .filter-label {
    border-color: var(--pp-cobalt);
}

/* =============================================================
   5. Labels — "RESULTS" / "Active filters:" (uppercase, tracked)
   Display/Tagline Small = Inter SemiBold 14 / tracking 0.08em
   ============================================================= */
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-results h4.title {
    font-family: var(--e-global-typography-5ac7b38-font-family), Sans-serif;
    font-size: var(--e-global-typography-5ac7b38-font-size);
    font-weight: var(--e-global-typography-5ac7b38-font-weight);
    text-transform: var(--e-global-typography-5ac7b38-text-transform);
    line-height: var(--e-global-typography-5ac7b38-line-height);
    letter-spacing: var(--e-global-typography-5ac7b38-letter-spacing);
    color: var(--e-global-color-text);
    margin: 0;
    padding: 16px 0;
    border-bottom: 1px solid #D9DAD9;
}

/* =============================================================
   6. Store cards
   ============================================================= */
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-results li.wrap-store-details {
    padding: 16px 0;
    border-bottom: 1px solid var(--pp-border);
}


.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-results .store-info {
    font-style: normal;
    padding: 0;
}
/* Location name — Rubik SemiBold 20, cobalt (Heading/H4) */
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-results .store-info .store-name span {
    font-family: var(--e-global-typography-bbcd07e-font-family), Sans-serif;
    font-size: var(--e-global-typography-bbcd07e-font-size);
    font-weight: var(--e-global-typography-bbcd07e-font-weight);
    line-height: var(--e-global-typography-bbcd07e-line-height);
    color: var(--e-global-color-text);
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-results li.wrap-store-details:hover {
    background-color: #EFF5FB;
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-results li.wrap-store-details:hover .store-name a {
    color: #1053B7;
}


/* Address — grey Inter small */
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-results .store-info .store-address {
    margin: 0.25rem 0 0.5rem;
    font: 400 0.875rem/1.8 "Inter", sans-serif;
    color: var(--e-global-color-text);
}
/* Get directions / contact / website links — cobalt (already cobalt
   from config; this sets the Inter sizing) */
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-results .store-contact a,
.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-results .get-direction, .elementor-190289 .elementor-element.elementor-element-061d0c0 .pp-sl-products__details {
    font: 600 14px/1.8 "Inter", sans-serif;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-color: #1053b7;
    text-decoration-thickness: 12%;
    text-underline-offset: 40%;
    outline: none;
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-results .get-direction:hover,  .elementor-190289 .elementor-element.elementor-element-061d0c0 .pp-sl-products__details:hover {
    text-decoration: none;
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-results li.wrap-store-details .pp-sl-chip {
    background-color: #E1EBF4;
    border-radius: 8px;
    padding: 4px 8px;
    font-family: var(--e-global-typography-f11223e-font-family), Sans-serif;
    font-size: var(--e-global-typography-f11223e-font-size);
    font-weight: var(--e-global-typography-f11223e-font-weight);
    line-height: var(--e-global-typography-f11223e-line-height);
    color: var(--e-global-color-text);
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 .pp-sl-product .pp-sl-product__link {
    font-family: var(--e-global-typography-5c1f04d-font-family), Sans-serif;
    font-size: var(--e-global-typography-5c1f04d-font-size);
    font-weight: var(--e-global-typography-5c1f04d-font-weight);
    line-height: var(--e-global-typography-5c1f04d-line-height);
    color: #1E70EB;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-color: #1E70EB;
    text-decoration-thickness: 12%; /* 1.68px */
    text-underline-offset: 40%;
}
.elementor-190289 .elementor-element.elementor-element-061d0c0 .pp-sl-product .pp-sl-product__link:hover {
    text-decoration: none;
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 .pp-sl-product .pp-sl-product__year {
    font-family: var(--e-global-typography-f11223e-font-family), Sans-serif;
    font-size: var(--e-global-typography-f11223e-font-size);
    font-weight: var(--e-global-typography-f11223e-font-weight);
    line-height: var(--e-global-typography-f11223e-line-height);
    color: var(--e-global-color-text);
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-gmap .gm-style .gm-style-iw p  {
    outline: none !important;
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-gmap .gm-style .gm-style-iw p span {
    font-family: var(--e-global-typography-8577666-font-family), Sans-serif;
    font-size: var(--e-global-typography-8577666-font-size) !important;
    font-weight: var(--e-global-typography-8577666-font-weight);
    line-height: var(--e-global-typography-8577666-line-height);
    color: var(--e-global-color-text);
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 .gm-style-iw-ch {
    padding-top: 0;
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-gmap .gm-style .gm-style-iw p.store-address {
    font-family: var(--e-global-typography-933bf23-font-family), Sans-serif;
    font-size: var(--e-global-typography-933bf23-font-size);
    font-weight: var(--e-global-typography-933bf23-font-weight);
    line-height: var(--e-global-typography-933bf23-line-height);
    color: var(--e-global-color-text);
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 .yith-sl-pin-modal .get-direction.link {
    font-family: var(--e-global-typography-f11223e-font-family), Sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: var(--e-global-typography-f11223e-line-height);
    color: var(--e-global-color-text);
    color: #1053b7;
    text-decoration-line: underline;
    text-decoration-style: solid !important;
    text-decoration-skip-ink: auto;
    text-decoration-color: #1053b7 !important;
    text-decoration-thickness: 2px !important; /* 1.68px */
    text-underline-offset: 40%;
    outline: none;
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 .yith-sl-pin-modal .pp-sl-products .pp-sl-products__details {
    font-size: 12px!important;
}

.elementor-190289 .elementor-element.elementor-element-061d0c0 .yith-sl-pin-modal .get-direction.link:hover {
    text-decoration: none;

}


/* =============================================================
   7. Responsive — stack the map under the results on tablet/mobile
   ============================================================= */
@media (max-width: 768px) {
    .elementor-190289 .elementor-element.elementor-element-061d0c0 .wrapper-main-sections {
        flex-direction: column;
    }
    .elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-section-results {
        flex: 0 0 auto;
        max-width: 100%;
    }
    .elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-sl-section-map {
        width: 100%;
        min-height: 24rem;
    }
    
 .elementor-190289 .elementor-element.elementor-element-061d0c0 #yith-store-locator .wrapper-main-sections {
     display: flex!important;
     flex-direction: column-reverse;
 }
 
 .elementor-190289 .elementor-element.elementor-element-061d0c0 .yith-sl-wrap-no-image #yith-sl-results .store-info {
     padding: 0;
 }
}/* End custom CSS */