/* Inner pages (About, Lab, Blog, Post, Growth) — shared footer (header lives in header-responsive.css) for Figma tablet (744) and mobile (393).
 * Contact has its own layer in beheshti-contact.css, Home in home-responsive.css.
 * Loaded by mu-plugins/beheshti-inner-responsive.php, which also adds body.bh-inner.
 * Every rule is inside max-width:1024px; desktop (>=1025px) is untouched.
 * Header = Figma "Frame 1/125" 393x55 and "Frame 110/111" 744x60; footer = mobile 393x954 / tablet 744x599.
 */

@media (max-width: 1024px) {
  html { overflow-x: clip; }
  body.bh-inner { overflow-x: clip; }
  :root { --bh-r-pad: 40px; }
}
@media (max-width: 743px) { :root { --bh-r-pad: 28px; } }

/* ===== Footer — mobile "Frame 122" 393x954 / tablet "Frame 108" 744x599 (black) ===== */
@media (max-width: 1024px) {
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer {
    height: auto !important; min-height: var(--bh-ft-h) !important; max-height: none !important; display: block !important; padding: 0 !important; margin: 0 !important; background: #000 !important; overflow: hidden !important; box-sizing: border-box !important;
  }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .elementor-section,
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .elementor-container,
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .elementor-column,
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .elementor-widget-wrap,
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .elementor-widget,
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .elementor-widget-container {
    padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; display: block !important; background: transparent !important;
  }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer {
    display: flex !important; flex-direction: column !important; gap: 0 !important; width: 100% !important; max-width: none !important; margin: 0 !important; box-sizing: border-box !important;
    padding: var(--bh-ft-pt) var(--bh-r-pad) var(--bh-ft-pb) !important; min-height: var(--bh-ft-h) !important; height: auto !important; background: #000 !important; direction: rtl;
  }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__top { display: flex !important; gap: var(--bh-ft-gap-top) !important; width: 100% !important; margin: 0 0 var(--bh-ft-g1) 0 !important; padding: 0 !important; border: 0 !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__brand { margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; line-height: 0; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__brand img { display: block !important; width: var(--bh-ft-logo-w) !important; height: auto !important; max-width: none !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__cta { margin: 0 !important; padding: 0 !important; width: var(--bh-ft-cta-w) !important; display: flex !important; flex-direction: column !important; gap: var(--bh-ft-cta-gap) !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__cta p {
    margin: 0 !important; padding: 0 !important; color: var(--e-global-color-accent, #99f1ff) !important; font-weight: 500 !important; font-size: var(--bh-ft-cta-fs) !important; line-height: var(--bh-ft-cta-lh) !important; text-align: var(--bh-ft-cta-ta) !important; letter-spacing: 0 !important;
  }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__cta a.beheshti-btn {
    display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 100% !important;
    height: 45px !important; min-height: 45px !important; max-height: 45px !important; margin: 0 !important; padding: 0 10px !important; border: 0.5px solid var(--e-global-color-accent, #99f1ff) !important; border-radius: 0 !important; background: transparent !important; color: var(--e-global-color-accent, #99f1ff) !important;
    font-size: var(--bh-ft-btn-fs) !important; line-height: var(--bh-ft-btn-lh) !important; font-weight: 400 !important; text-decoration: none !important;
  }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__cta a.beheshti-btn:hover { border-color: #fff !important; color: #fff !important; background: transparent !important; box-shadow: none !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__grid { display: flex !important; flex-direction: var(--bh-ft-grid-dir) !important; justify-content: space-between !important; gap: 52px !important; width: 100% !important; margin: 0 0 var(--bh-ft-g2) 0 !important; padding: 0 !important; border: 0 !important; align-items: flex-start !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__col { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: var(--bh-ft-col-gap) !important; margin: 0 !important; padding: 0 !important; width: auto !important; border: 0 !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__col h4 {
    margin: 0 !important; padding: 0 !important; color: var(--e-global-color-accent, #99f1ff) !important; font-weight: 350 !important; font-size: var(--bh-ft-h4) !important; line-height: var(--bh-ft-h4-lh) !important; text-align: right !important; letter-spacing: 0 !important;
  }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__col ul { display: flex !important; flex-direction: column !important; gap: var(--bh-ft-li-gap) !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__col li { margin: 0 !important; padding: 0 !important; list-style: none !important; line-height: 20px !important; height: 20px !important; display: flex !important; align-items: center; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__col a { color: var(--e-global-color-accent, #99f1ff) !important; text-decoration: none !important; font-weight: 500 !important; font-size: 16px !important; line-height: 20px !important; letter-spacing: 0 !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__col a:hover { color: #fff !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__col ul.beheshti-footer__contact { gap: var(--bh-ft-ct-gap) !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__contact a { display: inline-flex !important; align-items: center !important; gap: 12px !important; font-weight: var(--bh-ft-ct-fw) !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__contact a img { width: 15px !important; height: 15px !important; flex: none; display: block !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__contact a span { display: block !important; height: 20px; line-height: 20px !important; font-size: 16px !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__social { display: flex !important; flex-direction: row !important; align-items: center !important; gap: var(--bh-ft-soc-gap) !important; height: 20px !important; width: auto !important; margin: 0 !important; padding: 0 !important; justify-content: var(--bh-ft-soc-j); align-self: var(--bh-ft-soc-self); }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__social a { display: flex !important; align-items: center !important; width: auto !important; height: 20px !important; color: var(--e-global-color-accent, #99f1ff) !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__social svg { height: 20px !important; width: auto !important; max-width: none !important; display: block !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__bottom { display: block !important; height: var(--bh-ft-bot-h) !important; min-height: 0 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; position: static !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__copy { margin: 0 !important; padding: 0 !important; width: 100% !important; text-align: center !important; color: var(--e-global-color-accent, #99f1ff) !important; font-weight: 400 !important; font-size: var(--bh-ft-copy) !important; line-height: var(--bh-ft-bot-h) !important; letter-spacing: 0 !important; }
}
@media (max-width: 743px) {
  :root {
    --bh-ft-h: 954px; --bh-ft-pt: 60px; --bh-ft-pb: 20px; --bh-ft-g1: 60px; --bh-ft-g2: 60px; --bh-ft-gap-top: 60px; --bh-ft-logo-w: 120px; --bh-ft-cta-w: 100%; --bh-ft-cta-gap: 18px; --bh-ft-cta-fs: 16px; --bh-ft-cta-lh: 20px; --bh-ft-cta-ta: center;
    --bh-ft-btn-fs: 14px; --bh-ft-btn-lh: 17px; --bh-ft-grid-dir: column; --bh-ft-col-gap: 20px; --bh-ft-h4: 22px; --bh-ft-h4-lh: 27px; --bh-ft-li-gap: 18px; --bh-ft-ct-gap: 12px; --bh-ft-ct-fw: 400;
    --bh-ft-soc-gap: 40px; --bh-ft-soc-j: center; --bh-ft-soc-self: stretch; --bh-ft-copy: 14px; --bh-ft-bot-h: 20px;
  }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__top { flex-direction: column !important; align-items: stretch !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__cta { order: 1; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__brand { order: 2; align-self: flex-start; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__col { width: 100% !important; align-items: flex-start !important; }
}
@media (min-width: 744px) and (max-width: 1024px) {
  :root {
    --bh-ft-h: 599px; --bh-ft-pt: 64px; --bh-ft-pb: 40px; --bh-ft-g1: 80px; --bh-ft-g2: 120px; --bh-ft-gap-top: 80px; --bh-ft-logo-w: 140px; --bh-ft-cta-w: 208px; --bh-ft-cta-gap: 12px; --bh-ft-cta-fs: 18px; --bh-ft-cta-lh: 23px; --bh-ft-cta-ta: right;
    --bh-ft-btn-fs: 18px; --bh-ft-btn-lh: 22.43px; --bh-ft-grid-dir: row; --bh-ft-col-gap: 28px; --bh-ft-h4: 18px; --bh-ft-h4-lh: 22px; --bh-ft-li-gap: 12px; --bh-ft-ct-gap: 12px; --bh-ft-ct-fw: 500;
    --bh-ft-soc-gap: 24px; --bh-ft-soc-j: flex-start; --bh-ft-soc-self: flex-start; --bh-ft-copy: 12px; --bh-ft-bot-h: 17px;
  }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__top { flex-direction: row !important; justify-content: space-between !important; align-items: flex-start !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__grid { flex-direction: row !important; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__col:nth-child(1) { min-width: 156px; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__col:nth-child(2) { min-width: 180px; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__col:nth-child(3) { min-width: 208px; }
  html:not(#ic):not(#ic) body.bh-inner .elementor-location-footer .beheshti-footer__social { margin-inline-end: 7.8px !important; }
}