/* ================================================================
   SENTINEL LASERART — Full Brand Override CSS
   shop.sentinellaser.com
   Paste into: Appearance → Customize → Additional CSS
   ----------------------------------------------------------------
   BRAND TOKENS
   --snl-dark:       #141413   Primary dark / page background
   --snl-light:      #faf9f5   Light text / light backgrounds
   --snl-steel:      #b5b8bc   Secondary text / subtle elements
   --snl-light-bg:   #ebebeb   Subtle light backgrounds
   --snl-red:        #9e0b00   Primary accent (CTA, borders, hover)
   --snl-red-dark:   #7a0900   Hover / pressed state
   --snl-brass:      #9a7a3a   Secondary accent (labels, headings)
   --snl-gunmetal:   #2e2e2e   Tertiary / card backgrounds
   ================================================================ */

/* ── Google Fonts ─────────────────────────────────────────────── */

/* ── CSS Custom Properties ────────────────────────────────────── */
:root {
    --snl-dark:      #141413;
    --snl-light:     #faf9f5;
    --snl-steel:     #b5b8bc;
    --snl-light-bg:  #ebebeb;
    --snl-red:       #9e0b00;
    --snl-red-dark:  #7a0900;
    --snl-brass:     #9a7a3a;
    --snl-gunmetal:  #2e2e2e;
    --snl-card-bg:   #1a1a18;
    --snl-border:    #2e2e2e;
    --snl-radius:    3px;
    --snl-transition: 0.2s ease;
}

/* ================================================================
   1. GLOBAL RESET — BODY & BASE
   ================================================================ */
