:root{--wdp-bg:#ffffff;--wdp-card:#ffffff;--wdp-muted:#6b7280;--wdp-border:#e5e7eb;--wdp-shadow:0 10px 25px rgba(0,0,0,.08);--wdp-radius:16px;--wdp-gap:20px;--wdp-max:1200px}

/* Baslayout */
.wp-dealer-page{background:var(--wdp-bg);--wdp-accent: var(--wdp-accent, #2563eb)}
.wp-dealer-container{max-width:var(--wdp-max);margin:0 auto;padding:24px}
.wp-dealer-toolbar{display:flex;gap:12px;align-items:center;margin:0 0 12px 0;flex-wrap:wrap}

/* Etikett styling (Original) */
.wp-dealer-toolbar label{font-weight:500;margin-right:8px}

/* Formulärfälten */
.wp-dealer-toolbar select,.wp-dealer-toolbar input[type="search"]{border:1px solid var(--wdp-border);border-radius:10px;padding:8px 10px;background:var(--wdp-card);box-shadow:var(--wdp-shadow);font-size:14px}

/* FIX: Linjerar select-elementet vertikalt i förhållande till input/label */
.wp-dealer-toolbar select {
    vertical-align: middle; 
}

/* ------------------------------------- */
/* FLEX-BASERAD FIX FÖR ETIKETT-LINJERING (Kräver .filter-group i JS) */
/* ------------------------------------- */
.wp-dealer-toolbar .filter-group {
    /* Tvingar etiketten (label) och fältet (select/input) att staplas inuti gruppen */
    display: flex;
    flex-direction: column;
    justify-content: flex-start; 
    align-items: flex-start;
}

/* Justerar marginalen på etiketten */
.wp-dealer-toolbar .filter-group label {
    margin-right: 0;
    margin-bottom: 4px; /* Litet avstånd mellan label och fält */
}

/* ---------------------------------------------------- */
/* FINJUSTERING: FLYTTAR SÖKFÄLTET VISUELLT (Användarens inställning) */
/* ---------------------------------------------------- */
.wp-dealer-toolbar input[type="search"] {
    /* Flyttar sökfältet visuellt 15 pixlar nedåt för linjering */
    transform: translateY(15px); 
}
/* SLUT NY FIX */


.wp-dealer-map{width:100%;height:560px;border-radius:var(--wdp-radius);box-shadow:var(--wdp-shadow);border:1px solid var(--wdp-border);overflow:hidden;margin-bottom:24px}
@media(max-width:768px){.wp-dealer-map{height:360px}}

.wp-dealer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--wdp-gap)}
.wp-dealer-page[data-columns="1"] .wp-dealer-grid{grid-template-columns:repeat(1,1fr)}
.wp-dealer-page[data-columns="2"] .wp-dealer-grid{grid-template-columns:repeat(2,1fr)}
.wp-dealer-page[data-columns="3"] .wp-dealer-grid{grid-template-columns:repeat(3,1fr)}
.wp-dealer-page[data-columns="4"] .wp-dealer-grid{grid-template-columns:repeat(4,1fr)}
.wp-dealer-page[data-columns="5"] .wp-dealer-grid{grid-template-columns:repeat(5,1fr)}
.wp-dealer-page[data-columns="6"] .wp-dealer-grid{grid-template-columns:repeat(6,1fr)}

.wp-dealer-card{background:var(--wdp-card);border:1px solid var(--wdp-border);border-radius:var(--wdp-radius);box-shadow:var(--wdp-shadow);transition:transform .2s ease, box-shadow .2s ease;outline:none}
.wp-dealer-card:focus,.wp-dealer-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(0,0,0,.12)}
.wp-dealer-card__inner{padding:18px}
.wp-dealer-card__title{margin:0 0 8px;font-size:1.125rem;line-height:1.3;font-weight:600;color:inherit}
.wp-dealer-card__thumb img{width:100%;height:auto;display:block;border-radius:12px;margin:10px 0}
.wp-dealer-card__meta{font-size:.98rem;color:var(--wdp-muted)}
.wp-dealer-card__meta .row{margin:4px 0}

.wp-dealer-empty{opacity:.7}
.leaflet-control-zoom a{border-radius:10px}
.wp-dealer-page-editor-placeholder{padding:12px;border:1px dashed var(--wdp-border);border-radius:10px;background:rgba(0,0,0,.02)}

/* Styling options toggles */
.wp-dealer-card a{color:var(--wdp-accent);text-decoration:none}
.wp-dealer-card a:hover{text-decoration:underline}
.wp-dealer-map{border-radius:var(--wdp-radius)}
.wp-dealer-grid{gap:var(--wdp-gap)}
.wp-dealer-card{border-radius:var(--wdp-radius);box-shadow:var(--wdp-shadow, 0 10px 25px rgba(0,0,0,.08))}
.wp-dealer-page[data-shadow="0"] .wp-dealer-card{box-shadow:none}
.wp-dealer-page[data-show-images="0"] .wp-dealer-card__thumb{display:none}

/* Popup-linjer (behålls för ev. ikonrader i popup) */
.leaflet-popup-content .wdp-popup-line{display:flex;gap:8px;align-items:flex-start}
.leaflet-popup-content .wdp-popup-line .ico{width:14px;height:14px;flex:0 0 14px;color:var(--wdp-muted);margin-top:3px}
.leaflet-popup-content .wdp-popup-title{font-size:1.125rem;line-height:1.3;font-weight:600;margin:0 0 6px}

/* ----------------------------- */
/* Nya overrides och tillägg     */
/* ----------------------------- */

/* Extra avstånd under kartan (ID-baserad, utan att störa övrig styling) */
div#wp-dealer-map{margin-bottom:50px}

/* Leaflet popup styling */
.leaflet-popup-content-wrapper{
  background-color:#fff;            /* ren vit bakgrund */
  border:1px solid #e1e4e8;         /* diskret grå kant */
  border-radius:16px;               /* samma rundning som korten */
  box-shadow:0 6px 18px rgba(0,0,0,.1); /* mjuk skugga */
  padding:0;                        /* tar bort default padding */
}
.leaflet-popup-content{
  margin:16px 20px;                 /* inre marginal för text */
  color:#222;                       /* tydlig textfärg */
  font-size:.95rem;
  line-height:1.5;
}
.leaflet-popup-tip{background:#fff} /* pilen matchar popupens bakgrund */

/* Ikoner via CSS (Unicode) i kortens metadata */
.wp-dealer-card__meta .row{position:relative;padding-left:1.4em}
.wp-dealer-card__meta .row a[href^="tel:"]::before,
.wp-dealer-card__meta .row a[href^="mailto:"]::before,
.wp-dealer-card__meta .row a[href^="http"]::before,
.wp-dealer-card__meta .row:not(:has(a))::before{
  position:absolute;left:0;top:0;opacity:.7;font-size:.9em
}
/* Telefon */
.wp-dealer-card__meta .row a[href^="tel:"]::before{content:"📞"}
/* E-post */
.wp-dealer-card__meta .row a[href^="mailto:"]::before{content:"✉️"}
/* Webbplats */
.wp-dealer-card__meta .row a[href^="http"]::before{content:"🌐"}
/* Adress (ingen länk) */
.wp-dealer-card__meta .row:not(:has(a))::before{content:"📍"}

/* Ljusare bakgrund på korten */
.wp-dealer-card{background-color:#fdfdfd}