/* Reclame coffeespot: bandă sus + card în liste (folosit și în admin pentru previzualizare) */
.sponsorizat{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#717171;background:rgba(0,0,0,.06);padding:3px 8px;border-radius:999px;white-space:nowrap}
.reclama-banda-wrap{max-width:var(--lat);margin:16px auto 0;padding:0 24px}
.reclama-banda{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;text-decoration:none;color:var(--text);background:color-mix(in srgb,var(--rc) 7%,#fff);border:1px solid color-mix(in srgb,var(--rc) 18%,#fff)}
.reclama-banda:hover{border-color:color-mix(in srgb,var(--rc) 40%,#fff)}
.rb-logo{flex:0 0 auto;width:36px;height:36px;border-radius:50%;object-fit:contain;background:#fff}
.logo-litera{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
.rb-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.rb-sus{display:flex;align-items:center;gap:10px;min-width:0}
.rb-sus b{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rb-desc{font-size:13px;color:#717171;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rb-buton{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:var(--rc);color:#fff;font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px}
@media (max-width:720px){
  .reclama-banda-wrap{padding:0 16px;margin-top:12px}
  .reclama-banda{gap:10px;padding:10px 12px}
  .rb-logo{width:30px;height:30px}
  .rb-sus{flex-direction:column;align-items:flex-start;gap:3px}
  .rb-sus b{font-size:14px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .rb-desc{display:none}
}
.card-reclama .card-img{background:color-mix(in srgb,var(--rc) 8%,#fff)}
.rc-fond{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.card-reclama .card-img img.rc-logo-mare{width:auto;height:auto;max-width:55%;max-height:40%;object-fit:contain}
span.rc-logo-mare{width:72px;height:72px;border-radius:50%;font-size:32px}
.rc-eticheta{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:8px}
.rc-eticheta .sponsorizat{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.card-reclama .card-img .rc-logo{width:28px;height:28px;border-radius:8px;object-fit:contain;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.rc-firma{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--rc)}
.rc-desc{color:#717171;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rc-buton{align-self:flex-start;margin-top:10px;display:inline-flex;align-items:center;gap:6px;background:var(--rc);color:#fff;font-size:14px;font-weight:600;padding:10px 16px;border-radius:999px}