/* =====================================================================
   Altayseer official visual identity — public website color layer
   Official palette:
   #1D427B  Primary blue
   #182E56  Deep navy
   #E96124  Orange accent
   #FFFFFF  White

   IMPORTANT:
   - CSS only: no Blade / JS / slider markup changes.
   - Loaded after app.css + theme.css.
   - Public website only; admin dashboard is intentionally untouched.
   ===================================================================== */

:root {
    --navy: #182E56;
    --navy-2: #182E56;
    --blue: #1D427B;
    --gold: #E96124;
    --gold-2: #E96124;

    --ink: #182E56;
    --muted: rgba(24, 46, 86, .72);
    --soft: rgba(29, 66, 123, .055);
    --border: rgba(29, 66, 123, .16);

    --shadow: 0 22px 60px rgba(24, 46, 86, .12);
    --focus-ring: 0 0 0 4px rgba(233, 97, 36, .22);
}

/* ================================================================
   LIGHT MODE — official identity
   ================================================================ */

.public-site {
    background: #FFFFFF;
    color: #182E56;
}

.public-site .topbar {
    background: #182E56;
    color: #FFFFFF;
}

.public-site .topbar a {
    color: #E96124;
}

.public-site .navbar {
    background: #FFFFFF;
    border-bottom-color: rgba(29, 66, 123, .12);
    box-shadow: 0 8px 28px rgba(24, 46, 86, .06);
}

.public-site .brand b,
.public-site .nav-toggle,
.public-site .nav-links {
    color: #182E56;
}

.public-site .brand small {
    color: rgba(24, 46, 86, .64);
}

.public-site .nav-links a {
    color: #182E56;
}

.public-site .nav-links a:hover,
.public-site .nav-links a:focus-visible {
    color: #E96124;
}

.public-site .section-kicker,
.public-site .eyebrow {
    color: #E96124;
}

.public-site .section-head h2,
.public-site .split h2,
.public-site .two-cards h2,
.public-site .service-card h2,
.public-site .service-card h3,
.public-site .news-body h2,
.public-site .news-body h3,
.public-site .branch h3,
.public-site .contact-grid h2 {
    color: #182E56;
}

.public-site .section.soft,
.public-site .soft,
.public-site .split-section {
    background: rgba(29, 66, 123, .045);
}

.public-site .service-card,
.public-site .news-card,
.public-site .two-cards article,
.public-site .searchbar,
.public-site .contact-aside,
.public-site .empty-state {
    background: #FFFFFF;
    border-color: rgba(29, 66, 123, .14);
    color: #182E56;
}

.public-site .service-card:hover,
.public-site .news-card:hover {
    border-color: rgba(233, 97, 36, .46);
    box-shadow: 0 22px 55px rgba(24, 46, 86, .12);
}

.public-site .btn,
.public-site .nav-links .language,
.public-site .nav-links .dashboard-link {
    min-height: 44px;
}

.public-site .btn,
.public-site .nav-links a,
.public-site button,
.public-site input,
.public-site textarea,
.public-site select {
    -webkit-tap-highlight-color: transparent;
}

.public-site .btn {
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background-color .22s ease,
        border-color .22s ease,
        color .22s ease;
}

.public-site .btn:hover {
    transform: translateY(-2px);
}

.public-site .btn:active {
    transform: translateY(0);
}

.public-site .btn-accent,
.public-site .btn-gold {
    background: #E96124;
    border-color: #E96124;
    color: #FFFFFF;
    box-shadow: 0 14px 30px rgba(233, 97, 36, .24);
}

.public-site .btn-accent:hover,
.public-site .btn-gold:hover {
    background: #E96124;
    border-color: #E96124;
    color: #FFFFFF;
    box-shadow: 0 18px 36px rgba(233, 97, 36, .32);
}

.public-site .btn-primary-brand,
.public-site .btn-navy {
    background: #1D427B;
    border-color: #1D427B;
    color: #FFFFFF;
    box-shadow: 0 14px 30px rgba(29, 66, 123, .20);
}

.public-site .btn-primary-brand:hover,
.public-site .btn-navy:hover {
    background: #182E56;
    border-color: #182E56;
    color: #FFFFFF;
}

.public-site :where(a, button, input, textarea, select):focus-visible {
    outline: none;
    box-shadow: var(--focus-ring);
}

