/* ==========================================================================
   Nettix Import — Dark Theme
   Bold, high-contrast. Inspired by TK-mpauto.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=Barlow+Condensed:wght@600;700;800&display=swap');

.nettix-single,
.nettix-archive {
    --na-accent:       #111318;
    --na-accent-light: #1e2028;
    --na-highlight:    #f0a500;
    --na-text:         #f0f0f0;
    --na-text-muted:   #8a8f9e;
    --na-border:       #2a2d38;
    --na-bg:           #0d0f14;
    --na-bg-subtle:    #161820;
    --na-bg-card:      #1a1d27;
    --na-radius:       4px;
    --na-font:         'Barlow', sans-serif;
    --na-font-heading: 'Barlow Condensed', sans-serif;
}

/* Headings use condensed font */
.na-title {
    font-family:    var(--na-font-heading);
    font-weight:    800;
    text-transform: uppercase;
    letter-spacing: -.01em;
    font-size:      2.25rem;
}
.na-archive-title {
    font-family:    var(--na-font-heading);
    font-weight:    800;
    text-transform: uppercase;
    letter-spacing: .02em;
}
.na-card-title a {
    font-family: var(--na-font-heading);
    font-weight: 700;
}

/* Price punch */
.na-price {
    font-family:    var(--na-font-heading);
    font-weight:    800;
    font-size:      2.5rem;
    letter-spacing: -.02em;
}

/* Info panel */
.na-info {
    background:    var(--na-bg-subtle);
    border:        1px solid var(--na-border);
    border-radius: var(--na-radius);
    padding:       1.5rem;
}

/* Cards */
.na-vehicle-card {
    background:    var(--na-bg-card);
    border-color:  var(--na-border);
    box-shadow:    none;
}
.na-vehicle-card:hover {
    border-color: var(--na-highlight);
    box-shadow:   0 0 0 1px var(--na-highlight);
    transform:    translateY(-2px);
}

/* Key specs */
.na-key-specs { border-top-color: var(--na-border); }
.na-key-specs li { border-bottom-color: var(--na-border); }

/* Tabs */
.na-tabs        { border-bottom-color: var(--na-border); background: var(--na-bg); }
.na-tab         { color: var(--na-text-muted); background: var(--na-bg); }
.na-tab.is-active { color: var(--na-highlight); border-bottom-color: var(--na-highlight); }
.na-tabs-wrap   { background: var(--na-bg); }
.na-tab-panel   { background: var(--na-bg); color: var(--na-text); }

/* Spec groups */
.na-spec-group h3 { color: var(--na-text-muted); border-bottom-color: var(--na-border); }
.na-spec-row      { border-bottom-color: var(--na-bg-subtle); }
.na-spec-row dt   { color: var(--na-text-muted); }

/* Contact */
.na-contact { background: var(--na-bg-subtle); border: 1px solid var(--na-border); }

/* Single page */
.na-single-grid   { background: var(--na-bg); }
body.post-type-archive-vehicle,
body.single-vehicle,
body.tax-vehicle_category {
    background: var(--na-bg);
    color:      var(--na-text);
}

/* Archive header + tabs area */
/*.na-archive-header { background: var(--na-bg); }*/
.na-archive-header { background: transparent; }
.na-cat-tabs       { background: var(--na-bg); }
.na-cat-tab { color: var(--na-text); border-color: var(--na-border); }
.na-cat-tab:hover { border-color: var(--na-highlight); color: var(--na-highlight); }
.na-cat-tab.is-active {
    background:   var(--na-highlight);
    border-color: var(--na-highlight);
    color:        #000;
}

/* Card button */
.na-card-btn {
    background:  var(--na-highlight);
    color:       #000;
    font-family: var(--na-font-heading);
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    font-size:   .8rem;
}
.na-card-btn:hover { background: #ffc107; color: #000; }

/* Card price */
.na-card-price { color: var(--na-highlight); }

/* Breadcrumb */
.na-breadcrumb a { color: var(--na-text-muted); }

/* Gallery */
.na-gallery-main { background: var(--na-bg-subtle); }
.na-thumb        { border-color: transparent; }
.na-thumb.is-active,
.na-thumb:hover  { border-color: var(--na-highlight); }

/* Accessories checkmark */
.na-accessories li::before { color: var(--na-highlight); }

/* Pagination */
.na-pagination .page-numbers { border-color: var(--na-border); color: var(--na-text); }
.na-pagination .page-numbers.current,
.na-pagination .page-numbers:hover {
    border-color: var(--na-highlight);
    background:   var(--na-highlight);
    color:        #000;
}

/* Energy label toggle */
.na-energy-toggle { color: var(--na-text-muted); }
.na-energy-toggle:hover { color: var(--na-text); }

/* Lightbox bg already dark, fine as-is */