/*
Theme Name: Astra NailTech Luxury
Template: astra
Version: 1.0.0
Description: Luxury child theme for NailTech - Black, Gold, White
Author: NailTech
*/

/* ===== GOOGLE FONTS ===== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Jost:wght@300;400;500;600&display=swap');

/* ===== CSS VARIABLES ===== */
:root {
  --nt-black: #0a0a0a;
  --nt-dark: #111111;
  --nt-dark-2: #1a1a1a;
  --nt-gold: #c9a96e;
  --nt-gold-light: #e2c99a;
  --nt-gold-dark: #a07840;
  --nt-white: #f5f0e8;
  --nt-white-pure: #ffffff;
  --nt-gray: #888888;
  --nt-gray-light: #cccccc;
}

/* ===== BASE ===== */
body {
  background-color: var(--nt-black) !important;
  color: var(--nt-white) !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 300;
}

/* ===== TYPOGRAPHY ===== */
h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title,
.woocommerce-loop-product__title,
.woocommerce-products-header__title {
  font-family: 'Cormorant Garamond', serif !important;
  color: var(--nt-white) !important;
  font-weight: 500;
  letter-spacing: 0.02em;
}

p, li, span, div {
  color: var(--nt-white);
}

a {
  color: var(--nt-gold) !important;
  text-decoration: none;
  transition: color 0.3s ease;
}
a:hover {
  color: var(--nt-gold-light) !important;
}

/* ===== HEADER ===== */
.site-header,
#masthead,
.ast-header-wrap,
.main-header-bar {
  background-color: var(--nt-black) !important;
  border-bottom: 1px solid rgba(201,169,110,0.2) !important;
}

.site-title a,
.ast-site-title-wrap a {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.8rem !important;
  font-weight: 600 !important;
  color: var(--nt-white) !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* ===== NAV ===== */
.main-navigation a,
.ast-builder-menu a,
#ast-hf-menu-1 a {
  font-family: 'Jost', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--nt-white) !important;
  transition: color 0.3s ease;
}
.main-navigation a:hover,
.ast-builder-menu a:hover,
#ast-hf-menu-1 a:hover {
  color: var(--nt-gold) !important;
}

/* ===== BUTTONS ===== */
.ast-button,
.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button,
.wp-block-button__link {
  background-color: var(--nt-gold) !important;
  color: var(--nt-black) !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 14px 32px !important;
  transition: all 0.3s ease !important;
}
.ast-button:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background-color: var(--nt-gold-dark) !important;
  color: var(--nt-white-pure) !important;
}

/* ===== CONTENT AREA ===== */
.site-content,
#content,
.ast-container {
  background-color: var(--nt-black) !important;
}

/* ===== FOOTER ===== */
.site-footer,
#colophon,
.ast-footer-overlay {
  background-color: var(--nt-dark) !important;
  border-top: 1px solid rgba(201,169,110,0.2) !important;
  color: var(--nt-gray) !important;
}
.site-footer a,
#colophon a {
  color: var(--nt-gold) !important;
}

/* ===== WOOCOMMERCE: SHOP PAGE ===== */
.woocommerce ul.products li.product {
  background: var(--nt-dark) !important;
  border: 1px solid rgba(201,169,110,0.1) !important;
  transition: border-color 0.3s ease, transform 0.3s ease;
  padding: 20px !important;
}
.woocommerce ul.products li.product:hover {
  border-color: var(--nt-gold) !important;
  transform: translateY(-4px);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.15rem !important;
  color: var(--nt-white) !important;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product .price {
  color: var(--nt-gold) !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
}

/* ===== WOOCOMMERCE: SINGLE PRODUCT ===== */
.woocommerce div.product {
  background: var(--nt-dark) !important;
  padding: 40px !important;
}
.woocommerce div.product .product_title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 2.2rem !important;
  color: var(--nt-white) !important;
}
.woocommerce div.product .woocommerce-product-details__short-description {
  color: var(--nt-gray-light) !important;
  line-height: 1.8;
}

/* ===== WOOCOMMERCE: CART & CHECKOUT ===== */
.woocommerce-cart table.cart,
.woocommerce-checkout form.checkout,
.woocommerce table.shop_table {
  background: var(--nt-dark) !important;
  border: 1px solid rgba(201,169,110,0.15) !important;
}
.woocommerce table.shop_table th {
  background: var(--nt-dark-2) !important;
  color: var(--nt-gold) !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(201,169,110,0.2) !important;
}
.woocommerce table.shop_table td {
  color: var(--nt-white) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}

/* ===== FORMS ===== */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea,
select,
.woocommerce input,
.woocommerce textarea,
.woocommerce select {
  background: var(--nt-dark-2) !important;
  border: 1px solid rgba(201,169,110,0.3) !important;
  color: var(--nt-white) !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  font-family: 'Jost', sans-serif !important;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
  border-color: var(--nt-gold) !important;
  outline: none;
  box-shadow: 0 0 0 2px rgba(201,169,110,0.15) !important;
}

/* ===== GOLD DIVIDER ===== */
.nt-gold-line {
  width: 60px;
  height: 1px;
  background: var(--nt-gold);
  margin: 16px auto;
}

/* ===== WOOCOMMERCE BREADCRUMB ===== */
.woocommerce .woocommerce-breadcrumb {
  color: var(--nt-gray) !important;
}
.woocommerce .woocommerce-breadcrumb a {
  color: var(--nt-gold) !important;
}

/* ===== SALE BADGE ===== */
.woocommerce span.onsale {
  background-color: var(--nt-gold) !important;
  color: var(--nt-black) !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 600;
  letter-spacing: 0.08em;
  border-radius: 0 !important;
}

/* ===== SIDEBAR WIDGET ===== */
.widget-area,
.woocommerce-widget-layered-nav,
aside.widget-area {
  background: transparent !important;
}
.widget-title,
.widgettitle {
  font-family: 'Cormorant Garamond', serif !important;
  color: var(--nt-white) !important;
  font-size: 1rem !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(201,169,110,0.2) !important;
  padding-bottom: 10px;
}

/* ===== STAR RATING ===== */
.woocommerce .star-rating span,
.woocommerce .star-rating::before {
  color: var(--nt-gold) !important;
}

/* ===== NOTICES ===== */
.woocommerce-message,
.woocommerce-info {
  background: var(--nt-dark-2) !important;
  border-top-color: var(--nt-gold) !important;
  color: var(--nt-white) !important;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--nt-dark); }
::-webkit-scrollbar-thumb { background: var(--nt-gold); border-radius: 3px; }

/* ===== MOBILE ===== */
@media (max-width: 768px) {
  .site-title a { font-size: 1.4rem !important; }
  .woocommerce ul.products li.product { padding: 14px !important; }
}


/* ===== HIDE PAGE TITLE ON FRONT PAGE & FULL-WIDTH PAGES ===== */
.page-id-20 .entry-title,
.page-id-20 .ast-page-single-meta,
.home .entry-title,
.front-page .entry-title {
  display: none !important;
}

/* ===== FIX SHOP PAGE ===== */
.woocommerce-products-header {
  background: transparent !important;
  padding: 40px 0 20px !important;
}