.public-site .theme-toggle {
    background: #FFFFFF;
    color: #182E56;
    border-color: rgba(29, 66, 123, .18);
    box-shadow: 0 8px 22px rgba(24, 46, 86, .08);
}

.public-site .theme-toggle:hover {
    border-color: rgba(233, 97, 36, .62);
    box-shadow: 0 10px 26px rgba(24, 46, 86, .13);
}

.public-site .theme-toggle:focus-visible {
    outline-color: rgba(233, 97, 36, .34);
}

/* ================================================================
   SUPPORTING COPY — GLOBAL PUBLIC TYPOGRAPHY
   Unified explanatory text across all public pages.
   Keeps headings/cards/navigation untouched.
   ================================================================ */

.public-site {
    --supporting-copy-size: clamp(1.08rem, 1.15vw, 1.22rem);
    --supporting-copy-line-height: 1.9;
}

/* Shared explanatory copy */
.public-site :is(
    .section-head p,
    .split p,
    .two-cards article > p,
    .service-card > p,
    .news-body > p,
    .branch > p,
    .contact-grid p,
    .contact-aside p,
    .prose
),
.public-site .home-page :is(
    .home-section-intro,
    .service-showcase-heading p,
    .home-presence-content > p,
    .home-about-content > p,
    .home-cta-copy p
) {
    font-size: var(--supporting-copy-size);
    line-height: var(--supporting-copy-line-height);
    font-weight: 500;
    text-wrap: pretty;
}

/* Stronger readable contrast on light backgrounds */
.public-site :is(
    .section-head p,
    .split p,
    .two-cards article > p,
    .service-card > p,
    .news-body > p,
    .branch > p,
    .contact-grid p,
    .contact-aside p,
    .prose
),
.public-site .home-page :is(
    .home-section-intro,
    .service-showcase-heading p,
    .home-presence-content > p,
    .home-about-content > p
) {
    color: rgba(24, 46, 86, .78);
}


/* ================================================================
   DARK MODE — same official identity, no unrelated blue / gold hues
   ================================================================ */

html[data-theme="dark"] .public-site {
    --theme-bg: #182E56;
    --theme-surface: #1D427B;
    --theme-surface-2: #1D427B;
    --theme-soft: #182E56;
    --theme-text: #FFFFFF;
    --theme-muted: rgba(255, 255, 255, .72);
    --theme-border: rgba(255, 255, 255, .14);
    --theme-heading: #FFFFFF;
    --theme-link: #E96124;

    --gold: #E96124;
    --gold-2: #E96124;
    --focus-ring: 0 0 0 4px rgba(233, 97, 36, .30);

    background: #182E56;
    color: #FFFFFF;
}