html,
body {
    background-color: var(--snl-dark) !important;
    color: var(--snl-light) !important;
    font-family: 'Lora', Georgia, serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* ================================================================
   2. TYPOGRAPHY — HEADINGS
   ================================================================ */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.woocommerce-loop-product__title,
.product_title.entry-title,
.woocommerce h1, .woocommerce h2,
.woocommerce h3, .woocommerce h4 {
    font-family: 'Poppins', Arial, sans-serif !important;
    color: var(--snl-light) !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

h1 { font-size: clamp(1.8rem, 4vw, 3rem) !important; }
h2 { font-size: clamp(1.4rem, 3vw, 2.2rem) !important; }
h3 { font-size: clamp(1.1rem, 2.5vw, 1.6rem) !important; }
h4 { font-size: 1.1rem !important; }

/* Subheadings via class */
.snl-subheading,
.elementor-widget-heading .elementor-heading-title.elementor-size-small {
    font-family: 'Poppins', Arial, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--snl-brass) !important;
    font-size: 0.75rem !important;
}

/* Body text */
p, li, td, th, span, label,
.woocommerce-product-details__short-description,
.woocommerce-Reviews .comment-text p {
    font-family: 'Lora', Georgia, serif !important;
    color: var(--snl-steel) !important;
    line-height: 1.75 !important;
}

/* Strong / bold within body stays light */
strong, b {
    color: var(--snl-light) !important;
    font-weight: 600 !important;
}

/* ================================================================
   3. LINKS
   ================================================================ */
a,
a:visited,
.woocommerce a,
.elementor a {
    color: var(--snl-light) !important;
    text-decoration: none !important;
    transition: color var(--snl-transition) !important;
}

a:hover,
.woocommerce a:hover,
.elementor a:hover {
    color: var(--snl-red) !important;
}

/* Breadcrumb links */
.woocommerce .woocommerce-breadcrumb a,
nav.woocommerce-breadcrumb a {
    color: var(--snl-steel) !important;
}
.woocommerce .woocommerce-breadcrumb a:hover {
    color: var(--snl-red) !important;
}
.woocommerce-breadcrumb {
    color: var(--snl-gunmetal) !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.06em !important;
}

/* ================================================================
   4. BUTTONS — PRIMARY
   ================================================================ */
button,
input[type="button"],
input[type="submit"],
.button,
.wp-block-button__link,
.elementor-button,
.elementor-button-wrapper .elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce #payment #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.add_to_cart_button,
.single_add_to_cart_button {
    background-color: var(--snl-red) !important;
    color: var(--snl-light) !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: var(--snl-radius) !important;
    padding: 12px 24px !important;
    cursor: pointer !important;
    transition: background-color var(--snl-transition), transform 0.1s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.button:hover,
.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover {
    background-color: var(--snl-red-dark) !important;
    color: var(--snl-light) !important;
    transform: translateY(-1px) !important;
}

button:active,
.button:active,
.elementor-button:active {
    transform: translateY(0) !important;
}

/* Secondary / outline button */
.button.button-secondary,
.woocommerce a.button.button-secondary,
.elementor-button.elementor-size-sm {
    background-color: transparent !important;
    border: 1px solid var(--snl-red) !important;
    color: var(--snl-red) !important;
}
.button.button-secondary:hover,
.woocommerce a.button.button-secondary:hover {
    background-color: var(--snl-red) !important;
    color: var(--snl-light) !important;
}

/* ================================================================
   5. FORMS & INPUTS
   ================================================================ */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea,
select,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce textarea,
.woocommerce select,
.woocommerce .input-text,
.elementor-field-type-text input,
.elementor-field-type-email input,
.elementor-field-type-textarea textarea,
.elementor-field-type-select select {
    background-color: #1e1e1d !important;
    color: var(--snl-light) !important;
    border: 1px solid var(--snl-border) !important;
    border-radius: var(--snl-radius) !important;
    padding: 12px 16px !important;
    font-family: 'Lora', Georgia, serif !important;
    font-size: 0.9rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color var(--snl-transition) !important;
    box-shadow: none !important;
    outline: none !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus,
.woocommerce input[type="text"]:focus,
.woocommerce input[type="email"]:focus,
.woocommerce .input-text:focus {
    border-color: var(--snl-red) !important;
    box-shadow: 0 0 0 2px rgba(158, 11, 0, 0.15) !important;
    outline: none !important;
}

input::placeholder,
textarea::placeholder {
    color: #5a5a5a !important;
}

/* Labels */
label,
.woocommerce label,
.elementor-field-label {
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    color: var(--snl-steel) !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* Select arrow */
select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23b5b8bc' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    padding-right: 36px !important;
    cursor: pointer !important;
}

/* Checkboxes & Radios */
input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--snl-red) !important;
    width: 16px !important;
    height: 16px !important;
}

/* ================================================================
   6. WOOCOMMERCE — PRODUCT CARDS (SHOP/ARCHIVE)
   ================================================================ */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background-color: var(--snl-card-bg) !important;
    border: 1px solid var(--snl-border) !important;
    border-radius: var(--snl-radius) !important;
    padding: 16px !important;
    transition: border-color var(--snl-transition), box-shadow var(--snl-transition) !important;
    overflow: hidden !important;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    border-color: var(--snl-red) !important;
    box-shadow: 0 4px 20px rgba(158, 11, 0, 0.15) !important;
}

/* Product title */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.95rem !important;
    padding: 12px 0 4px !important;
    color: var(--snl-light) !important;
}

/* Product price */
.woocommerce ul.products li.product .price,
.woocommerce .price,
.woocommerce .amount {
    color: var(--snl-brass) !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
}

.woocommerce ul.products li.product .price del,
.woocommerce .price del {
    color: var(--snl-gunmetal) !important;
    font-size: 0.85rem !important;
}

.woocommerce ul.products li.product .price ins,
.woocommerce .price ins {
    color: var(--snl-red) !important;
    text-decoration: none !important;
}

/* Product image */
.woocommerce ul.products li.product a img {
    border-radius: var(--snl-radius) !important;
    transition: opacity var(--snl-transition) !important;
}
.woocommerce ul.products li.product:hover a img {
    opacity: 0.9 !important;
}

/* Sale badge */
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    background-color: var(--snl-red) !important;
    color: var(--snl-light) !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    border-radius: var(--snl-radius) !important;
    padding: 4px 10px !important;
    min-width: unset !important;
    min-height: unset !important;
    line-height: 1.4 !important;
}

