/*
Theme Name: Auralux
Theme URI: https://example.com/auralux
Author: Musaab
Author URI: https://example.com
Description: Auralux is a luxurious, animation-rich furniture WordPress theme. Pure black with gold accents, Playfair Display headings paired with Inter, and heavy GSAP scroll animations. Built for furniture, decor, and luxury catalogue businesses with WooCommerce running in enquiry-only mode (no payment gateway, customers submit cart as a quote request).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
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: auralux
Tags: e-commerce, custom-colors, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, wide-blocks, block-styles
*/

/* All actual styling is in assets/css/main.css for clean separation. */


.site-logo-img {
    height: 48px;       
    width: auto;
    display: block;
    object-fit: contain;
}
/* ═══════════════════════════════════════════════
   AL JADEED — New Sections CSS
   Theme: Pure black bg · White text · Gold accents
   ═══════════════════════════════════════════════ */

/* ─── HERO FIXES ─────────────────────────────── */
.hero .hero-title,
.hero h1 {
  color: #ffffff !important;
}
.hero .hero-eyebrow,
.hero .hero-eyebrow span {
  color: rgba(255,255,255,0.55) !important;
}
.hero .hero-sub {
  color: rgba(255,255,255,0.6) !important;
}
.hero .hero-scroll-indicator span {
  color: rgba(255,255,255,0.4) !important;
}
.hero .metric-num {
  color: #ffffff !important;
}
.hero .metric-label {
  color: rgba(255,255,255,0.45) !important;
}
.hero .hero-metrics .metric:nth-child(5),
.hero .hero-metrics .metric-divider:nth-child(4) {
  display: none;
}

/* ─── SHARED SECTION STYLES ──────────────────── */
.sofa-showcase {
  padding: 120px 0;
  background: #ffffff;
}
.fabric-section {
  padding: 120px 0;
  background: #f8f8f6;

}
.process-section {
  padding: 120px 0;
  background: #ffffff;
}

.sofa-showcase .section-eyebrow,
.fabric-section .section-eyebrow,
.process-section .section-eyebrow {
  color: #c9a96e;
}
.sofa-showcase .section-title,
.fabric-section .section-title,
.process-section .section-title {
  color: #111111;
}
.sofa-showcase .section-sub,
.fabric-section .section-sub,
.process-section .section-sub {
  color: rgba(0,0,0,0.5);
}

/* ─── SOFA SHOWCASE ──────────────────────────── */
.sofa-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 64px;
  border: 1px solid rgba(0,0,0,0.08);
}
.sofa-card {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  transition: background 0.3s ease;
}
.sofa-card:last-child { border-bottom: none; }
.sofa-card:hover { background: rgba(255,255,255,0.02); }

.sofa-card-num {
  position: absolute;
  top: 28px;
  left: 28px;
  font-size: 11px;
  letter-spacing: 0.14em;
  color: rgba(255,255,255,0.2);
  font-weight: 500;
  z-index: 2;
}
.sofa-card-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 380px;
}
.sofa-card:nth-child(even) .sofa-card-body { direction: rtl; }
.sofa-card:nth-child(even) .sofa-card-body > * { direction: ltr; }

.sofa-card-img {
  width: 100%;
  height: 100%;
  min-height: 380px;
  background-size: cover;
  background-position: center;
  transition: transform 0.7s ease;
}
.sofa-card:hover .sofa-card-img { transform: scale(1.03); }