html[data-theme="dark"] .public-site .topbar {
    background: #182E56;
    border-bottom-color: rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .public-site .topbar,
html[data-theme="dark"] .public-site .topbar span {
    color: rgba(255, 255, 255, .86);
}

html[data-theme="dark"] .public-site .topbar a {
    color: #E96124;
}

html[data-theme="dark"] .public-site .navbar {
    background: #182E56;
    border-bottom-color: rgba(255, 255, 255, .12);
    box-shadow: 0 10px 35px rgba(24, 46, 86, .28);
}

html[data-theme="dark"] .public-site .brand b,
html[data-theme="dark"] .public-site .nav-toggle,
html[data-theme="dark"] .public-site .section-head h2,
html[data-theme="dark"] .public-site .split h2,
html[data-theme="dark"] .public-site .two-cards h2,
html[data-theme="dark"] .public-site .service-card h2,
html[data-theme="dark"] .public-site .service-card h3,
html[data-theme="dark"] .public-site .news-body h2,
html[data-theme="dark"] .public-site .news-body h3,
html[data-theme="dark"] .public-site .branch h3,
html[data-theme="dark"] .public-site .contact-grid h2,
html[data-theme="dark"] .public-site .error-page h1 {
    color: #FFFFFF;
}

html[data-theme="dark"] .public-site .brand small,
html[data-theme="dark"] .public-site .service-card p,
html[data-theme="dark"] .public-site .news-body p,
html[data-theme="dark"] .public-site .split p,
html[data-theme="dark"] .public-site .branch p,
html[data-theme="dark"] .public-site .prose,
html[data-theme="dark"] .public-site .footer p {
    color: rgba(255, 255, 255, .72);
}

html[data-theme="dark"] .public-site .nav-links {
    color: #FFFFFF;
}

html[data-theme="dark"] .public-site .nav-links a {
    color: rgba(255, 255, 255, .88);
}

html[data-theme="dark"] .public-site .nav-links a:hover,
html[data-theme="dark"] .public-site .section-head > a,
html[data-theme="dark"] .public-site .service-card a,
html[data-theme="dark"] .public-site .news-card a {
    color: #E96124;
}

html[data-theme="dark"] .public-site .nav-links .dashboard-link {
    color: #FFFFFF;
    border-color: rgba(233, 97, 36, .56);
    background: rgba(233, 97, 36, .12);
}

html[data-theme="dark"] .public-site .nav-links .language {
    background: #E96124;
    color: #FFFFFF;
}

html[data-theme="dark"] .public-site .theme-toggle {
    background: rgba(255, 255, 255, .08);
    color: #FFFFFF;
    border-color: rgba(255, 255, 255, .20);
    box-shadow: 0 10px 28px rgba(24, 46, 86, .30);
}

html[data-theme="dark"] .public-site .theme-toggle:hover {
    border-color: #E96124;
}

html[data-theme="dark"] .public-site .section,
html[data-theme="dark"] .public-site .article-body,
html[data-theme="dark"] .public-site .error-page {
    background-color: #182E56;
}

html[data-theme="dark"] .public-site .section.soft,
html[data-theme="dark"] .public-site .soft,
html[data-theme="dark"] .public-site .split-section {
    background: rgba(29, 66, 123, .72);
}

html[data-theme="dark"] .public-site .service-card,
html[data-theme="dark"] .public-site .news-card,
html[data-theme="dark"] .public-site .two-cards article,
html[data-theme="dark"] .public-site .searchbar,
html[data-theme="dark"] .public-site .contact-aside,
html[data-theme="dark"] .public-site .empty-state {
    background: #1D427B;
    border-color: rgba(255, 255, 255, .14);
    color: #FFFFFF;
}

html[data-theme="dark"] .public-site .service-card:hover,
html[data-theme="dark"] .public-site .news-card:hover {
    border-color: rgba(233, 97, 36, .70);
    box-shadow: 0 22px 55px rgba(24, 46, 86, .42);
}

html[data-theme="dark"] .public-site .contact-form input,
html[data-theme="dark"] .public-site .contact-form textarea,
html[data-theme="dark"] .public-site .contact-form select,
html[data-theme="dark"] .public-site .searchbar input {
    background: #1D427B;
    border-color: rgba(255, 255, 255, .18);
    color: #FFFFFF;
}

html[data-theme="dark"] .public-site input::placeholder,
html[data-theme="dark"] .public-site textarea::placeholder {
    color: rgba(255, 255, 255, .56);
}

html[data-theme="dark"] .public-site .searchbar button,
html[data-theme="dark"] .public-site .btn-navy,
html[data-theme="dark"] .public-site .btn-primary-brand {
    background: #1D427B;
    border-color: rgba(255, 255, 255, .20);
    color: #FFFFFF;
}

html[data-theme="dark"] .public-site .btn-accent,
html[data-theme="dark"] .public-site .btn-gold {
    background: #E96124;
    border-color: #E96124;
    color: #FFFFFF;
}

html[data-theme="dark"] .public-site .article-header {
    background: #182E56;
}

html[data-theme="dark"] .public-site .article-primary-image,
html[data-theme="dark"] .public-site .article-rich-content blockquote {
    background: #1D427B;
}

html[data-theme="dark"] .public-site .article-rich-content,
html[data-theme="dark"] .public-site .article-rich-content p,
html[data-theme="dark"] .public-site .article-rich-content li {
    color: rgba(255, 255, 255, .86) !important;
}

html[data-theme="dark"] .public-site .article-rich-content h2,
html[data-theme="dark"] .public-site .article-rich-content h3,
html[data-theme="dark"] .public-site .article-rich-content strong {
    color: #FFFFFF !important;
}

html[data-theme="dark"] .public-site .article-rich-content a {
    color: #E96124 !important;
}

/* Global supporting copy — dark mode */
html[data-theme="dark"] .public-site :is(
    .section-head p,
    .split p,
    .two-cards article > p,
    .service-card > p,
    .news-body > p,
    .branch > p,
    .contact-grid p,
    .contact-aside p,
    .prose
),
html[data-theme="dark"] .public-site .home-page :is(
    .home-section-intro,
    .service-showcase-heading p,
    .home-presence-content > p,
    .home-about-content > p,
    .home-cta-copy p
) {
    color: rgba(255, 255, 255, .80);
}

/* Mobile navigation inherits the exact same official palette. */
@media (max-width: 900px) {
    html[data-theme="dark"] .public-site .nav-links {
        background: #1D427B;
        border-color: rgba(255, 255, 255, .14);
        box-shadow: 0 22px 55px rgba(24, 46, 86, .40);
    }
}

/* ================================================================
   Existing full-width header alignment — preserved unchanged
   ================================================================ */

.site-header .full-header-row {
    width: 100%;
    max-width: none;
    margin-inline: auto;
    padding-inline: clamp(20px, 3vw, 56px);
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .site-header .full-header-row {
        padding-inline: 16px;
    }
}

/* Accessibility: keep motion preferences from the existing project. */
@media (prefers-reduced-motion: reduce) {
    .public-site *,
    .public-site *::before,
    .public-site *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* ================================================================
   HEADER CONTROLS — clean final version
   ================================================================ */

/* Language button */
.public-site .nav-links a.language {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    min-height: 44px;
    padding-inline: 14px;
    background: #1D427B !important;
    color: #FFFFFF !important;
    line-height: 1;
    font-weight: 800;
}

.public-site .nav-links a.language:hover,
.public-site .nav-links a.language:focus-visible {
    background: #182E56 !important;
    color: #FFFFFF !important;
}

html[data-theme="dark"] .public-site .nav-links a.language {
    background: #E96124 !important;
    color: #FFFFFF !important;
}

/* Theme toggle — fixed circular shape with centered SVG icon */
.public-site .theme-toggle.public-theme-toggle {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    flex: 0 0 44px !important;

    display: inline-grid !important;
    place-items: center !important;

    border-radius: 50% !important;
    background-color: #FFFFFF !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23182E56' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3A7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 20px 20px !important;

    border: 1px solid rgba(29, 66, 123, .18) !important;
    box-shadow: 0 8px 22px rgba(24, 46, 86, .08);
    line-height: 0 !important;
}

.public-site .theme-toggle.public-theme-toggle .theme-toggle-icon,
.public-site .theme-toggle.public-theme-toggle .theme-toggle-label {
    display: none !important;
}

html[data-theme="dark"] .public-site .theme-toggle.public-theme-toggle {
    background-color: #1D427B !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.42 1.42M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.42-1.42M17.66 6.34l1.41-1.41'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 21px 21px !important;
    border-color: rgba(255, 255, 255, .22) !important;
}

.public-site .theme-toggle.public-theme-toggle:hover {
    border-color: #E96124 !important;
    transform: translateY(-1px);
}

/* ================================================================
   BRAND LOCKUP — one clean implementation only
   Uses:
   .brand-logo-switch
   .brand-logo-image--light
   .brand-logo-image--dark
   .footer-brand-logo
   ================================================================ */

/* Desktop header height */
.public-site .nav-inner {
    min-height: 100px;
}

/* Logo + company name + descriptor */
.public-site .brand {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    flex-shrink: 0;
    white-space: nowrap;
}

/* Header logo frame */
.public-site .brand-logo-switch {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 300px;
    height: 86px;
    flex: 0 0 300px;

    overflow: visible;
}

/*
 * Stronger selector intentionally overrides legacy .brand img
 * sizing from app.css.
 */
.public-site .brand .brand-logo-image {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;

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

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    filter: none !important;
    opacity: 1 !important;
}

/* CSS-only theme switching: no src swap and no refresh flash */
.public-site .brand-logo-image--dark {
    display: none !important;
}

html[data-theme="dark"] .public-site .brand-logo-image--light {
    display: none !important;
}

html[data-theme="dark"] .public-site .brand-logo-image--dark {
    display: block !important;
}

/* Company name + descriptor — clean two-line lockup */
.public-site .brand > .brand-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;

    min-width: 0;

    line-height: 1.1;
    white-space: nowrap;
}

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

    margin: 0;

    color: #182E56;

    font-size: 1.42rem;
    font-weight: 800;
    line-height: 1.15;

    white-space: nowrap;
}

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

    margin: 0;
    padding: 0;

    border: 0;

    color: rgba(24, 46, 86, .68);

    font-size: .88rem;
    font-weight: 600;
    line-height: 1.2;

    white-space: nowrap;
}

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

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

