/* ═══════════════════════════════════════════
   AZIMUT ALBANIA — HEADER
   ═══════════════════════════════════════════ */

   .azimut-header {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 1000;
    height: 64px;
    background: rgba(10, 10, 10, 0.45);
    backdrop-filter: blur(20px) saturate(1.6);
    -webkit-backdrop-filter: blur(20px) saturate(1.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    transition: background 0.4s ease, backdrop-filter 0.4s ease, border-color 0.4s ease;
  }
  
  .azimut-header--scrolled {
    background: rgba(10, 10, 10, 0.96);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }
  
  .azimut-header--solid {
    background: #0a0a0a;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }
  
  .azimut-header__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .azimut-header__sentinel { height: 80px; }
  
  /* ── Logo ── */
  .azimut-header__logo a {
    position: relative;
    display: flex;
    align-items: center;
    width: 180px;
    height: 60px;
  }
  
  .azimut-logo {
    position: absolute;
    top: 50%; left: 0;
    transform: translateY(-50%);
    transition: opacity 0.5s cubic-bezier(0.16,1,0.3,1),
                transform 0.5s cubic-bezier(0.16,1,0.3,1);
  }
  
  .azimut-logo--full {
    height: 44px; width: auto;
    opacity: 1; transform: translateY(-50%) scale(1);
    pointer-events: auto;
  }
  
  .azimut-logo--icon {
    height: 22px; width: auto;
    margin-left: -30px;
    opacity: 0; transform: translateY(-50%) scale(0.9);
    pointer-events: none;
  }
  
  .azimut-header--scrolled .azimut-logo--full,
  .azimut-header--solid   .azimut-logo--full {
    opacity: 0; transform: translateY(-50%) scale(1.05);
    pointer-events: none;
  }
  
  .azimut-header--scrolled .azimut-logo--icon,
  .azimut-header--solid   .azimut-logo--icon {
    opacity: 1; transform: translateY(-50%) scale(1);
    pointer-events: auto;
  }
  
  /* ── Desktop nav ── */
  .azimut-header__nav { display: none; }
  
  .azimut-menu { list-style: none; display: flex; gap: 40px; }
  
  .azimut-menu__link {
    position: relative;
    font-size: 13px; font-weight: 400;
    letter-spacing: 0.1em; text-transform: uppercase;
    color: rgba(255,255,255,0.75);
    transition: color 0.2s ease;
  }
  
  .azimut-menu__link::after {
    content: ''; position: absolute;
    left: 0; bottom: -4px;
    width: 100%; height: 1px;
    background: var(--color-gold);
    transform: scaleX(0); transform-origin: center;
    transition: transform 0.3s ease;
  }
  
  .azimut-menu__link:hover,
  .azimut-menu__link--active { color: #fff; }
  
  .azimut-menu__link:hover::after,
  .azimut-menu__link--active::after { transform: scaleX(1); }
  
  /* ── Desktop actions ── */
  .azimut-header__actions {
    display: none; /* hidden mobile, flex on desktop */
    align-items: center;
    gap: 24px;
  }
  
  .azimut-header__lang {
    font-size: 12px; letter-spacing: 0.1em;
    color: rgba(255,255,255,0.5);
    cursor: pointer;
    display: flex; align-items: center; gap: 4px;
  }
  
  .azimut-header__lang span:hover { color: #fff; }
  .azimut-header__lang-sep { opacity: 0.4; }
  
  .azimut-btn--outline-gold {
    padding: 10px 24px;
    border: 1px solid var(--color-gold);
    color: var(--color-gold);
    font-size: 12px; letter-spacing: 0.1em;
    text-transform: uppercase; font-weight: 500;
    transition: all 0.3s ease;
  }
  
  .azimut-btn--outline-gold:hover {
    background: var(--color-gold);
    color: var(--color-dark);
  }
  
  /* ── Desktop submenu ── */
  .azimut-menu__item--has-sub { position: relative; }
  
  .azimut-submenu {
    position: absolute;
    top: calc(100% + 16px); left: -20px;
    background: rgba(10,10,10,0.96);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.08);
    min-width: 180px; list-style: none;
    opacity: 0; visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    transition: all 0.3s ease;
    padding: 8px 0;
  }
  
  .azimut-menu__item--has-sub:hover .azimut-submenu,
  .azimut-menu__item--has-sub:focus-within .azimut-submenu {
    opacity: 1; visibility: visible;
    pointer-events: all; transform: translateY(0);
  }
  
  .azimut-submenu__link {
    display: block; padding: 10px 24px;
    font-size: 12px; letter-spacing: 0.08em;
    color: rgba(255,255,255,0.6);
    transition: color 0.2s ease; text-transform: uppercase;
  }
  
  .azimut-submenu__link:hover { color: var(--color-gold); }
  
  /* ── Mobile toggle — hidden by default ── */
  .azimut-header__toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1100;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
  }
  
  /* ══════════════════════════════════════════
     DESKTOP ≥ 1024px
     ══════════════════════════════════════════ */
  @media (min-width: 1024px) {
    .azimut-header         { height: 80px; }
    .azimut-header__inner  { padding: 0 40px; }
    .azimut-header__nav    { display: block; }
    .azimut-header__actions { display: flex; }
    .azimut-header__toggle { display: none !important; }
    .azimut-slide-menu     { display: none !important; }
  }
  
  /* ══════════════════════════════════════════
     MOBILE ≤ 1023px
     ══════════════════════════════════════════ */
  @media (max-width: 1023px) {
  
    /* Hide desktop-only elements */
    .azimut-header__nav     { display: none !important; }
    .azimut-header__actions { display: none !important; }
  
    /* ── Toggle button — right side ── */
    .azimut-header__toggle {
      display: flex !important;
    }
  
    /* ── Hamburger icon ── */
    .azimut-mob-icon {
      position: relative;
      width: 26px; height: 18px;
      display: block;
    }
  
    .azimut-mob-icon__bar {
      position: absolute;
      left: 0;
      display: block;
      height: 1.5px;
      background: #fff;
      border-radius: 2px;
      transform-origin: center;
      /* Every property animated */
      transition:
        top    0.42s cubic-bezier(0.16, 1, 0.3, 1),
        width  0.35s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.42s cubic-bezier(0.16, 1, 0.3, 1),
        opacity   0.28s ease;
    }
  
    /* Default — 3 lines */
    .azimut-mob-icon__bar:nth-child(1) { top: 0;    width: 26px; }
    .azimut-mob-icon__bar:nth-child(2) { top: 50%;  width: 26px; transform: translateY(-50%); }
    .azimut-mob-icon__bar--short       { top: 100%; width: 16px; transform: translateY(-100%); }
  
    /* ── X state ── */
    .azimut-header__toggle[aria-expanded="true"] .azimut-mob-icon__bar:nth-child(1) {
      top: 50%;
      transform: translateY(-50%) rotate(45deg);
      width: 26px;
    }
    .azimut-header__toggle[aria-expanded="true"] .azimut-mob-icon__bar:nth-child(2) {
      opacity: 0;
      transform: translateY(-50%) scaleX(0);
    }
    .azimut-header__toggle[aria-expanded="true"] .azimut-mob-icon__bar--short {
      top: 50%;
      width: 26px;
      transform: translateY(-50%) rotate(-45deg);
    }
  
    /* ══════════════════════════════════
       SLIDE-DOWN MENU
       ══════════════════════════════════ */
    .azimut-slide-menu {
      position: fixed;
      top: 64px;
      left: 0; right: 0;
      z-index: 990;
      background: rgba(6, 7, 10, 0.97);
      backdrop-filter: blur(28px) saturate(1.5);
      -webkit-backdrop-filter: blur(28px) saturate(1.5);
      border-bottom: 1px solid rgba(201, 169, 110, 0.18);
      max-height: 0;
      overflow: hidden;
      visibility: hidden;
      transition:
        max-height  0.52s cubic-bezier(0.16, 1, 0.3, 1),
        visibility  0.52s ease;
    }
  
    .azimut-slide-menu--open {
      max-height: calc(100vh - 64px);
      visibility: visible;
      overflow-y: auto;
    }
  
    .azimut-slide-menu__inner {
      padding: 4px 0 28px;
      display: flex;
      flex-direction: column;
    }
  
    /* Nav list */
    .azimut-slide-menu__list {
      list-style: none; margin: 0; padding: 0;
    }
  
    .azimut-slide-menu__item {
      border-bottom: 1px solid rgba(255,255,255,0.06);
    }
    .azimut-slide-menu__item:first-child {
      border-top: 1px solid rgba(255,255,255,0.06);
    }
  
    .azimut-slide-menu__link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding: 17px 24px;
      font-size: 1rem; font-weight: 300;
      color: rgba(255,255,255,0.72);
      letter-spacing: 0.04em;
      background: none; border: none;
      cursor: pointer;
      font-family: var(--font-body);
      text-align: left;
      text-decoration: none;
      transition: color 0.2s ease, padding-left 0.25s ease, background 0.2s ease;
    }
  
    .azimut-slide-menu__link:hover {
      color: #fff;
      padding-left: 32px;
      background: rgba(255,255,255,0.02);
    }
  
    /* Collections chevron */
    .azimut-slide-menu__chevron {
      color: var(--color-gold);
      transition: transform 0.38s cubic-bezier(0.16,1,0.3,1);
      flex-shrink: 0;
    }
  
    .azimut-slide-menu__link--sub[aria-expanded="true"] .azimut-slide-menu__chevron {
      transform: rotate(180deg);
    }
  
    /* Sub-menu */
    .azimut-slide-menu__sub {
      list-style: none; margin: 0; padding: 0;
      max-height: 0; overflow: hidden;
      background: rgba(0,0,0,0.3);
      transition: max-height 0.42s cubic-bezier(0.16,1,0.3,1);
    }
  
    .azimut-slide-menu__sub--open { max-height: 380px; }
  
    .azimut-slide-menu__sub-link {
      display: block;
      padding: 12px 24px 12px 40px;
      font-size: 0.82rem; font-weight: 300;
      color: rgba(255,255,255,0.42);
      letter-spacing: 0.1em; text-transform: uppercase;
      border-bottom: 1px solid rgba(255,255,255,0.04);
      text-decoration: none;
      transition: color 0.2s ease, padding-left 0.2s ease;
    }
  
    .azimut-slide-menu__sub-link:hover {
      color: var(--color-gold);
      padding-left: 48px;
    }
  
    /* Footer: lang + CTA */
    .azimut-slide-menu__footer {
      display: flex; align-items: center;
      justify-content: space-between;
      padding: 20px 24px 16px;
      border-top: 1px solid rgba(255,255,255,0.06);
      margin-top: 8px;
    }
  
    .azimut-slide-menu__lang {
      display: flex; align-items: center; gap: 6px;
      font-size: 12px; letter-spacing: 0.12em;
      color: rgba(255,255,255,0.38);
    }
    .azimut-slide-menu__lang-sep { opacity: 0.3; }
    .azimut-slide-menu__lang span:hover { color: #fff; cursor: pointer; }
  
    .azimut-slide-menu__cta {
      padding: 11px 24px;
      background: var(--color-gold);
      color: #0a0a0a;
      font-size: 10px; font-weight: 700;
      letter-spacing: 0.16em; text-transform: uppercase;
      display: inline-flex; align-items: center;
      text-decoration: none;
      transition: opacity 0.2s ease;
    }
    .azimut-slide-menu__cta:hover { opacity: 0.85; }
  
    /* Social */
    .azimut-slide-menu__social {
      display: flex; gap: 10px;
      padding: 4px 24px 0;
    }
  
    .azimut-slide-menu__social-link {
      width: 40px; height: 40px;
      display: flex; align-items: center; justify-content: center;
      border: 1px solid rgba(255,255,255,0.1);
      color: rgba(255,255,255,0.38);
      text-decoration: none;
      transition: border-color 0.25s ease, color 0.25s ease;
    }
    .azimut-slide-menu__social-link:hover {
      border-color: var(--color-gold);
      color: var(--color-gold);
    }
  }
  
  /* ══════════════════════════════════════════
     STICKY BOTTOM CTA — Mobile only
     ══════════════════════════════════════════ */
  .azimut-bottom-cta { display: none; }
  
  @media (max-width: 1023px) {
    .azimut-bottom-cta {
      display: flex;
      position: fixed;
      bottom: 0; left: 0; right: 0;
      z-index: 998; height: 56px;
    }
  
    .azimut-bottom-cta__btn {
      flex: 1;
      display: flex; align-items: center; justify-content: center;
      gap: 8px;
      font-size: 11px; font-weight: 500;
      letter-spacing: 0.1em; text-transform: uppercase;
      text-decoration: none;
      border: none; cursor: pointer;
      font-family: var(--font-body);
      transition: opacity 0.2s ease;
    }
    .azimut-bottom-cta__btn:active { opacity: 0.8; }
  
    .azimut-bottom-cta__btn--whatsapp {
      background: #1a1a1a; color: #fff;
      border-right: 1px solid rgba(255,255,255,0.08);
    }
    .azimut-bottom-cta__btn--whatsapp svg { color: #25d366; flex-shrink: 0; }
  
    .azimut-bottom-cta__btn--mail {
      background: var(--color-gold);
      color: #0a0a0a;
    }
  
    body { padding-bottom: 56px; }
  }