/* AlManar widgets: shared. Token fallbacks keep widgets styled under any theme. */
:where(:root){--am-navy:#0E1B2C;--am-parchment:#F6F1E7;--am-gold:#E3A93B;--am-teal:#1F6F6B;--am-gold-deep:#9A6A12;--am-gold-text:#85590E;--am-sand:#E9DFCC;--am-white:#FFFFFF;--am-body:#2E3A4A;--am-muted:#4E5968;--am-line:#CDBFA4;--am-on-navy:#D9DEE6;--am-font-display:Fraunces,Georgia,serif;--am-font-body:Manrope,system-ui,sans-serif;--am-font-ar-display:Amiri,serif;--am-font-ar-ui:"IBM Plex Sans Arabic",system-ui,sans-serif;--am-ease:cubic-bezier(.2,.7,.2,1)}
.amw{box-sizing:border-box;font-family:var(--am-font-body)}
.amw *,.amw *::before,.amw *::after{box-sizing:inherit}
.amw-wrap{max-width:1280px;margin:0 auto;padding:0 40px}
@media (max-width:900px){.amw-wrap{padding:0 16px}}
.amw-eyebrow{margin:0 0 12px;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--am-gold-text)}
.amw-h2{margin:0;font-family:var(--am-font-display);font-weight:400;font-size:clamp(36px,4.2vw,60px);line-height:1.05;letter-spacing:-.015em;color:inherit}
.amw-lift{transition:transform .35s var(--am-ease),box-shadow .35s}
.amw-lift:hover{transform:translateY(-6px);box-shadow:0 28px 56px -28px rgba(14,27,44,.4)}
.amw-zoom img{transition:transform .6s var(--am-ease)}.amw-zoom:hover img{transform:scale(1.04)}
.amw-uline{background:linear-gradient(var(--am-gold),var(--am-gold)) 0 100%/0 2px no-repeat;transition:background-size .35s}
.amw-lift:hover .amw-uline,.amw-uline:hover,.amw-uline:focus-visible{background-size:100% 2px}
.amw-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 30px;border-radius:999px;border:1.5px solid transparent;font:700 16px var(--am-font-body);text-decoration:none;cursor:pointer;transition:background-color .2s,transform .2s}
.amw-btn:hover{transform:translateY(-1px)}
.amw-btn--gold{background:var(--am-gold);color:var(--am-navy)}
.amw-btn--gold:hover{color:var(--am-navy)}
.amw-btn--ghost{border-color:rgba(246,241,231,.6);color:var(--am-parchment);font-weight:600}
.amw-btn--ghost:hover{color:var(--am-parchment)}
.amw-btn--navy{background:var(--am-navy);color:var(--am-parchment)}
.amw-btn--navy:hover{background:var(--am-teal);color:#fff}
.amw-link{font-weight:700;color:var(--am-teal);text-decoration:none;padding:10px 0}
:where(.amw) [lang="ar"]{font-family:var(--am-font-ar-ui)}
.amw-dark :focus-visible{outline:3px solid var(--am-gold);outline-offset:3px;border-radius:8px}
.amw-star-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.amw-star-list li{display:flex;gap:14px;align-items:baseline}
.amw-star-list li::before{content:"\2726";color:var(--am-gold-deep);flex:none}
.amw-dark .amw-star-list li::before{color:var(--am-gold)}

/* Reveal on scroll (only when JS has run, so content is never hidden without it). */
/* Uses the independent `translate` property so it never fights the hover lift's `transform`. */
.amw-js .amw-reveal{opacity:0;translate:0 28px;transition:opacity .9s var(--am-ease),translate .9s var(--am-ease),transform .35s var(--am-ease),box-shadow .35s}
.amw-js .amw-reveal.is-in{opacity:1;translate:none}
.amw-draw path,.amw-draw rect{stroke-dasharray:420;stroke-dashoffset:420}
.amw-draw.is-in path,.amw-draw.is-in rect{animation:amw-draw 2.6s ease .3s forwards}
@keyframes amw-draw{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){
  .amw *,.amw *::before,.amw *::after{animation:none!important;transition:none!important}
  .amw-js .amw-reveal{opacity:1;translate:none}
  .amw-draw path,.amw-draw rect{stroke-dashoffset:0}
}
/* Elementor kit button styles apply to every <button>; widget buttons keep their own look. */
.amw button:not(.amw-btn){text-transform:none;letter-spacing:normal;box-shadow:none}
.amw .amw-jt__tab:not([aria-selected="true"]):hover,.amw .amw-news__chip[aria-pressed="false"]:hover,.amw .amw-docs__chip[aria-pressed="false"]:hover{background:var(--am-sand);color:var(--am-navy)}
.amw .amw-ts__nav button:first-child:hover{background:var(--am-sand);color:var(--am-navy)}
.amw .amw-ts__nav .amw-ts__next:hover{background:var(--am-teal);color:#fff}
.amw .amw-bar__close:hover{background:transparent;color:#fff}
/* Long words (file names, email addresses) wrap instead of widening the page on small screens. */
.amw p,.amw li,.amw dd,.amw strong{overflow-wrap:break-word}
.amw-pn__file-text,.amw-docs__text{min-width:0;overflow-wrap:anywhere}
.amw-cg__text{overflow-wrap:anywhere}