/* Keep navigation balanced next to the larger brand block */
.public-site .nav-links {
    gap: clamp(18px, 1.45vw, 28px);
}

/* Medium desktop */
@media (max-width: 1320px) {
    .public-site .brand {
        gap: 18px;
    }

    .public-site .brand-logo-switch {
        width: 250px;
        height: 74px;
        flex-basis: 250px;
    }

    .public-site .brand span {
        gap: 4px;
    }

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

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

    .public-site .nav-links {
        gap: 18px;
    }
}

/* Tablet / mobile menu */
@media (max-width: 900px) {
    .public-site .brand > .brand-copy {
        display: none !important;
    }

    .public-site .brand-logo-switch {
        width: 195px;
        height: 60px;
        flex-basis: 195px;
    }
}

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

    .public-site .brand-logo-switch {
        width: 170px;
        height: 52px;
        flex-basis: 170px;
    }
}


/* ================================================================
   FOOTER — FINAL LAYOUT
   Logo → Links / Contact → Description → Copyright
   The logo is enlarged visually without enlarging its layout box.
   ================================================================ */

.public-site .footer {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    padding: 58px 0 0;

    background: #182E56;
    color: #FFFFFF;
}


/* Main footer grid */
.public-site .footer .footer-grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    grid-template-areas:
        "brand brand"
        "links contact"
        "description description";

    align-items: start;

    column-gap: 70px;
    row-gap: 0;

    direction: ltr;
}


