/* Attassia RTL reference adjustments r2 — front-end only */
:root{--container:980px;--primary:#0b5a32;--accent:#c2161c;--surface:#f1f3ef;--footer:#06361f}
html{direction:rtl}
.container{width:min(980px,calc(100% - 30px));max-width:980px;margin-inline:auto}
.topbar{direction:rtl;display:flex;align-items:center;gap:18px}
.topbar>.brand{order:0;margin-inline-start:0;margin-inline-end:0;flex:0 0 auto}
.topbar>.top-links{order:1;flex:1;justify-content:center}
.topbar>.tools{order:2;flex:0 0 auto}
.brand img,.brand .custom-logo{max-width:210px;max-height:60px;object-fit:contain}
.main-nav{background:#0b5a32;border-bottom:3px solid #f4b81b}
.main-menu>ul{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;direction:rtl}
.main-menu>ul::-webkit-scrollbar{display:none}
.main-menu>ul>li>a{color:#fff}
.main-menu>ul>li:hover>a,.main-menu>ul>.current-menu-item>a{background:#c2161c}
.att-home{max-width:980px}
.att-lead-grid{grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:16px;direction:rtl}
.att-lead-main{height:320px}
.att-lead-side{height:320px}
.att-side-title{background:linear-gradient(120deg,#e2ebe2,#f4f1da);border-bottom-color:#f4b81b;color:#0b5a32}
.att-timeline a{font-size:13px;line-height:1.7}
.att-more,.more-link{background:#0b5a32}
.section-heading h2{color:#c2161c}
.att-lead-main .att-arrow{background:#0b5a32;color:#fff}
.att-lead-main .att-dots button.active{background:#f4b81b}
.site-footer{background:#06361f;color:#b9d0c1;border-top:4px solid #f4b81b}
.site-footer a:hover{color:#f4b81b}
@media(max-width:820px){
 .container{width:calc(100% - 20px)}
 .topbar{gap:8px;min-height:70px}
 .topbar>.brand{order:0;margin-inline-start:0}
 .topbar>.tools{order:1;margin-inline-start:auto}
 .topbar>.top-links{display:none}
 .main-menu>ul{overflow-x:auto;touch-action:pan-x;overscroll-behavior-x:contain}
 .att-lead-grid{grid-template-columns:minmax(0,1fr)}
 .att-lead-main{height:270px}
 .att-lead-side{height:300px}
}