/* Stock Locator – Stellantis Press Sync (Stellantis-like skin)
   Scopo: replicare allineamento/gerarchia tipografica della sezione Press di media.stellantis.com
   Tutto è scoped su .slps-skin per non interferire con Divi.
*/
.slps-skin{
  --slps-bg:#fff;
  --slps-border:rgba(16,24,40,.12);
  --slps-border2:rgba(16,24,40,.08);
  --slps-shadow:0 10px 30px rgba(16,24,40,.08);
  --slps-maxw:1180px;
  font-family: "Stellantis", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  color: var(--slps-ink);
}
.slps-skin *{box-sizing:border-box}
.slps-container{max-width:var(--slps-maxw); margin:0 auto; padding:12px 24px}

/* Full-bleed hero wrapper (come header Stellantis) */
.slps-hero-wrap{width:100%; margin:0}
.slps-hero-fullbleed{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  overflow:hidden;
}
.slps-hero{display:flex; align-items:center; gap:14px; padding:18px 0; border-bottom:1px solid var(--slps-border2); margin-bottom:18px}
.slps-hero img{width:54px;height:54px;object-fit:contain}
.slps-hero h1{margin:0; font-size:30px; line-height:1.15; letter-spacing:-.02em; font-weight:700}
.slps-hero .slps-hero-sub{margin:4px 0 0 0; color:var(--slps-muted); font-size:14px}

.slps-list{display:flex; flex-direction:column; gap:14px}
.slps-item{
  display:flex; gap:18px; align-items:stretch;
  padding:18px 18px;
  border:1px solid var(--slps-border2);
  border-radius: var(--slps-radius);
  background: var(--slps-bg);
}
.slps-item:hover{box-shadow:var(--slps-shadow)}
.slps-item-main{flex:1 1 auto; min-width:0}
.slps-item-meta{display:flex; align-items:center; gap:10px; margin-bottom:6px}
.slps-badge-new{font-size:11px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; color:var(--slps-primary)}
.slps-date{font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--slps-muted)}
.slps-item-title{margin:0 0 8px 0; font-size:20px; line-height:1.25; letter-spacing:-.01em}
.slps-item-title a{color:var(--slps-ink); text-decoration:none}
.slps-item-title a:hover{text-decoration:underline}
.slps-item-excerpt{margin:0; color:var(--slps-ink); opacity:.9; font-size:14px; line-height:1.55}

.slps-item-actions{
  flex:0 0 180px;
  display:flex; flex-direction:column; justify-content:space-between; gap:12px;
  border-left:1px solid var(--slps-border2);
  padding-left:16px;
}
.slps-actions-top{display:flex; flex-direction:column; gap:8px}
.slps-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:100%;
  padding:10px 12px;
  border-radius:999px;
  background:var(--slps-ink);
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
}
.slps-btn:hover{opacity:.92}
/* slps-source rimosso su richiesta */

.slps-pagination{display:flex; gap:10px; justify-content:center; margin:18px 0 8px}
.slps-page-link{
  padding:8px 12px; border:1px solid var(--slps-border2); border-radius:999px;
  text-decoration:none; color:var(--slps-ink); font-weight:600; font-size:13px;
}
.slps-page-link.is-current{background:var(--slps-ink); color:#fff; border-color:var(--slps-ink)}
.slps-empty{
  border:1px dashed var(--slps-border2);
  border-radius:var(--slps-radius);
  padding:14px 16px;
  color:var(--slps-muted);
}

/* Single */
.slps-article{max-width:var(--slps-maxw); margin:0 auto; padding:12px 24px}
.slps-breadcrumb{font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--slps-muted); margin:0 0 10px}
.slps-breadcrumb a{color:inherit; text-decoration:none}
.slps-breadcrumb a:hover{text-decoration:underline}
.slps-article-date{font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--slps-muted); margin:0 0 6px}
.slps-article-title{margin:0 0 10px; font-size:34px; line-height:1.12; letter-spacing:-.02em}
.slps-article-lead{margin:0 0 18px; font-size:18px; line-height:1.5; color:var(--slps-ink); opacity:.92; font-weight:600}
.slps-article-actions{display:flex; flex-wrap:wrap; gap:10px; margin:0 0 18px}
.slps-article-actions .slps-btn{width:auto; padding:10px 16px}
.slps-article-actions .slps-btn.secondary{background:transparent; color:var(--slps-ink); border:1px solid var(--slps-border); }
.slps-article-actions .slps-btn.secondary:hover{background:rgba(16,24,40,.04)}
.slps-article-content{font-size:16px; line-height:1.7}
.slps-article-content p{margin:0 0 14px}
.slps-article-content h2{margin:22px 0 10px; font-size:22px; line-height:1.25}
.slps-article-content a{color:var(--slps-ink); text-decoration:underline}
.slps-article-content hr{border:none; border-top:1px solid var(--slps-border2); margin:18px 0}

/* Mobile */
@media (max-width: 780px){
  .slps-container{padding-left:16px; padding-right:16px}
  .slps-article{padding-left:16px; padding-right:16px}
  .slps-item{flex-direction:column}
  .slps-item-actions{border-left:none; padding-left:0; border-top:1px solid var(--slps-border2); padding-top:12px}
  .slps-item-actions{flex-basis:auto}
  .slps-item-left{flex-basis:auto}
  .slps-item-logo{width:350px; height:225px; object-fit:contain; display:block}
  .slps-hero h1{font-size:26px}
  .slps-article-title{font-size:28px}
}


/* Left logo column (like Stellantis list thumbnails) */
.slps-item-left{
  flex:0 0 350px;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
}
.slps-item-logo{
  width:350px;
  height:225px;
  object-fit:contain;
  border:1px solid var(--slps-border2);
  border-radius:16px;
  background:#fff;
  padding:12px;
}


/* Logo inserito nel container FCA links */
}


/* Logo/immagine articolo (wrapper flex-images) */
.flex-images{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:18px 0;
}
.flex-images img{
  width:850px;
  height:500px;
  max-width:100%;
  object-fit:contain;
  display:block;
}

/* Responsive: sotto i 1200px → 100% / auto */
@media (max-width: 1200px){
  .flex-images img{width:100%; height:auto}
}

/* Tablet (<= 980px) */
@media (max-width: 980px){
  .slps-container{padding-left:18px; padding-right:18px}
  .slps-hero h1{font-size:28px}
  .slps-item-title{font-size:19px}
  .slps-item-meta{font-size:13px}
}

/* Smartphone (<= 480px) */
@media (max-width: 480px){
  .slps-container{padding-left:14px; padding-right:14px}
  .slps-hero h1{font-size:24px}
  .slps-item{gap:12px}
  .slps-item-logo{max-width:100%; height:auto}
}