/* Attassia RTL Pro 6.8.3 — cache-busted visual repair based on the latest screenshot. */

/* Mobile-only icon group: show selected icons on phones, never on desktop. */
.site-header .topbar > .mobile-header-left-icons{display:none!important}
@media(max-width:780px){
  .site-header .topbar{position:relative!important;display:block!important;height:66px!important;min-height:66px!important;padding:0 8px!important;overflow:visible!important;box-sizing:border-box!important}
  .site-header .topbar > .top-links,
  .site-header .topbar > .desktop-tools{display:none!important}
  .site-header .topbar > .brand{position:absolute!important;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;max-width:40vw!important;margin:0!important;z-index:5!important}
  .site-header .topbar > .brand img{display:block!important;max-width:40vw!important;max-height:39px!important;width:auto!important;height:auto!important;object-fit:contain!important}
  .site-header .topbar > .mobile-header-left-icons{display:flex!important;position:absolute!important;left:8px!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;width:auto!important;max-width:calc(50% - 54px)!important;height:40px!important;overflow:visible!important;direction:ltr!important;z-index:20!important}
  .site-header .topbar > .mobile-header-left-icons > *{display:inline-flex!important;position:static!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;width:29px!important;min-width:29px!important;height:29px!important;min-height:29px!important;margin:0!important;padding:5px!important;box-sizing:border-box!important}
  .site-header .topbar > .mobile-header-left-icons .att-header-social-link{background:var(--primary,#075b35)!important;color:#fff!important;border-radius:50%!important}
  .site-header .topbar > .mobile-header-left-icons svg{display:block!important;width:16px!important;height:16px!important}
  .site-header .topbar > .mobile-header-left-icons .lang{width:auto!important;min-width:28px!important;height:24px!important;border:1px solid #aaa!important;border-radius:3px!important;padding:2px 5px!important;font-size:11px!important}
  .site-header .topbar > .mobile-toggle{display:inline-flex!important;position:absolute!important;right:8px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;align-items:center!important;justify-content:center!important;width:36px!important;min-width:36px!important;height:36px!important;margin:0!important;padding:6px!important;z-index:21!important}
}
@media(max-width:390px){
  .site-header .topbar > .brand{max-width:35vw!important}
  .site-header .topbar > .brand img{max-width:35vw!important;max-height:35px!important}
  .site-header .topbar > .mobile-header-left-icons{gap:3px!important;max-width:calc(50% - 48px)!important}
  .site-header .topbar > .mobile-header-left-icons > *{width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important;padding:4px!important}
  .site-header .topbar > .mobile-toggle{right:5px!important;width:32px!important;min-width:32px!important;height:32px!important}
}

/* Reusable latest-news timeline: no badge/clock; title remains configurable. */
.attassia-247-widget{min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}
.attassia-247-widget .attassia-247-heading{display:flex!important;flex-direction:row!important;direction:ltr!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:62px!important;height:auto!important;padding:8px 12px!important;box-sizing:border-box!important;border-bottom:2px solid var(--accent,#f4b81b)!important}
.attassia-247-widget .attassia-247-clock{display:none!important}
.attassia-247-widget .attassia-247-heading-text{order:2!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;direction:rtl!important;text-align:right!important;white-space:normal!important;font-size:16px!important;line-height:1.45!important}
.attassia-247-widget .attassia-247-scroll-controls{position:static!important;inset:auto!important;transform:none!important;order:1!important;align-self:center!important;display:flex!important;flex:0 0 28px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:28px!important;min-width:28px!important;height:44px!important;min-height:44px!important;margin:0 auto 0 0!important;padding:2px!important;gap:0!important;border:0!important;border-radius:16px!important;background:var(--primary,#075b35)!important;box-shadow:0 3px 8px rgba(0,0,0,.14)!important;z-index:2!important}
.attassia-247-widget .attassia-247-scroll-controls button{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 50%!important;width:24px!important;min-width:24px!important;height:20px!important;min-height:20px!important;margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#fff!important;font-size:20px!important;line-height:1!important;font-weight:900!important}
.attassia-247-widget .attassia-247-scroll-area{display:block!important;max-height:390px!important;min-height:0!important;margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important}
.attassia-247-widget .attassia-247-list{position:relative!important;display:block!important;list-style:none!important;margin:0!important;padding:6px 0 8px!important;direction:rtl!important;box-sizing:border-box!important}
.attassia-247-widget .attassia-247-list:before{content:""!important;position:absolute!important;right:30px!important;top:10px!important;bottom:12px!important;width:2px!important;background:#d8e3da!important;z-index:0!important}
.attassia-247-widget .attassia-247-list li{position:relative!important;display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;grid-template-rows:auto auto!important;grid-template-areas:"time title" "date title"!important;align-items:center!important;gap:4px 8px!important;min-height:104px!important;height:auto!important;margin:0!important;padding:14px 48px 14px 10px!important;border-bottom:1px solid #edf1f4!important;box-sizing:border-box!important;direction:ltr!important;overflow:visible!important}
.attassia-247-widget .attassia-247-list li:last-child{border-bottom:0!important}
.attassia-247-widget .attassia-247-list .attassia-247-dot{position:absolute!important;right:19px!important;top:20px!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;box-sizing:border-box!important;z-index:1!important;border:2px solid var(--primary,#075b35)!important;border-radius:50%!important;background:radial-gradient(circle at center,var(--primary,#075b35) 0 3px,#fff 3.5px 100%)!important;box-shadow:0 0 0 2px #fff!important}
.attassia-247-widget .attassia-247-list time{grid-area:time!important;display:block!important;min-width:0!important;margin:0!important;padding:0!important;white-space:nowrap!important;text-align:center!important;font-size:11px!important;line-height:1.4!important;direction:ltr!important;color:#7e9bb1!important}
.attassia-247-widget .attassia-247-list small{grid-area:date!important;display:block!important;min-width:0!important;margin:0!important;padding:0!important;white-space:nowrap!important;text-align:center!important;font-size:10px!important;line-height:1.4!important;color:#777!important;direction:ltr!important}
.attassia-247-widget .attassia-247-list a{grid-area:title!important;display:block!important;min-width:0!important;margin:0!important;padding:0!important;align-self:center!important;text-align:center!important;font-size:14px!important;line-height:1.8!important;font-weight:700!important;overflow-wrap:break-word!important;word-break:normal!important;white-space:normal!important;color:#426785!important}
.attassia-247-widget .attassia-247-more{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:auto!important;min-height:56px!important;margin:8px 12px 12px!important;padding:12px 16px!important;box-sizing:border-box!important}
@media(max-width:760px){
 .attassia-247-widget .attassia-247-heading{min-height:58px!important;padding:7px 10px!important}
 .attassia-247-widget .attassia-247-list li{grid-template-columns:72px minmax(0,1fr)!important;min-height:94px!important;padding:12px 44px 12px 8px!important;gap:4px 6px!important}
 .attassia-247-widget .attassia-247-list:before{right:26px!important}
 .attassia-247-widget .attassia-247-list .attassia-247-dot{right:15px!important;top:18px!important}
 .attassia-247-widget .attassia-247-list time{font-size:10px!important}
 .attassia-247-widget .attassia-247-list small{font-size:9px!important}
 .attassia-247-widget .attassia-247-list a{font-size:13px!important;line-height:1.75!important}
 .attassia-247-widget .attassia-247-scroll-area{max-height:330px!important}
}

/* Exactly two regular news items below the three editorial cards, spanning their full width. */
.att-home .att-lead-bottom{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;width:100%!important;max-width:100%!important;margin:16px 0 24px!important;direction:rtl!important;align-items:start!important;box-sizing:border-box!important}
.att-home .att-lead-bottom article{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;grid-template-areas:"image copy"!important;align-items:start!important;gap:0 12px!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0 0 12px!important;border:0!important;border-bottom:1px solid #e2e7e2!important;border-radius:0!important;background:transparent!important;box-sizing:border-box!important}
.att-home .att-lead-bottom article>a.att-mini-thumb{position:static!important;grid-area:image!important;display:block!important;width:112px!important;height:82px!important;min-width:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
.att-home .att-lead-bottom article>a.att-mini-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.att-home .att-lead-bottom article>div{position:static!important;grid-area:copy!important;display:block!important;min-width:0!important;margin:0!important;padding:0!important;overflow-wrap:anywhere!important;background:transparent!important}
.att-home .att-lead-bottom article .badge{display:inline-block!important;margin:0 0 5px!important;font-size:10px!important;padding:3px 6px!important}
.att-home .att-lead-bottom article h3{margin:0 0 6px!important;font-size:13px!important;line-height:1.7!important;font-weight:800!important;overflow-wrap:anywhere!important}
.att-home .att-lead-bottom article h3 a{color:inherit!important;text-decoration:none!important}
.att-home .att-lead-bottom article .meta{font-size:10px!important;color:#777!important}
@media(max-width:760px){.att-home .att-lead-bottom{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.att-home .att-lead-bottom article{grid-template-columns:1fr!important;grid-template-areas:"image" "copy"!important;gap:8px!important}.att-home .att-lead-bottom article>a.att-mini-thumb{width:100%!important;height:auto!important;aspect-ratio:4/3!important}.att-home .att-lead-bottom article h3{font-size:12px!important}}
@media(max-width:460px){.att-home .att-lead-bottom{grid-template-columns:1fr!important}.att-home .att-lead-bottom article{grid-template-columns:100px minmax(0,1fr)!important;grid-template-areas:"image copy"!important}.att-home .att-lead-bottom article>a.att-mini-thumb{width:100px!important;height:74px!important;aspect-ratio:auto!important}}
