/* ═══════════════════════════════════════════════
   DESIGNINGAXIS — NAV DROPDOWN & SHARED COMPONENTS
   Added to all pages via this shared CSS file
═══════════════════════════════════════════════ */

/* ── KNOWLEDGE DROPDOWN ── */
    .nav-dropdown{position:relative}
    .nav-dropdown-trigger{cursor:pointer;user-select:none}
    .nav-dropdown-menu{
      position:absolute;top:calc(100% + 1rem);left:50%;transform:translateX(-50%);
      background:var(--dark);border:1px solid rgba(201,169,110,0.2);
      min-width:260px;opacity:0;visibility:hidden;
      transition:opacity 0.2s,transform 0.2s,visibility 0.2s;
      transform:translateX(-50%) translateY(-6px);
      z-index:200;box-shadow:0 20px 60px rgba(0,0,0,0.4);
    }
    .nav-dropdown:hover .nav-dropdown-menu,
    .nav-dropdown.open .nav-dropdown-menu{
      opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);
    }
    .nav-dd-item{
      display:flex;align-items:center;gap:1rem;padding:0.9rem 1.25rem;
      text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.06);
      transition:background 0.2s;
    }
    .nav-dd-item:last-child{border-bottom:none}
    .nav-dd-item:hover{background:rgba(201,169,110,0.08)}
    .nav-dd-icon{font-size:0.9rem;color:var(--gold);width:20px;text-align:center;flex-shrink:0}
    .nav-dd-item strong{display:block;font-size:0.8rem;color:var(--white);font-weight:500;letter-spacing:0.02em;font-family:var(--sans)}
    .nav-dd-item em{display:block;font-size:0.68rem;color:rgba(255,255,255,0.35);font-style:normal;font-weight:300;margin-top:0.1rem;font-family:var(--sans)}

    /* ── SOCIAL PROOF BAR ── */
    .proof-bar{
      background:var(--cream-dk);border-bottom:1px solid var(--border);
      padding:0.75rem 5%;
    }
    .proof-bar-inner{
      max-width:var(--container);margin:0 auto;
      display:flex;align-items:center;justify-content:center;
      gap:0;flex-wrap:wrap;
    }
    .proof-item{
      display:flex;align-items:center;gap:0.5rem;
      padding:0 1.5rem;
      border-right:1px solid var(--border);
      font-size:0.75rem;color:var(--text);font-family:var(--sans);
    }
    .proof-item:last-child{border-right:none}
    .proof-item strong{color:var(--dark);font-weight:500}
    .proof-item .proof-star{color:#FBBC05;font-size:0.8rem}
    @media(max-width:700px){
      .proof-bar-inner{gap:0.5rem}
      .proof-item{border-right:none;padding:0.25rem 0.75rem;font-size:0.7rem}
    }

    /* ── GUIDES STRIP ── */
    .guides-strip{background:var(--dark);padding:5rem 5%}
    .guides-strip-inner{max-width:var(--container);margin:0 auto}
    .guides-strip-hdr{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}
    .guides-strip-hdr h2{font-family:var(--serif);font-size:clamp(1.4rem,2.5vw,1.9rem);color:var(--white);font-weight:400;line-height:1.3}
    .guides-strip-hdr h2 em{color:var(--gold);font-style:italic}
    .guides-strip-link{font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,169,110,0.3);padding-bottom:2px;white-space:nowrap}
    .guides-strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,0.06)}
    .gs-card{background:rgba(255,255,255,0.03);text-decoration:none;display:block;border-top:2px solid transparent;transition:all 0.25s;padding:0}
    .gs-card:hover{background:rgba(255,255,255,0.06);border-top-color:var(--gold)}
    .gs-card img{width:100%;height:200px;object-fit:cover;display:block;filter:brightness(0.75);transition:filter 0.3s}
    .gs-card:hover img{filter:brightness(0.9)}
    .gs-card-body{padding:1.5rem}
    .gs-cat{font-size:0.6rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin-bottom:0.5rem;display:block}
    .gs-title{font-family:var(--serif);font-size:0.98rem;color:var(--white);font-weight:400;line-height:1.4;margin-bottom:0.4rem}
    .gs-desc{font-size:0.78rem;color:rgba(255,255,255,0.4);font-weight:300;line-height:1.6;margin-bottom:0.75rem}
    .gs-arrow{font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold)}
    @media(max-width:768px){.guides-strip-grid{grid-template-columns:1fr}}

    /* ── KNOWLEDGE HUB (replaces blog section) ── */
    .knowledge-hub{background:var(--cream);padding:5rem 5%}
    .knowledge-hub-inner{max-width:var(--container);margin:0 auto}
    .kh-hdr{margin-bottom:3rem}
    .kh-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
    .kh-col-title{font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:1px solid var(--border)}
    .kh-article{padding:1rem 0;border-bottom:1px solid var(--border);text-decoration:none;display:block;transition:padding-left 0.2s}
    .kh-article:hover{padding-left:0.5rem}
    .kh-article:last-child{border-bottom:none}
    .kh-art-tag{font-size:0.6rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--gold);margin-bottom:0.3rem;display:block}
    .kh-art-title{font-family:var(--serif);font-size:0.95rem;color:var(--dark);font-weight:400;line-height:1.4;margin-bottom:0.2rem}
    .kh-art-meta{font-size:0.72rem;color:var(--muted);font-weight:300}
    .kh-bottom{margin-top:3rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding-top:2rem;border-top:1px solid var(--border)}
    .kh-bottom p{font-size:0.85rem;color:var(--muted);font-weight:300;flex:1;line-height:1.6}
    @media(max-width:700px){.kh-grid{grid-template-columns:1fr}}

/* ── NAV DROPDOWN OPEN STATE (JS toggle) ── */
.nav-dropdown.open .nav-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}