/*
Theme Name: Alwesam Steel — Kadence Child
Template: kadence
Version: 1.2.0
Text Domain: kadence-child
*/
@font-face{font-family:'Cairo';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/cairo-arabic-400-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF,U+1EE00-1EEBB;}
@font-face{font-family:'Cairo';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/cairo-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD;}
@font-face{font-family:'Cairo';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/cairo-arabic-600-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF,U+1EE00-1EEBB;}
@font-face{font-family:'Cairo';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/cairo-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD;}
@font-face{font-family:'Cairo';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/cairo-arabic-700-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF,U+1EE00-1EEBB;}
@font-face{font-family:'Cairo';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/cairo-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD;}
@font-face{font-family:'Cairo';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/cairo-arabic-800-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF,U+1EE00-1EEBB;}
@font-face{font-family:'Cairo';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/cairo-latin-800-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD;}

:root{
  --global-body-font-family:'Cairo','Segoe UI','Tahoma',system-ui,sans-serif;
  --global-heading-font-family:'Cairo','Segoe UI','Tahoma',system-ui,sans-serif;
  --global-palette1:#1B7EC0; --global-palette2:#0E5286; --global-palette3:#0A3C63;
  --aws-blue:#1B7EC0; --aws-blue-d:#0E5286; --aws-blue-dd:#0A3C63;
  --aws-steel:#5E6B76; --aws-amber:#E08A2B; --aws-paper:#F1F5F8; --aws-line:#DCE6EC;
}
body,button,input,select,textarea,optgroup{font-family:var(--global-body-font-family);}
h1,h2,h3,h4,h5,h6,.entry-title,.site-title{font-family:var(--global-heading-font-family);}

.aws-page{display:flex; flex-direction:column; gap:34px}
.aws-page h2{font-size:clamp(23px,3.4vw,32px); color:var(--aws-blue-d); font-weight:800; margin:0 0 6px; line-height:1.25}
.aws-page p{line-height:1.85}

