/* PASARGAD English Header — LTR companion to Persian v5.1 */
.pgh--en,
.pgh--en *{font-family:"Titillium Web",Arial,sans-serif}

.pgh--en .pgh-inner{direction:ltr;max-width:1800px;padding-left:24px;padding-right:24px;gap:18px}
.pgh--en .pgh-menu{direction:ltr;justify-content:flex-start;gap:0}
.pgh--en .pgh-link{font-size:13px;padding-left:8px;padding-right:8px;letter-spacing:.005em}
.pgh--en .pgh-chevron{transform:rotate(-45deg)}
.pgh--en .pgh-item.is-open .pgh-chevron{transform:rotate(135deg)}

.pgh--en .pgh-dropdown{left:0;right:auto;transform-origin:top left;text-align:left;direction:ltr}
.pgh--en .pgh-align-left>.pgh-dropdown{left:auto;right:0;transform-origin:top right}
.pgh--en .pgh-mega--signature{direction:ltr;text-align:left}
.pgh--en .pgh-mega-intro{border-left:0;border-right:1px solid rgba(255,255,255,.08);text-align:left;direction:ltr}
.pgh--en .pgh-kicker{direction:ltr;text-align:left}
.pgh--en .pgh-mega-intro strong,
.pgh--en .pgh-mega-intro p,
.pgh--en .pgh-media-card span,
.pgh--en .pgh-media-card small{text-align:left;direction:ltr}
.pgh--en .pgh-text-cta span{transform:rotate(180deg)}
.pgh--en .pgh-text-cta:hover span{transform:rotate(180deg) translateX(-6px)}
.pgh--en .pgh-mega-grid>a{direction:ltr;text-align:left}
.pgh--en .pgh-mega-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:25px}
.pgh--en .pgh-mega-grid--compact>a{padding:13px 14px;min-height:66px}
.pgh--en .pgh-mega-grid--compact strong{font-size:12.8px}
.pgh--en .pgh-mega-grid--compact small{font-size:10px}

.pgh--en .pgh-tools{gap:10px}
.pgh--en .pgh-phone{font-size:12px}
.pgh--en .pgh-agent{padding:11px 14px;font-size:12px;border-radius:18px}
.pgh--en .pgh-lang{font-size:12px;gap:8px}

.pgh--en .pgh-mobile-panel{left:0;right:auto;transform:translateX(-104%);box-shadow:20px 0 50px rgba(9,38,58,.16);direction:ltr;text-align:left}
.pgh-menu-open .pgh--en .pgh-mobile-panel{transform:translateX(0)}
.pgh--en .pgh-mobile-head,
.pgh--en .pgh-mobile-scroll,
.pgh--en .pgh-mobile-footer{direction:ltr;text-align:left}
.pgh--en .pgh-mobile-sub>a{padding-left:10px;padding-right:0;text-align:left}
.pgh--en .pgh-mobile-accordion.is-open .pgh-mobile-sub>a{padding:12px 0 12px 10px}
.pgh--en .pgh-mobile-parent i{transform:rotate(-45deg)}
.pgh--en .pgh-mobile-accordion.is-open .pgh-mobile-parent i{transform:rotate(135deg)}

.pgh-media-card--en-tours{background-image:url('https://images.unsplash.com/photo-1526772662000-3f88f10405ff?auto=format&fit=crop&w=1200&q=80')}
.pgh-media-card--en-visa{background-image:url('https://images.unsplash.com/photo-1488646953014-85cb44e25828?auto=format&fit=crop&w=1200&q=80')}
.pgh-media-card--en-iran{background-image:url('https://images.unsplash.com/photo-1539650116574-75c0c6d73f6e?auto=format&fit=crop&w=1200&q=80')}

@media (min-width:1101px){
  .pgh--en .pgh-has-menu::after{left:-18px;right:-18px}
}

@media (max-width:1540px) and (min-width:1101px){
  .pgh--en .pgh-inner{padding-left:14px;padding-right:14px;gap:10px}
  .pgh--en .pgh-link{font-size:12px;padding-left:6px;padding-right:6px}
  .pgh--en .pgh-tools{gap:7px}
  .pgh--en .pgh-agent{padding:10px 11px;font-size:11px}
  .pgh--en .pgh-phone span{display:none}
}

@media (max-width:1260px) and (min-width:1101px){
  .pgh--en .pgh-link{font-size:11.2px;padding-left:5px;padding-right:5px}
  .pgh--en .pgh-agent span{max-width:88px;white-space:normal;line-height:1.1;text-align:center}
}

@media (max-width:1100px){
  .pgh--en .pgh-inner{padding:0 18px;gap:16px}
  .pgh--en .pgh-tools{margin-left:auto;margin-right:0}
}

@media (max-width:640px){
  .pgh--en .pgh-inner{padding:0 14px}
}


/* =========================================================
   ENGLISH HEADER V1.1 — PHONE + DESKTOP MEGA HOVER FIX
   ========================================================= */

/* 1) Keep phone number visible on desktop.
   The previous responsive rule hid the span on narrower desktop widths. */
@media (min-width:1101px){
  .pgh--en .pgh-phone{
    display:inline-flex !important;
    align-items:center;
    gap:6px;
    flex:0 0 auto;
  }

  .pgh--en .pgh-phone span{
    display:inline !important;
    visibility:visible !important;
    opacity:1 !important;
    white-space:nowrap;
    font-size:11.5px;
  }
}

