/* =========================================
   NCC Store — Gold Theme (Logo-matched)
   Paste into: Theme -> Custom CSS
   ========================================= */

:root{
  --ncc-bg: #07070b;
  --ncc-surface: #0d0f16;
  --ncc-surface-2:#10131c;

  --ncc-gold: #d4af37;     /* main gold */
  --ncc-gold-2:#ffd36a;    /* highlight */
  --ncc-gold-3:#b8891a;    /* deep gold */

  --ncc-text:#f7f7fb;
  --ncc-muted: rgba(247,247,251,.78);

  --ncc-border: rgba(212,175,55,.22);
  --ncc-glow: rgba(212,175,55,.22);
  --ncc-radius: 16px;
}

/* Global */
html, body{
  background:
    radial-gradient(900px 450px at 50% 0%, rgba(212,175,55,.14), transparent 55%),
    radial-gradient(700px 400px at 10% 30%, rgba(255,211,106,.08), transparent 60%),
    var(--ncc-bg) !important;
  color: var(--ncc-text) !important;
}

a{ color: var(--ncc-gold-2) !important; }
a:hover{ color: var(--ncc-gold) !important; }

/* Header / Nav */
header, nav, .navbar, .header, [class*="header"], [class*="navbar"], .topbar, [class*="topbar"]{
  background: rgba(7,7,11,.78) !important;
  border-bottom: 1px solid var(--ncc-border) !important;
  backdrop-filter: blur(12px);
}

/* Menus */
.main-menu, .navbar-nav, .header__nav,
[class*="main-menu"], [class*="menu"], [class*="nav-list"]{
  background: linear-gradient(90deg, rgba(212,175,55,.22), rgba(16,19,28,.35)) !important;
  border-bottom: 1px solid rgba(212,175,55,.18) !important;
}

.main-menu a, .navbar-nav a, .header__nav a,
[class*="menu"] a, [class*="nav"] a{
  color: var(--ncc-text) !important;
  font-weight: 600;
}

.main-menu a:hover, .navbar-nav a:hover, .header__nav a:hover,
[class*="menu"] a:hover, [class*="nav"] a:hover{
  color: var(--ncc-gold-2) !important;
  text-shadow: 0 0 18px var(--ncc-glow);
}

/* Dropdowns */
.dropdown-menu, .sub-menu, .mega-menu,
[class*="dropdown-menu"], [class*="sub-menu"], [class*="mega-menu"]{
  background: rgba(13,15,22,.96) !important;
  border: 1px solid rgba(212,175,55,.26) !important;
  border-radius: var(--ncc-radius) !important;
  padding: 10px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.35), 0 0 24px rgba(212,175,55,.10) !important;
}

.dropdown-menu a, .sub-menu a, .mega-menu a,
[class*="dropdown-menu"] a, [class*="sub-menu"] a{
  color: var(--ncc-text) !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
}

.dropdown-menu a:hover, .sub-menu a:hover, .mega-menu a:hover,
[class*="dropdown-menu"] a:hover, [class*="sub-menu"] a:hover{
  background: rgba(212,175,55,.16) !important;
  color: var(--ncc-gold-2) !important;
}

/* Cards / Products */
.card, .s-card, .product-card, .product-item,
[class*="card"], [class*="product"]{
  background: rgba(13,15,22,.86) !important;
  border: 1px solid rgba(212,175,55,.16) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(10px);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.card:hover, .s-card:hover, .product-card:hover, .product-item:hover,
[class*="card"]:hover, [class*="product"]:hover{
  border-color: rgba(255,211,106,.45) !important;
  box-shadow: 0 0 28px rgba(212,175,55,.16) !important;
  transform: translateY(-1px);
}

/* Buttons */
button, .btn, a.btn, [class*="btn"]{
  border-radius: 14px !important;
  border: 1px solid rgba(212,175,55,.32) !important;
  background: linear-gradient(180deg, rgba(212,175,55,.30), rgba(212,175,55,.10)) !important;
  color: var(--ncc-text) !important;
  transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease;
}

button:hover, .btn:hover, a.btn:hover, [class*="btn"]:hover{
  border-color: rgba(255,211,106,.70) !important;
  box-shadow: 0 0 22px rgba(212,175,55,.22) !important;
  transform: translateY(-1px);
}

/* Inputs */
input, select, textarea{
  background: rgba(13,15,22,.92) !important;
  border: 1px solid rgba(212,175,55,.22) !important;
  color: var(--ncc-text) !important;
  border-radius: 14px !important;
}

input:focus, select:focus, textarea:focus{
  outline: none !important;
  border-color: rgba(255,211,106,.65) !important;
  box-shadow: 0 0 0 4px rgba(212,175,55,.18) !important;
}

/* Prices / highlights */
.price, .product-price, [class*="price"]{
  color: var(--ncc-gold-2) !important;
  text-shadow: 0 0 16px rgba(212,175,55,.18);
}

/* Badges */
.badge, [class*="badge"], [class*="tag"]{
  background: rgba(212,175,55,.14) !important;
  border: 1px solid rgba(212,175,55,.28) !important;
  color: var(--ncc-text) !important;
  border-radius: 999px !important;
}

/* Section titles */
h1,h2,h3,h4,.title,[class*="title"]{
  color: var(--ncc-text) !important;
}
.logo, .brand, [class*="logo"], [class*="brand"]{
  color: var(--ncc-gold) !important;
  text-shadow: 0 0 22px rgba(212,175,55,.22);
}

/* Footer */
footer, .footer, [class*="footer"]{
  background: rgba(7,7,11,.90) !important;
  border-top: 1px solid rgba(212,175,55,.16) !important;
/* تعديل صندوق السعر */
.product-formatted-price,
.s-product-price,
.product-price-wrapper,
.price-wrapper {
    background: #111 !important;
    border: 1px solid #bfa14a !important;
    box-shadow: none !important;
    color: #fff !important;
}

/* تعديل أي input أبيض داخل صفحة المنتج */
.product-form input,
.product-form textarea {
    background: #111 !important;
    border: 1px solid #bfa14a !important;
    color: #fff !important;
}

/* إزالة الخط الأبيض الفاصل */
.product-form hr,
.product hr {
    display: none !important;
}
}