/* GENERATED by scripts/build-ltr-css.mjs from ../header-responsive.css: do not edit, edit the source and rebuild. */
/* Shared mobile/tablet header + burger menu for every page. Source: Figma Contact me mobile 429:1543 / tablet 429:1689. Loaded last (functions.php). */
/* ======================================================================
 * Header (mobile 393 / tablet 744 Figma frames) + open menu — every page (Home / Contact keep identical copies in their own files).
 * Mobile: "Frame 1" 55 tall, logo group 299x203 at (88,-72). Tablet: "Frame 1" 60 tall, group at (244,-71).
 * ==================================================================== */
@media (max-width: 1024px) {
  :root { --bh-hdr-h: 55px; --bh-hdr-pad: 20px; --bh-hdr-ctl-y: 31px; --bh-hdr-gx: -108.5px; --bh-hdr-gy: -72px; --bh-hdr-wm-y: 92px; --bh-hdr-burger-y: 31px; --bh-hdr-burger-gap: 6px; --bh-hdr-burger-h: 13px; }
  html:not(#hd):not(#hd):not(#hd) body header.elementor-location-header,
  html:not(#hd):not(#hd):not(#hd) body header.elementor-location-header .elementor-element-7606721.beheshti-site-header {
    position: relative !important; height: var(--bh-hdr-h) !important; min-height: var(--bh-hdr-h) !important; max-height: var(--bh-hdr-h) !important;
    overflow: hidden !important; background: #000 !important; padding: 0 !important; margin: 0 !important; display: block !important;
    width: 100% !important; max-width: 100% !important; right: 0 !important; left: 0 !important; --padding-left: 0px; --padding-right: 0px;
  }
  /* own stacking layer above the page: some heroes (lab: z-index 3) would otherwise paint over — and swallow taps on — the open menu */
  html:not(#hd):not(#hd):not(#hd) body header.elementor-location-header { z-index: 100 !important; }
  html:not(#hd):not(#hd):not(#hd) body header.elementor-location-header:has(.elementor-menu-toggle.elementor-active),
  html:not(#hd):not(#hd):not(#hd) body header.elementor-location-header:has(.elementor-menu-toggle.elementor-active) .beheshti-site-header { overflow: visible !important; }
  html:not(#hd):not(#hd):not(#hd) body header .elementor-element-5461748.e-con, html:not(#hd):not(#hd):not(#hd) body header .elementor-element-5461748 > .e-con-inner,
  html:not(#hd):not(#hd):not(#hd) body header .elementor-element-c00b55e.e-con, html:not(#hd):not(#hd):not(#hd) body header .elementor-element-c00b55e > .e-con-inner { display: contents !important; }
  html:not(#hd):not(#hd):not(#hd) body header .elementor-element-98b0cf2 { display: none !important; }
  /* logo group 299×203: wordmark + star drawn from the Figma vectors */
  html:not(#hd):not(#hd):not(#hd) body header .elementor-element-1812792 {
    position: absolute !important; right: calc(50% + var(--bh-hdr-gx)) !important; left: auto !important; top: var(--bh-hdr-gy) !important;
    width: 299px !important; height: 203px !important; margin: 0 !important; padding: 0 !important; transform: none !important; pointer-events: none;
  }
  html:not(#hd):not(#hd):not(#hd) body header .elementor-element-1812792 a {
    display: block !important; position: absolute !important; right: 57px !important; top: var(--bh-hdr-wm-y) !important; width: 97px !important; height: 26px !important; pointer-events: auto;
  }
  html:not(#hd):not(#hd):not(#hd) body header .elementor-element-1812792 img { opacity: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; }
  html:not(#hd):not(#hd):not(#hd) body header .elementor-element-1812792::before {
    content: "" !important; position: absolute !important; inset: 0 !important; display: block !important;
    background: url("/wp-content/themes/beheshti-child/ltr/flipped/beheshti-child--assets--header-logo-mobile.svg?v=1791288080") no-repeat 0 0 / 299px 203px !important;
  }
  /* language: 12px globe, 8px gap, 12px label */
  html:not(#hd):not(#hd):not(#hd) body header .elementor-element-0290474 {
    position: absolute !important; right: var(--bh-hdr-pad) !important; left: auto !important; top: var(--bh-hdr-ctl-y) !important;
    width: auto !important; height: 12px !important; margin: 0 !important; padding: 0 !important; transform: none !important;
    display: flex !important; align-items: center !important; line-height: 12px !important;
  }
  html:not(#hd):not(#hd):not(#hd) body header .beheshti-lang { display: inline-flex !important; align-items: center !important; gap: 8px !important; height: 12px !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hd):not(#hd):not(#hd) body header .beheshti-lang svg { width: 12px !important; height: 12px !important; min-width: 12px !important; flex: none; margin: 0 !important; position: static !important; }
  html:not(#hd):not(#hd):not(#hd) body header .beheshti-lang span { font-size: 12px !important; line-height: 12px !important; font-weight: 400 !important; height: 12px !important; margin: 0 !important; padding: 0 !important; position: static !important; transform: none !important; }
  /* burger: three 22px × 1px lines */
  html:not(#hd):not(#hd):not(#hd) body header .elementor-element-71de6ae {
    position: absolute !important; right: auto !important; left: var(--bh-hdr-pad) !important; top: var(--bh-hdr-burger-y) !important;
    width: 22px !important; height: var(--bh-hdr-burger-h) !important; margin: 0 !important; padding: 0 !important; transform: none !important;
  }
  html:not(#hd):not(#hd):not(#hd) body header .elementor-element-dfb27fa { width: 22px !important; height: var(--bh-hdr-burger-h) !important; margin: 0 !important; padding: 0 !important; }
  html:not(#hd):not(#hd):not(#hd) body header .elementor-element-dfb27fa .elementor-menu-toggle {
    width: 22px !important; height: var(--bh-hdr-burger-h) !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important;
    background:
      linear-gradient(#fff, #fff) 0 0 / 22px 1px no-repeat,
      linear-gradient(#fff, #fff) 0 var(--bh-hdr-burger-gap) / 22px 1px no-repeat,
      linear-gradient(#fff, #fff) 0 calc(var(--bh-hdr-burger-gap) * 2) / 22px 1px no-repeat !important;
  }
  html:not(#hd):not(#hd):not(#hd) body header .elementor-element-dfb27fa .elementor-menu-toggle svg { display: none !important; }

  /* ---- open menu: black sheet under the bar, 20px gutters, hairline rows, current page in cyan ---- */
  html:not(#hd):not(#hd):not(#hd) body header .elementor-element-dfb27fa nav.elementor-nav-menu--dropdown {
    top: var(--bh-hdr-h) !important; background: #000 !important; padding: 8px var(--bh-hdr-pad) 12px !important; box-shadow: none !important;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.3) !important;
  }
  html:not(#hd):not(#hd):not(#hd) body header nav.elementor-nav-menu--dropdown ul.elementor-nav-menu { gap: 0 !important; padding: 0 !important; margin: 0 !important; }
  html:not(#hd):not(#hd):not(#hd) body header nav.elementor-nav-menu--dropdown li { margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 0.5px solid rgba(255, 255, 255, 0.15) !important; }
  html:not(#hd):not(#hd):not(#hd) body header nav.elementor-nav-menu--dropdown li:last-child { border-bottom: 0 !important; }
  html:not(#hd):not(#hd):not(#hd) body header nav.elementor-nav-menu--dropdown li a.elementor-item {
    display: block !important; padding: 15px 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important;
    color: #fff !important; font-family: Aria, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 20px !important; text-align: left !important; letter-spacing: 0 !important;
  }
  html:not(#hd):not(#hd):not(#hd) body header nav.elementor-nav-menu--dropdown li a.elementor-item:hover,
  html:not(#hd):not(#hd):not(#hd) body header nav.elementor-nav-menu--dropdown li a.elementor-item:focus,
  html:not(#hd):not(#hd):not(#hd) body header nav.elementor-nav-menu--dropdown li a.elementor-item.highlighted { background: transparent !important; color: var(--e-global-color-accent, #99f1ff) !important; }
  html:not(#hd):not(#hd):not(#hd) body header nav.elementor-nav-menu--dropdown li a.elementor-item.elementor-item-active { background: transparent !important; color: var(--e-global-color-accent, #99f1ff) !important; font-weight: 500 !important; }
}
@media (min-width: 601px) and (max-width: 1024px) {
  :root { --bh-hdr-h: 60px; --bh-hdr-pad: 28px; --bh-hdr-ctl-y: 32px; --bh-hdr-gx: -128px; --bh-hdr-gy: -71px; --bh-hdr-wm-y: 98.3px; --bh-hdr-burger-y: 28px; --bh-hdr-burger-gap: 8px; --bh-hdr-burger-h: 17px; }
  html:not(#hd):not(#hd):not(#hd) body header .elementor-element-1812792::before { background-image: url("/wp-content/themes/beheshti-child/ltr/flipped/beheshti-child--assets--header-logo-tablet.svg?v=1791288080") !important; }
}