/* 2) Make English mega menus wider so the first menu sits directly
   below the first trigger instead of beginning too far to the right.
   This creates a continuous cursor path from trigger -> submenu. */
@media (min-width:1101px){
  .pgh--en .pgh-mega--signature{
    width:min(1460px,calc(100vw - 34px)) !important;
    top:calc(var(--pgh-mega-top,90px) - 7px) !important;
  }

  /* larger invisible hover bridge below each trigger */
  .pgh--en .pgh-has-menu::after{
    content:"";
    position:absolute;
    left:-34px;
    right:-34px;
    top:50px;
    height:54px;
    background:transparent;
    pointer-events:auto;
  }
}

/* 3) Compact desktop header just enough to preserve room for phone number. */
@media (max-width:1540px) and (min-width:1101px){
  .pgh--en .pgh-inner{
    padding-left:10px;
    padding-right:10px;
    gap:7px;
  }

  .pgh--en .pgh-link{
    font-size:11.5px;
    padding-left:5px;
    padding-right:5px;
  }

  .pgh--en .pgh-tools{gap:6px}

  .pgh--en .pgh-phone{
    font-size:11px;
  }

  .pgh--en .pgh-phone span{
    display:inline !important;
    font-size:10.5px;
  }

  .pgh--en .pgh-agent{
    padding:9px 10px;
    font-size:10.5px;
  }
}

@media (max-width:1260px) and (min-width:1101px){
  .pgh--en .pgh-link{
    font-size:10.7px;
    padding-left:4px;
    padding-right:4px;
  }

  .pgh--en .pgh-phone span{
    font-size:9.8px;
  }
}


/* =========================================================
   ENGLISH HEADER V1.2 — NATURAL SPACING + SAFE HOVER PATH
   ========================================================= */

@media (min-width:1101px){

  /* Main menu: real breathing room between menu groups */
  .pgh--en .pgh-menu{
    gap:11px !important;
  }

  .pgh--en .pgh-link{
    padding-left:5px !important;
    padding-right:5px !important;
  }

  /* IMPORTANT:
     Do NOT expand the invisible hover bridge horizontally.
     The previous -34px overlap made adjacent menu items steal hover. */
  .pgh--en .pgh-has-menu::after{
    left:0 !important;
    right:0 !important;
    top:48px !important;
    height:58px !important;
  }

  /* More separation between navigation and right-side tools */
  .pgh--en .pgh-desktop-nav{
    margin-right:18px;
  }

  /* Right tools: phone | language | CTA should not touch each other */
  .pgh--en .pgh-tools{
    gap:16px !important;
    margin-left:auto;
  }

  .pgh--en .pgh-phone{
    gap:8px !important;
    padding:8px 3px;
  }

  .pgh--en .pgh-lang{
    gap:9px !important;
    padding:8px 6px;
    white-space:nowrap;
  }

  .pgh--en .pgh-agent{
    margin-left:2px;
    padding:11px 16px !important;
  }
}

/* Medium desktop: keep spacing logical without forcing crowding */
@media (max-width:1540px) and (min-width:1101px){
  .pgh--en .pgh-inner{
    padding-left:16px !important;
    padding-right:16px !important;
    gap:10px !important;
  }

  .pgh--en .pgh-menu{
    gap:8px !important;
  }

  .pgh--en .pgh-link{
    font-size:11.4px !important;
    padding-left:3px !important;
    padding-right:3px !important;
  }

  .pgh--en .pgh-desktop-nav{
    margin-right:12px;
  }

  .pgh--en .pgh-tools{
    gap:12px !important;
  }

  .pgh--en .pgh-phone span{
    display:inline !important;
    font-size:10.6px !important;
  }

  .pgh--en .pgh-lang{
    gap:7px !important;
    padding-left:4px;
    padding-right:4px;
  }

  .pgh--en .pgh-agent{
    padding:10px 12px !important;
    font-size:10.6px !important;
  }
}

/* Smaller desktop: preserve usable gaps instead of overlapping hover zones */
@media (max-width:1260px) and (min-width:1101px){
  .pgh--en .pgh-menu{
    gap:5px !important;
  }

  .pgh--en .pgh-link{
    font-size:10.7px !important;
    padding-left:2px !important;
    padding-right:2px !important;
  }

  .pgh--en .pgh-tools{
    gap:9px !important;
  }

  .pgh--en .pgh-desktop-nav{
    margin-right:8px;
  }
}


/* =========================================================
   ENGLISH HEADER V1.3.1 — SAFE HOVER FIX
   ========================================================= */
@media (min-width:1101px){
  /* remove old artificial hover bridge completely */
  .pgh--en .pgh-has-menu::after{
    content:none !important;
    display:none !important;
    pointer-events:none !important;
  }

  /* keep open menu above siblings */
  .pgh--en .pgh-item{ z-index:1; }
  .pgh--en .pgh-item.is-open{ z-index:5000 !important; }
  .pgh--en .pgh-item.is-open > .pgh-dropdown{
    z-index:5001 !important;
    pointer-events:auto !important;
  }

  /* tiny overlap removes dead vertical gap only */
  .pgh--en .pgh-mega--signature{
    top:calc(var(--pgh-mega-top,90px) - 4px) !important;
  }
}
