/* ============================================================
   Privé Aero — Inventory chrome (header + footer)
   Self-contained, namespaced (.inv-*), matches priveaero.com (Porto).
   Uses Font Awesome 4 (already loaded on product pages) + Poppins.
   Does NOT touch product/catalog content styles.
   ============================================================ */
:root{
  --inv-primary:#1464C0;
  --inv-primary-100:#115aad;
  --inv-primary-hi:#2e7bf6;
  --inv-navy:#0b1a2e;
  --inv-topbar:#0e1c30;
  --inv-ink:#0e1c30;
}

/* Reset (index pages lost their old inline reset when redesigned). */
*,*::before,*::after{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }

/* Base font to match the main site (product styles keep their own sizes). */
body{ font-family:'Poppins',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }

/* --- shared container --- */
.inv-container{ width:100%; max-width:1200px; margin:0 auto; padding:0 20px; }

/* Product / catalog content width — replaces the old WordPress .container
   (removed with the WP CSS). Centres the content and matches header/footer
   width; the product pages' own @media rules handle mobile stacking. */
.container{ width:100%; max-width:1200px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; box-sizing:border-box; }
@media (max-width:768px){ .container{ padding-left:16px; padding-right:16px; } }

/* ============================================================
   HEADER
   ============================================================ */
.inv-header{ position:relative; z-index:900; font-family:'Poppins',-apple-system,"Segoe UI",Roboto,Arial,sans-serif; }

