@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#092d56;--navy-2:#061e39;--blue:#164b7d;--gold:#d5a43a;--gold-2:#f0ca70;--ink:#102033;--muted:#64748b;--soft:#f3f6f9;--white:#fff;--border:#dbe4ed;--shadow:0 20px 50px rgba(9,45,86,.12);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Cairo,Manrope,Arial,sans-serif;line-height:1.75}html[dir=ltr] body{font-family:Manrope,Cairo,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:var(--navy-2);color:#d8e5f1;font-size:.82rem}.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:7px 0}.topbar a{color:var(--gold-2)}.navbar{background:rgba(255,255,255,.96);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(9,45,86,.08);backdrop-filter:blur(14px)}.nav-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand img{width:150px;height:57px;object-fit:contain}.brand > .brand-copy{display:flex;flex-direction:column;line-height:1.35}.brand b{color:var(--navy);font-size:1rem}.brand small{color:var(--muted);font-size:.73rem}.nav-links{display:flex;align-items:center;gap:26px;font-weight:600;color:#29445f}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;inset-inline-start:0;bottom:-8px;width:0;height:2px;background:var(--gold);transition:.2s}.nav-links a:hover:after{width:100%}.nav-links .dashboard-link{border:1px solid rgba(9,45,86,.22);border-radius:999px;padding:7px 13px;color:var(--navy);font-weight:800}.nav-links .dashboard-link:after{display:none}.nav-links .language{background:var(--navy);color:#fff;border-radius:999px;padding:7px 13px}.nav-links .language:after{display:none}.nav-toggle{display:none;background:none;border:0;font-size:1.6rem;color:var(--navy)}
.hero{min-height:690px;display:grid;align-items:center;position:relative;background-image:var(--hero-image,url('../images/hero/hero-logistics.webp'));background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,48,.94) 0%,rgba(9,45,86,.76) 48%,rgba(9,45,86,.18) 100%)}html[dir=rtl] .hero-overlay{background:linear-gradient(270deg,rgba(4,25,48,.94) 0%,rgba(9,45,86,.76) 48%,rgba(9,45,86,.18) 100%)}.hero-content{position:relative;padding:90px 0;max-width:1180px}.hero-content>*{max-width:720px}.eyebrow,.section-kicker{display:inline-block;color:var(--gold-2);font-weight:800;letter-spacing:.04em;margin-bottom:14px}.hero h1{font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.13;margin:0 0 24px;letter-spacing:-.04em}.hero p{font-size:1.2rem;color:#e7eef6;max-width:660px;margin:0 0 34px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:13px 24px;font-weight:800;cursor:pointer}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#13263a}.btn-navy{background:var(--navy);color:#fff}.btn-outline-light{border:1px solid rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.04)}.trust-strip{background:var(--navy);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid div{padding:24px;border-inline-end:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:14px}.trust-grid div:last-child{border:0}.trust-grid b{font-size:1.8rem;color:var(--gold-2)}.trust-grid span{color:#d9e4ee;font-size:.9rem}.section{padding:100px 0}.section.soft,.soft{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-head h2,.split h2,.two-cards h2,.cta h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.25;margin:0;color:var(--navy);letter-spacing:-.03em}.section-head>a{color:var(--blue);font-weight:800}.cards{display:grid;gap:22px}.services-grid{grid-template-columns:repeat(3,1fr)}.service-card{background:#fff;border:1px solid var(--border);padding:32px;border-radius:var(--radius);transition:.25s;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:rgba(213,164,58,.10);top:-60px;inset-inline-end:-30px}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(213,164,58,.5)}.service-card.large{min-height:310px}.service-icon{font-size:2.3rem}.service-card h3,.service-card h2{margin:18px 0 10px;color:var(--navy)}.service-card p{color:var(--muted);margin:0 0 18px}.service-card a,.news-card a{font-weight:800;color:var(--blue)}.split-section{background:linear-gradient(180deg,#fff,#f5f8fb)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split-image img{border-radius:28px;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover}.split p{font-size:1.06rem;color:var(--muted)}.check-list{padding:0;list-style:none;margin:24px 0}.check-list li{padding:8px 0 8px 0}.check-list li:before{content:'✓';display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eaf5ed;color:#15803d;margin-inline-end:10px;font-weight:900}.news-grid{grid-template-columns:repeat(3,1fr)}.news-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.25s}.news-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.news-image{height:220px;overflow:hidden;background:#dfe7ef}.news-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.news-card:hover .news-image img{transform:scale(1.04)}.news-body{padding:26px}.news-body time{font-size:.85rem;color:var(--gold);font-weight:800}.news-body h2,.news-body h3{color:var(--navy);line-height:1.45}.news-body p{color:var(--muted)}.news-card.compact{min-height:180px}.cta{background:linear-gradient(135deg,var(--navy-2),var(--navy));color:#fff;padding:70px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{color:#fff;max-width:800px}.cta span{color:var(--gold-2);font-weight:800}.page-hero{padding:100px 0;background:linear-gradient(135deg,var(--navy-2),var(--navy));color:#fff;position:relative;overflow:hidden}.page-hero.has-media{background-image:linear-gradient(135deg,rgba(4,25,48,.92),rgba(9,45,86,.76)),var(--page-hero-image);background-position:center;background-size:cover;background-repeat:no-repeat}.page-hero.has-media>.container{position:relative;z-index:1}.page-hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.12);border-radius:50%;top:-210px;inset-inline-end:-80px}.page-hero h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.2;margin:10px 0 18px}.page-hero p{font-size:1.1rem;color:#dbe7f2;max-width:760px}.page-hero span{color:var(--gold-2);font-weight:800}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px}.two-cards article{background:#fff;border-radius:var(--radius);padding:40px;border:1px solid var(--border)}.two-cards article>span{color:var(--gold);font-weight:900}.content-narrow{max-width:820px}.prose{font-size:1.12rem;line-height:2;color:#334155;margin-bottom:35px}.article-header{padding:80px 0;background:#eef3f7}.article-header h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.35;color:var(--navy)}.article-header a,.article-header time{color:var(--gold);font-weight:800}.article-body{padding:60px 0}.article-cover{width:100%;max-height:520px;object-fit:cover;border-radius:var(--radius);margin-bottom:40px}.searchbar{display:flex;max-width:650px;margin:0 auto 40px;border:1px solid var(--border);border-radius:14px;overflow:hidden}.searchbar input{flex:1;border:0;padding:15px;font:inherit}.searchbar button{background:var(--navy);color:#fff;border:0;padding:0 28px;font:inherit;font-weight:800}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-weight:700;margin-bottom:18px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:13px 15px;border:1px solid var(--border);border-radius:10px;font:inherit;background:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.honeypot{position:absolute!important;left:-9999px!important}.contact-aside{background:var(--soft);padding:34px;border-radius:var(--radius)}.branch{padding:20px 0;border-bottom:1px solid var(--border)}.branch:last-child{border:0}.branch h3{color:var(--navy);margin:0}.branch p{color:var(--muted)}.alert{padding:13px 16px;border-radius:10px;margin-bottom:18px}.alert.success{background:#e7f7ed;color:#166534}.alert.error{background:#fff0f0;color:#b91c1c}.empty-state{grid-column:1/-1;text-align:center;padding:70px;background:var(--soft);border-radius:var(--radius)}.footer{background:#061b32;color:#d3dfeb;padding-top:70px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-logo{width:190px;margin-bottom:20px}.footer-logo:not(.is-custom){filter:brightness(0) invert(1)}.footer h3{color:var(--gold-2)}.footer a,.footer span{display:block;margin:9px 0}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:20px;margin-top:55px;font-size:.86rem}.error-page{min-height:65vh;display:grid;place-items:center;text-align:center}.error-page b{font-size:8rem;line-height:1;color:var(--gold)}.error-page h1{color:var(--navy)}
@media(max-width:900px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:84px;inset-inline:20px;background:#fff;padding:22px;border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.brand > .brand-copy{display:none}.services-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.split,.contact-grid{grid-template-columns:1fr}.split-image{order:2}.trust-grid{grid-template-columns:repeat(2,1fr)}.cta-inner,.section-head{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(100% - 26px,1180px)}.topbar{display:none}.nav-inner{min-height:72px}.brand img{width:130px;height:48px}.nav-links{top:72px}.hero{min-height:610px;background-image:var(--hero-mobile-image,var(--hero-image,url('../images/hero/hero-logistics.webp')))}.hero h1{font-size:2.55rem}.hero p{font-size:1rem}.section{padding:70px 0}.services-grid,.news-grid,.two-cards,.footer-grid,.form-row{grid-template-columns:1fr}.trust-grid div{padding:18px 12px}.trust-grid b{font-size:1.35rem}.trust-grid span{font-size:.77rem}.page-hero{padding:72px 0}.page-hero h1{font-size:2.5rem}.contact-aside{padding:24px}}

/* News article header and body gallery */
.article-header{background:linear-gradient(135deg,#061e39,#0d3d6b);color:#fff;padding:70px 0}
.article-header-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:54px;align-items:center}
.article-heading-content{min-width:0}
.article-back{display:inline-flex;color:var(--gold-2);font-weight:800;margin-bottom:18px}
.article-header h1{font-size:clamp(2rem,4.5vw,4.25rem);line-height:1.25;margin:0 0 20px}
.article-excerpt{font-size:1.08rem;color:#dbe7f2;margin:0 0 22px;max-width:720px}
.article-date{display:inline-flex;color:#d5e0eb;font-weight:700}
.article-primary-image{border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.3);background:#fff}
.article-primary-image img{width:100%;aspect-ratio:4/3;object-fit:cover}
.article-body{padding-top:70px;padding-bottom:80px}
.prose{font-size:1.05rem;line-height:2.15;white-space:normal}
.article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:50px}
.article-gallery-item{margin:0;border-radius:18px;overflow:hidden;background:var(--soft);box-shadow:0 12px 35px rgba(9,45,86,.1)}
.article-gallery-item img{width:100%;height:100%;min-height:280px;max-height:520px;object-fit:cover}
.article-gallery-item:nth-child(3n+1){grid-column:1/-1}
.article-gallery-item:nth-child(3n+1) img{aspect-ratio:16/8}
@media(max-width:900px){.article-header-grid{grid-template-columns:1fr;gap:32px}.article-primary-image{max-width:720px}.article-gallery-item:nth-child(3n+1){grid-column:auto}}
@media(max-width:620px){.article-header{padding:55px 0}.article-gallery{grid-template-columns:1fr}.article-gallery-item img{min-height:220px}.article-body{padding-top:50px;padding-bottom:60px}}

/* Article readability and inline image placement */
.article-header h1{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.24)}
.article-header .article-excerpt{color:#edf4fa!important;font-weight:500;line-height:1.9}
.article-header .article-back{color:#ffd56a!important}
.article-header .article-date{color:#ffd56a!important}
.article-body{max-width:920px}
.article-rich-content{color:#1f2f40!important;font-size:1.13rem!important;line-height:2.15!important}
.article-rich-content p,.article-rich-content li{color:#26384a!important}
.article-rich-content p{margin:0 0 1.45em}
.article-rich-content h2{font-size:clamp(1.55rem,3vw,2.15rem);color:#082f57!important;line-height:1.45;margin:2em 0 .75em}
.article-rich-content h3{font-size:clamp(1.3rem,2.5vw,1.75rem);color:#0b3d6f!important;line-height:1.5;margin:1.7em 0 .65em}
.article-rich-content strong{color:#102f4b}
.article-rich-content a{color:#0b5ca8;text-decoration:underline;text-underline-offset:3px}
.article-rich-content ul,.article-rich-content ol{padding-inline-start:28px;margin:0 0 1.5em}
.article-rich-content blockquote{margin:2em 0;padding:20px 24px;border-inline-start:5px solid var(--gold);background:#f3f6f9;border-radius:10px;color:#24384d}
.article-rich-content .article-inline-image{margin:42px auto;max-width:100%;text-align:center}
.article-rich-content .article-inline-image img{display:block;width:100%;max-height:720px;object-fit:contain;border-radius:18px;background:#f2f5f8;box-shadow:0 18px 45px rgba(9,45,86,.13)}
.article-rich-content .article-inline-image figcaption{margin-top:11px;color:#66788a;font-size:.88rem;line-height:1.7}
.legacy-gallery{padding-top:25px;border-top:1px solid var(--border)}
@media(max-width:620px){.article-rich-content{font-size:1.04rem!important;line-height:2!important}.article-rich-content .article-inline-image{margin:30px 0}.article-rich-content .article-inline-image img{border-radius:12px}}

/* Inline news image captions are editor-only instructions and must not appear publicly. */
.article-rich-content .article-inline-image figcaption,
.article-inline-image figcaption{
    display:none!important;
}
/* ================================================================
   HEADER — final horizontal brand lockup
   Logo + company name + descriptor on one line
   ================================================================ */

.public-site .nav-inner {
    min-height: 96px;
}

/* Whole brand */
.public-site .brand {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
    white-space: nowrap;
}

/* Larger official logo */
.public-site .brand img[data-theme-logo] {
    display: block;
    width: 205px !important;
    height: 72px !important;
    max-height: 72px !important;

    object-fit: contain;
    object-position: center;

    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    filter: none !important;

    flex: 0 0 auto;
}

/* Company name + descriptor on ONE line */
.public-site .brand > .brand-copy {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 14px;
    line-height: 1;
    white-space: nowrap;
}

/* شركة التيسير */
.public-site .brand b {
    display: inline-block;
    margin: 0;

    color: #182E56;
    font-size: 1.32rem;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

/* للخدمات اللوجستية المتكاملة */
.public-site .brand small {
    display: inline-block;
    margin: 0;

    padding-inline-start: 14px;
    border-inline-start: 1px solid rgba(29, 66, 123, .28);

    color: rgba(24, 46, 86, .68);
    font-size: .84rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

/* Dark mode */
html[data-theme="dark"] .public-site .brand b {
    color: #FFFFFF;
}

html[data-theme="dark"] .public-site .brand small {
    color: rgba(255, 255, 255, .72);
    border-inline-start-color: rgba(255, 255, 255, .25);
}

/* Keep navigation balanced */
.public-site .nav-links {
    gap: clamp(18px, 1.5vw, 28px);
}


/* Medium screens */
@media (max-width: 1200px) {
    .public-site .brand {
        gap: 15px;
    }

    .public-site .brand img[data-theme-logo] {
        width: 180px !important;
        height: 64px !important;
    }

    .public-site .brand > .brand-copy {
        gap: 10px;
    }

    .public-site .brand b {
        font-size: 1.15rem;
    }

    .public-site .brand small {
        font-size: .75rem;
        padding-inline-start: 10px;
    }
}

/* Existing mobile menu starts here.
   On smaller screens keep only the logo to avoid crowding. */
@media (max-width: 900px) {
    .public-site .brand > .brand-copy {
        display: none !important;
    }

    .public-site .brand img[data-theme-logo] {
        width: 165px !important;
        height: 58px !important;
    }
}

@media (max-width: 620px) {
    .public-site .nav-inner {
        min-height: 76px;
    }

    .public-site .brand img[data-theme-logo] {
        width: 145px !important;
        height: 52px !important;
    }
}