/* ==========================================================
   Al Shorooq — brand layer on top of Porto Business Consulting 3
   Palette: Navy #0E2238 · Sunrise Orange #E8751A · Amber #F5A524 · Sand #F3E3C3
   ========================================================== */
:root { --as-navy:#0E2238; --as-navy2:#1B3A5C; --as-orange:#E8751A; --as-amber:#F5A524; --as-sand:#F3E3C3; --as-cream:#FBF6EE; }
body { color:#5b6470; }
h1,h2,h3,h4,h5,.text-color-dark { color: var(--as-navy); }
.text-color-dark { color: var(--as-navy) !important; }
.bg-dark, .bg-color-dark { background-color: var(--as-navy) !important; }
.bg-color-grey { background-color:#F7F4EF !important; }
.custom-highlight-text-1:before { border-bottom-color: var(--as-amber); opacity:.35; }

/* Header */
#header .header-logo img { height:48px; width:auto; }
#header .header-nav-main nav > ul > li > a { font-size: 0.86rem; }
@media (min-width:992px) and (max-width:1399px){ #header .header-nav-main nav > ul > li > a { padding-left:.55rem !important; padding-right:.55rem !important; } }
.custom-header-top-nav-background:before { background-color: var(--as-navy) !important; }
.custom-lang-toggle { color: var(--as-navy); text-decoration:none; border:1px solid rgba(14,34,56,.2); padding:2px 10px; border-radius:20px; }
.custom-lang-toggle:hover { background: var(--as-orange); color:#fff; border-color: var(--as-orange); }

/* Hero */
.custom-hero { overflow:hidden; }
.custom-hero-art { width:52%; max-width:1000px; top:10px !important; right:-1% !important; }
@media (max-width:1199px){ .custom-hero-art { width:50%; top:120px !important; } }
.custom-hero .custom-text-background { letter-spacing:-2px; }

/* Cards & imagery */
.custom-card-icon { font-size:64px; display:block; margin:0 auto 6px; }
.custom-card-img { width:100%; aspect-ratio: 16/10; object-fit: cover; }
.custom-img-tall { width:100%; aspect-ratio: 10/13; object-fit: cover; object-position: 30% 50%; }
.box-shadow-5 { border-radius: 0; }
.custom-stats strong { letter-spacing:-1px; }
.custom-stats > div { border-right:1px solid #eee; }
.custom-stats > div:last-child { border-right:0; }
.custom-sector { padding: 12px 6px; }
.custom-sector i { display:block; }

/* Steps */
.custom-step-num { flex:0 0 auto; width:56px; height:56px; border-radius:50%; background:var(--as-cream); color:var(--as-orange); font-weight:700; font-size:1.05rem; display:flex; align-items:center; justify-content:center; margin-right:18px; border:2px solid var(--as-amber); }
.custom-process-step { border-top:3px solid var(--as-orange); padding-top:18px; height:100%; }
.custom-process-step span { display:block; font-size:2.4rem; font-weight:800; color:var(--as-amber); line-height:1; margin-bottom:10px; }

/* Timeline */
.custom-timeline { position:relative; padding-left:34px; }
.custom-timeline:before { content:''; position:absolute; left:8px; top:6px; bottom:6px; width:2px; background:rgba(232,117,26,.35); }
.custom-timeline-item { position:relative; margin-bottom:34px; }
.custom-timeline-item:before { content:''; position:absolute; left:-34px; top:4px; width:18px; height:18px; border-radius:50%; background:#fff; border:4px solid var(--as-orange); }
.custom-timeline-year { display:inline-block; font-size:.75rem; letter-spacing:2px; text-transform:uppercase; font-weight:700; color:#fff; background:var(--as-navy); padding:3px 10px; margin-bottom:8px; }

/* Values / vision */
.custom-value-card { background: rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); transition: all .3s; }
.custom-value-card:hover { background: rgba(232,117,26,.15); border-color: var(--as-orange); transform: translateY(-4px); }
.custom-value-num { display:block; color:var(--as-amber); font-weight:800; font-size:1.8rem; margin-bottom:8px; }
.custom-vm-card { position:relative; overflow:hidden; }
.custom-vm-card:after { content:''; position:absolute; right:-80px; bottom:-80px; width:240px; height:240px; border-radius:50%; border:30px solid rgba(255,255,255,.07); }
.custom-ceo-card { background: var(--as-cream); border-top:4px solid var(--as-orange); }

/* Icon boxes */
.custom-icon-box { border-bottom:3px solid transparent; transition: all .3s; }
.custom-icon-box:hover { border-bottom-color: var(--as-orange); transform: translateY(-4px); }
.custom-service-num { display:block; font-size:3.4rem; font-weight:800; line-height:1; color:rgba(232,117,26,.22); margin-bottom:6px; }

/* Tables */
.custom-table { background:#fff; box-shadow: 0 10px 30px rgba(14,34,56,.07); }
.custom-table thead th { background: var(--as-navy); color:#fff; font-weight:600; border:0; padding:16px 18px; }
.custom-table td { padding:14px 18px; border-color:#f0ebe3; vertical-align: middle; }
.custom-table tbody tr:nth-child(odd) td { background:#fcfaf6; }
.custom-table td strong { color: var(--as-navy); }

/* Fleet */
.custom-fleet-card .card-img-top { aspect-ratio: 3/2; object-fit: cover; }
.custom-badge { background: var(--as-cream); color: var(--as-navy); border:1px solid #eadfcd; font-weight:600; padding:6px 10px; border-radius:0; }

/* CTA band */
.custom-cta-band { background: linear-gradient(110deg, var(--as-navy) 0%, var(--as-navy2) 55%, var(--as-orange) 140%); }

/* Contact */
.custom-contact-card { border-top:4px solid var(--as-orange); }
.custom-contact-card a { color:#fff; }
.custom-contact-card strong.text-color-dark { color:#fff !important; }
.custom-contact-card li div { color: rgba(255,255,255,.75); }
.custom-page-lead { max-width: 720px; }
.contact-form .form-select { background-color: transparent; }
.form-style-4 .form-select { border-width:0 0 1px 0; border-radius:0; }
.form-placeholders-light .form-select { color: rgba(255,255,255,.7); }
.form-placeholders-light .form-select option { color:#222; }

/* Al Hatte hero */
.custom-hatte-hero { min-height: 560px; }
.custom-hatte-hero .custom-hatte-logo { background:#fff; padding:8px 14px; }

/* Floating WhatsApp */
.custom-whatsapp-float { position:fixed; right:22px; bottom:22px; width:56px; height:56px; border-radius:50%; background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center; font-size:28px; box-shadow:0 8px 24px rgba(0,0,0,.2); z-index:1040; transition: transform .2s; }
.custom-whatsapp-float:hover { color:#fff; transform: scale(1.08); }
.custom-map iframe { filter: grayscale(.3) contrast(1.05); }
#footer { color: rgba(255,255,255,.72); }

/* Card overlay: bottom gradient instead of flat dark wash */
.custom-link-hover-effects .overlay.overlay-show:before, .custom-link-hover-effects .overlay:before { background: linear-gradient(180deg, rgba(14,34,56,0) 35%, rgba(14,34,56,.88) 100%) !important; opacity: 1 !important; }
.custom-link-hover-effects:hover .overlay:before { background: linear-gradient(180deg, rgba(232,117,26,.05) 20%, rgba(14,34,56,.92) 100%) !important; }
.custom-link-hover-effects .custom-card-img { transition: transform .5s ease; }
.custom-link-hover-effects:hover .custom-card-img { transform: scale(1.04); }
.card-img-top.overlay { overflow:hidden; }
.custom-cta-band { background-color: var(--as-navy) !important; background-image: linear-gradient(110deg, #0E2238 0%, #1B3A5C 55%, #E8751A 140%) !important; }
#footer .fa-clock { width:25px; text-align:center; }
/* Real photography */
.custom-venue-img { width:100%; aspect-ratio: 4/3; object-fit: cover; }
.custom-gallery-item { overflow:hidden; }
.custom-gallery-item img { width:100%; aspect-ratio: 4/3; object-fit: cover; transition: transform .5s; }
.custom-gallery-item:hover img { transform: scale(1.05); }
.custom-hatte-photo-hero { position: relative; }
.custom-hatte-photo-hero:before { content:''; position:absolute; inset:0; background: linear-gradient(90deg, rgba(14,34,56,.88) 0%, rgba(14,34,56,.55) 55%, rgba(14,34,56,.25) 100%); z-index:1; }
.custom-hatte-logo-img { filter: drop-shadow(0 4px 12px rgba(0,0,0,.35)); height:auto; }