/* First Blade block becomes transparent to the grid */
.public-site .footer .footer-grid > div:first-child {
    display: contents;
}


/* ================================================================
   LOGO
   Bigger visually WITHOUT increasing its layout box
   ================================================================ */

.public-site .footer-brand-logo {
    grid-area: brand;

    display: block;

    width: 320px !important;
    max-width: 320px !important;
    height: auto !important;

    margin: 0 auto -64px;

    justify-self: center;

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

    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    filter: none !important;
    opacity: 1 !important;

    transform: translateY(-56px) scale(1.45);
    transform-origin: center;
}


/* ================================================================
   LINKS + CONTACT
   Directly under logo
   ================================================================ */

.public-site .footer .footer-grid > div:nth-child(2) {
    grid-area: links;

    justify-self: end;

    min-width: 250px;

    margin-top: 8px;

    text-align: center;

    transform: translateY(-46px);
}


.public-site .footer .footer-grid > div:nth-child(3) {
    grid-area: contact;

    justify-self: start;

    min-width: 250px;

    margin-top: 8px;

    text-align: center;

    transform: translateY(-46px);
}


/* Restore Arabic direction */
html[dir="rtl"] .public-site .footer .footer-grid > div:nth-child(2),
html[dir="rtl"] .public-site .footer .footer-grid > div:nth-child(3),
html[dir="rtl"] .public-site .footer .footer-grid > div:first-child > p {
    direction: rtl;
}

html[dir="ltr"] .public-site .footer .footer-grid > div:nth-child(2),
html[dir="ltr"] .public-site .footer .footer-grid > div:nth-child(3),
html[dir="ltr"] .public-site .footer .footer-grid > div:first-child > p {
    direction: ltr;
}


/* Column titles */
.public-site .footer h3 {
    margin: 0 0 13px;

    color: #E96124;

    font-size: 1.08rem;
    font-weight: 800;
}


/* Links + contact information */
.public-site .footer .footer-grid > div:nth-child(2) a,
.public-site .footer .footer-grid > div:nth-child(3) a,
.public-site .footer .footer-grid > div:nth-child(3) span {
    display: block;

    width: max-content;
    max-width: 100%;

    margin: 0 auto 7px;

    color: rgba(255, 255, 255, .80);

    font-size: .98rem;
    line-height: 1.65;

    text-decoration: none;
}


.public-site .footer .footer-grid > div:nth-child(2) a,
.public-site .footer .footer-grid > div:nth-child(3) a {
    transition:
        color .2s ease,
        transform .2s ease;
}