.sofa-img-1 { background: linear-gradient(135deg, #2a2218 0%, #4a3828 100%); }
.sofa-img-2 { background: linear-gradient(135deg, #1a2230 0%, #2a3848 100%); }
.sofa-img-3 { background: linear-gradient(135deg, #282418 0%, #443c28 100%); }
.sofa-img-4 { background: linear-gradient(135deg, #2a1818 0%, #4a2828 100%); }
.sofa-img-5 { background: linear-gradient(135deg, #182418 0%, #284028 100%); }
.sofa-img-6 { background: linear-gradient(135deg, #221828 0%, #3a2848 100%); }

.sofa-card-info {
  padding: 48px 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  background: #ffffff;
}
.sofa-card-name {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #111111;
  margin: 0;
  line-height: 1.2;
}
.sofa-card-sub {
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c9a96e;
  font-weight: 500;
}
.sofa-card-desc {
  font-size: 15px;
  line-height: 1.75;
  color: rgba(0,0,0,0.5);
  max-width: 420px;
  margin: 4px 0;
}
.sofa-card-features {
  list-style: none;
  padding: 0;
  margin: 8px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 16px;
}
.sofa-card-features li {
  font-size: 12px;
  color: rgba(0,0,0,0.4);
  padding-left: 14px;
  position: relative;
}
.sofa-card-features li::before {
  content: '—';
  position: absolute;
  left: 0;
  color: #c9a96e;
  font-size: 10px;
}
.sofa-card-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #111111;
  text-decoration: none;
  margin-top: 8px;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  width: fit-content;
  transition: color 0.2s, border-color 0.2s;
}
.sofa-card-link:hover {
  color: #c9a96e;
  border-color: #c9a96e;
}

/* ─── FABRIC SECTION ─────────────────────────── */
.fabric-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 64px;
  background: rgba(0,0,0,0.07);
}
.fabric-card {
  background: #111111;
  overflow: hidden;
  transition: background 0.3s ease;
}

.fabric-card:hover { background: #f5f3ef; }

.fabric-swatch {
  height: 180px;
  width: 100%;
  overflow: hidden;
  transition: transform 0.5s ease;
}
.fabric-card:hover .fabric-swatch { transform: scale(1.04); }

.fabric-velvet {
  background: linear-gradient(145deg, #3a2850 0%, #5a3870 50%, #2d1e40 100%);
}
.fabric-linen {
  background:
    repeating-linear-gradient(0deg, rgba(255,235,200,0.08) 0px, rgba(255,235,200,0.08) 1px, transparent 1px, transparent 5px),
    repeating-linear-gradient(90deg, rgba(255,235,200,0.08) 0px, rgba(255,235,200,0.08) 1px, transparent 1px, transparent 5px),
    #8a7860;
}
.fabric-boucle {
  background: radial-gradient(circle at 30% 40%, #5a5550 0%, #3e3a36 40%, #504c48 70%, #464240 100%);
}
.fabric-performance {
  background: linear-gradient(135deg, #1a2e3e 0%, #0e2030 50%, #1e3446 100%);
}
.fabric-leather {
  background: linear-gradient(150deg, #5a3018 0%, #7a4828 30%, #4a2810 70%, #6a3820 100%);
}

.fabric-info {
  padding: 24px 28px 30px;
}
.fabric-info h4 {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 8px;
  color: #111111;
  letter-spacing: -0.01em;
}
.fabric-info p {
  font-size: 13px;
  line-height: 1.65;
  color: rgba(0,0,0,0.45);
  margin: 0;
}
.fabric-card-custom {
  background: #fdf9f3;
  border: 1px dashed rgba(201,169,110,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.fabric-info-custom {
  text-align: center;
  padding: 48px 28px;
}
.fabric-custom-icon {
  display: block;
  font-size: 40px;
  font-weight: 200;
  color: #c9a96e;
  margin-bottom: 16px;
  line-height: 1;
}
.fabric-info-custom h4 { color: #111111; }
.fabric-info-custom p { color: rgba(0,0,0,0.45); }
.fabric-info-custom .sofa-card-link { margin: 16px auto 0; }

/* ─── PROCESS SECTION ────────────────────────── */
.process-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin-top: 64px;
  border: 1px solid rgba(0,0,0,0.08);
}
.process-step {
  padding: 44px 36px;
  border-right: 1px solid rgba(0,0,0,0.08);
  border-bottom: 1px solid rgba(0,0,0,0.08);
  transition: background 0.3s ease;
}
.process-step:hover { background: rgba(0,0,0,0.025); }
.process-step:nth-child(3),
.process-step:nth-child(6) { border-right: none; }
.process-step:nth-child(4),
.process-step:nth-child(5),
.process-step:nth-child(6) { border-bottom: none; }

.process-step-num {
  font-size: 10px;
  letter-spacing: 0.14em;
  color: #c9a96e;
  font-weight: 600;
  margin-bottom: 20px;
}
.process-step-icon {
  color: rgba(0,0,0,0.2);
  margin-bottom: 18px;
  transition: color 0.3s ease;
}
.process-step:hover .process-step-icon { color: #c9a96e; }
.process-step h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px;
  color: #111111;
  letter-spacing: -0.01em;
}
.process-step p {
  font-size: 13px;
  line-height: 1.7;
  color: rgba(0,0,0,0.45);
  margin: 0;
}

/* ─── CTA WHATSAPP ───────────────────────────── */
.cta-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 32px;
}

/* ─── RESPONSIVE ─────────────────────────────── */
@media (max-width: 1024px) {
  .sofa-card-body { grid-template-columns: 1fr; }
  .sofa-card:nth-child(even) .sofa-card-body { direction: ltr; }
  .sofa-card-img { min-height: 260px; }
  .sofa-card-info { padding: 36px 32px; }
  .fabric-grid { grid-template-columns: repeat(2, 1fr); }
  .process-grid { grid-template-columns: repeat(2, 1fr); }
  .process-step:nth-child(2) { border-right: 1px solid rgba(255,255,255,0.07); }
  .process-step:nth-child(3) { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.07); }
  .process-step:nth-child(5),
  .process-step:nth-child(6) { border-bottom: none; }
}

@media (max-width: 768px) {
  .sofa-showcase,
  .fabric-section,
  .process-section { padding: 80px 0; }
  .sofa-card-info { padding: 28px 24px; }
  .sofa-card-features { grid-template-columns: 1fr; }
  .fabric-grid { grid-template-columns: 1fr; }
  .process-grid { grid-template-columns: 1fr; }
  .process-step {
    border-right: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  }
  .process-step:last-child { border-bottom: none !important; }
}


.shop-filter-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 32px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.filter-cat-btn {
    padding: 7px 18px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.6);
    background: transparent;
    transition: all 0.2s ease;
}
.filter-cat-btn:hover,
.filter-cat-btn.active {
    background: #c9a96e;
    color: #ffffff;
    border-color: #c9a96e;
}

.woocommerce-products-header {
    display: none;
}
.woocommerce-result-count {
    display: none;
}
.shop-filter-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.filter-cats {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.woocommerce-ordering {
    float: none !important;
    margin: 0 !important;
}

.footer-logo .site-logo-img {
    height: 36px;
    width: auto;
}

/* ─── ABOUT PAGE ─────────────────────────────── */
/* Stats */
.about-stat-box {
    padding: 32px 24px;
    background: #ffffff;
}
.about-stat-num {
    font-size: 36px;
    color: #111111;
    font-weight: 700;
    line-height: 1;
}
.about-stat-label {
    color: rgba(0,0,0,0.45);
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-top: 8px;
}

/* Values Grid */
.about-values-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: rgba(0,0,0,0.08);
    border: 1px solid rgba(0,0,0,0.08);
}
.about-value-card {
    padding: 44px 36px;
    background: #ffffff;
    transition: background 0.3s ease;
}
.about-value-card:hover {
    background: #f8f8f6;
}
.about-value-num {
    font-size: 10px;
    letter-spacing: 0.14em;
    color: #c9a96e;
    font-weight: 600;
    margin-bottom: 20px;
}
.about-value-icon {
    color: rgba(0,0,0,0.2);
    margin-bottom: 18px;
    transition: color 0.3s ease;
}
.about-value-card:hover .about-value-icon {
    color: #c9a96e;
}
.about-value-card h4 {
    font-size: 16px;
    font-weight: 600;
    color: #111111;
    margin: 0 0 10px;
}
.about-value-card p {
    font-size: 13px;
    line-height: 1.7;
    color: rgba(0,0,0,0.45);
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .about-stat-box { padding: 24px 16px; }
    .about-stat-num { font-size: 28px; }
    .about-values-grid { grid-template-columns: 1fr; }
    .about-value-card { padding: 32px 24px; }
}


/* ─── CONTACT PAGE ───────────────────────────── */
.contact-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 80px;
    align-items: start;
}
.contact-info-block {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255,255,255,0.07);
}
.contact-info-block:last-of-type {
    border-bottom: none;
}
.contact-info-icon {
    color: #c9a96e;
    margin-top: 2px;
    flex-shrink: 0;
}
.contact-info-block h5 {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.4);
    margin: 0 0 4px;
}
.contact-info-block p {
    font-size: 14px;
    color: rgba(255,255,255,0.75);
    margin: 0;
    line-height: 1.6;
}
.contact-info-block a {
    color: rgba(255,255,255,0.75);
    text-decoration: none;
    transition: color 0.2s;
}
.contact-info-block a:hover {
    color: #c9a96e;
}
.contact-map {
    border: 1px solid rgba(255,255,255,0.07);
    overflow: hidden;
}

/* WPForms styling */
.contact-main .wpforms-container input,
.contact-main .wpforms-container textarea,
.contact-main .wpforms-container select {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    padding: 14px 16px !important;
    font-size: 14px !important;
}
.contact-main .wpforms-container input::placeholder,
.contact-main .wpforms-container textarea::placeholder {
    color: rgba(255,255,255,0.3) !important;
}
.contact-main .wpforms-container input:focus,
.contact-main .wpforms-container textarea:focus {
    border-color: #c9a96e !important;
    outline: none !important;
}
.contact-main .wpforms-container label {
    color: rgba(255,255,255,0.6) !important;
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}
.contact-main .wpforms-submit {
    background: #c9a96e !important;
    color: #ffffff !important;
    border: none !important;
    padding: 14px 32px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}
.contact-main .wpforms-submit:hover {
    background: #b8935a !important;
}

@media (max-width: 768px) {
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }
}

.contact-main .wpforms-container .wpforms-field-label {
    color: rgba(255,255,255,0.6) !important;
}
.contact-main .wpforms-container .wpforms-field-sublabel {
    color: rgba(255,255,255,0.35) !important;
}
.contact-main .wpforms-container .wpforms-required-label {
    color: #c9a96e !important;
}

/* ─── HERO SPACE FIX ─────────────────────────── */
.home .site-main,
.home .home-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.hero-split {
    margin-top: 0 !important;
}

/* ─── SIGNATURE SECTION (shop page top) ─────── */
.signature-section {
    padding: 60px 0 40px;
}
.signature-section-head {
    margin-bottom: 32px;
}
.signature-section-head .section-eyebrow {
    color: #c9a96e;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 600;
}
.signature-section-title {
    font-size: clamp(24px, 3vw, 36px);
    color: #ffffff;
    margin: 8px 0 0;
}
.signature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.signature-divider {
    margin-top: 60px;
    border-top: 1px solid rgba(255,255,255,0.08);
}
@media (max-width: 1024px) {
    .signature-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .signature-grid { grid-template-columns: 1fr; }
}

/* ─── SHOP PAGE HEADER GAP FIX ───────────────── */
.woocommerce .site-main,
.woocommerce-page .site-main,
.shop-main {
    margin-top: 0 !important;
    padding-top: 80px !important;
}

.signature-grid .product-card-media {
    height: 380px;
    overflow: hidden;
}
.signature-grid .product-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ─── SIGNATURE CARDS WIDTH FIX ─────────────── */
.signature-grid .product-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.signature-grid .product-card-media {
    height: 420px !important;
    width: 100% !important;
    overflow: hidden;
}

.signature-grid .product-card-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* ─── SIGNATURE COLLECTION — split layout + carousel ─── */
.signature-section { padding: 70px 0 40px; }

.signature-layout {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 56px;
    align-items: center;
}

.signature-text .section-eyebrow {
    color: #c9a96e;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-weight: 600;
}
.signature-section-title {
    font-size: clamp(28px, 3vw, 40px);
    color: #ffffff;
    margin: 12px 0 16px;
    line-height: 1.15;
}
.signature-section-desc {
    font-size: 14px;
    line-height: 1.75;
    color: rgba(255,255,255,0.55);
    margin: 0 0 28px;
    max-width: 320px;
}
.signature-nav { display: flex; gap: 12px; }
.sig-arrow {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255,255,255,0.2);
    background: transparent;
    color: #ffffff;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}
.sig-arrow:hover {
    background: #c9a96e;
    border-color: #c9a96e;
    color: #ffffff;
}

.signature-carousel { overflow: hidden; }
.signature-track {
    display: flex;
    gap: 28px;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}
.signature-track .product-card {
    flex: 0 0 100%;
    display: block;
    text-decoration: none;
}
.signature-track .product-card-media {
    height: 440px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.signature-track .product-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}
.signature-track .product-card:hover .product-card-media img { transform: scale(1.04); }
.signature-track .product-card-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    background: rgba(0,0,0,0.55);
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 6px 12px;
}
.signature-track .product-card-info { padding: 20px 2px 0; }
.signature-track .product-card-title {
    font-size: 20px;
    color: #ffffff;
    margin: 0 0 4px;
}
.signature-track .product-card-cat {
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #c9a96e;
}

.signature-divider {
    margin-top: 60px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

@media (max-width: 900px) {
    .signature-layout { grid-template-columns: 1fr; gap: 32px; align-items: start; }
    .signature-track .product-card-media { height: 360px; }
}
/* ─── SHOP + SIGNATURE: shared heading style ─── */
.shop-heading { margin: 8px 0 28px; }
.shop-heading .section-eyebrow,
.signature-text .section-eyebrow {
  color: #c9a96e;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 600;
}
.shop-heading-title,
.signature-section-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 600;
  line-height: 1.15;
  margin: 12px 0 0;
}

/* ─── SHOP PAGE: cream theme #e8e1ce (text colors adjusted) ─── */
body.woocommerce,
body.woocommerce-page,
.shop-main {
  background: #e8e1ce !important;
}


.shop-heading-title,
.signature-section-title { color: #1a1a1a !important; }
.signature-section-desc  { color: rgba(0,0,0,0.55) !important; }
.signature-track .product-card-title { color: #ffffff !important; }

.sig-arrow {
  border-color: rgba(0,0,0,0.2) !important;
  color: #1a1a1a !important;
}
.sig-arrow:hover {
  background: #c9a96e !important;
  border-color: #c9a96e !important;
  color: #fff !important;
}

.shop-filter-bar { border-bottom-color: rgba(0,0,0,0.12) !important; }
.filter-cat-btn {
  border-color: rgba(0,0,0,0.2) !important;
  color: rgba(0,0,0,0.65) !important;
}
.filter-cat-btn:hover,
.filter-cat-btn.active {
  background: #c9a96e !important;
  color: #fff !important;
  border-color: #c9a96e !important;
}
.woocommerce-ordering select {
  background: transparent !important;
  color: #1a1a1a !important;
  border: 1px solid rgba(0,0,0,0.2) !important;
}

.signature-divider { border-top-color: rgba(0,0,0,0.12) !important; }

/* product grid titles/prices dark (warna cream par invisible) */
.shop-main ul.products li.product .woocommerce-loop-product__title,
.shop-main ul.products li.product h2,
.shop-main ul.products li.product .price { color: #1a1a1a !important; }