/*
Theme Name: Nails Motion
Template: astra
Version: 1.0.2
Description: Nails Motion child theme — Modern Luxury dark with gold accents
*/

/* ── Brand Variables ─────────────────────────── */
:root {
  --nm-black:  #080808;
  --nm-card:   #161616;
  --nm-gold:   #C9A96E;
  --nm-gold-l: #D4B882;
  --nm-white:  #FFFFFF;
  --nm-radius: 4px;
}

/* ── Base ────────────────────────────────────── */
html, body { background: var(--nm-black) !important; }
body { font-family: 'Inter', -apple-system, sans-serif; font-size: 16px; line-height: 1.7; color: rgba(255,255,255,.82) !important; }

/* ── HIDE Astra title bar ONLY (not nav) ──────── */
.ast-title-bar-wrap,
.ast-title-bar,
.entry-header,
.ast-breadcrumbs-wrap,
.ast-hero-background { display: none !important; }

/* ── Remove white content bg ─────────────────── */
.site-content, #content, #primary, .content-area,
.ast-article-post, .entry { background: transparent !important; }

/* ── Remove Astra top padding above content ────── */
.entry-content, .entry-content-wrap,
.site-content .ast-container { padding-top: 0 !important; margin-top: 0 !important; }

/* ── HEADER — dark ───────────────────────────── */
.site-header, #masthead, .ast-primary-header-bar,
.ast-main-header-bar-wrap, .ast-main-header-bar {
  background: rgba(8,8,8,0.97) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(201,169,110,.15);
}

/* ── Desktop nav links ───────────────────────── */
.main-header-bar .main-navigation a,
.ast-primary-menu > li > a,
.main-header-menu > .menu-item > a {
  color: rgba(255,255,255,.88) !important;
  font-size: 12px; letter-spacing: .07em; text-transform: uppercase; font-weight: 400;
}
.ast-primary-menu > li > a:hover,
.main-header-menu > .menu-item > a:hover { color: var(--nm-gold) !important; }

/* ── Logo ────────────────────────────────────── */
.custom-logo, .ast-logo-container img,
.site-logo img, img.custom-logo { height: 72px !important; width: auto !important; max-width: none !important; }

/* ── MOBILE nav — specific to mobile breakpoint only ── */
.ast-header-break-point .ast-primary-nav {
  background: #080808 !important;
}
#ast-mobile-popup,
#ast-mobile-menu,
.ast-mobile-popup-content,
.ast-mobile-menu-container {
  background: #080808 !important;
}
#ast-mobile-menu .menu-item a,
#ast-mobile-popup .menu-item a,
.ast-mobile-popup-content a {
  color: rgba(255,255,255,.9) !important;
  border-color: rgba(255,255,255,.07) !important;
}
#ast-mobile-menu .menu-item a:hover { color: var(--nm-gold) !important; }
.ast-toggle-btn, .ast-toggle-btn svg,
.menu-toggle { color: #fff !important; fill: #fff !important; }

/* ── FOOTER — dark ───────────────────────────── */
.site-footer, #colophon, .ast-small-footer,
.footer-widget-area, .ast-site-footer-wrap,
.ast-footer-overlay, .footer-adv {
  background: #040404 !important;
  color: rgba(255,255,255,.4) !important;
  border-top: 1px solid rgba(201,169,110,.12);
}
.ast-footer-copyright, .ast-copyright-text { color: rgba(255,255,255,.38) !important; }
.site-footer a, #colophon a { color: var(--nm-gold) !important; }

/* ── Headings ─────────────────────────────────── */
h1, h2, h3, h4, h5, h6 { color: #fff !important; font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 300; }

/* ── Forms ─────────────────────────────────── */
input, textarea, select { background: var(--nm-card) !important; border: 1px solid rgba(201,169,110,.2) !important; color: #fff !important; border-radius: var(--nm-radius); padding: 12px 16px; }
input::placeholder, textarea::placeholder { color: rgba(255,255,255,.3) !important; }

/* ── Responsive logo ─────────────────────────── */
@media (max-width: 768px) {
  .custom-logo, .ast-logo-container img, img.custom-logo { height: 52px !important; }
}