/* 6.7.7 focused corrections: one mobile logo, reference timeline, configurable 24/7 widget, original dropdown skin. */
/* Do not let the generic .brand img rule override the intended light/dark logo switch. */
.brand img.logo-light{display:block!important}
.brand img.logo-dark{display:none!important}
.snrt-dark .brand img.logo-light{display:none!important}
.snrt-dark .brand img.logo-dark{display:block!important}
/* Reference-faithful green 24/7 timeline: badge at the right, title beside it, outlined dots with a centered point. */
.att-lead-side{background:#fff!important;border:1px solid #d9e5dc!important;border-radius:5px!important;overflow:visible!important;color:#426785!important}
.att-lead-side .att-side-title{direction:rtl!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-height:68px!important;padding:10px 14px!important;background:#eef3ee!important;border-bottom:2px solid var(--accent,#f4b81b)!important}
.att-lead-side .att-side-title>span{order:-1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 48px!important;width:48px!important;height:48px!important;border:2px solid #d71920!important;border-radius:50%!important;background:#fff!important;color:#d71920!important;font-size:12px!important;font-weight:900!important}
.att-lead-side .att-side-title strong{font-size:16px!important;font-weight:800!important;color:var(--primary,#075b35)!important}
.att-lead-side .att-timeline{position:relative!important;max-height:360px!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:none!important}
.att-lead-side .att-timeline ol{position:relative!important;list-style:none!important;margin:0!important;padding:6px 12px 8px 10px!important}
.att-lead-side .att-timeline ol:before{content:""!important;position:absolute!important;right:32px!important;top:12px!important;bottom:16px!important;width:2px!important;background:#d8e3da!important}
.att-lead-side .att-timeline li{position:relative!important;display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-areas:"time title" "date title"!important;align-items:start!important;gap:2px 8px!important;min-height:82px!important;margin:0!important;padding:12px 44px 14px 4px!important;border-bottom:1px solid #e8eeea!important;direction:rtl!important}
.att-lead-side .att-timeline li:before{content:""!important;position:absolute!important;right:23px!important;top:17px!important;width:18px!important;height:18px!important;box-sizing:border-box!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;z-index:2!important}
.att-lead-side .att-timeline li time{grid-area:time!important;color:#7e9bb1!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;text-align:center!important}
.att-lead-side .att-timeline li a{grid-area:title!important;display:block!important;padding:0!important;color:#426785!important;font-size:14px!important;line-height:1.85!important;font-weight:700!important;text-align:center!important;text-decoration:none!important}
.att-lead-side .att-timeline li small{grid-area:date!important;display:block!important;color:#777!important;font-size:12px!important;text-align:center!important;white-space:nowrap!important}
.att-lead-side .att-timeline li a:hover{color:var(--primary,#075b35)!important}
.att-lead-side .att-timeline-controls{top:61px!important;right:calc(100% - 30px)!important;left:auto!important;width:27px!important;min-width:27px!important;padding:2px!important;border-radius:16px!important;background:var(--primary,#075b35)!important;box-shadow:0 4px 10px rgba(0,0,0,.15)!important;z-index:8!important}
.att-lead-side .att-timeline-controls button{width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;font-size:0!important;border:0!important}
.att-lead-side .att-timeline-controls button:before{content:""!important;display:block!important;width:7px!important;height:7px!important;border-top:2px solid #fff!important;border-left:2px solid #fff!important;transform:rotate(45deg)!important;margin:4px auto 0!important}
.att-lead-side .att-timeline-controls [data-att-timeline-down]:before{transform:rotate(225deg)!important;margin-top:-2px!important}
.att-lead-side .att-side-more{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:8px 12px 12px!important;min-height:60px!important;padding:12px 18px!important;border-radius:4px!important;background:var(--primary,#075b35)!important;color:#fff!important;font-size:15px!important;font-weight:800!important;text-decoration:none!important;box-shadow:none!important}
.att-lead-side .att-side-more:hover{filter:brightness(.93)!important;transform:translateY(-1px)!important}
/* Same reference design for the reusable widget; the widget's number and URL are configured in Appearance > Widgets. */
.attassia-247-widget{position:relative!important;overflow:visible!important;border:1px solid #d9e5dc!important;border-radius:5px!important;background:#fff!important;color:#426785!important;padding:0!important}
.attassia-247-widget .attassia-247-heading{direction:rtl!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-height:68px!important;padding:10px 14px!important;background:#eef3ee!important;border-bottom:2px solid var(--accent,#f4b81b)!important}
.attassia-247-widget .attassia-247-clock{order:-1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 48px!important;width:48px!important;height:48px!important;border:2px solid #d71920!important;border-radius:50%!important;background:#fff!important;color:#d71920!important;font-size:12px!important;font-weight:900!important}
.attassia-247-heading-text{color:var(--primary,#075b35)!important;font-size:16px!important;font-weight:800!important}
.attassia-247-scroll-area{position:relative!important;max-height:360px!important;overflow-y:auto!important;scrollbar-width:none!important;overscroll-behavior:contain!important}
.attassia-247-list{position:relative!important;list-style:none!important;margin:0!important;padding:6px 12px 8px 10px!important}
.attassia-247-list:before{content:""!important;position:absolute!important;right:32px!important;top:12px!important;bottom:16px!important;width:2px!important;background:#d8e3da!important}
.attassia-247-list li{position:relative!important;display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-areas:"time title" "date title"!important;align-items:start!important;gap:2px 8px!important;min-height:82px!important;margin:0!important;padding:12px 44px 14px 4px!important;border-bottom:1px solid #e8eeea!important;direction:rtl!important}
.attassia-247-list li:last-child{border-bottom:0!important}
.attassia-247-list .attassia-247-dot{position:absolute!important;right:23px!important;top:17px!important;width:18px!important;height:18px!important;box-sizing:border-box!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;z-index:2!important}
.attassia-247-list time{grid-area:time!important;color:#7e9bb1!important;font-size:12px!important;font-weight:800!important;text-align:center!important;white-space:nowrap!important}
.attassia-247-list a{grid-area:title!important;display:block!important;padding:0!important;color:#426785!important;font-size:14px!important;line-height:1.85!important;font-weight:700!important;text-align:center!important;text-decoration:none!important}
.attassia-247-list small{grid-area:date!important;display:block!important;color:#777!important;font-size:12px!important;text-align:center!important;white-space:nowrap!important}
.attassia-247-scroll-controls{top:61px!important;right:calc(100% - 30px)!important;left:auto!important;width:27px!important;min-width:27px!important;padding:2px!important;border-radius:16px!important;background:var(--primary,#075b35)!important;box-shadow:0 4px 10px rgba(0,0,0,.15)!important;z-index:8!important}
.attassia-247-scroll-controls button{width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;font-size:0!important;border:0!important}
.attassia-247-scroll-controls button:before{content:""!important;display:block!important;width:7px!important;height:7px!important;border-top:2px solid #fff!important;border-left:2px solid #fff!important;transform:rotate(45deg)!important;margin:4px auto 0!important}
.attassia-247-scroll-controls [data-att-timeline-down]:before{transform:rotate(225deg)!important;margin-top:-2px!important}
.attassia-247-more{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:8px 12px 12px!important;min-height:60px!important;padding:12px 18px!important;border-radius:4px!important;background:var(--primary,#075b35)!important;color:#fff!important;font-size:15px!important;font-weight:800!important;text-decoration:none!important;box-shadow:none!important}
/* Restore the theme's original white submenu appearance; only the indicator is changed to a clean chevron. */
@media(min-width:901px){
 .site-header,.site-header .main-nav,.site-header .main-nav>.container,.site-header .main-menu,.site-header .main-menu>ul,.site-header .main-menu>div,.site-header .main-menu>div>ul{overflow:visible!important}
 .site-header{position:relative!important;z-index:10000!important}
 .site-header .main-nav{position:relative!important;z-index:10010!important}
 .site-header .main-menu li{position:relative!important;overflow:visible!important}
 .site-header .main-menu li.menu-item-has-children>a:after,.site-header .main-menu li.page_item_has_children>a:after{content:""!important;display:inline-block!important;width:6px!important;height:6px!important;border-right:1.7px solid currentColor!important;border-bottom:1.7px solid currentColor!important;transform:rotate(45deg) translateY(-2px)!important;margin-inline-start:9px!important;opacity:.9!important;vertical-align:middle!important;transition:transform .16s ease!important}
 .site-header .main-menu li.menu-item-has-children:hover>a:after,.site-header .main-menu li.page_item_has_children:hover>a:after{transform:rotate(225deg) translateY(-1px)!important}
 .site-header .main-menu li>.sub-menu{display:block!important;position:absolute!important;top:100%!important;right:0!important;left:auto!important;width:max-content!important;min-width:210px!important;max-width:min(320px,90vw)!important;height:auto!important;max-height:70vh!important;overflow-y:auto!important;overflow-x:visible!important;margin:0!important;padding:4px 0!important;list-style:none!important;background:#fff!important;color:#111!important;border-top:0!important;box-shadow:0 7px 22px rgba(0,0,0,.16)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(5px)!important;z-index:999999!important;transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important}
 .site-header .main-menu li:hover>.sub-menu,.site-header .main-menu li:focus-within>.sub-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
 .site-header .main-menu li>.sub-menu>li{display:block!important;width:100%!important;height:auto!important}
 .site-header .main-menu li>.sub-menu>li>a{display:block!important;height:auto!important;min-height:38px!important;padding:8px 12px!important;white-space:normal!important;color:#111!important;background:#fff!important;border-bottom:1px solid #eee!important;line-height:1.5!important}
 .site-header .main-menu li>.sub-menu>li>a:hover,.site-header .main-menu li>.sub-menu>li>a:focus{background:#f5f5f5!important;color:var(--primary,#075b35)!important}
 .site-header .main-menu li>.sub-menu li>.sub-menu{top:0!important;right:100%!important;left:auto!important}
}
/* Mobile header: one centered logo, menu on the right, multiple user-selected icons on the left. */
@media(max-width:760px){
 .site-header .topbar{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:72px!important;padding:8px 12px!important;gap:0!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;justify-content:center!important;align-items:center!important;width:max-content!important;max-width:45vw!important;margin:0!important;z-index:4!important}
 .site-header .topbar>.brand a{display:flex!important;justify-content:center!important;align-items:center!important;max-width:100%!important}
 .site-header .topbar>.brand img.logo-light{display:block!important;max-width:44vw!important;max-height:44px!important;width:auto!important;height:auto!important;object-fit:contain!important}
 .site-header .topbar>.brand img.logo-dark{display:none!important}
 .snrt-dark .site-header .topbar>.brand img.logo-light{display:none!important}
 .snrt-dark .site-header .topbar>.brand img.logo-dark{display:block!important;max-width:44vw!important;max-height:44px!important;width:auto!important;height:auto!important}
 .site-header .topbar>.tools{position:absolute!important;inset:0 12px 0 12px!important;width:auto!important;max-width:none!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;direction:ltr!important;gap:6px!important;margin:0!important;padding:0 46px 0 0!important;z-index:6!important;pointer-events:none!important}
 .site-header .topbar>.tools>*{pointer-events:auto!important;flex:0 0 auto!important}
 .site-header .topbar>.tools .mobile-toggle{position:absolute!important;right:0!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;display:inline-flex!important;z-index:8!important}
 .site-header .topbar>.tools .search-toggle,.site-header .topbar>.tools .lang,.site-header .topbar>.tools .dark-toggle,.site-header .topbar>.tools .attassia-header-social{display:none!important}
 .site-header .topbar.mobile-left-search .tools .search-toggle{display:inline-flex!important}
 .site-header .topbar.mobile-left-language .tools .lang{display:inline-flex!important}
 .site-header .topbar.mobile-left-dark .tools .dark-toggle{display:inline-flex!important}
 .site-header .topbar .attassia-header-social{gap:5px!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;padding:0!important}
 .site-header .topbar .attassia-header-social a{display:none!important;width:28px!important;height:28px!important;min-width:28px!important}
 .site-header .topbar.mobile-left-facebook .attassia-header-social{display:flex!important}
 .site-header .topbar.mobile-left-x .attassia-header-social{display:flex!important}
 .site-header .topbar.mobile-left-youtube .attassia-header-social{display:flex!important}
 .site-header .topbar.mobile-left-instagram .attassia-header-social{display:flex!important}
 .site-header .topbar.mobile-left-telegram .attassia-header-social{display:flex!important}
 .site-header .topbar.mobile-left-linkedin .attassia-header-social{display:flex!important}
 .site-header .topbar.mobile-left-facebook .attassia-header-social-facebook.mobile-icon-selected,.site-header .topbar.mobile-left-x .attassia-header-social-x.mobile-icon-selected,.site-header .topbar.mobile-left-youtube .attassia-header-social-youtube.mobile-icon-selected,.site-header .topbar.mobile-left-instagram .attassia-header-social-instagram.mobile-icon-selected,.site-header .topbar.mobile-left-telegram .attassia-header-social-telegram.mobile-icon-selected,.site-header .topbar.mobile-left-linkedin .attassia-header-social-linkedin.mobile-icon-selected{display:inline-flex!important;align-items:center!important;justify-content:center!important}
 .site-header .topbar .attassia-header-social a.mobile-icon-selected{display:inline-flex!important;align-items:center!important;justify-content:center!important}
}
@media(max-width:480px){
 .site-header .topbar{min-height:66px!important}
 .site-header .topbar>.brand{max-width:42vw!important}
 .site-header .topbar>.brand img{max-width:42vw!important;max-height:40px!important}
 .site-header .topbar>.tools{gap:4px!important;padding-right:42px!important}
 .site-header .topbar .attassia-header-social a{width:25px!important;height:25px!important;min-width:25px!important}
}
@media(prefers-reduced-motion:reduce){.site-header .main-menu li>a:after{transition:none!important}}