/* ================================================================
   7. WOOCOMMERCE — SINGLE PRODUCT PAGE
   ================================================================ */
.woocommerce div.product,
.woocommerce-page div.product {
    background-color: var(--snl-dark) !important;
}

/* Product meta */
.woocommerce div.product .product_meta,
.woocommerce div.product .product_meta span,
.woocommerce div.product .product_meta a {
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 0.78rem !important;
    color: var(--snl-steel) !important;
    letter-spacing: 0.05em !important;
}
.woocommerce div.product .product_meta a:hover {
    color: var(--snl-red) !important;
}

/* Quantity input */
.woocommerce .quantity input.qty {
    background-color: #1e1e1d !important;
    border: 1px solid var(--snl-border) !important;
    color: var(--snl-light) !important;
    border-radius: var(--snl-radius) !important;
    text-align: center !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-weight: 600 !important;
}

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 2px solid var(--snl-red) !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: var(--snl-gunmetal) !important;
    border: 1px solid var(--snl-border) !important;
    border-bottom: none !important;
    border-radius: var(--snl-radius) var(--snl-radius) 0 0 !important;
    margin: 0 4px 0 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    color: var(--snl-steel) !important;
    padding: 10px 20px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: var(--snl-dark) !important;
    border-top: 2px solid var(--snl-red) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--snl-light) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none !important;
    box-shadow: none !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
    background-color: var(--snl-dark) !important;
    border: 1px solid var(--snl-border) !important;
    border-top: none !important;
    padding: 24px !important;
    border-radius: 0 0 var(--snl-radius) var(--snl-radius) !important;
}

/* Reviews */
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    background: var(--snl-card-bg) !important;
    border: 1px solid var(--snl-border) !important;
    border-radius: var(--snl-radius) !important;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    border: 2px solid var(--snl-red) !important;
    border-radius: 50% !important;
}
.star-rating span::before,
.woocommerce .star-rating span::before {
    color: var(--snl-brass) !important;
}

/* ================================================================
   8. WOOCOMMERCE — CART
   ================================================================ */
.woocommerce table.cart,
.woocommerce-cart table.cart {
    background-color: var(--snl-card-bg) !important;
    border-collapse: collapse !important;
    width: 100% !important;
}
.woocommerce table.cart th,
.woocommerce table.cart td {
    border-color: var(--snl-border) !important;
    color: var(--snl-light) !important;
    font-family: 'Lora', Georgia, serif !important;
    padding: 16px !important;
}
.woocommerce table.cart th {
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--snl-brass) !important;
    background-color: var(--snl-gunmetal) !important;
}
.woocommerce-cart .cart-collaterals .cart_totals {
    background-color: var(--snl-card-bg) !important;
    border: 1px solid var(--snl-border) !important;
    border-radius: var(--snl-radius) !important;
    padding: 24px !important;
}
.woocommerce-cart .cart_totals h2 {
    font-size: 1rem !important;
    margin-bottom: 16px !important;
}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
    border-color: var(--snl-border) !important;
    color: var(--snl-light) !important;
    padding: 10px 0 !important;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button {
    width: 100% !important;
    text-align: center !important;
    font-size: 0.9rem !important;
    padding: 16px 24px !important;
}

/* Remove coupon field */
.woocommerce .coupon input.input-text {
    width: auto !important;
}

/* ================================================================
   9. WOOCOMMERCE — CHECKOUT
   ================================================================ */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
    background-color: var(--snl-card-bg) !important;
    border: 1px solid var(--snl-border) !important;
    border-radius: var(--snl-radius) !important;
    padding: 28px !important;
}

.woocommerce-checkout h3 {
    font-size: 1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--snl-red) !important;
    margin-bottom: 20px !important;
}

