.elementor-180316 .elementor-element.elementor-element-73bafd8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-180316 .elementor-element.elementor-element-fc87fc1{--display:flex;--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;--justify-content:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-180316 .elementor-element.elementor-element-346201b .elementor-heading-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 );}.elementor-180316 .elementor-element.elementor-element-dfd376a{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-180316 .elementor-element.elementor-element-15fb94f{font-family:var( --e-global-typography-08f944e-font-family ), Sans-serif;font-size:var( --e-global-typography-08f944e-font-size );font-weight:var( --e-global-typography-08f944e-font-weight );line-height:var( --e-global-typography-08f944e-line-height );}.elementor-180316 .elementor-element.elementor-element-15fb94f p{margin-block-end:0px;}.elementor-180316 .elementor-element.elementor-element-2713869b{--display:flex;--padding-top:48px;--padding-bottom:104px;--padding-left:64px;--padding-right:64px;}@media(min-width:577px){.elementor-180316 .elementor-element.elementor-element-fc87fc1{--width:49%;}.elementor-180316 .elementor-element.elementor-element-dfd376a{--width:50%;}}@media(max-width:768px) and (min-width:577px){.elementor-180316 .elementor-element.elementor-element-fc87fc1{--width:100%;}.elementor-180316 .elementor-element.elementor-element-dfd376a{--width:100%;}}@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 );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-180316 .elementor-element.elementor-element-346201b .elementor-heading-title{font-size:var( --e-global-typography-5ac7b38-font-size );line-height:var( --e-global-typography-5ac7b38-line-height );letter-spacing:var( --e-global-typography-5ac7b38-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-180316 .elementor-element.elementor-element-15fb94f{font-size:var( --e-global-typography-08f944e-font-size );line-height:var( --e-global-typography-08f944e-line-height );}}@media(max-width:992px){.elementor-180316 .elementor-element.elementor-element-73bafd8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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 );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-180316 .elementor-element.elementor-element-346201b .elementor-heading-title{font-size:var( --e-global-typography-5ac7b38-font-size );line-height:var( --e-global-typography-5ac7b38-line-height );letter-spacing:var( --e-global-typography-5ac7b38-letter-spacing );}.elementor-180316 .elementor-element.elementor-element-dfd376a{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-180316 .elementor-element.elementor-element-15fb94f{font-size:var( --e-global-typography-08f944e-font-size );line-height:var( --e-global-typography-08f944e-line-height );}.elementor-180316 .elementor-element.elementor-element-2713869b{--padding-top:32px;--padding-bottom:104px;--padding-left:20px;--padding-right:20px;}}@media(max-width:768px){.elementor-180316 .elementor-element.elementor-element-73bafd8{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}}@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 );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-180316 .elementor-element.elementor-element-346201b .elementor-heading-title{font-size:var( --e-global-typography-5ac7b38-font-size );line-height:var( --e-global-typography-5ac7b38-line-height );letter-spacing:var( --e-global-typography-5ac7b38-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-180316 .elementor-element.elementor-element-15fb94f{font-size:var( --e-global-typography-08f944e-font-size );line-height:var( --e-global-typography-08f944e-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-2185e0d *//* =============================================================
   Premier Polysteel — Project Map (YITH Store Locator) — v2
   -------------------------------------------------------------
   PASTE INTO: the store-locator shortcode widget (Elementor id
   3d0850dc) → Advanced → Custom CSS.  `.elementor-180316 .elementor-element.elementor-element-2185e0d` = .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-180316 .elementor-element.elementor-element-2185e0ds (#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-180316 .elementor-element.elementor-element-2185e0d 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-180316 .elementor-element.elementor-element-2185e0d {
    --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-180316 .elementor-element.elementor-element-2185e0d .wrapper-main-sections {
    display: flex;
    gap: 2rem;
    align-items: stretch;
}
.elementor-180316 .elementor-element.elementor-element-2185e0d #yith-sl-section-results {
    flex: 0 0 44%;
    max-width: 44%;
    box-sizing: border-box;
}
.elementor-180316 .elementor-element.elementor-element-2185e0d #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-180316 .elementor-element.elementor-element-2185e0d #yith-sl-section-map > div,
.elementor-180316 .elementor-element.elementor-element-2185e0d #yith-sl-section-map .gmap {
    width: 100%;
    height: 100%;
    min-height: 40rem;
}

/* =============================================================
   2. Search field  (YITH enforces border:0/radius:0 → !important)
   ============================================================= */
.elementor-180316 .elementor-element.elementor-element-2185e0d #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-180316 .elementor-element.elementor-element-2185e0d #yith-sl-wrapper input#yith-sl-search-bar-address::placeholder {
    color: var(--pp-muted);
}
.elementor-180316 .elementor-element.elementor-element-2185e0d #yith-sl-wrapper #yith-sl-search-icon {
    right: 1rem;
}

.elementor-180316 .elementor-element.elementor-element-2185e0d .title-search-bar {
    display: none;
}

.elementor-180316 .elementor-element.elementor-element-2185e0d .filters-beside-map #yith-sl-wrap-search-bar {
    border: 0;
}

