/*
Theme Name: ASD Advisory
Theme URI: https://asd-advisory.com
Author: ASD Advisory
Author URI: https://asd-advisory.com
Description: High-performing remote recruitment teams landing page for ASD Advisory. Midnight Luxe dark editorial aesthetic with champagne gold accents, GSAP animations and interactive operational artifacts.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary
License URI: https://asd-advisory.com/license
Text Domain: asd-advisory
Tags: dark, landing-page, business, one-page, recruitment, custom-background, custom-logo
*/

/* ============================================================
   WordPress Admin Bar Compatibility
   ============================================================ */
.admin-bar .floating-nav-container {
  top: calc(1.5rem + 32px);
}
@media screen and (max-width: 782px) {
  .admin-bar .floating-nav-container {
    top: calc(1.5rem + 46px);
  }
}
.admin-bar .protocol-card {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  .admin-bar .protocol-card {
    top: 46px !important;
  }
}

/* ============================================================
   Navigation State Transitions (JS-Toggled)
   ============================================================ */
.floating-nav {
  transition: background 0.5s ease, border-color 0.5s ease,
              box-shadow 0.5s ease, padding 0.5s ease;
}
.floating-nav.nav-active {
  background: rgba(13, 13, 18, 0.75) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-color: rgba(201, 168, 76, 0.2) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7);
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

/* ============================================================
   Mobile Menu (JS-Toggled)
   ============================================================ */
#mobile-menu {
  transition: opacity 0.5s ease;
  opacity: 0;
  pointer-events: none;
}
#mobile-menu.menu-open {
  opacity: 1;
  pointer-events: auto;
}
#icon-close { display: none; }
#icon-menu  { display: block; }

/* ============================================================
   Contact Form States
   ============================================================ */
#form-success {
  display: none;
}

/* ============================================================
   WordPress Inner Page Styles (page.php, index.php)
   ============================================================ */
.asd-page-wrapper {
  min-height: 100vh;
  background: #0D0D12;
  color: #FAF8F5;
  padding-top: 8rem;
  padding-bottom: 5rem;
}
.asd-page-inner {
  max-width: 72rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}
.asd-page-inner h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: #FAF8F5;
  margin-bottom: 1.5rem;
  line-height: 1.1;
}
.asd-page-inner h2 { font-size: 1.875rem; font-weight: 700; color: #FAF8F5; margin: 2rem 0 1rem; }
.asd-page-inner h3 { font-size: 1.5rem; font-weight: 600; color: #FAF8F5; margin: 1.5rem 0 0.75rem; }
.asd-page-inner p  { color: rgba(250,248,245,0.7); line-height: 1.75; font-weight: 300; margin-bottom: 1.25rem; }
.asd-page-inner a  { color: #C9A84C; text-decoration: underline; transition: opacity 0.2s; }
.asd-page-inner a:hover { opacity: 0.8; }
.asd-page-inner ul, .asd-page-inner ol {
  color: rgba(250,248,245,0.7); padding-left: 1.5rem; margin-bottom: 1.25rem; line-height: 1.75;
}
.asd-page-inner blockquote {
  border-left: 3px solid #C9A84C;
  padding-left: 1.25rem;
  color: rgba(250,248,245,0.6);
  font-style: italic;
  margin: 1.5rem 0;
}

/* ============================================================
   Utility: Fix for SVG path transition in capacity scaler
   ============================================================ */
#active-scale-path {
  transition: d 0.5s ease;
}