/* ============================================================
   ASAS site overrides (loaded after mellis.css + mellis-responsive.css)
   5 Oct 2026
   ============================================================ */
:root{ --asas-gold:#c8a350; }

/* ── 1. Main menu perfectly centred (desktop) ───────────────── */
@media (min-width:1200px){
  .main-menu__wrapper-inner,
  .main-menu-two__wrapper-inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
  }
  .main-menu__left,.main-menu-two__left{justify-self:start}
  .main-menu__main-menu-box,.main-menu-two__main-menu-box{justify-self:center}
  .main-menu__right,.main-menu-two__right{justify-self:end}
}

/* ── 2. Projects dropdown: wide, 2 columns, centred under "Projects" ── */
@media (min-width:992px){
  .main-menu .main-menu__list > li.dropdown--projects > ul,
  .stricky-header .main-menu__list > li.dropdown--projects > ul{
    display:grid;
    grid-template-columns:repeat(2, minmax(290px,1fr));
    min-width:640px;
    left:50%;
    margin-left:-320px;
    padding:10px 0;
  }
  .main-menu .main-menu__list > li.dropdown--projects > ul > li + li,
  .stricky-header .main-menu__list > li.dropdown--projects > ul > li + li{margin-top:0}
  .main-menu .main-menu__list > li.dropdown--projects > ul > li > a,
  .stricky-header .main-menu__list > li.dropdown--projects > ul > li > a{
    font-size:16px; line-height:24px; padding:10px 24px; white-space:nowrap;
  }
  .main-menu .main-menu__list > li.dropdown--projects > ul > li:first-child,
  .stricky-header .main-menu__list > li.dropdown--projects > ul > li:first-child{
    grid-column:1 / -1; border-bottom:1px solid #eef0f4; margin-bottom:4px;
  }
  .main-menu .main-menu__list > li.dropdown--projects > ul > li:first-child > a,
  .stricky-header .main-menu__list > li.dropdown--projects > ul > li:first-child > a{font-weight:700}
}

/* ── 3. Mobile menu: expanded row in gold (not blue) ──────────── */
.mobile-nav__content .main-menu__list li a.expanded{
  color:var(--asas-gold) !important;
  box-shadow:inset 3px 0 0 var(--asas-gold);
  padding-left:12px;
}
.mobile-nav__content .main-menu__list li > a > button.expanded{
  background-color:var(--asas-gold) !important;
  color:#27252a !important;
}
.mobile-nav__content .main-menu__list li.dropdown > a{cursor:pointer}

/* ── 4. Mobile hero height + compact slide text ─────────────── */
@media (max-width:767px){
  /* homepage slider */
  .main-slider-two .swiper-slide{height:68vh;height:68svh;min-height:480px}
  .main-slider-two .container{
    height:100%; display:flex; flex-direction:column; justify-content:flex-end;
    padding-top:96px; padding-bottom:44px;
  }
  .main-slider-two__sub-title{font-size:13px;line-height:18px;margin:0 0 6px}
  .main-slider-two__title{font-size:32px;line-height:38px;margin:4px 0 8px}
  .main-slider-two__content img,
  .main-slider-two__btn-box img{height:60px}
  .main-slider-two__btn-box{margin-top:12px}
  .main-slider-two__btn{padding:12px 28px}
  .main-slider-two .hs-arrow{top:34%}

  /* project page heroes */
  .main-slider-three .swiper-slide{height:62vh;height:62svh;min-height:420px}
  .main-slider-three .container{
    height:100%; display:flex; flex-direction:column; justify-content:center;
    padding-top:100px; padding-bottom:40px;
  }
  .main-slider-three__title{margin-top:14px;margin-bottom:12px}
}

/* ── 5. Homepage hero: stronger slow zoom on desktop (fills the 6 s slide) ── */
@media (min-width:992px){
  .main-slider-two .image-layer-two{
    transition:transform 7500ms cubic-bezier(.25,.1,.25,1), opacity 1500ms ease-in;
  }
  .main-slider-two .swiper-slide-active .image-layer-two{transform:scale(1.22)}
}

/* ── 6. Project pages, phones: client logo + project details centred ── */
@media (max-width:767px){
  .opening-hour__inner{align-items:center;text-align:center}
  .opening-hour__left,.opening-hour__right{width:100%;display:flex;justify-content:center}
  .opening-hour__left{margin-bottom:24px}
  .opening-hour__left .icon{display:block;top:0;text-align:center}
  .opening-hour__left .icon img{max-width:min(260px,80vw);max-height:160px;width:auto;height:auto;margin:0 auto;display:block}
  .opening-hour__right ul.opening-hour{margin:0 auto;text-align:center;padding:0}
  .opening-hour__right ul.opening-hour p{display:flex;justify-content:center;align-items:center;gap:8px}
}

/* ── 7. Scroll hint (certificates page): gentle upward bounce on arrival ── */
@keyframes asas-hint-bounce{
  0%{transform:translateY(0)}
  22%{transform:translateY(-48px)}
  42%{transform:translateY(0)}
  60%{transform:translateY(-20px)}
  76%{transform:translateY(0)}
  88%{transform:translateY(-6px)}
  100%{transform:translateY(0)}
}
.asas-hint-bounce{animation:asas-hint-bounce 1.7s cubic-bezier(.33,0,.25,1) 1}
@media (prefers-reduced-motion:reduce){.asas-hint-bounce{animation:none}}