/* Attassia RTL Pro 6.8.1 — direct fixes for the three marked layout issues. */
/* The phone-only icon group must never leak into the desktop header. */
.site-header .topbar>.mobile-header-left-icons{display:none!important}

/* Keep the slider and its three editorial cards in one independent column. The 24/7 timeline and ad form the second column. */
.att-lead-grid{display:grid!important;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr)!important;gap:16px!important;align-items:start!important;direction:rtl!important}
.att-lead-primary-column{grid-column:1;grid-row:1;display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important;align-self:start!important}
.att-lead-primary-column>.att-lead-main{grid-column:auto!important;grid-row:auto!important;width:100%!important;min-width:0!important;margin:0!important}
.att-lead-primary-column>.att-below-hero-main{display:block!important;grid-column:auto!important;grid-row:auto!important;align-self:stretch!important;min-width:0!important;width:100%!important;margin:0!important}
.att-lead-side-column{grid-column:2;grid-row:1;display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important;align-self:start!important}
.att-lead-side-column>.attassia-247-widget{width:100%!important;min-width:0!important;margin:0!important}
.att-lead-side-column>.att-below-hero-ad{grid-column:auto!important;grid-row:auto!important;align-self:center!important;width:300px!important;max-width:100%!important;min-height:250px!important;margin:0 auto!important}
.att-lead-side-column>.att-below-hero-ad .snrt-ad[data-ad-slot="hero-sidebar"]{width:300px!important;height:250px!important;min-height:250px!important;max-height:none!important;max-width:100%!important;box-sizing:border-box!important}
.att-lead.no-hero-sidebar .att-lead-grid{grid-template-columns:minmax(0,1fr)!important}
.att-lead.no-hero-sidebar .att-lead-primary-column{grid-column:1!important;grid-row:1!important}
.att-lead.no-hero-sidebar .att-below-hero-ad-no-sidebar{grid-column:1!important;grid-row:2!important;justify-self:center!important;align-self:start!important;margin:14px auto 0!important}

/* Timeline: reserve a real header row for the controls, title and clock. */
.attassia-247-widget{min-width:0!important;overflow:hidden!important}
.attassia-247-widget .attassia-247-heading{position:relative!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;direction:ltr!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:76px!important;height:auto!important;padding:10px 12px!important;margin:0!important;overflow:visible!important}
.attassia-247-widget .attassia-247-scroll-controls{position:static!important;inset:auto!important;transform:none!important;order:0!important;align-self:center!important;flex:0 0 28px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:28px!important;min-width:28px!important;height:46px!important;min-height:46px!important;margin:0!important;padding:2px!important;box-sizing:border-box!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:21px!important;min-height:21px!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-heading-text{order:1!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;direction:rtl!important;text-align:right!important;white-space:normal!important;line-height:1.45!important;font-size:16px!important}
.attassia-247-widget .attassia-247-clock{order:2!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid #d71920!important;border-radius:50%!important;background:#fff!important;color:#d71920!important;font-size:12px!important;line-height:1!important;box-sizing:border-box!important}
.attassia-247-widget .attassia-247-scroll-area{position:relative!important;display:block!important;clear:both!important;height:auto!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;margin:0!important;padding:6px 0 8px!important;list-style:none!important;direction:rtl!important;box-sizing:border-box!important}
.attassia-247-widget .attassia-247-list:before{right:34px!important;top:10px!important;bottom:12px!important;width:2px!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 58px 14px 12px!important;border-bottom:1px solid #edf1f4!important;box-sizing:border-box!important;direction:rtl!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:24px!important;top:22px!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:#fff!important;box-shadow:inset 0 0 0 5px #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}
.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}
.attassia-247-widget .attassia-247-more{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:56px!important;margin:8px 12px 12px!important;padding:12px 16px!important;box-sizing:border-box!important}

@media(max-width:760px){
 .att-lead-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 .att-lead-primary-column{display:contents!important}
 .att-lead-primary-column>.att-lead-main{grid-column:1!important;grid-row:1!important;order:1!important}
 .att-lead-side-column{grid-column:1!important;grid-row:2!important;order:2!important;width:100%!important}
 .att-lead-primary-column>.att-below-hero-main{grid-column:1!important;grid-row:3!important;order:3!important;width:100%!important}
 .att-lead-side-column>.att-below-hero-ad{width:300px!important;max-width:100%!important;grid-column:auto!important;grid-row:auto!important;margin:0 auto!important}
 .attassia-247-widget .attassia-247-heading{min-height:68px!important;padding:8px 10px!important}
 .attassia-247-widget .attassia-247-list li{grid-template-columns:76px minmax(0,1fr)!important;min-height:100px!important;padding:12px 54px 12px 8px!important;gap:4px 6px!important}
 .attassia-247-widget .attassia-247-list:before{right:30px!important}
 .attassia-247-widget .attassia-247-list .attassia-247-dot{right:20px!important;top:20px!important}
 .attassia-247-widget .attassia-247-list a{font-size:14px!important;line-height:1.75!important}
 .attassia-247-widget .attassia-247-scroll-area{max-height:330px!important}
 .attassia-247-widget .attassia-247-more{margin:8px 10px 10px!important}
}

/* 6.8.2 follow-up: restore configured mobile icons without duplicating desktop tools. */
.site-header .topbar>.mobile-header-left-icons{display:none!important}
@media(max-width:780px){
 .site-header .topbar>.desktop-tools{display:none!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;max-width:calc(50% - 54px)!important;height:40px!important;overflow:hidden!important;direction:ltr!important;z-index:7!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}
 .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}
}
@media(max-width:390px){.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}}

