/* Attassia RTL Pro 6.6.4 — hero/sidebar/ad and social header controls */
:root{--attassia-hero-side-width:300px;--attassia-ad-height:250px}
.att-lead-grid{display:grid!important;grid-template-columns:minmax(0,1fr) var(--attassia-hero-side-width)!important;gap:16px!important;direction:rtl!important;align-items:start!important}
.att-lead-main{grid-column:1!important;grid-row:1!important;min-width:0!important;height:340px!important;min-height:340px;max-height:340px}
.att-lead-side-column{grid-column:2!important;grid-row:1!important;width:var(--attassia-hero-side-width)!important;max-width:100%;min-width:0;display:flex;flex-direction:column;gap:12px;direction:rtl}
.att-lead-side{width:100%;height:340px!important;min-height:340px!important;max-height:340px!important;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dce5dc;border-radius:4px}
.att-side-title{direction:rtl;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:11px 12px;background:#e8f0e8;border-bottom:3px solid var(--accent,#f4b91b);color:var(--primary,#075b35);flex:0 0 auto}
.att-side-title span{order:0;flex:0 0 auto}.att-side-title strong{order:1;font-size:15px}
.att-timeline{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.att-timeline ol{list-style:none;margin:0;padding:0 12px}
.att-timeline li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:3px 7px;padding:10px 0;border-bottom:1px solid #e4e8e4;min-width:0}
.att-timeline li time{color:#c31620;font-weight:800;font-size:11px;white-space:nowrap}
.att-timeline li a{display:block;min-width:0;color:#161616;font-size:12px;line-height:1.65;font-weight:700;overflow-wrap:anywhere}
.att-timeline li small{grid-column:2;color:#888;font-size:10px}
.att-side-more{display:block;flex:0 0 auto;padding:10px;background:var(--primary,#075b35);color:#fff!important;text-align:center;font-weight:700}
.att-lead-side-column>.snrt-ad[data-ad-slot="hero-sidebar"]{width:300px!important;height:250px!important;min-height:250px!important;max-height:250px!important;max-width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0;padding:0;background:#f7f8f5;border:1px dashed #b8c7b8;text-align:center}
.att-lead-side-column>.snrt-ad[data-ad-slot="hero-sidebar"] img{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;margin:0}
.att-lead-side-column>.snrt-ad[data-ad-slot="hero-sidebar"] iframe,.att-lead-side-column>.snrt-ad[data-ad-slot="hero-sidebar"] ins{max-width:100%;max-height:100%}
/* The three news cards sit directly below the hero and have a 250px visual height. */
.att-lead-bottom{width:calc(100% - var(--attassia-hero-side-width) - 16px)!important;margin:12px 0 24px auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;direction:rtl!important;align-items:stretch}
.att-lead-bottom article{position:relative;display:block!important;min-width:0;height:250px!important;min-height:250px!important;overflow:hidden;border-radius:3px;background:#e8ece7}
.att-lead-bottom article>a.att-mini-thumb{position:absolute;inset:0;display:block!important;overflow:hidden}
.att-lead-bottom article>a.att-mini-thumb img{display:block;width:100%!important;height:100%!important;object-fit:cover;transition:transform .25s ease}
.att-lead-bottom article:hover>a.att-mini-thumb img{transform:scale(1.03)}
.att-lead-bottom article>div{position:absolute;inset:auto 0 0;padding:42px 12px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88));color:#fff;z-index:1}
.att-lead-bottom article .badge{display:inline-block;margin-bottom:6px;font-size:10px}
.att-lead-bottom h3{margin:0 0 5px!important;font-size:14px!important;line-height:1.55!important;font-weight:800;color:#fff}
.att-lead-bottom h3 a{color:#fff!important;text-decoration:none}
.att-lead-bottom .meta{color:#eee!important;font-size:10px}
.attassia-header-social{display:flex;align-items:center;gap:6px;flex:0 0 auto;direction:ltr}
.attassia-header-social a{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:var(--primary,#075b35);color:#fff;text-decoration:none;transition:opacity .2s ease,transform .2s ease}
.attassia-header-social a:hover{opacity:.82;transform:translateY(-1px)}
.attassia-header-social .snrt-icon{display:inline-flex;width:15px;height:15px}.attassia-header-social svg{display:block;width:100%;height:100%}
.topbar>.tools{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
@media(max-width:900px){.att-lead-grid{grid-template-columns:minmax(0,1fr) 280px!important;gap:12px!important}.att-lead-side-column{width:280px!important}.att-lead-side-column>.snrt-ad[data-ad-slot="hero-sidebar"]{width:280px!important;height:233px!important;min-height:233px!important;max-height:233px!important}.att-lead-bottom{width:calc(100% - 292px)!important;gap:8px!important}.att-lead-bottom article{height:220px!important;min-height:220px!important}}
@media(max-width:700px){.att-lead-grid{grid-template-columns:minmax(0,1fr)!important}.att-lead-main{grid-column:1!important;grid-row:1!important;height:clamp(270px,78vw,380px)!important;min-height:0!important;max-height:none!important}.att-lead-side-column{grid-column:1!important;grid-row:2!important;width:100%!important}.att-lead-side{height:300px!important;min-height:300px!important;max-height:300px!important}.att-lead-side-column>.snrt-ad[data-ad-slot="hero-sidebar"]{width:min(300px,100%)!important;height:250px!important;min-height:250px!important;max-height:250px!important;align-self:center}.att-lead-bottom{width:100%!important;margin:12px 0 22px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.att-lead-bottom article{height:230px!important;min-height:230px!important}.attassia-header-social{gap:4px}.attassia-header-social a{width:25px;height:25px}.topbar>.tools{gap:5px}.attassia-header-social a:nth-child(n+5){display:none}}
@media(max-width:420px){.att-lead-bottom{grid-template-columns:1fr!important}.att-lead-bottom article{height:250px!important;min-height:250px!important}.attassia-header-social{display:none}}
@media(prefers-reduced-motion:reduce){.att-lead-bottom article>a.att-mini-thumb img,.attassia-header-social a{transition:none!important}}
.att-lead.no-hero-sidebar .att-lead-grid{grid-template-columns:minmax(0,1fr)!important}
.att-lead.no-hero-sidebar .att-lead-main{grid-column:1!important;width:100%}
.att-lead.no-hero-sidebar .att-lead-bottom{width:100%!important}