/* Hefdhallah Hasan Co. — Brand color overrides (IWMP 2026-04-24).
 *
 * This file intentionally overrides Tailwind-generated utilities in `assets/css/app.css`
 * without requiring a rebuild.
 *
 * Core palette:
 * - Dark blue (primary): #0c579d
 * - Turquoise blue (secondary): #0f799d
 * - Olive (quality accent): #166534
 * - Orange (CTA accent): #f97316
 * - White: #ffffff
 * - Neutral gray: #f5f7fa
 */

:root{
  --hefdh-blue-900:#0c579d;
  --hefdh-blue-700:#0f799d;
  --hefdh-olive:#166534;
  --hefdh-cta:#f97316;
  --hefdh-surface:#ffffff;
  --hefdh-surface-muted:#f5f7fa;
}

/* Brand (used across Home + About templates) */
.bg-brand{background-color:rgb(12 87 157/var(--tw-bg-opacity,1))}
.text-brand{color:rgb(12 87 157/var(--tw-text-opacity,1))}
.border-brand{border-color:rgb(12 87 157/var(--tw-border-opacity,1))}
.from-brand{--tw-gradient-from:var(--hefdh-blue-900) var(--tw-gradient-from-position);--tw-gradient-to:rgba(12,87,157,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-brand{--tw-gradient-to:rgba(12,87,157,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--hefdh-blue-900) var(--tw-gradient-via-position),var(--tw-gradient-to)}
.to-brand\/\[0\.07\]{--tw-gradient-to:rgba(12,87,157,.07) var(--tw-gradient-to-position)}
.marker\:text-brand::marker,.marker\:text-brand ::marker{color:var(--hefdh-blue-900)}
.marker\:text-brand\/70::marker,.marker\:text-brand\/70 ::marker{color:rgba(12,87,157,.7)}
.focus-visible\:outline-brand:focus-visible{outline-color:var(--hefdh-blue-900)}
.ring-brand\/10{--tw-ring-color:rgba(12,87,157,.1)}
.focus-visible\:ring-brand\/40:focus-visible{--tw-ring-color:rgba(12,87,157,.4)}
.shadow-brand\/30{--tw-shadow-color:rgba(12,87,157,.3)}

/* Primary mapped to the same dark blue (theme uses both brand/primary) */
.bg-primary{background-color:rgb(12 87 157/var(--tw-bg-opacity,1))}
.text-primary{color:rgb(12 87 157/var(--tw-text-opacity,1))}
.from-primary{--tw-gradient-from:var(--hefdh-blue-900) var(--tw-gradient-from-position);--tw-gradient-to:rgba(12,87,157,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.border-primary\/10{border-color:rgba(12,87,157,.1)}
.border-primary\/15{border-color:rgba(12,87,157,.15)}
.border-primary\/20{border-color:rgba(12,87,157,.2)}
.border-primary\/40{border-color:rgba(12,87,157,.4)}
.hover\:bg-primary\/5:hover{background-color:rgba(12,87,157,.05)}
.hover\:bg-primary\/10:hover{background-color:rgba(12,87,157,.1)}
.focus-visible\:ring-primary\/30:focus-visible{--tw-ring-color:rgba(12,87,157,.3)}
.focus-visible\:ring-primary\/40:focus-visible{--tw-ring-color:rgba(12,87,157,.4)}
.focus-visible\:ring-offset-primary:focus-visible{--tw-ring-offset-color:var(--hefdh-blue-900)}
.shadow-primary\/5{--tw-shadow-color:rgba(12,87,157,.05)}

/* Secondary turquoise */
.text-secondary{color:rgb(15 121 157/var(--tw-text-opacity,1))}
.border-secondary{border-color:rgb(15 121 157/var(--tw-border-opacity,1))}
.hover\:border-secondary:hover{border-color:rgb(15 121 157/var(--tw-border-opacity,1))}
.hover\:text-secondary:hover{color:rgb(15 121 157/var(--tw-text-opacity,1))}
.bg-secondary\/25{background-color:rgba(15,121,157,.25)}
.bg-secondary\/\[0\.14\]{background-color:rgba(15,121,157,.14)}
.to-secondary{--tw-gradient-to:var(--hefdh-blue-700) var(--tw-gradient-to-position)}
.to-secondary\/5{--tw-gradient-to:rgba(15,121,157,.05) var(--tw-gradient-to-position)}
.to-secondary\/70{--tw-gradient-to:rgba(15,121,157,.7) var(--tw-gradient-to-position)}

/* Home/About bespoke components */
.hefdhallah-timeline__list:before{
  background:linear-gradient(180deg,var(--hefdh-blue-900),var(--hefdh-blue-900) 45%,var(--hefdh-blue-700));
  box-shadow:0 0 0 1px rgba(12,87,157,.08)
}
.hefdhallah-timeline__node{
  background:linear-gradient(145deg,var(--hefdh-blue-900),var(--hefdh-blue-700));
  box-shadow:0 0 0 4px rgba(12,87,157,.18),0 0 0 8px rgba(12,87,157,.06),0 2px 8px rgba(0,0,0,.08)
}
.hefdhallah-timeline__card{
  box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px -8px rgba(12,87,157,.1)
}
.hefdhallah-timeline__item:hover .hefdhallah-timeline__card{
  border-color:rgba(12,87,157,.22);
  box-shadow:0 1px 2px rgba(15,23,42,.05),0 16px 40px -10px rgba(12,87,157,.16)
}
.hefdhallah-timeline__item:hover .hefdhallah-timeline__node{
  box-shadow:0 0 0 4px rgba(12,87,157,.28),0 0 0 10px rgba(12,87,157,.08),0 2px 10px rgba(0,0,0,.1)
}
.hefdhallah-timeline__year{
  background:linear-gradient(135deg,var(--hefdh-blue-900),var(--hefdh-blue-700))
}

/* Olive (quality) + Orange (CTA) helpers */
.bg-olive{background-color:rgb(22 101 52/var(--tw-bg-opacity,1))}
.text-olive{color:rgb(22 101 52/var(--tw-text-opacity,1))}
.border-olive{border-color:rgb(22 101 52/var(--tw-border-opacity,1))}
.ring-olive\/20{--tw-ring-color:rgba(22,101,52,.2)}
.bg-cta{background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}
.text-cta{color:rgb(249 115 22/var(--tw-text-opacity,1))}
.border-cta{border-color:rgb(249 115 22/var(--tw-border-opacity,1))}
.border-cta\/40{border-color:rgba(249,115,22,.4)}
.hover\:bg-cta\/90:hover{background-color:rgba(249,115,22,.9)}
.hover\:bg-cta\/10:hover{background-color:rgba(249,115,22,.1)}
.focus-visible\:ring-cta\/40:focus-visible{--tw-ring-color:rgba(249,115,22,.4)}

/* Import & agencies sector — solid turquoise for numbered process steps */
.bg-hefdh-blue-700-solid{background-color:var(--hefdh-blue-700)}

/* RTL pages: phones, emails, Latin URLs — isolated LTR */
.hefdhallah-contact-num{
	direction:ltr;
	unicode-bidi:isolate;
	display:inline-block;
	text-align:start;
}

/* Header: active menu bottom border in orange. */
.hefdhallah-header #primary-menu-desktop .current-menu-item > a,
.hefdhallah-header #primary-menu-desktop .current_page_item > a,
.hefdhallah-header #primary-menu-desktop .current-menu-ancestor > a,
.hefdhallah-header #primary-menu-desktop .current-menu-parent > a{
  border-bottom-color:var(--hefdh-cta)!important;
}

/* Mobile panel: active item uses border-secondary; map to orange too. */
#primary-menu-mobile .current-menu-item > a,
#primary-menu-mobile .current_page_item > a,
#primary-menu-mobile .current-menu-ancestor > a,
#primary-menu-mobile .current-menu-parent > a{
  border-bottom-color:var(--hefdh-cta)!important;
  border-left-color:var(--hefdh-cta)!important;
}

/* About / sector heroes: background position & size from CSS vars (Customizer on logistics; others default). */
.hefdhallah-about-hero__img-bg{
  background-size:var(--about-hero-bg-size,cover);
  background-position:var(--about-hero-bg-position,center center);
}

/* Sector / brand page heroes: orange · blue · black typography on photo */
.hefdhallah-sector-hero--on-photo .hefdhallah-sector-hero__copy :is(h1,p,nav a,nav span){
  text-shadow:0 0 1px rgb(255 255 255 / 0.95),0 0 12px rgb(255 255 255 / 0.65),0 1px 3px rgb(0 0 0 / 0.35);
}

/* Hero overlay: keep top light (for text) but not an opaque white band under the site header. */
.hefdhallah-about-hero__scrim{
  background:linear-gradient(
    180deg,
    rgb(12 87 157 / 0.14) 0%,
    rgb(255 255 255 / 0.38) 18%,
    rgb(255 255 255 / 0.72) 42%,
    rgb(248 250 252 / 0.65) 100%
  );
}