.elementor-180316 .elementor-element.elementor-element-2185e0d input#yith-sl-search-bar-address {
    height: 58px;
    background-color: #F5F5F4;
}

.elementor-180316 .elementor-element.elementor-element-2185e0d 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-180316 .elementor-element.elementor-element-2185e0d #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-180316 .elementor-element.elementor-element-2185e0d 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-180316 .elementor-element.elementor-element-2185e0d #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-180316 .elementor-element.elementor-element-2185e0d #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-180316 .elementor-element.elementor-element-2185e0d #yith-sl-main-filters-container.layout-dropdown .wrapper-filter.type-checkbox ul {
    width: 240px;
}
.elementor-180316 .elementor-element.elementor-element-2185e0d #yith-sl-main-filters-container .wrapper-filter .filter-label,
.elementor-180316 .elementor-element.elementor-element-2185e0d #yith-sl-main-filters-container .wrapper-filter .filter-label .text {
    color: var(--pp-text) !important;
}
.elementor-180316 .elementor-element.elementor-element-2185e0d #yith-sl-main-filters-container .wrapper-filter .filter-label .dropdown-arrow path {
    fill: var(--pp-muted);
}
.elementor-180316 .elementor-element.elementor-element-2185e0d #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-180316 .elementor-element.elementor-element-2185e0d #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;
    border-bottom: 1px solid #D9DAD9;
}

/* =============================================================
   6. Store cards
   ============================================================= */
.elementor-180316 .elementor-element.elementor-element-2185e0d #yith-sl-results li.wrap-store-details {
    padding: 1.25rem 0;
    border-bottom: 1px solid var(--pp-border);
}


.elementor-180316 .elementor-element.elementor-element-2185e0d #yith-sl-results .store-info {
    font-style: normal;       /* it's an <address> */
}
/* Location name — Rubik SemiBold 20, cobalt (Heading/H4) */
.elementor-180316 .elementor-element.elementor-element-2185e0d #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-180316 .elementor-element.elementor-element-2185e0d #yith-sl-results li.wrap-store-details:hover {
    background-color: #EFF5FB;
}

.elementor-180316 .elementor-element.elementor-element-2185e0d #yith-sl-results li.wrap-store-details:hover .store-name a {
    color: #1053B7;
}


/* Address — grey Inter small */
.elementor-180316 .elementor-element.elementor-element-2185e0d #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-180316 .elementor-element.elementor-element-2185e0d #yith-sl-results .store-contact a,
.elementor-180316 .elementor-element.elementor-element-2185e0d #yith-sl-results .get-direction {
    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-180316 .elementor-element.elementor-element-2185e0d #yith-sl-results .get-direction:hover {
    text-decoration: none;
}

.elementor-180316 .elementor-element.elementor-element-2185e0d #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-180316 .elementor-element.elementor-element-2185e0d .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-180316 .elementor-element.elementor-element-2185e0d .pp-sl-product .pp-sl-product__link:hover {
    text-decoration: none;
}

.elementor-180316 .elementor-element.elementor-element-2185e0d .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-180316 .elementor-element.elementor-element-2185e0d #yith-sl-gmap .gm-style .gm-style-iw p  {
    outline: none !important;
}

.elementor-180316 .elementor-element.elementor-element-2185e0d #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-180316 .elementor-element.elementor-element-2185e0d .gm-style-iw-ch {
    padding-top: 0;
}

.elementor-180316 .elementor-element.elementor-element-2185e0d #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-180316 .elementor-element.elementor-element-2185e0d .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-180316 .elementor-element.elementor-element-2185e0d .yith-sl-pin-modal .pp-sl-products .pp-sl-products__details {
    font-size: 12px!important;
}

.elementor-180316 .elementor-element.elementor-element-2185e0d .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-180316 .elementor-element.elementor-element-2185e0d .wrapper-main-sections {
        flex-direction: column;
    }
    .elementor-180316 .elementor-element.elementor-element-2185e0d #yith-sl-section-results {
        flex: 0 0 auto;
        max-width: 100%;
    }
    .elementor-180316 .elementor-element.elementor-element-2185e0d #yith-sl-section-map {
        width: 100%;
        min-height: 24rem;
    }
    
 .elementor-180316 .elementor-element.elementor-element-2185e0d #yith-store-locator .wrapper-main-sections {
     display: flex!important;
     flex-direction: column-reverse;
 }
 
 .elementor-180316 .elementor-element.elementor-element-2185e0d .yith-sl-wrap-no-image #yith-sl-results .store-info {
     padding: 0;
 }
}/* End custom CSS */