.woocommerce #payment {
    background-color: var(--snl-gunmetal) !important;
    border-radius: var(--snl-radius) !important;
    border: 1px solid var(--snl-border) !important;
}
.woocommerce #payment ul.payment_methods {
    border-bottom: 1px solid var(--snl-border) !important;
    padding: 16px !important;
}
.woocommerce #payment ul.payment_methods li label {
    color: var(--snl-light) !important;
    font-size: 0.9rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.woocommerce #payment div.payment_box {
    background-color: #111110 !important;
    color: var(--snl-steel) !important;
}
.woocommerce #payment div.payment_box::before {
    border-bottom-color: #111110 !important;
}

/* Order review table */
.woocommerce table.shop_table {
    background-color: var(--snl-card-bg) !important;
    border: 1px solid var(--snl-border) !important;
    border-radius: var(--snl-radius) !important;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    border-color: var(--snl-border) !important;
    padding: 12px 16px !important;
    color: var(--snl-light) !important;
}
.woocommerce table.shop_table tfoot tr th {
    color: var(--snl-brass) !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    text-transform: uppercase !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.07em !important;
}

/* ================================================================
   10. WOOCOMMERCE — NOTICES & MESSAGES
   ================================================================ */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice {
    font-family: 'Lora', Georgia, serif !important;
    border-radius: var(--snl-radius) !important;
    border-top: none !important;
    padding: 14px 20px !important;
}
.woocommerce-message {
    background-color: rgba(74, 124, 74, 0.1) !important;
    border: 1px solid #4a7c4a !important;
    color: #7ecf7e !important;
}
.woocommerce-info {
    background-color: rgba(154, 122, 58, 0.12) !important;
    border: 1px solid var(--snl-brass) !important;
    color: var(--snl-brass) !important;
}
.woocommerce-error {
    background-color: rgba(158, 11, 0, 0.12) !important;
    border: 1px solid var(--snl-red) !important;
    color: #e06060 !important;
    list-style: none !important;
    padding-left: 20px !important;
}
.woocommerce-message::before,
.woocommerce-info::before {
    display: none !important;
}

/* ================================================================
   11. WOOCOMMERCE — MY ACCOUNT
   ================================================================ */
.woocommerce-account .woocommerce-MyAccount-navigation {
    background-color: var(--snl-card-bg) !important;
    border: 1px solid var(--snl-border) !important;
    border-radius: var(--snl-radius) !important;
    overflow: hidden !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid var(--snl-border) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 12px 20px !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: var(--snl-steel) !important;
    transition: background-color var(--snl-transition), color var(--snl-transition) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: var(--snl-red) !important;
    color: var(--snl-light) !important;
}

/* ================================================================
   12. ELEMENTOR OVERRIDES
   ================================================================ */

/* Section / container backgrounds */
.elementor-section,
.elementor-container,
.e-container,
.elementor-column,
.elementor-widget-wrap {
    --e-global-color-primary:   #9e0b00 !important;
    --e-global-color-secondary: #141413 !important;
    --e-global-color-text:      #faf9f5 !important;
    --e-global-color-accent:    #9a7a3a !important;
}

/* Elementor text widget */
.elementor-widget-text-editor p,
.elementor-widget-text-editor li {
    color: var(--snl-steel) !important;
    font-family: 'Lora', Georgia, serif !important;
}

/* Elementor divider */
.elementor-divider-separator {
    border-color: var(--snl-red) !important;
}

/* Elementor icon boxes */
.elementor-icon-box-title {
    color: var(--snl-light) !important;
    font-family: 'Poppins', Arial, sans-serif !important;
}
.elementor-icon-box-description {
    color: var(--snl-steel) !important;
}
.elementor-icon i,
.elementor-icon svg {
    color: var(--snl-red) !important;
    fill: var(--snl-red) !important;
}

/* Elementor image box */
.elementor-image-box-title {
    color: var(--snl-light) !important;
    font-family: 'Poppins', Arial, sans-serif !important;
}
.elementor-image-box-description {
    color: var(--snl-steel) !important;
}

