/* OMA: logo normalization (force same size on every page) */
.brand-logo .logo-glasi,
.w-nav-brand .logo-glasi,
.logo-glasi{
  height: 55px !important;
  width: auto !important;
  max-height: 55px !important;
  display: block !important;
}


/* =====================================================
   SITE COMPONENTS – FINAL FULL VERSION (v6)
   Restore logo to default position.
   Center all hamburger menu links + CTA in the panel.
   Works with nav-FULL-v2.js.
   ===================================================== */

/* --------- Safety --------- */
*{ box-sizing:border-box; }
.black-nav-bg{ display:none !important; }
.nav-fixed-menu{ position:relative; z-index:9999; }

/* ---------------- DESKTOP ---------------- */
@media (min-width: 992px){
  .tablet-menu-links-only{ display:none !important; }
  .oma-hamburger{ display:none !important; }

  .nav-fixed-menu .nav-menu-3{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:20px !important;
    flex:1 1 auto !important;
    margin:0 auto !important;
  }
}

/* ---------------- MOBILE ---------------- */
@media (max-width: 991px){

  /* Keep logo in its original (left) Webflow position */
  .nav-fixed-menu .brand-logo.w-nav-brand{
    position:static !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin:0 !important;
  }

  /* Positioning context for hamburger */
  .nav-fixed-menu .nav-hero-container{
    position:relative !important;
  }

  /* Hard hide desktop CTA */
  .oma-desktop-git{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }

  /* Hamburger: right, vertically centered */
  .oma-hamburger{
    display:flex !important;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:36px !important;
    height:36px !important;
    padding:4px !important;
    background:transparent;
    border:0;
    cursor:pointer;
    position:absolute !important;
    right:16px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:10001 !important;
  }
  .oma-hamburger span{
    width:20px !important;
    height:2px !important;
    background:#fff;
    margin:3px 0;
    border-radius:2px;
  }

  /* Mobile menu panel controlled by data-oma-open */
  .nav-menu-3{
    display:none !important;
    position:absolute !important;
    top:100% !important;
    left:0; right:0;
    background:#000 !important;
    padding:56px 24px 28px !important;
    z-index:10000 !important;
  }
  .nav-fixed-menu[data-oma-open="1"] .nav-menu-3{ display:block !important; }

  /* Close button (X) */
  .close-menu-button-3{
    position:absolute !important;
    top:14px !important;
    right:16px !important;
    z-index:10002 !important;
    background:transparent !important;
  }
  .close-menu-button-3 img{
    filter:invert(1);
    width:18px !important;
    height:18px !important;
    display:block;
  }

  /* ===== Center EVERYTHING inside hamburger menu ===== */
  .tablet-menu-links-only{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
    align-items:center !important;
    text-align:center !important;
    width:100% !important;
  }

  /* Make each link full-width but content centered */
  .tablet-menu-links-only .full-width-link{
    width:100% !important;
    max-width:360px !important;
  }
  .tablet-menu-links-only .line-link-wrap{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .tablet-menu-links-only .dropdown-text{
    color:#fff !important;
    font-size:16px !important;
    letter-spacing:1px !important;
    margin:0 !important;
    width:auto !important;
  }

  /* Center CTA wrapper and CTA button */
  .oma-mobile-cta{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
  }

  .oma-mobile-git{
    background:#fff !important;
    color:#000 !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    max-width:360px !important;
    padding:14px 18px !important;
    border-radius:12px !important;
    text-align:center !important;
  }
  .oma-mobile-git .btn-line-animation,
  .oma-mobile-git .secondary-lines,
  .oma-mobile-git .button-text-bottom{
    display:none !important;
  }
}

/* ---------------- FOOTER ---------------- */
/* Hover line effect */
.footer-glasi .footer-links .link-line{
  opacity:0 !important;
  transition: opacity .25s ease;
}
.footer-glasi .footer-links:hover .link-line,
.footer-glasi .footer-links:focus .link-line,
.footer-glasi .footer-links:focus-within .link-line{
  opacity:1 !important;
}

/* Mobile footer stacking */
@media (max-width: 767px){
  .footer-glasi .footer-navigation{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:26px !important;
    text-align:center !important;
  }
  .footer-glasi .footer-list{
    width:100% !important;
    max-width:320px !important;
  }
  .footer-glasi .footer-items{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    align-items:center !important;
  }
  .footer-glasi .footer-items.last{ align-items:center !important; }
  .footer-glasi .line-link-wrap{ justify-content:center !important; }
}
.footer-items.last{ gap:12px !important; }

/* =====================================================
   OMA: Header hard-override (beats Webflow defaults)
   Goal: prevent "split" between Webflow + our rules.
   ===================================================== */

/* Reset Webflow navbar defaults inside our header */
.nav-fixed-menu,
.nav-fixed-menu *{
  box-sizing:border-box !important;
}

.nav-fixed-menu .w-nav-brand{
  padding:0 !important;
  margin:0 !important;
  line-height:0 !important;
}

.nav-fixed-menu .nav-hero-container{
  /* Force a consistent header row layout everywhere */
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  padding: 4px 10px !important; /* consistent breathing room */
  min-height: 13px!important;   /* prevents odd vertical shifts */
}

/* Ensure logo doesn't get "squeezed" by parent sizing */
.nav-fixed-menu .brand-logo.w-nav-brand{
  flex:0 0 auto !important;
}
/* Desktop: keep center menu truly centered */
@media (min-width: 992px){
  .nav-fixed-menu .nav-menu-3{
    flex:1 1 auto !important;
  }
}

/* Mobile: keep hamburger aligned without relying on Webflow positioning */
@media (max-width: 991px){
  .nav-fixed-menu .nav-hero-container{ position:relative !important; }

  .nav-fixed-menu .brand-logo.w-nav-brand{
    /* keep left */
    align-self:center !important;
  }

  .oma-hamburger{
    top:50% !important;
    transform:translateY(-47%) !important; /* your requested slight drop */
  }
}

/* =====================================================
   OMA: Mobile menu cleanup
   Hide any desktop-only links that may exist inside .nav-menu-3
   (prevents extra buttons/links appearing under hamburger)
   ===================================================== */
@media (max-width: 991px){
  /* Desktop link items should never appear in mobile panel */
  .nav-menu-3 > .header-link-item,
  .nav-menu-3 > .header-link-item.w-inline-block,
  .nav-menu-3 > .w-nav-link,
  .nav-menu-3 > .nav-link,
  .nav-menu-3 a.header-link-item{
    display:none !important;
  }

  /* Hide unexpected direct children (keep only our intended blocks) */
  .nav-menu-3 > *{
    display:none !important;
  }
  .nav-menu-3 > .tablet-menu-4,
  .nav-menu-3 > .tablet-menu-links-only,
  .nav-menu-3 > .oma-mobile-cta{
    display:block !important;
  }
  .nav-menu-3 > .tablet-menu-links-only{
    display:flex !important;
  }
  .nav-menu-3 > .oma-mobile-cta{
    display:flex !important;
  }
}
/* ================================
   FIX: View Projects button ONLY
================================ */

/* موبايل */
@media (max-width: 767px){
  .buttons-wrapper .button-group-wrapper{
    display:flex;
    flex-direction:column;
    gap:14px;
  }
  .buttons-wrapper .button-hero-wrapper.full-mini-mobile{
    width:100%;
  }
  .buttons-wrapper a.button-primary{
    width:100%;
  }
}

/* View Projects فقط */
.buttons-wrapper a.button-primary{
  position: relative;
}

.buttons-wrapper a.button-primary .clip{
  position: relative;
  overflow: hidden;
}

.buttons-wrapper a.button-primary .btn-banner-text.button-text-bottom{
  display: none;
}

.buttons-wrapper a.button-primary .btn-banner-text{
  position: relative;
  z-index: 1;
  display:flex;
  align-items:center;
  justify-content:center;
}

.buttons-wrapper a.button-primary .clip::after{
  content: "VIEW PROJECTS";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transform: translateY(110%);
  transition: transform 300ms ease;
}

.buttons-wrapper a.button-primary:hover .btn-banner-text{
  transform: translateY(-110%);
  transition: transform 300ms ease;
}

.buttons-wrapper a.button-primary:hover .clip::after{
  transform: translateY(0%);
}
/* FINAL: About Us text color */
.buttons-wrapper a.button-home-5 .btn-banner-text,
.buttons-wrapper a.button-home-5 .btn-banner-text *{
  color: #fff !important;
}
/* ================================
   FINAL FIX: About Us button (button-home-5)
   - prevent the fancy hover translate from hiding the text
================================ */

/* خليك محدد "About Us" بس */
.buttons-wrapper a.button-home-5 .btn-banner-text{
  position: relative;
  transform: translateY(0) !important;
  transition: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* لو الطبقة التحتانية فاضية/بتعمل مشاكل، اقفلها */
.buttons-wrapper a.button-home-5 .btn-banner-text.button-text-bottom{
  display: none !important;
}

/* حتى مع hover ميحصلش سحب للنص */
.buttons-wrapper a.button-home-5:hover .btn-banner-text{
  transform: translateY(0) !important;
}

/* موبايل/تابلت (نفس فكرة الملف اللي كان شغال) */
@media (max-width: 991px){
  .buttons-wrapper a.button-home-5 .btn-banner-text{
    position: static !important;
    transform: none !important;
  }
}