.public-site .footer .footer-grid > div:nth-child(2) a:hover,
.public-site .footer .footer-grid > div:nth-child(2) a:focus-visible,
.public-site .footer .footer-grid > div:nth-child(3) a:hover,
.public-site .footer .footer-grid > div:nth-child(3) a:focus-visible {
    color: #E96124;

    transform: translateY(-1px);
}


/* ================================================================
   COMPANY DESCRIPTION
   Very close to links/contact row
   ================================================================ */

.public-site .footer .footer-grid > div:first-child > p {
    grid-area: description;

    width: min(100%, 1180px);
    max-width: none;

    margin: 34px auto 0;

    color: rgba(255, 255, 255, .84);

    font-size: clamp(1rem, 1.05vw, 1.14rem);
    font-weight: 500;
    line-height: 1.75;

    text-align: center;
}


/* One full line on desktop */
@media (min-width: 1180px) {
    .public-site .footer .footer-grid > div:first-child > p {
        white-space: nowrap;
    }
}


/* ================================================================
   COPYRIGHT
   ================================================================ */

.public-site .footer-bottom {
    position: relative;
    z-index: 2;

    margin-top: 26px;

    padding: 20px;

    border-top:
        1px solid
        rgba(255, 255, 255, .12);

    color:
        rgba(255, 255, 255, .70);

    font-size: .88rem;
    line-height: 1.6;

    text-align: center;
}


/* ================================================================
   DARK MODE
   Same official footer identity
   ================================================================ */

html[data-theme="dark"] .public-site .footer {
    background: #182E56;
    color: #FFFFFF;
}


html[data-theme="dark"] .public-site .footer .footer-grid > div:first-child > p {
    color: rgba(255, 255, 255, .84);
}

html[data-theme="dark"] .public-site .footer-bottom {
    border-top-color: rgba(255, 255, 255, .12);
}


/* ================================================================
   TABLET
   ================================================================ */

@media (max-width: 900px) {

    .public-site .footer {
        padding-top: 52px;
    }


    .public-site .footer .footer-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        grid-template-areas:
            "brand brand"
            "links contact"
            "description description";

        column-gap: 24px;
    }


    .public-site .footer-brand-logo {
        width: 280px !important;
        max-width: 280px !important;

        margin-bottom: -48px;

        transform: translateY(-34px) scale(1.35);
    }


    .public-site .footer .footer-grid > div:nth-child(2),
    .public-site .footer .footer-grid > div:nth-child(3) {
        min-width: 0;

        margin-top: 8px;

        justify-self: center;

        transform: translateY(-26px);
    }


    .public-site .footer .footer-grid > div:first-child > p {
        width: min(100%, 720px);

        margin-top: 28px;

        white-space: normal;
    }
}


/* ================================================================
   MOBILE
   ================================================================ */

@media (max-width: 620px) {

    .public-site .footer {
        padding-top: 44px;
    }


    .public-site .footer .footer-grid {
        grid-template-columns: 1fr;

        grid-template-areas:
            "brand"
            "links"
            "contact"
            "description";

        gap: 0;
    }


    .public-site .footer-brand-logo {
        width: 250px !important;
        max-width: 250px !important;

        margin-bottom: -20px;

        transform: translateY(-16px) scale(1.22);
    }


    .public-site .footer .footer-grid > div:nth-child(2) {
        width: 100%;

        margin-top: 12px;

        justify-self: center;

        text-align: center;

        transform: none;
    }


    .public-site .footer .footer-grid > div:nth-child(3) {
        width: 100%;

        margin-top: 16px;

        justify-self: center;

        text-align: center;

        transform: none;
    }


    .public-site .footer .footer-grid > div:first-child > p {
        width: 100%;
        max-width: 520px;

        margin-top: 26px;

        padding-inline: 8px;

        font-size: 1rem;
        line-height: 1.8;
    }


    .public-site .footer-bottom {
        margin-top: 24px;

        padding-block: 18px;

        font-size: .82rem;
    }
}


/* Supporting copy — mobile readability */
@media (max-width: 700px) {
    .public-site {
        --supporting-copy-size: 1.03rem;
        --supporting-copy-line-height: 1.85;
    }
}


/* ================================================================
   NEWS — FINAL DARK MODE IDENTITY
   ================================================================ */

html[data-theme="dark"] .public-site .article-header {
    background: #182E56;
}

/* Main article title */
html[data-theme="dark"] .public-site .article-header h1 {
    color: #FFFFFF !important;
}