/* top utility bar */
.inv-topbar{ background:var(--inv-topbar); color:rgba(255,255,255,.85); font-size:.82rem; }
.inv-topbar__inner{ display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:42px; padding:.4rem 20px; }
.inv-topbar a{ color:rgba(255,255,255,.85); display:inline-flex; align-items:center; gap:.4rem; text-decoration:none; transition:color .2s ease; }
.inv-topbar a:hover{ color:#fff; }
.inv-topbar__contact{ display:flex; align-items:center; gap:1.4rem; }
.inv-topbar__contact i{ color:var(--inv-primary-hi); }
.inv-topbar__actions{ display:flex; align-items:center; gap:1rem; }
.inv-topbar__social{ width:26px; height:26px; justify-content:center; border-radius:50%; background:rgba(255,255,255,.1); }
.inv-topbar__social i{ color:#fff; font-size:.8rem; }
.inv-topbar__social:hover{ background:var(--inv-primary); }
.inv-topbar__quote{ background:var(--inv-primary); color:#fff !important; padding:.45rem 1.05rem; border-radius:6px; font-weight:700; font-size:.76rem; letter-spacing:.03em; text-transform:uppercase; }
.inv-topbar__quote:hover{ background:var(--inv-primary-100); }

/* language dropdown */
.inv-lang{ position:relative; display:inline-flex; }
.inv-lang__toggle{ background:transparent; border:0; color:rgba(255,255,255,.85); cursor:pointer; display:inline-flex; align-items:center; gap:.35rem; font-size:.8rem; font-weight:600; padding:.25rem .2rem; font-family:inherit; }
.inv-lang__toggle:hover{ color:#fff; }
.inv-lang__caret{ font-size:.7rem; transition:transform .2s ease; }
.inv-lang:hover .inv-lang__caret, .inv-lang:focus-within .inv-lang__caret{ transform:rotate(180deg); }
.inv-lang__menu{ list-style:none; margin:0; padding:.4rem; position:absolute; top:100%; right:0; min-width:210px; max-height:70vh; overflow-y:auto; background:#fff; border-radius:8px; box-shadow:0 18px 40px rgba(4,16,34,.22); opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .18s ease, transform .18s ease, visibility .18s; z-index:1000; }
.inv-lang:hover .inv-lang__menu, .inv-lang:focus-within .inv-lang__menu,
.inv-lang.inv-lang--open .inv-lang__menu{ opacity:1; visibility:visible; transform:translateY(0); }
.inv-lang__menu li{ margin:0; }
.inv-lang__menu a{ display:flex; align-items:center; gap:.5rem; padding:.45rem .55rem; border-radius:6px; color:#0e1c30; font-size:.82rem; text-decoration:none; white-space:nowrap; }
.inv-lang__menu a:hover{ background:#f1f5fb; }
.inv-lang__menu a.is-active{ background:rgba(20,100,192,.12); font-weight:700; }
.inv-lang__flag{ font-size:1rem; line-height:1; }
.inv-lang__code{ font-size:.68rem; font-weight:700; letter-spacing:.03em; color:var(--inv-primary); min-width:2.6rem; }
.inv-lang__name{ color:#0e1c30; }
.inv-lang__menu a.is-active .inv-lang__name{ color:var(--inv-primary); }

/* main bar (logo + nav) */
.inv-header__main{ background:#fff; border-bottom:1px solid #e5e8ed; box-shadow:0 2px 14px rgba(11,26,46,.05); }
.inv-header__row{ display:flex; align-items:center; justify-content:space-between; gap:1.25rem; min-height:90px; }
.inv-logo{ display:inline-flex; align-items:center; flex:0 0 auto; }
.inv-logo img{ width:155px; height:auto; max-width:none; display:block; }
.inv-nav{ margin-left:auto; }
.inv-nav ul{ list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:.1rem; }
.inv-nav a{ display:inline-flex; align-items:center; padding:.5rem 1rem; color:var(--inv-ink); font-weight:600; font-size:14px; letter-spacing:-.5px; text-transform:uppercase; text-decoration:none; border-radius:4px; transition:color .2s ease; white-space:nowrap; }
.inv-nav a:hover{ color:var(--inv-primary); }
.inv-nav li.is-active a{ color:var(--inv-primary); }

/* mobile nav toggle */
.inv-nav-toggle{ display:none; background:transparent; border:0; color:var(--inv-ink); font-size:1.4rem; cursor:pointer; padding:.4rem .5rem; }

@media (max-width:991px){
  .inv-topbar__contact .inv-topbar__email span{ display:none; }
  .inv-nav-toggle{ display:inline-flex; align-items:center; }
  .inv-nav{ position:absolute; left:0; right:0; top:100%; background:#fff; border-bottom:1px solid #e5e8ed; box-shadow:0 16px 30px rgba(11,26,46,.12); margin:0; max-height:0; overflow:hidden; transition:max-height .3s ease; }
  .inv-header__main{ position:relative; }
  .inv-nav.is-open{ max-height:80vh; overflow-y:auto; }
  .inv-nav ul{ flex-direction:column; align-items:stretch; padding:.5rem 20px 1rem; gap:0; }
  .inv-nav a{ display:block; padding:.85rem .25rem; border-bottom:1px solid #f0f2f6; }
  .inv-nav li.is-active a::after{ display:none; }
}
@media (max-width:560px){
  .inv-topbar__contact a span{ display:none; }
  .inv-topbar__inner{ gap:.4rem .6rem; flex-wrap:wrap; justify-content:center; }
  .inv-topbar__actions{ gap:.55rem; }
}

/* ============================================================
   FOOTER
   ============================================================ */
.inv-footer{ background:var(--inv-navy); color:rgba(255,255,255,.72); font-family:'Poppins',-apple-system,"Segoe UI",Roboto,Arial,sans-serif; font-size:.9rem; line-height:1.7; margin-top:0; }
.inv-footer a{ color:rgba(255,255,255,.72); text-decoration:none; transition:color .2s ease; }
.inv-footer a:hover{ color:#fff; }
.inv-footer__top{ padding:56px 0 40px; }
.inv-footer__grid{ display:grid; grid-template-columns:1.6fr 1fr 1.2fr 1.2fr; gap:2.2rem; }
.inv-footer__logo img{ height:52px; width:auto; margin-bottom:1rem; }
.inv-footer__about{ margin:0 0 1rem; color:rgba(255,255,255,.62); font-size:.86rem; }
.inv-footer h5{ color:#fff; font-size:.95rem; font-weight:700; margin:0 0 1rem; }
.inv-footer__list{ list-style:none; margin:0; padding:0; }
.inv-footer__list li{ display:flex; align-items:flex-start; gap:.5rem; margin-bottom:.5rem; }
.inv-footer__list li > i{ color:var(--inv-primary-hi); font-size:.8rem; margin-top:.3rem; }
.inv-cert{ display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin-top:.4rem; }
.inv-cert img{ height:52px; width:auto; background:#fff; border-radius:6px; padding:5px; }

.inv-footer__bottom{ border-top:1px solid rgba(255,255,255,.12); padding:26px 0; text-align:center; }
.inv-social{ list-style:none; margin:0 0 1rem; padding:0; display:flex; justify-content:center; gap:.6rem; }
.inv-social a{ width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; color:#fff; }
.inv-social a:hover{ background:var(--inv-primary); transform:translateY(-2px); }
.inv-flangs{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:.35rem .9rem; margin-bottom:.9rem; }
.inv-flangs a{ display:inline-flex; align-items:center; gap:.3rem; font-size:.76rem; font-weight:600; color:rgba(255,255,255,.55); }
.inv-flangs a:hover, .inv-flangs a.is-active{ color:#fff; }
.inv-legal{ display:flex; flex-wrap:wrap; justify-content:center; gap:.4rem 1.1rem; margin-bottom:.7rem; font-size:.8rem; }
.inv-copy{ margin:0; font-size:.8rem; color:rgba(255,255,255,.5); }

@media (max-width:900px){ .inv-footer__grid{ grid-template-columns:1fr 1fr; gap:1.8rem; } }
@media (max-width:560px){ .inv-footer__grid{ grid-template-columns:1fr; } .inv-footer__top{ padding:40px 0 28px; } }

/* ============================================================
   Floating WhatsApp / Call
   ============================================================ */
.inv-float{ position:fixed; right:20px; bottom:22px; z-index:1000; display:flex; flex-direction:column; gap:12px; }
.inv-float a{ width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; box-shadow:0 8px 24px rgba(0,0,0,.28); transition:transform .25s ease; text-decoration:none; }
.inv-float a:hover{ transform:scale(1.08); color:#fff; }
.inv-float .inv-wa{ background:#25d366; }
.inv-float .inv-call{ background:var(--inv-primary); }

/* ============================================================
   Our Divisions (mirrors homepage #divisions)
   ============================================================ */
.inv-divisions{ background:#f4f6f9; padding:56px 0; font-family:'Poppins',-apple-system,"Segoe UI",Roboto,Arial,sans-serif; }
.inv-divisions__head{ max-width:820px; margin:0 auto 2.5rem; text-align:center; }
.inv-divisions__eyebrow{ color:var(--inv-primary); font-weight:700; text-transform:uppercase; letter-spacing:.1em; font-size:.78rem; margin:0 0 .5rem; }
.inv-divisions__title{ font-weight:700; font-size:clamp(1.5rem,3vw,2rem); color:var(--inv-ink); margin:0 0 1rem; line-height:1.2; }
.inv-divisions__intro{ color:#5a6b80; font-size:1rem; line-height:1.7; margin:0; }
.inv-divisions__grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:1.25rem; list-style:none; margin:0; padding:0; }
.inv-division{ background:#fff; border:1px solid #e5e8ed; border-radius:12px; padding:1.6rem 1.25rem; height:100%; text-align:center; box-shadow:0 6px 20px rgba(11,26,46,.05); transition:transform .2s ease, box-shadow .2s ease; }
.inv-division:hover{ transform:translateY(-4px); box-shadow:0 14px 32px rgba(11,26,46,.12); }
.inv-division__logo{ height:74px; display:flex; align-items:center; justify-content:center; margin-bottom:1rem; }
.inv-division__logo img{ max-height:64px; max-width:150px; width:auto; height:auto; }
.inv-division__text{ color:#5a6b80; font-size:.85rem; line-height:1.6; margin:0; }
@media (max-width:1100px){ .inv-divisions__grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:680px){ .inv-divisions__grid{ grid-template-columns:1fr 1fr; } .inv-divisions{ padding:40px 0; } }
@media (max-width:460px){ .inv-divisions__grid{ grid-template-columns:1fr; } }

/* ============================================================
   CTA band (mirrors homepage "Ready to partner with us?")
   ============================================================ */
.inv-cta{ background:linear-gradient(120deg,#0b1a2e 0%,#12315f 52%,#1464C0 100%); padding:44px 0; font-family:'Poppins',-apple-system,"Segoe UI",Roboto,Arial,sans-serif; }
.inv-cta__inner{ display:flex; align-items:center; justify-content:space-between; gap:1.5rem 2rem; flex-wrap:wrap; }
.inv-cta__text{ flex:1 1 460px; }
.inv-cta__title{ font-weight:700; font-size:clamp(1.5rem,3vw,2.1rem); margin:0 0 .45rem; color:#fff; line-height:1.2; }
.inv-cta__sub{ margin:0; font-size:1rem; line-height:1.6; color:rgba(255,255,255,.82); }
.inv-cta__btn{ flex:0 0 auto; display:inline-flex; align-items:center; gap:.5rem; background:#fff; color:var(--inv-ink); font-weight:700; padding:.9rem 2rem; border-radius:6px; text-decoration:none; transition:transform .2s ease, box-shadow .2s ease, color .2s ease; }
.inv-cta__btn:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(0,0,0,.28); color:var(--inv-primary); }
@media (max-width:767px){ .inv-cta__inner{ text-align:center; justify-content:center; } .inv-cta__text{ flex-basis:100%; } }
[dir="rtl"] .inv-cta__btn i{ transform:scaleX(-1); }

/* ============================================================
   RTL (Arabic)
   ============================================================ */
[dir="rtl"] .inv-lang__menu{ right:auto; left:0; }
[dir="rtl"] .inv-nav{ margin-left:0; margin-right:auto; }
[dir="rtl"] .inv-float{ right:auto; left:20px; }
[dir="rtl"] .inv-footer__list li{ text-align:right; }
[dir="rtl"] .inv-flangs{ direction:ltr; }

/* Product name (title) + Description value shown UPPERCASE (per request). */
.info-name{ text-transform:uppercase; }
.spec-table tr:nth-child(2) .s-value{ text-transform:uppercase; }