/* PBL V8.5.17.2 — public UI regression + Arabic polish
   - restores desktop dropdown navigation
   - improves Arabic hierarchy and header spacing
   - fixes service-card CTA overlap
   - reorganizes tracking form/selects
   - polishes footer alignment
   - upgrades quote-to-execution timeline
   - adds homepage entrance motion hooks
*/

/* ---------- Header / nav ---------- */
.public-header{overflow:visible}
.public-header .utility{height:44px;border-bottom:1px solid rgba(255,255,255,.08)}
.public-header .nav-inner{height:98px;overflow:visible}
.public-header .desktop-nav{font-size:15px;gap:24px;overflow:visible}
.public-header .nav-actions{align-items:center}
.public-header .nav-actions .button{min-height:48px}

.public-header .pbl-nav-group{position:relative;display:flex;align-items:center;gap:5px;min-height:48px}
.public-header .pbl-nav-parent{position:relative;display:inline-flex;align-items:center;padding:14px 0;color:#fff;white-space:nowrap;font-weight:700}
.public-header .pbl-nav-parent:hover,
.public-header .pbl-nav-group:focus-within .pbl-nav-parent{color:#42c9ff}
.public-header .pbl-nav-parent[aria-current="page"]{color:#42c9ff}
.public-header .pbl-nav-parent[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:#42c9ff}
.public-header .pbl-nav-caret{display:grid;place-items:center;width:24px;height:30px;padding:0;border:0;background:transparent;color:currentColor;font:inherit;font-size:17px;line-height:1;border-radius:6px;transition:background .16s ease,transform .16s ease,color .16s ease}
.public-header .pbl-nav-caret:hover,.public-header .pbl-nav-caret:focus-visible{background:rgba(255,255,255,.09);color:#42c9ff;outline:none}
.public-header .pbl-nav-group.is-open .pbl-nav-caret{transform:rotate(180deg);color:#42c9ff}

.public-header .pbl-nav-menu{position:absolute;top:calc(100% - 2px);left:50%;z-index:1200;width:340px;max-height:min(520px,70vh);overflow:auto;padding:10px;background:#fff;color:#0b2233;border:1px solid #d8e7ef;border-radius:14px;box-shadow:0 24px 56px rgba(3,24,38,.24);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px);transition:opacity .16s ease,transform .18s ease,visibility .16s ease}
.public-header .pbl-nav-menu-wide{width:610px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.public-header .pbl-nav-menu>a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;padding:12px;border-radius:10px;color:#0b2233;text-decoration:none}
.public-header .pbl-nav-menu>a:not(:has(.drop-mark)){grid-template-columns:1fr}
.public-header .pbl-nav-menu>a:hover,.public-header .pbl-nav-menu>a:focus-visible{background:#eef8fd;outline:none}
.public-header .pbl-nav-menu b{display:block;font-size:14px;line-height:1.25;color:#0b2233}
.public-header .pbl-nav-menu small{display:block;margin-top:3px;font-size:11.5px;line-height:1.4;color:#637d8f}
.public-header .pbl-nav-menu .drop-mark{display:grid;place-items:center;min-width:31px;height:31px;border-radius:9px;background:#e7f6fd;color:#0b75b5;font-size:11px;font-weight:900}
.public-header .pbl-nav-group:hover>.pbl-nav-menu,
.public-header .pbl-nav-group:focus-within>.pbl-nav-menu,
.public-header .pbl-nav-group.is-open>.pbl-nav-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}

html[dir="rtl"] .public-header .desktop-nav{font-size:16px;gap:22px}
html[dir="rtl"] .public-header .pbl-nav-group{direction:rtl}
html[dir="rtl"] .public-header .pbl-nav-menu{text-align:right;direction:rtl}
html[dir="rtl"] .public-header .pbl-nav-menu>a{direction:rtl;text-align:right}
html[dir="rtl"] .public-header .utility{height:46px}
html[dir="rtl"] .public-header .nav-inner{height:100px}
html[dir="rtl"] .public-header .utility-credentials{line-height:1.35}

@media(max-width:1460px) and (min-width:1241px){
  html[dir="rtl"] .public-header .desktop-nav{font-size:15px;gap:14px}
  .public-header .pbl-nav-menu-wide{width:560px}
}
@media(max-width:1050px){
  .public-header .pbl-nav-group{display:none}
}

/* ---------- Arabic hierarchy ---------- */
html[dir="rtl"] .section-heading>.eyebrow,
html[dir="rtl"] .public-page-hero .wrap>.eyebrow,
html[dir="rtl"] .public-block>.eyebrow,
html[dir="rtl"] .track-search-head>.eyebrow,
html[dir="rtl"] .proof-grid>div>.eyebrow,
html[dir="rtl"] .seo-discovery .section-heading>.eyebrow{
  font-size:clamp(1rem,1.1vw,1.16rem)!important;
  line-height:1.45!important;
  font-weight:900!important;
  color:#159ee6!important;
  margin-bottom:.7rem!important;
}
html[dir="rtl"] .public-page-hero .wrap>.eyebrow{color:#42c9ff!important}
html[dir="rtl"] .section-heading h2{margin-top:10px}
html[dir="rtl"] .public-page-hero h1{margin-top:14px}

/* ---------- Service cards ---------- */
html[dir="rtl"] .service-card{padding-bottom:72px}
html[dir="rtl"] .service-arrow{right:auto!important;left:20px!important;transform:rotate(180deg)!important}
html[dir="rtl"] .service-description{padding-right:0!important;padding-left:52px!important}
html[dir="rtl"] .service-description p{padding-right:0!important;padding-left:0!important}

/* ---------- Quote-to-execution timeline ---------- */
.service-flow{position:relative!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;margin:34px 0 4px!important;padding:0!important;counter-reset:pbl-flow}
.service-flow:before{content:"";position:absolute;left:8%;right:8%;top:24px;height:2px;background:linear-gradient(90deg,#159ee6,#57c9f4);z-index:0}
.service-flow li{position:relative!important;z-index:1;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-height:112px;padding:0 14px 12px!important;background:transparent!important;font-size:15px!important;font-weight:800;color:#0b2233}
.service-flow li:not(:last-child):after{content:"›";position:absolute;top:8px;right:-7px;color:#159ee6;font-size:25px;font-weight:500;line-height:1}
.service-flow span{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;margin:0 0 8px!important;border:2px solid #159ee6;border-radius:50%;background:#fff!important;color:#0b75b5!important;font-size:12px!important;font-weight:900;box-shadow:0 0 0 6px #fff}
html[dir="rtl"] .service-flow{direction:rtl}
html[dir="rtl"] .service-flow li{align-items:flex-start!important;text-align:right}
html[dir="rtl"] .service-flow li:not(:last-child):after{right:auto;left:-7px;content:"‹"}
@media(max-width:760px){
  .service-flow{grid-template-columns:1fr!important;gap:0!important;padding-inline-start:10px!important}
  .service-flow:before{left:33px;right:auto;top:24px;bottom:24px;width:2px;height:auto;background:linear-gradient(#159ee6,#57c9f4)}
  .service-flow li{display:grid!important;grid-template-columns:48px 1fr!important;align-items:center!important;min-height:78px;padding:0 0 16px!important;gap:16px!important}
  .service-flow li:not(:last-child):after{display:none}
  .service-flow span{margin:0!important}
  html[dir="rtl"] .service-flow{padding-inline-start:0!important;padding-inline-end:10px!important}
  html[dir="rtl"] .service-flow:before{left:auto;right:33px}
  html[dir="rtl"] .service-flow li{grid-template-columns:1fr 48px!important}
  html[dir="rtl"] .service-flow li span{grid-column:2}
}

/* ---------- Tracking form ---------- */
.tracking-tool{max-width:1040px!important;grid-template-columns:minmax(210px,.9fr) minmax(320px,1.45fr) 190px!important;grid-template-areas:"head head head" "tabs tabs tabs" "carrier reference submit"!important;gap:14px 18px!important;align-items:end!important;padding:34px!important}
.tracking-tool .track-search-head{grid-area:head!important;max-width:760px!important}
.tracking-tool .track-tabs{grid-area:tabs!important;width:max-content!important;margin:4px 0 12px!important}
.tracking-tool label:first-of-type{grid-area:carrier!important}
.tracking-tool label:nth-of-type(2){grid-area:reference!important}
.tracking-tool .track-submit{grid-area:submit!important;width:100%!important;min-width:0!important;min-height:52px!important;margin:0!important}
.tracking-tool label{display:grid!important;gap:8px!important;margin:0!important;font-size:15px!important;font-weight:800!important;color:#102b3d}
.tracking-tool input,.tracking-tool select{min-height:52px!important;border:1px solid #c5dbe8!important;border-radius:10px!important;background-color:#fff!important;font-size:16px!important;line-height:1.2!important;box-shadow:none!important}
.tracking-tool select{
  -webkit-appearance:none!important;appearance:none!important;
  background-image:linear-gradient(45deg,transparent 50%,#173b52 50%),linear-gradient(135deg,#173b52 50%,transparent 50%)!important;
  background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%!important;
  background-size:6px 6px,6px 6px!important;background-repeat:no-repeat!important;
  padding-right:38px!important
}
html[dir="rtl"] .tracking-tool{direction:ltr!important;grid-template-areas:"head head head" "tabs tabs tabs" "submit reference carrier"!important}
html[dir="rtl"] .tracking-tool .track-search-head,
html[dir="rtl"] .tracking-tool .track-tabs,
html[dir="rtl"] .tracking-tool label{direction:rtl!important;text-align:right!important}
html[dir="rtl"] .tracking-tool input{direction:ltr!important;text-align:right!important}
html[dir="rtl"] .tracking-tool select{direction:ltr!important;text-align:right!important;padding-right:14px!important;padding-left:38px!important;background-position:18px 50%,24px 50%!important}
html[dir="rtl"] .tracking-tool .track-submit{direction:rtl!important}

/* source/home tracking form uses the same clean native-select treatment */
.tracking-form select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#173b52 50%),linear-gradient(135deg,#173b52 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:38px}
html[dir="rtl"] .tracking-form select{background-position:18px 50%,24px 50%;padding-right:14px;padding-left:38px}

@media(max-width:900px){
  .tracking-tool{grid-template-columns:1fr 1fr!important;grid-template-areas:"head head" "tabs tabs" "carrier reference" "submit submit"!important}
  html[dir="rtl"] .tracking-tool{grid-template-areas:"head head" "tabs tabs" "reference carrier" "submit submit"!important}
}
@media(max-width:640px){
  .tracking-tool,.tracking-tool[dir="rtl"]{grid-template-columns:1fr!important;grid-template-areas:"head" "tabs" "carrier" "reference" "submit"!important;padding:22px!important}
  html[dir="rtl"] .tracking-tool{grid-template-areas:"head" "tabs" "carrier" "reference" "submit"!important}
  .tracking-tool .track-tabs{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .tracking-tool .track-tab{min-width:0!important;width:100%!important}
}

/* ---------- Footer ---------- */
.site-footer .footer-grid{align-items:start}
.site-footer .footer-brand img{width:205px!important;height:auto!important;object-fit:contain}
html[dir="rtl"] .site-footer .footer-grid{direction:rtl!important;grid-template-columns:1.18fr 1fr 1fr 1.08fr!important;gap:42px!important;text-align:right!important}
html[dir="rtl"] .site-footer .footer-brand{display:flex;flex-direction:column;align-items:flex-end;justify-self:stretch;text-align:right!important}
html[dir="rtl"] .site-footer .footer-brand img{width:205px!important;height:auto!important;margin:0 0 12px auto!important}
html[dir="rtl"] .site-footer .footer-brand strong,
html[dir="rtl"] .site-footer .footer-brand p{width:100%;text-align:right!important}
html[dir="rtl"] .site-footer a[href^="tel:"],
html[dir="rtl"] .site-footer a[href^="mailto:"]{display:flex!important;width:max-content!important;margin:7px 0 0 auto!important;direction:ltr!important;unicode-bidi:isolate}
html[dir="rtl"] .site-footer .legal-links{line-height:1.8}
@media(max-width:1050px){
  html[dir="rtl"] .site-footer .footer-grid{grid-template-columns:1fr 1fr!important;gap:32px 24px!important}
  html[dir="rtl"] .site-footer .footer-brand{grid-column:1/-1!important}
}
@media(max-width:620px){
  html[dir="rtl"] .site-footer .footer-grid{grid-template-columns:1fr!important}
  html[dir="rtl"] .site-footer .footer-brand{grid-column:auto!important;align-items:flex-end}
}

/* ---------- Homepage motion ---------- */
@keyframes pblHeroIntro{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes pblHeroMediaDrift{from{transform:scale(1.015)}to{transform:scale(1.055)}}
.hero.pbl-hero-motion .hero-copy>*{opacity:0;transform:translateY(20px)}
.hero.pbl-hero-motion.pbl-hero-motion-active .hero-copy>*{animation:pblHeroIntro .72s cubic-bezier(.22,1,.36,1) both}
.hero.pbl-hero-motion.pbl-hero-motion-active .hero-copy>*:nth-child(1){animation-delay:.04s}
.hero.pbl-hero-motion.pbl-hero-motion-active .hero-copy>*:nth-child(2){animation-delay:.10s}
.hero.pbl-hero-motion.pbl-hero-motion-active .hero-copy>*:nth-child(3){animation-delay:.18s}
.hero.pbl-hero-motion.pbl-hero-motion-active .hero-copy>*:nth-child(4){animation-delay:.25s}
.hero.pbl-hero-motion.pbl-hero-motion-active .hero-copy>*:nth-child(5){animation-delay:.32s}
.hero.pbl-hero-motion.pbl-hero-motion-active .hero-copy>*:nth-child(6){animation-delay:.39s}
.hero.pbl-hero-motion .hero-slide.active{animation:heroZoom 6500ms linear both,pblHeroMediaDrift 6.5s ease-out both}
@media(prefers-reduced-motion:reduce){
  .hero.pbl-hero-motion .hero-copy>*{opacity:1!important;transform:none!important;animation:none!important}
  .hero.pbl-hero-motion .hero-slide.active{animation:none!important}
}