/* Elementor accordion / toggle */
.elementor-accordion .elementor-tab-title,
.elementor-toggle .elementor-tab-title {
    background-color: var(--snl-gunmetal) !important;
    color: var(--snl-light) !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    border-color: var(--snl-border) !important;
}
.elementor-accordion .elementor-tab-title.elementor-active,
.elementor-toggle .elementor-tab-title.elementor-active {
    color: var(--snl-red) !important;
    border-left: 3px solid var(--snl-red) !important;
}
.elementor-accordion .elementor-tab-content,
.elementor-toggle .elementor-tab-content {
    background-color: var(--snl-card-bg) !important;
    border-color: var(--snl-border) !important;
    color: var(--snl-steel) !important;
}

/* Elementor tabs */
.elementor-tabs .elementor-tab-title {
    color: var(--snl-steel) !important;
    background-color: var(--snl-gunmetal) !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    border-color: var(--snl-border) !important;
}
.elementor-tabs .elementor-tab-title.elementor-active {
    color: var(--snl-light) !important;
    background-color: var(--snl-dark) !important;
    border-top: 2px solid var(--snl-red) !important;
}

/* Elementor counter */
.elementor-counter .elementor-counter-number-wrapper {
    color: var(--snl-red) !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-weight: 700 !important;
}
.elementor-counter .elementor-counter-title {
    color: var(--snl-steel) !important;
    font-family: 'Lora', Georgia, serif !important;
}

/* ================================================================
   13. HEADER / FOOTER
   ================================================================ */
header,
.site-header,
#masthead,
.header-area,
.main-header {
    background-color: var(--snl-dark) !important;
    border-bottom: 2px solid var(--snl-red) !important;
}

footer,
.site-footer,
#colophon,
.footer-area {
    background-color: #0d0d0c !important;
    border-top: 2px solid var(--snl-red) !important;
    color: var(--snl-steel) !important;
}

footer a,
.site-footer a {
    color: var(--snl-steel) !important;
}
footer a:hover,
.site-footer a:hover {
    color: var(--snl-red) !important;
}

/* ================================================================
   14. PAGINATION
   ================================================================ */
.woocommerce nav.woocommerce-pagination ul,
.page-numbers {
    display: flex !important;
    gap: 4px !important;
    list-style: none !important;
    padding: 0 !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.page-numbers li a,
.page-numbers li span {
    background-color: var(--snl-gunmetal) !important;
    color: var(--snl-steel) !important;
    border: 1px solid var(--snl-border) !important;
    border-radius: var(--snl-radius) !important;
    padding: 8px 14px !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: background-color var(--snl-transition), color var(--snl-transition) !important;
    display: block !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.page-numbers li a:hover {
    background-color: var(--snl-red) !important;
    color: var(--snl-light) !important;
    border-color: var(--snl-red) !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.page-numbers li span.current {
    background-color: var(--snl-red) !important;
    color: var(--snl-light) !important;
    border-color: var(--snl-red) !important;
}

/* ================================================================
   15. SCROLLBAR
   ================================================================ */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--snl-dark); }
::-webkit-scrollbar-thumb { background: var(--snl-gunmetal); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--snl-red); }

/* ================================================================
   16. SELECTION
   ================================================================ */
::selection {
    background-color: var(--snl-red) !important;
    color: var(--snl-light) !important;
}

/* ================================================================
   17. UTILITY CLASSES
   ================================================================ */
.snl-text-red    { color: var(--snl-red) !important; }
.snl-text-brass  { color: var(--snl-brass) !important; }
.snl-text-steel  { color: var(--snl-steel) !important; }
.snl-text-light  { color: var(--snl-light) !important; }
.snl-bg-dark     { background-color: var(--snl-dark) !important; }
.snl-bg-card     { background-color: var(--snl-card-bg) !important; }
.snl-border-red  { border-color: var(--snl-red) !important; }
.snl-uppercase   { text-transform: uppercase !important; letter-spacing: 0.08em !important; }

/* ================================================================
   END SENTINEL BRAND OVERRIDE CSS
   ================================================================ */