/* Article explanatory text */
html[data-theme="dark"] .public-site .article-header .article-excerpt {
    color: rgba(255, 255, 255, .82) !important;
}

/* Replace legacy yellow with official Altayseer orange */
html[data-theme="dark"] .public-site .article-header .article-back,
html[data-theme="dark"] .public-site .article-header .article-date {
    color: #E96124 !important;
}


/* Related news cards */
html[data-theme="dark"] .public-site .news-card {
    background: #1D427B !important;
    border-color: rgba(255, 255, 255, .14) !important;
}

html[data-theme="dark"] .public-site .news-card .news-body h2,
html[data-theme="dark"] .public-site .news-card .news-body h3 {
    color: #FFFFFF !important;
}

html[data-theme="dark"] .public-site .news-card .news-body p {
    color: rgba(255, 255, 255, .78) !important;
}

/* Dates / Read article */
html[data-theme="dark"] .public-site .news-card time,
html[data-theme="dark"] .public-site .news-card .news-body > span,
html[data-theme="dark"] .public-site .news-card .news-body > a {
    color: #E96124 !important;
}
/* ================================================================
   PUBLIC NEWS PAGINATION — Altayseer
   ================================================================ */

.public-site .site-pagination-wrap {
    width: 100%;

    margin-top: 42px;

    display: flex;
    justify-content: center;
}

.public-site .site-pagination {
    width: 100%;

    display: flex;
    justify-content: center;
}

.public-site .site-pagination-list {
    list-style: none;

    margin: 0;
    padding: 0;

    display: flex;
    flex-wrap: wrap;

    align-items: center;
    justify-content: center;

    gap: 9px;
}

.public-site .site-pagination-list li {
    margin: 0;
    padding: 0;
}

