/* ============================================================
   CALDA NEWSROOM — clean stacked cards + overlay reader
   ============================================================ */

:root{
  --calda-ink:#1b3545;
  --calda-red:#c8102e;
  --calda-card:#ffffff;
  --calda-soft:#f3f6f9;
  --calda-line:rgba(0,0,0,.10);

  /* update if your logo path differs */
  --calda-logo:url('/Data/Sites/1/skins/framework/images/calda-logo.png');
}

/* Container spacing */
.calda-nr-wrap{
  max-width:980px;
  margin:0 auto;
}

/* Card */
.calda-nr-card{
  display:flex;
  gap:14px;
  align-items:flex-start;
  background:var(--calda-card);
  border:1px solid var(--calda-line);
  border-radius:18px;
  padding:16px 16px;
  margin:0 0 14px 0;
  box-shadow:0 8px 22px rgba(0,0,0,.06);
}

.calda-nr-card:hover{
  border-color:rgba(200,16,46,.35);
}

.calda-nr-logo{
  width:66px;
  height:66px;
  flex:0 0 66px;
  border-radius:16px;
  background:#fff var(--calda-logo) center/contain no-repeat;
  border:1px solid var(--calda-line);
  box-shadow:0 4px 12px rgba(0,0,0,.06);
}

.calda-nr-body{ flex:1; min-width:0; }

.calda-nr-title{
  margin:0;
  font-weight:900;
  font-size:18px;
  line-height:1.22;
  color:var(--calda-ink);
}

.calda-nr-title a{
  color:inherit;
  text-decoration:none;
}
.calda-nr-title a:hover{ text-decoration:underline; }

.calda-nr-meta{
  margin-top:6px;
  font-size:12.5px;
  color:rgba(27,53,69,.72);
}

.calda-nr-excerpt{
  margin-top:10px;
  font-size:14px;
  line-height:1.48;
  color:rgba(27,53,69,.92);
}

.calda-nr-actions{
  margin-top:10px;
  display:flex;
  gap:10px;
  align-items:center;
}

.calda-nr-read{
  display:inline-block;
  background:var(--calda-ink);
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800;
  font-size:13px;
  padding:8px 12px;
  border-radius:12px;
  border:2px solid var(--calda-red);
}
.calda-nr-read:hover{ filter:brightness(1.05); }

/* Hide original blocks once they’ve been wrapped */
.calda-nr-hidden{ display:none !important; }

/* ============================================================
   OVERLAY WINDOW
   ============================================================ */
#caldaPostOverlay{
  display:none;
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(0,0,0,.58);
  padding:16px;
}

#caldaPostOverlay.is-open{ display:block; }

#caldaPostOverlay .calda-ov-panel{
  max-width:980px;
  height:min(88vh, 980px);
  margin:0 auto;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 28px 90px rgba(0,0,0,.45);
  border:2px solid var(--calda-red);
}

#caldaPostOverlay .calda-ov-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  background:var(--calda-ink);
  color:#fff;
  border-bottom:2px solid var(--calda-red);
}

#caldaPostOverlay .calda-ov-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

#caldaPostOverlay .calda-ov-miniLogo{
  width:30px;
  height:30px;
  border-radius:9px;
  background:#fff var(--calda-logo) center/contain no-repeat;
}

#caldaPostOverlay .calda-ov-title{
  font-weight:900;
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:72vw;
}

#caldaPostOverlay .calda-ov-close{
  appearance:none;
  border:0;
  background:var(--calda-red);
  color:#fff;
  font-weight:900;
  border-radius:12px;
  padding:7px 12px;
  cursor:pointer;
}

#caldaPostOverlay iframe{
  width:100%;
  height:calc(100% - 50px);
  border:0;
  display:block;
}

/* Mobile */
@media (max-width:640px){
  .calda-nr-card{ padding:14px; border-radius:16px; }
  .calda-nr-logo{ width:54px; height:54px; flex-basis:54px; border-radius:14px; }
  .calda-nr-title{ font-size:16px; }
}