/* TDA home page: what the Elementor controls cannot express. Everything else is styled in Elementor.
   1. Hairlines drawn as pseudo-elements in the mockup.
   2. The news carousel track (full-bleed strip whose card width follows the viewport) + its drag/filter states.
   3. Mockup breakpoints Elementor has no slot for (1100/900/860/760/720/640/480/400px).
   Atomic Elementor styles are (0,2,0), so overrides here are prefixed with body .elementor. */

/* dark thin page scrollbar (mockup sections-v2.css, home only) */
html{scrollbar-color:#2A3038 #070809;scrollbar-width:thin}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#070809}
::-webkit-scrollbar-thumb{background:#2A3038;border:3px solid #070809}
::-webkit-scrollbar-thumb:hover{background:#3C444F}

/* ---------- 1. hairlines + accents ---------- */
.tda-newsroom::before{content:'';position:absolute;inset:0 0 auto;height:1px;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(224,28,41,.75) 16%,rgba(224,28,41,.75) 54%,transparent)}
.tda-cta::before{content:'';position:absolute;top:0;right:0;width:42%;height:1px;z-index:2;pointer-events:none;
  background:rgba(255,255,255,.14);clip-path:polygon(40% 0,100% 0,60% 100%,0 100%)}
.tda-cta-title span{color:#D0202A}
/* card hover details (the card itself is styled in Elementor) */
.tda-ncard:hover img{transform:scale(1.05)}
.tda-ncard:hover svg{transform:translateX(3px)}
/* "TDA Insights" badge is an outline tag in the mockup (data-cat set by tda-home.js) */
body .elementor [data-cat="articles"] .tda-ncard-badge{background-color:transparent;border-color:rgba(255,255,255,.2);color:#D0D1D4;border-radius:0}

/* ---------- 2. news carousel ---------- */
body .elementor .tda-news-carousel{--tda-per-view:3.5;--tda-gap:24px;--tda-max:1280px;--tda-edge:max(32px,calc((100vw - var(--tda-max)) / 2));
  position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);overflow:hidden;touch-action:pan-y;cursor:grab;
  -webkit-user-select:none;user-select:none;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 96%,transparent 100%)}
body .elementor .tda-news-carousel.is-dragging{cursor:grabbing}
body .elementor .tda-news-track{display:flex;flex-wrap:nowrap;gap:var(--tda-gap);padding:6px var(--tda-edge);will-change:transform;grid-template-columns:none}
body .elementor .tda-news-track > *{flex:0 0 calc((var(--tda-frame, var(--tda-max)) - (var(--tda-per-view) - 1) * var(--tda-gap)) / var(--tda-per-view));min-width:0}
.tda-news-carousel img{-webkit-user-drag:none}
.tda-news-empty{padding:40px 4px;color:#9DA2AB;font-size:15px}
@media (max-width:1024px){body .elementor .tda-news-carousel{--tda-per-view:2.4;--tda-gap:20px;--tda-frame:calc(100vw - 2 * var(--tda-edge))}}
@media (max-width:720px){body .elementor .tda-news-carousel{--tda-per-view:1.6;--tda-gap:16px}}
@media (max-width:480px){body .elementor .tda-news-carousel{--tda-per-view:1.15;--tda-gap:14px}}
.tda-news-filter[aria-pressed="true"] > *, body .elementor .tda-news-filter[aria-pressed="true"]{background-color:#C00C20;color:#F5F3F1}

/* ---------- 3. mockup breakpoints ---------- */
@media (max-width:860px){
  body .elementor .tda-forte{padding-top:clamp(40px,8vw,64px)}
}
@media (max-width:900px){
  body .elementor .tda-forte-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  body .elementor .tda-forte-head{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px}
  body .elementor .tda-forte-h2{font-size:clamp(28px,5vw,38px)}
  body .elementor .tda-forte-lead{margin-bottom:0}
  body .elementor .tda-news-head{flex-direction:column;align-items:flex-start;gap:18px}
}
@media (max-width:640px){
  body .elementor .tda-cta{padding:clamp(64px,10vh,96px) 0}
  body .elementor .tda-cta-kicker{gap:8px}
  body .elementor .tda-cta-kicker > span{font-size:10px;line-height:16px;letter-spacing:.12em}
  body .elementor .tda-cta-line{width:16px}
  body .elementor .tda-cta-actions{width:100%}
  body .elementor .tda-cta-btn{flex:1 1 auto;justify-content:center}
}
@media (max-width:480px){
  body .elementor .tda-forte-chips{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:400px){
  body .elementor .tda-news-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;scroll-padding-left:20px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}
  body .elementor .tda-news-filters::-webkit-scrollbar{display:none}
  body .elementor .tda-news-filter{flex:none;white-space:nowrap;scroll-snap-align:start}
}
@media (prefers-reduced-motion:reduce){.tda-ncard,.tda-ncard img{transition:none!important}}