.public-site .site-pagination-list a,
.public-site .site-pagination-list span {
    min-width: 44px;
    height: 44px;

    padding-inline: 15px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(29, 66, 123, .16);
    border-radius: 12px;

    background: #FFFFFF;
    color: #182E56;

    font-size: .95rem;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.public-site .site-pagination-list a:hover,
.public-site .site-pagination-list a:focus-visible {
    background: rgba(233, 97, 36, .08);

    border-color: rgba(233, 97, 36, .45);

    color: #E96124;

    transform: translateY(-1px);
}

.public-site .site-pagination-list .is-active span {
    background: #E96124;

    border-color: #E96124;

    color: #FFFFFF;

    box-shadow: 0 10px 24px rgba(233, 97, 36, .22);
}

.public-site .site-pagination-list .is-disabled span {
    background: rgba(29, 66, 123, .045);

    border-color: rgba(29, 66, 123, .08);

    color: rgba(24, 46, 86, .40);

    cursor: default;
}


/* ================================================================
   DARK MODE
   ================================================================ */

html[data-theme="dark"]
.public-site
.site-pagination-list a,
html[data-theme="dark"]
.public-site
.site-pagination-list span {
    background: rgba(255, 255, 255, .05);

    border-color: rgba(255, 255, 255, .14);

    color: rgba(255, 255, 255, .88);
}

html[data-theme="dark"]
.public-site
.site-pagination-list a:hover,
html[data-theme="dark"]
.public-site
.site-pagination-list a:focus-visible {
    background: rgba(233, 97, 36, .12);

    border-color: rgba(233, 97, 36, .55);

    color: #E96124;
}

html[data-theme="dark"]
.public-site
.site-pagination-list
.is-active span {
    background: #E96124;

    border-color: #E96124;

    color: #FFFFFF;
}

html[data-theme="dark"]
.public-site
.site-pagination-list
.is-disabled span {
    background: rgba(255, 255, 255, .025);

    border-color: rgba(255, 255, 255, .07);

    color: rgba(255, 255, 255, .35);
}


/* ================================================================
   MOBILE
   ================================================================ */

@media (max-width: 620px) {

    .public-site .site-pagination-wrap {
        margin-top: 32px;
    }

    .public-site .site-pagination-list {
        gap: 7px;
    }

    .public-site .site-pagination-list a,
    .public-site .site-pagination-list span {
        min-width: 40px;
        height: 40px;

        padding-inline: 11px;

        border-radius: 10px;

        font-size: .9rem;
    }
}
/* ================================================================
   NEWS ARTICLE HEADER — FINAL
   Arabic + English
   ================================================================ */

.article-page .article-header-grid {
    width: min(1560px, calc(100% - 64px));
    max-width: none;

    display: grid;
    grid-template-columns:
        minmax(0, 1.28fr)
        minmax(400px, .72fr);

    gap: clamp(50px, 6vw, 100px);
    align-items: center;

    margin-inline: auto;
}

.article-page .article-heading-content {
    min-width: 0;
    max-width: none;
}

.article-page .article-heading-content h1 {
    margin: 24px 0 22px;

    white-space: normal;
    overflow: visible;
    text-overflow: unset;

    overflow-wrap: normal;
    word-break: normal;

    text-wrap: balance;
}

/* ================================================================
   ENGLISH
   ================================================================ */

html[dir="ltr"] .article-page .article-heading-content h1 {
    max-width: 900px;

    font-size: clamp(2.5rem, 3.55vw, 4rem);
    line-height: 1.08;
    letter-spacing: -0.025em;
}

/* ================================================================
   ARABIC
   Smaller and calmer because Arabic headings are visually denser
   ================================================================ */

html[dir="rtl"] .article-page .article-heading-content h1 {
    max-width: 820px;

    font-size: clamp(2.35rem, 3.15vw, 3.55rem);
    line-height: 1.22;
    letter-spacing: 0;

    font-weight: 800;
}

.article-page .article-excerpt {
    max-width: 820px;

    margin-top: 0;

    line-height: 1.85;
}

html[dir="rtl"] .article-page .article-excerpt {
    max-width: 780px;
    line-height: 1.95;
}

/* ================================================================
   IMAGE
   ================================================================ */

.article-page .article-primary-image {
    width: 100%;
    max-width: 540px;
}

/* English: image at right side */
html[dir="ltr"] .article-page .article-primary-image {
    justify-self: end;
}

/* Arabic: image at left side */
html[dir="rtl"] .article-page .article-primary-image {
    justify-self: end;
}

/* ================================================================
   TABLET
   ================================================================ */

@media (max-width: 1100px) {

    .article-page .article-header-grid {
        grid-template-columns: 1fr;
        width: min(900px, calc(100% - 40px));
        gap: 36px;
    }

    .article-page .article-primary-image {
        width: 100%;
        max-width: 760px;
        justify-self: start;
    }

    html[dir="ltr"] .article-page .article-heading-content h1,
    html[dir="rtl"] .article-page .article-heading-content h1 {
        max-width: 100%;
    }
}

/* ================================================================
   MOBILE
   ================================================================ */

@media (max-width: 680px) {

    .article-page .article-header-grid {
        width: min(100% - 28px, 900px);
        gap: 28px;
    }

    html[dir="ltr"] .article-page .article-heading-content h1 {
        font-size: clamp(2rem, 9vw, 2.8rem);
        line-height: 1.12;
    }

    html[dir="rtl"] .article-page .article-heading-content h1 {
        font-size: clamp(2rem, 8.5vw, 2.7rem);
        line-height: 1.25;
    }
}
@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;
    }
}
/* ================================================================
   MOBILE HEADER LOGO — FINAL
   ================================================================ */

@media (max-width: 900px) {

    .public-site .brand {
        position: relative;
        z-index: 1;
        max-width: calc(100% - 70px);
        overflow: hidden;
    }

    .public-site .brand-logo-switch {
        width: 170px !important;
        height: 52px !important;
        flex: 0 0 170px !important;

        overflow: hidden !important;
    }

    .public-site .brand .brand-logo-image {
        width: 100% !important;
        height: 100% !important;

        transform: none !important;
        pointer-events: none !important;
    }

    html[data-theme="dark"] .public-site .brand-logo-image--dark {
        object-fit: cover !important;
        object-position: center !important;
    }
    .public-site .nav-toggle {
        position: relative !important;
        z-index: 100 !important;

        flex: 0 0 48px !important;
        width: 48px !important;
        height: 48px !important;

        margin-inline-start: auto !important;

        cursor: pointer !important;
        pointer-events: auto !important;
    }
}
/* ================================================================
   DARK LOGO — desktop size correction only
   ================================================================ */
@media (min-width: 901px) {
    html[data-theme="dark"] .public-site .brand-logo-image--dark {
        transform: scale(3.25) !important;
        transform-origin: center !important;
    }
}