/* Shared latest-news widget: title only, no red 24/7 badge; controls sit at the far left. */
.attassia-247-widget .attassia-247-heading{min-height:62px!important;padding:8px 12px!important;justify-content:space-between!important;gap:12px!important}
.attassia-247-widget .attassia-247-heading-text{order:2!important;flex:1 1 auto!important;text-align:right!important}
.attassia-247-widget .attassia-247-scroll-controls{order:1!important;margin-right:auto!important;margin-left:0!important;flex:0 0 27px!important;width:27px!important;min-width:27px!important;height:42px!important;min-height:42px!important}
.attassia-247-widget .attassia-247-scroll-area{max-height:390px!important}
.attassia-247-widget .attassia-247-list li{grid-template-columns:58px minmax(0,1fr)!important;grid-template-areas:"time title" "date title"!important;min-height:96px!important;padding:12px 48px 12px 10px!important;gap:4px 8px!important}
.attassia-247-widget .attassia-247-list:before{right:29px!important}
.attassia-247-widget .attassia-247-list .attassia-247-dot{right:19px!important;top:21px!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;background:radial-gradient(circle at center,var(--primary,#075b35) 0 3px,#fff 3.5px 100%)!important}
.attassia-247-widget .attassia-247-list time{text-align:right!important;font-size:11px!important}
.attassia-247-widget .attassia-247-list small{text-align:right!important;font-size:11px!important}
.attassia-247-widget .attassia-247-list a{text-align:right!important;font-size:14px!important;line-height:1.8!important}
.attassia-247-widget .attassia-247-more{margin:8px 12px 12px!important;min-height:56px!important}
.att-home .att-lead-bottom{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:14px 0 20px!important}
@media(max-width:760px){.attassia-247-widget .attassia-247-heading{min-height:58px!important}.attassia-247-widget .attassia-247-list li{min-height:92px!important;padding:11px 44px 11px 8px!important}.attassia-247-widget .attassia-247-list:before{right:26px!important}.attassia-247-widget .attassia-247-list .attassia-247-dot{right:16px!important}.att-home .att-lead-bottom{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
