/*
Theme Name: Lion Dynasty
Theme URI: https://liondynastyltd.com
Author: Lion Dynasty Architecture Team
Author URI: https://liondynastyltd.com
Description: A minimal corporate WordPress theme for Lion Dynasty Limited. Apple-inspired design language — white rounded cards on #f5f5f7, system font typography, clean visual hierarchy.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lion-dynasty
Tags: corporate, clean, responsive, custom-menu, full-width-template, translation-ready
*/

/* ==========================================================================
   1. Apple Design Tokens
   ========================================================================== */
:root {
  /* Page Background */
  --apple-bg: #f5f5f7;

  /* Cards */
  --apple-card: #ffffff;
  --apple-card-radius: 18px;

  /* Typography */
  --apple-text: #1d1d1f;
  --apple-text-secondary: #6e6e73;
  --apple-text-tertiary: #86868b;

  /* Brand Accent (kept from Lion Dynasty) */
  --lion-amber: #f59e0b;
  --lion-amber-hover: #d97706;
  --lion-navy: #0f1b29;

  /* Spacing */
  --section-padding: 56px;
}

/* ==========================================================================
   2. Global Reset & Typography
   ========================================================================== */
html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--apple-text);
  background-color: var(--apple-bg);
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 1.47059;
  letter-spacing: -0.022em;
}

/* Ensure no background decorations leak through */
body, section, header, footer {
  background-image: none !important;
}

/* ==========================================================================
   3. Apple Card Utility
   ========================================================================== */
.apple-card {
  background: var(--apple-card);
  border-radius: var(--apple-card-radius);
  padding: 32px;
}

@media (min-width: 640px) {
  .apple-card {
    padding: 40px;
  }
}

/* ==========================================================================
   4. Navigation Styles (Tier 2 & Tier 3)
   ========================================================================== */

/* Primary nav (Tier 2) — minimal overrides, Tailwind handles most */
.primary-nav-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.primary-nav-container ul li {
  position: relative;
  margin: 0 0.125rem;
}

/* Submenu dropdown support */
.primary-nav-container ul li ul.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background-color: #0f1b29;
  border: 1px solid #203348;
  border-radius: 12px;
  padding: 0.5rem 0;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
  z-index: 60;
  flex-direction: column;
}

.primary-nav-container ul li:hover > ul.sub-menu,
.primary-nav-container ul li:focus-within > ul.sub-menu {
  display: flex;
}

/* Mobile drawer */
#ld-mobile-drawer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ==========================================================================
   5. Scrollbar Utility & Anchor Offset
   ========================================================================== */
.ld-no-scrollbar::-webkit-scrollbar { display: none; }
.ld-no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Offset for sticky Tier 2 header */
[id] {
  scroll-margin-top: 90px;
}

/* Tier 3 sub-nav active state */
.ld-subnav-link.is-active {
  color: #1d1d1f;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.08);
}

/* ==========================================================================
   6. Apple-Style Link Chevrons
   ========================================================================== */
.apple-link {
  color: var(--lion-amber);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.15s ease;
}

.apple-link:hover {
  color: var(--lion-amber-hover);
  text-decoration: underline;
}

.apple-link::after {
  content: " ›";
}