.aws-hero{background:linear-gradient(135deg,#0A3C63 0%,#1B7EC0 100%); color:#fff;
  padding:clamp(38px,6vw,68px) clamp(22px,5vw,54px); border-radius:20px}
.aws-hero h1{color:#fff; font-size:clamp(27px,5vw,46px); line-height:1.18; margin:0 0 14px; font-weight:800}
.aws-hero p{color:#E7F1F9; font-size:clamp(16px,2.2vw,20px); max-width:62ch; margin:0}
.aws-kicker{font-weight:800; letter-spacing:2px; font-size:13px; text-transform:uppercase; margin:0 0 12px; color:#8CC9EF}
.aws-kicker-dark{color:var(--aws-amber)}

.aws-btns{display:flex; gap:12px; flex-wrap:wrap; margin:20px 0 0}
.aws-hero .aws-btns{margin-top:22px}
.aws-btn{display:inline-block; padding:13px 28px; border-radius:11px; font-weight:800; text-decoration:none; font-size:15.5px}
.aws-btn-primary{background:var(--aws-blue); color:#fff}
.aws-hero .aws-btn-primary{background:#fff; color:var(--aws-blue-d)}
.aws-btn-wa{background:#25D366; color:#fff}
.aws-btn:hover{opacity:.92}

.aws-lead{font-size:clamp(17px,2.4vw,21px); color:var(--aws-blue-d); font-weight:600; max-width:68ch; line-height:1.7}

.aws-grid{display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}
.aws-card{background:#fff; border:1px solid var(--aws-line); border-radius:15px; padding:22px 22px}
.aws-card h3{margin:0 0 6px; color:var(--aws-blue-d); font-size:18px; font-weight:800}
.aws-card p{margin:0; color:#4A5560}
.aws-card-link{text-decoration:none; display:block}
.aws-card-link:hover h3{color:var(--aws-blue)}

.aws-stats{display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.aws-stat{background:var(--aws-blue); color:#fff; border-radius:15px; padding:20px 14px; text-align:center; font-weight:600}
.aws-stat b{display:block; font-size:clamp(26px,4vw,34px); font-weight:800; line-height:1; margin-bottom:6px; color:#fff}

.aws-list{margin:0; padding-inline-start:0; list-style:none; display:grid; gap:10px}
.aws-list li{background:#fff; border:1px solid var(--aws-line); border-inline-start:4px solid var(--aws-blue);
  border-radius:11px; padding:12px 16px; color:#37424C; font-weight:600}

.aws-cta{background:var(--aws-paper); border:1px solid var(--aws-line); border-radius:18px;
  padding:clamp(26px,4vw,40px); text-align:center}
.aws-cta h3{margin:0 0 8px; color:var(--aws-blue-d); font-size:clamp(20px,3vw,26px); font-weight:800}
.aws-cta p{margin:0 auto; max-width:60ch}
.aws-cta .aws-btns{justify-content:center; margin-top:18px}

.aws-wa{position:fixed; inset-inline-end:18px; inset-block-end:18px; z-index:9990;
  width:56px; height:56px; border-radius:50%; background:#25D366; display:flex; align-items:center;
  justify-content:center; box-shadow:0 6px 22px rgba(0,0,0,.28)}
.aws-wa svg{width:31px; height:31px; fill:#fff}
.aws-wa:hover{transform:translateY(-2px); transition:transform .15s ease}
@media (prefers-reduced-motion:reduce){.aws-wa:hover{transform:none}}

/* header logo size */
.site-branding img.custom-logo{max-height:64px; width:auto}

/* ===== Video hero (full-bleed) + letter-by-letter title ===== */
.aws-video-hero{position:relative; width:100vw; margin-inline:calc(50% - 50vw);
  min-height:clamp(440px,82vh,780px); display:flex; align-items:center; justify-content:center;
  text-align:center; overflow:hidden}
.aws-hero-vid{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0}
.aws-hero-scrim{position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg,rgba(8,26,42,.48) 0%,rgba(8,26,42,.68) 55%,rgba(8,26,42,.82) 100%)}
.aws-hero-inner{position:relative; z-index:2; padding:34px 20px; color:#fff; max-width:1000px}
.aws-anim{font-family:'Cairo',sans-serif; font-weight:800; color:#fff; letter-spacing:.14em;
  font-size:clamp(30px,8.5vw,88px); line-height:1.05; margin:0;
  display:flex; justify-content:center; flex-wrap:wrap}
.aws-anim span{display:inline-block; opacity:0; transform:translateY(34px) scale(.82);
  animation:awsLetter .62s cubic-bezier(.2,.75,.3,1) forwards; text-shadow:0 4px 26px rgba(0,0,0,.4)}
.aws-anim .sp{width:.42em; animation:none; opacity:1; transform:none}
@keyframes awsLetter{to{opacity:1; transform:none}}
.aws-anim::after{content:""; display:block; width:0; height:4px; background:var(--aws-blue,#1B7EC0);
  margin:20px auto 0; border-radius:4px; animation:awsLine .9s ease forwards; animation-delay:1.9s}
@keyframes awsLine{to{width:140px}}
.aws-tag2{margin:22px 0 0; font-size:clamp(16px,2.6vw,26px); color:#EAF3FA; font-weight:600;
  opacity:0; animation:awsFade 1s ease forwards; animation-delay:2.2s}
.aws-video-hero .aws-btns{justify-content:center; opacity:0;
  animation:awsFade 1s ease forwards; animation-delay:2.6s}
@keyframes awsFade{to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .aws-anim span,.aws-tag2,.aws-video-hero .aws-btns{animation:none; opacity:1; transform:none}
  .aws-anim::after{animation:none; width:140px}
}

/* ===== Image band (parallax-style background section) ===== */
.aws-imgband{position:relative; width:100vw; margin-inline:calc(50% - 50vw);
  min-height:clamp(300px,46vh,460px); display:flex; align-items:center; justify-content:center;
  text-align:center; overflow:hidden; background-size:cover; background-position:center}
.aws-imgband::before{content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(10,30,50,.62),rgba(10,30,50,.78))}
.aws-imgband .inner{position:relative; z-index:2; color:#fff; padding:30px 22px; max-width:820px}
.aws-imgband h2{color:#fff !important}
.aws-imgband p{color:#E7F1F9}

/* ---- fix: LTR for English animated title + mobile hero ---- */
.aws-anim{direction:ltr;}
@media (max-width:480px){
  .aws-anim{letter-spacing:.05em; font-size:clamp(26px,9vw,42px)}
  .aws-hero-inner{width:100%; box-sizing:border-box; padding:28px 16px}
  .aws-video-hero .aws-btns{flex-wrap:wrap}
  .aws-video-hero .aws-btns .aws-btn{padding:12px 20px; font-size:14.5px}
}

/* ---- image hero for inner pages ---- */
.aws-imghero{position:relative; width:100vw; margin-inline:calc(50% - 50vw); min-height:clamp(340px,54vh,520px);
  display:flex; align-items:center; justify-content:center; text-align:center; overflow:hidden;
  background-size:cover; background-position:center}
.aws-imghero::before{content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(8,26,42,.55),rgba(8,26,42,.8))}
.aws-imghero .aws-hero-inner{position:relative; z-index:2; padding:34px 20px; max-width:900px; color:#fff}
.aws-imghero .aws-kicker{color:#8CC9EF}
.aws-imghero h1{color:#fff; font-size:clamp(26px,4.8vw,46px); font-weight:800; line-height:1.18; margin:0 0 12px}
.aws-imghero p.sub{color:#EAF3FA; font-size:clamp(16px,2.3vw,20px); max-width:62ch; margin:0 auto}
.aws-imghero .aws-btns{margin-top:20px}
.aws-imghero .aws-btn-primary{background:#fff; color:var(--aws-blue-d)}

/* ---- partners + document placeholders ---- */
.aws-partners{display:flex; flex-wrap:wrap; gap:12px; justify-content:center}
.aws-partners span{background:#fff; border:1px solid var(--aws-line); border-radius:12px;
  padding:13px 22px; font-weight:700; color:var(--aws-blue-d); font-size:15px; box-shadow:0 1px 2px rgba(18,58,44,.05)}
.aws-doc{background:#fff; border:2px dashed var(--aws-line); border-radius:14px; min-height:170px;
  display:flex; align-items:center; justify-content:center; color:var(--aws-steel); font-weight:700; font-size:16px}

/* ---- document cards (licenses) ---- */
.aws-doccard{background:#fff; border:1px solid var(--aws-line); border-radius:14px; overflow:hidden; box-shadow:0 1px 2px rgba(18,58,44,.06)}
.aws-doccard a{display:block; text-decoration:none}
.aws-doccard img{width:100%; height:250px; object-fit:cover; object-position:top center; display:block; background:#eef2f5}
.aws-doccard .cap{display:block; padding:12px 14px; text-align:center; font-weight:800; color:var(--aws-blue-d)}
.aws-doccard .cap small{display:block; margin-top:3px; color:var(--aws-steel); font-weight:600; font-size:12px}
.aws-doccard:hover{box-shadow:0 8px 24px rgba(18,58,44,.12)}

/* ==== hide default Kadence footer + tighten header→hero gap ==== */
#colophon.site-footer{display:none !important}
.page .content-container{padding-top:0 !important}
.page #main.site-main{padding-top:0 !important; margin-top:0 !important}
.page .content-wrap{padding-top:0 !important}
.page .entry-content-wrap{padding-top:0 !important}
.page article.single-entry{padding-top:0 !important}

/* ==== custom footer ==== */
.aws-footer{background:#0C1D2E; color:#c3d6e6}
.aws-footer .fwrap{max-width:1200px; margin:0 auto; padding:58px 26px 40px; display:grid; gap:32px;
  grid-template-columns:1.5fr 1fr 1fr 1.2fr; direction:rtl; text-align:right}
.aws-footer h4{color:#fff; font-size:16px; font-weight:800; margin:0 0 16px}
.aws-foot-col a{color:#b6cde0; text-decoration:none; display:block; padding:5px 0; font-size:14.5px}
.aws-foot-col a:hover{color:#fff}
.aws-foot-brand img{width:60px; height:60px; object-fit:contain}
.aws-foot-brand .bname{color:#fff; font-weight:800; font-size:17px; margin:10px 0 8px}
.aws-foot-brand p{color:#8fa9c0; font-size:13.5px; line-height:1.8; margin:0; max-width:40ch}
.aws-foot-social{display:flex; gap:10px; margin-top:16px}
.aws-foot-social a{width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.08);
  display:flex; align-items:center; justify-content:center}
.aws-foot-social svg{width:19px; height:19px; fill:#c3d6e6}
.aws-foot-social a:hover{background:var(--aws-blue)}
.aws-foot-social a:hover svg{fill:#fff}
.aws-foot-contact ul{list-style:none; margin:0 0 14px; padding:0}
.aws-foot-contact li{color:#b6cde0; font-size:14px; padding:5px 0}
.aws-foot-cta{display:inline-block; background:var(--aws-blue); color:#fff; padding:11px 22px;
  border-radius:10px; font-weight:800; text-decoration:none; font-size:14.5px}
.aws-foot-cta:hover{background:#2a93d8}
.aws-foot-bottom{border-top:1px solid rgba(255,255,255,.1); padding:18px 26px; text-align:center;
  color:#7f9bb3; font-size:13px}
@media (max-width:860px){.aws-footer .fwrap{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.aws-footer .fwrap{grid-template-columns:1fr; padding:40px 20px 30px}}

/* footer flows right after content (neutralize Kadence sticky min-height) */
.wp-site-blocks, #wrapper.site{min-height:0 !important}
.aws-footer{margin-top:auto}

/* ==== fully remove top gap above hero (incl. #inner-wrap) ==== */
.page #inner-wrap, .page #inner-wrap.wrap, .page .content-container, .page #main.site-main,
.page .content-wrap, .page article.single-entry, .page article.content-bg,
.page .entry-content-wrap, .page .entry-content{padding-top:0 !important; margin-top:0 !important}
.aws-page{margin-top:0 !important}
.aws-page > .aws-video-hero:first-child, .aws-page > .aws-imghero:first-child,
.aws-page > .aws-hero:first-child{margin-top:0 !important}

/* ==== footer logo on white chip for contrast ==== */
.aws-foot-brand img{background:#fff; border-radius:14px; padding:8px; width:66px; height:66px; object-fit:contain}

/* ==== THE real fix: zero .content-area top margin (--global-xxl-spacing) ==== */
.page .content-area{margin-top:0 !important}
.page .entry-content-wrap{padding-top:0 !important}

/* ==== sticky header on scroll ==== */
#masthead .site-main-header-wrap.site-header-row-container{position:sticky; top:0; z-index:100;
  background:#fff; box-shadow:0 2px 12px rgba(10,30,50,.08)}
.admin-bar #masthead .site-main-header-wrap.site-header-row-container{top:32px}
@media (max-width:782px){.admin-bar #masthead .site-main-header-wrap.site-header-row-container{top:46px}}