/*
Theme Name: Trenz Theme
Theme URI: https://trenzagency.com/
Author: Trenz Agency
Author URI: https://trenzagency.com/
Description: A premium, highly customizable, and high-performance custom WordPress theme for Trenz Agency.
Version: 1.0.12
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: trenz-theme
*/

body {
  background-color: #131313;
  color: #ffffff;
  font-family: 'Hanken Grotesk', 'Segoe UI', Arial, sans-serif;
}

/* Adjust fixed header when WordPress Admin Bar is showing */
.admin-bar header {
  top: 32px !important;
}

@media screen and (max-width: 782px) {
  .admin-bar header {
    top: 46px !important;
  }
}

.text-gradient {
  background: linear-gradient(to right, #ffffff, #ccff00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nav-link:hover {
  color: #ccff00;
  transition: color 0.3s ease;
}

/* ==========================================================================
   WooCommerce Dark Mode Overrides
   ========================================================================== */
.woocommerce, .woocommerce-page {
  color: #ffffff;
}

/* Shop Controls */
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
  background-color: #1c1b1b !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  outline: none !important;
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
  color: #9ca3af !important;
}

/* WooCommerce Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button {
  background-color: #ccff00 !important;
  color: #131313 !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  transition: all 0.3s ease !important;
  border: none !important;
  text-transform: uppercase !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #content input.button:hover {
  background-color: #ffffff !important;
  color: #131313 !important;
  transform: scale(1.02) !important;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce #content input.button.alt {
  background-color: #ccff00 !important;
  color: #131313 !important;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce #content input.button.alt:hover {
  background-color: #ffffff !important;
  color: #131313 !important;
}

/* Forms & Fields */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce select,
.woocommerce-page select {
  background-color: #131313 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  padding: 12px !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce select:focus {
  border-color: #ccff00 !important;
  outline: none !important;
}

/* Notices & Messages */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews {
  background-color: #1c1b1b !important;
  color: #ffffff !important;
  border-top-color: #ccff00 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  padding: 16px 24px !important;
}

.woocommerce-error {
  border-top-color: #ff3333 !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
  color: #ccff00 !important;
}

.woocommerce-error::before {
  color: #ff3333 !important;
}

/* Quantity Selector */
.woocommerce .quantity .qty {
  background-color: #131313 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  padding: 8px !important;
}

/* Tables (Cart, Checkout) */
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
  background-color: #1c1b1b !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
  background-color: #131313 !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  color: #d1d5db !important;
}

/* Cart Subtotals / Checkout Totals */
.cart_totals,
.woocommerce-checkout-review-order {
  background-color: #1c1b1b !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 12px !important;
  padding: 24px !important;
}

.cart_totals h2,
#order_review_heading {
  color: #ffffff !important;
  font-weight: 700 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding-bottom: 12px !important;
  margin-bottom: 20px !important;
}

/* WooCommerce Single Product Specifics */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #ccff00 !important;
}

.woocommerce div.product .product_title {
  color: #ffffff !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background-color: #131313 !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-bottom: 0 !important;
  border-radius: 8px 8px 0 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background-color: #1c1b1b !important;
  border-bottom: 1px solid #ccff00 !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
  background-color: #1c1b1b !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 0 0 12px 12px !important;
  padding: 24px !important;
}

/* ==========================================================================
   Lenis Smooth Scrolling Layout
   ========================================================================== */
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* ==========================================================================
   Page Loader Styling
   ========================================================================== */
#page-loader {
  transition: transform 1.2s cubic-bezier(0.85, 0, 0.15, 1);
  will-change: transform;
}

.hero-wrapper {
  background-color: #131313;
  /* Premium subtle dark radial gradient/mesh background */
  background-image: radial-gradient(circle at 10% 20%, rgba(204, 255, 0, 0.05) 0%, transparent 40%),
                    radial-gradient(circle at 90% 80%, rgba(204, 255, 0, 0.03) 0%, transparent 40%);
}