/* ==========================================================================
   AI Store PK — Luxury Dark Theme & Product Experience Overrides
   Ensures seamless branding and high-performance dark aesthetic across all pages
   ========================================================================== */

/* 1. Global Page Background & Typography */
html,
html[data-nt-theme="dark"],
html[data-nt-theme="light"],
body,
body.nt-v6,
body.nt-clay {
    background-color: #080C14 !important;
    color: #F8FAFC !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Hide legacy promo & gift bars */
.nt-giftbar,
.nt-promobar,
#ntGiftBar {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Top Header */
.nt-floating-header {
    background: rgba(13, 17, 26, 0.94) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(255, 107, 0, 0.18) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}
.nt-floating-header__inner {
    max-width: 1240px;
}
.nt-desktop-nav a {
    color: #94A3B8 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: color 0.18s ease !important;
}
.nt-desktop-nav a:hover,
.nt-desktop-nav a[aria-current="page"] {
    color: #FF6B00 !important;
}

.nt-header-actions .nt-header-search {
    background: #111827 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #94A3B8 !important;
    border-radius: 999px !important;
}
.nt-header-actions .nt-header-search:hover {
    border-color: rgba(255, 107, 0, 0.4) !important;
    color: #F8FAFC !important;
}

.nt-header-login-cta {
    background: #111827 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #F8FAFC !important;
    border-radius: 999px !important;
    font-weight: 600 !important;
}
.nt-header-login-cta:hover {
    color: #FF6B00 !important;
    border-color: rgba(255, 107, 0, 0.3) !important;
}
.nt-header-shop-cta {
    background: linear-gradient(135deg, #FF6B00 0%, #EA580C 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 10px rgba(255, 107, 0, 0.35) !important;
}
.nt-header-theme {
    background: #111827 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #F8FAFC !important;
}

/* 3. Single Product Page (.ntp) */
.ntp {
    --p-bg: #080C14 !important;
    --p-card: #0D111A !important;
    --p-soft: #111827 !important;
    --p-line: rgba(255, 255, 255, 0.08) !important;
    --p-line2: rgba(255, 107, 0, 0.25) !important;
    --p-ink: #F8FAFC !important;
    --p-muted: #94A3B8 !important;
    --p-gold: #FF6B00 !important;
    --p-gold-ink: #FF6B00 !important;
    --p-grad: linear-gradient(135deg, #FF6B00 0%, #EA580C 100%) !important;
    --p-sh: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
    padding-top: 100px !important;
    background: #080C14 !important;
}

/* Breadcrumbs */
.ntp-crumbs {
    color: #64748B !important;
    font-size: 13px !important;
}
.ntp-crumbs a {
    color: #94A3B8 !important;
}
.ntp-crumbs a:hover {
    color: #FF6B00 !important;
}
.ntp-crumbs span[aria-current] {
    color: #F8FAFC !important;
}

/* Media Frame */
.ntp-media__frame {
    background: radial-gradient(120% 120% at 20% 10%, rgba(255, 107, 0, 0.12), transparent 55%), #0D111A !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

/* Product Info */
.ntp-kicker {
    background: rgba(255, 107, 0, 0.12) !important;
    color: #FF6B00 !important;
    border: 1px solid rgba(255, 107, 0, 0.25) !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
}
.ntp-stock.is-in {
    color: #4ADE80 !important;
    font-weight: 600 !important;
}
.ntp-stock.is-in i {
    background: #4ADE80 !important;
    box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.2) !important;
}
.ntp-title {
    color: #F8FAFC !important;
    font-family: 'Sora', 'Inter', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
}
.ntp-lead {
    color: #94A3B8 !important;
}

/* Glance Pills */
.ntp-glance {
    background: #0D111A !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
}
.ntp-glance div {
    border-right-color: rgba(255, 255, 255, 0.06) !important;
}
.ntp-glance dt {
    color: #64748B !important;
}
.ntp-glance dt i {
    color: #FF6B00 !important;
}
.ntp-glance dd {
    color: #F8FAFC !important;
    font-weight: 600 !important;
}

/* Purchase / Buy Box */
.ntp-buy {
    background: #0D111A !important;
    border: 1px solid rgba(255, 107, 0, 0.25) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45) !important;
}
.ntp-buy__price span {
    color: #64748B !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.ntp-buy__price strong,
.ntp-buy__price .woocommerce-Price-amount,
.ntp-buy__price bdi {
    color: #FF6B00 !important;
    font-family: 'JetBrains Mono', 'Sora', monospace !important;
    font-weight: 800 !important;
    font-size: 28px !important;
}

/* Buy Action Button */
.acp-buy-link,
.ntp-buy__form button.button,
.ntp-buy__form .single_add_to_cart_button,
.button.alt.acp-buy-link {
    background: linear-gradient(135deg, #FF6B00 0%, #EA580C 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    padding: 15px 24px !important;
    box-shadow: 0 4px 20px rgba(234, 88, 12, 0.35) !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
.acp-buy-link:hover,
.ntp-buy__form button.button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 24px rgba(234, 88, 12, 0.45) !important;
    color: #fff !important;
}
.acp-buybox__note {
    color: #64748B !important;
    font-size: 12px !important;
}
.ntp-buy__links a {
    color: #94A3B8 !important;
}
.ntp-buy__links a:hover {
    color: #FF6B00 !important;
}
.ntp-buy__pay {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #64748B !important;
}
.ntp-buy__pay em {
    background: #111827 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #CBD5E1 !important;
}

/* Assurance List */
.ntp-assure li {
    background: #0D111A !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 14px !important;
}
.ntp-assure i {
    background: rgba(255, 107, 0, 0.12) !important;
    color: #FF6B00 !important;
    border-radius: 10px !important;
}
.ntp-assure strong {
    color: #F8FAFC !important;
}
.ntp-assure span {
    color: #94A3B8 !important;
}

/* Details Section & Side Nav */
.ntp-details__nav h2 {
    color: #F8FAFC !important;
    font-size: 16px !important;
}
.ntp-details__nav a {
    color: #94A3B8 !important;
    border-left: 2px solid transparent !important;
}
.ntp-details__nav a:hover,
.ntp-details__nav a.is-active {
    color: #FF6B00 !important;
    border-left-color: #FF6B00 !important;
}

/* Details Content Blocks */
.ntp-block {
    background: #0D111A !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
}
.ntp-block h2 {
    color: #F8FAFC !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.ntp-prose {
    color: #CBD5E1 !important;
    line-height: 1.7 !important;
}
.ntp-specs div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.ntp-specs dt {
    color: #64748B !important;
}
.ntp-specs dd {
    color: #F8FAFC !important;
}
.ntp-two > div {
    background: #111827 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
}
.ntp-two h3 {
    color: #F8FAFC !important;
}
.ntp-two h3 i {
    color: #FF6B00 !important;
}
.ntp-two p {
    color: #94A3B8 !important;
}
.ntp-two a {
    color: #FF6B00 !important;
}

/* FAQ Details */
.ntp-faq details {
    background: #111827 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
}
.ntp-faq summary {
    color: #F8FAFC !important;
    font-weight: 700 !important;
}
.ntp-faq p {
    color: #94A3B8 !important;
}

/* Steps */
.ntp-steps > div {
    background: #0D111A !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 14px !important;
}
.ntp-steps b {
    background: rgba(255, 107, 0, 0.15) !important;
    color: #FF6B00 !important;
}
.ntp-steps h3 {
    color: #F8FAFC !important;
}
.ntp-steps p {
    color: #94A3B8 !important;
}

/* 4. Footer Styling */
.nt-footer-v6 {
    background: #06090F !important;
    border-top: 1px solid rgba(255, 107, 0, 0.15) !important;
    color: #64748B !important;
}
.nt-footer-v6__lead p {
    color: #94A3B8 !important;
}
.nt-footer-v6__ctabtn {
    background: #111827 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #CBD5E1 !important;
}
.nt-footer-v6__ctabtn:hover {
    border-color: rgba(255, 107, 0, 0.4) !important;
    color: #FF6B00 !important;
}
.nt-footer-v6__pills span {
    background: #0D111A !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #94A3B8 !important;
}
.nt-footer-v6__pills i {
    color: #FF6B00 !important;
}

/* 5. Mobile Drawer Menu */
.bm-drawer {
    background: #0D111A !important;
    color: #F8FAFC !important;
    border-left: 1px solid rgba(255, 107, 0, 0.2) !important;
}
.bm-drawer__panel {
    background: #0D111A !important;
}
.bm-drawer__head {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.bm-drawer__nav a,
.bm-drawer__cats a {
    color: #CBD5E1 !important;
}
.bm-drawer__nav a:hover,
.bm-drawer__cats a:hover {
    color: #FF6B00 !important;
    background: rgba(255, 107, 0, 0.08) !important;
}
.bm-drawer__close {
    color: #94A3B8 !important;
}