/* Economic Calendar Page V2 — page-specific layers on Homepage V2
   (reuses .wrap, .sec-eyebrow, .cta-band, .hero-ctas, .btn) */

/* ── Hero ── */
.ec-hero{padding-top:56px;padding-bottom:8px;}
.ec-hero .sec-eyebrow{display:block;}
.ec-hero h1{
  font-size:clamp(2rem,4.2vw,2.9rem);line-height:1.25;
  margin-bottom:14px;max-width:760px;overflow-wrap:break-word;
}
.ec-hero .sub{color:var(--text-mute);font-size:1.02rem;max-width:680px;}

/* ── Widget: wider container, fixed-size widget centered inside the card ── */
.ec-wrap-wide{max-width:1340px;margin:0 auto;padding:0 32px;position:relative;z-index:2;}
.ec-widget-card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:16px;overflow:hidden;
}
.ec-widget-scroll{display:flex;flex-direction:column;align-items:center;}
/* Mount point keeps a real box before the widget script fills it */
#economicCalendarWidget{min-height:1600px;width:1200px;max-width:100%;}
.ec-widget-credit{text-align:center;padding-top:8px;}
.ec-widget-credit a{font-size:11px;color:var(--text-faint);}
.ec-widget-credit a:hover{color:var(--text-mute);text-decoration:underline;}

.ec-filter-hint{
  display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;
  color:var(--text-faint);font-size:13px;margin-top:14px;
}
.ec-filter-hint svg{width:15px;height:15px;flex-shrink:0;}

.ec-legend{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;margin-top:22px;}
.ec-legend-item{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text-mute);}
.ec-legend-item b{color:var(--text);font-weight:600;}
.ec-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.ec-legend-dot--low{background:var(--text-faint);}
.ec-legend-dot--medium{background:var(--gold);}
.ec-legend-dot--high{background:var(--coral);}

.ec-ai-link{text-align:center;color:var(--text-mute);font-size:14px;margin-top:26px;}
.ec-ai-link a{color:var(--gold);font-weight:600;}
.ec-ai-link a:hover{text-decoration:underline;}

/* ── "Common Reports, Explained" (list/search/chips: css/v2-filter-list.css) ── */
.ec-rd-head{max-width:640px;margin-bottom:24px;}
.ec-rd-head .sec-eyebrow{display:block;}
.ec-rd-head h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.3;margin-bottom:8px;}
.ec-rd-head p{color:var(--text-mute);font-size:14.5px;}

.ec-rd-name{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15.5px;color:var(--text);flex:1 1 220px;min-width:0;}
.ec-rd-body{display:flex;flex-direction:column;gap:14px;}
.ec-rd-field{padding-top:16px;}
.ec-rd-field-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--gold);font-weight:700;margin-bottom:6px;}
[dir="rtl"] .ec-rd-field-label{letter-spacing:0;}

/* ── Scroll reveal (enabled by JS only; content stays visible without it) ── */
.ec-anim .ec-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
.ec-anim .ec-reveal.is-revealed{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion: reduce){
  .ec-anim .ec-reveal{opacity:1;transform:none;transition:none;}
}

@media (max-width:1260px){
  .ec-widget-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
}
@media (max-width:900px){
  .ec-rd-name{min-width:100%;}
}
@media (max-width:640px){
  .ec-hero{padding-top:36px;padding-bottom:0;}
  .ec-wrap-wide{padding-left:16px;padding-right:16px;}
  .ec-widget-card{padding:8px;}
  .ec-legend{flex-direction:column;align-items:flex-start;gap:12px;}
}