/* ── OCYL Merch Dark Theme Override ──
 * Overrides WordPress Twenty Twenty-Five light theme to match OCYL brand.
 * Deployed to: merch.ocyl.ai/wp-content/themes/twentytwentyfive/ocyl-merch-dark.css
 * Enqueued by: wp-content/mu-plugins/ocyl-merch-brand.php
 * Version: 1.0.0
 */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Sora:wght@400;500;600;700&display=swap');

/* == Root Variable Overrides == */
:root {
  --wp--preset--color--base: #0a0a0a;
  --wp--preset--color--contrast: #ffffff;
  --wp--preset--color--primary: #39ff14;
  --wp--preset--color--secondary: #111111;
  --wp--preset--color--tertiary: #1a1a1a;
}

/* == Body & Global == */
body {
  background-color: #0a0a0a !important;
  color: #ffffff !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* == Header / Site Title == */
.wp-site-title a,
.site-title a,
.wp-block-site-title a {
  color: #ffffff !important;
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 0.1em;
  text-decoration: none !important;
}

/* == Navigation == */
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content {
  color: #b0b0b0 !important;
  font-family: 'Inter', sans-serif !important;
}

.wp-block-navigation a:hover,
.wp-block-navigation .wp-block-navigation-item__content:hover {
  color: #39ff14 !important;
}

/* == WooCommerce Product Cards == */
.wc-block-grid__product,
.products .product,
li.product {
  background: #111111 !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 12px !important;
  padding: 1.5rem !important;
  transition: all 250ms ease !important;
}

.wc-block-grid__product:hover,
.products .product:hover,
li.product:hover {
  border-color: rgba(57, 255, 20, 0.2) !important;
  box-shadow: 0 0 24px rgba(57, 255, 20, 0.08) !important;
  transform: translateY(-2px) !important;
}

/* == Product Titles == */
.wc-block-grid__product-title,
.woocommerce-loop-product__title,
h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #ffffff !important;
  font-family: 'Sora', sans-serif !important;
  font-weight: 600 !important;
}

/* == Prices == */
.wc-block-grid__product-price,
.woocommerce-Price-amount,
.price,
.woocommerce ul.products li.product .price {
  color: #39ff14 !important;
  font-family: 'Sora', sans-serif !important;
  font-weight: 700 !important;
}

/* == Buttons — Primary (Add to Cart, Checkout) == */
.wp-block-button__link,
.wc-block-grid__product-add-to-cart .wp-block-button__link,
.button,
a.button,
button.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.single_add_to_cart_button,
.checkout-button,
.wc-block-components-button,
.added_to_cart,
a.added_to_cart {
  background-color: #39ff14 !important;
  color: #0a0a0a !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  border: none !important;
  border-radius: 8px !important;
  transition: all 250ms ease !important;
  text-decoration: none !important;
  padding: 0.75rem 1.5rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.wc-block-components-button:hover {
  background-color: #4dff2a !important;
  box-shadow: 0 0 15px rgba(57, 255, 20, 0.4) !important;
  transform: translateY(-1px) !important;
}

/* == Secondary / Outline Buttons == */
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background-color: #39ff14 !important;
  color: #0a0a0a !important;
}

/* == Product Images == */
.wc-block-grid__product-image img,
.woocommerce-product-gallery img,
.attachment-woocommerce_thumbnail,
.wp-post-image {
  border-radius: 8px !important;
  border: 1px solid #2a2a2a !important;
}

/* == Single Product Page == */
.single-product .summary .product_title,
.single-product .entry-title {
  color: #ffffff !important;
  font-family: 'Sora', sans-serif !important;
}

.single-product .summary .woocommerce-product-details__short-description,
.single-product .summary .woocommerce-product-details__short-description p {
  color: #b0b0b0 !important;
}

.woocommerce-tabs .tabs li a {
  color: #b0b0b0 !important;
}

.woocommerce-tabs .tabs li.active a,
.woocommerce-tabs .tabs li a:hover {
  color: #39ff14 !important;
}

.woocommerce-tabs .panel,
.woocommerce-Tabs-panel {
  background: #111111 !important;
  color: #b0b0b0 !important;
}

/* == Cart & Checkout == */
.woocommerce-cart .cart_item,
.woocommerce table.cart td,
.woocommerce table.shop_table td {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #2a2a2a !important;
}

.woocommerce table.cart th,
.woocommerce table.shop_table th {
  color: #b0b0b0 !important;
  border-color: #2a2a2a !important;
  background: #0a0a0a !important;
}

.woocommerce table.shop_table {
  border-color: #2a2a2a !important;
}

.cart_totals,
.woocommerce-checkout #order_review {
  background: #111111 !important;
  border-radius: 12px !important;
  border: 1px solid #2a2a2a !important;
}

/* == Form 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,
.woocommerce select,
.woocommerce textarea,
.wc-block-components-text-input input,
.wc-block-components-combobox input {
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #39ff14 !important;
  outline: none !important;
  box-shadow: 0 0 8px rgba(57, 255, 20, 0.15) !important;
}

label,
.wc-block-components-text-input label,
.woocommerce form .form-row label {
  color: #b0b0b0 !important;
}

/* == Breadcrumbs == */
.woocommerce-breadcrumb {
  color: #707070 !important;
}

.woocommerce-breadcrumb a {
  color: #b0b0b0 !important;
}

.woocommerce-breadcrumb a:hover {
  color: #39ff14 !important;
}

/* == Footer == */
footer,
.wp-block-template-part footer,
.wp-block-group.has-background {
  background: #111111 !important;
  border-top: 1px solid #2a2a2a !important;
  color: #707070 !important;
}

footer a,
.wp-block-template-part footer a {
  color: #707070 !important;
}

footer a:hover {
  color: #39ff14 !important;
}

/* == Notices & Messages == */
.woocommerce-info,
.woocommerce-message,
.wc-block-components-notice-banner {
  background: #1a1a1a !important;
  border-left-color: #39ff14 !important;
  color: #ffffff !important;
}

.woocommerce-error {
  background: #1a1a1a !important;
  border-left-color: #ef4444 !important;
  color: #ffffff !important;
}

/* == Star Ratings == */
.star-rating span::before {
  color: #39ff14 !important;
}

/* == Quantity Inputs == */
.quantity .qty,
.wc-block-components-quantity-selector input {
  background: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #2a2a2a !important;
}

/* == Links == */
.woocommerce a,
.woocommerce-page a {
  color: #39ff14 !important;
}

.woocommerce a:hover,
.woocommerce-page a:hover {
  color: #4dff2a !important;
}

/* == Headings == */
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  color: #ffffff !important;
  font-family: 'Sora', sans-serif !important;
}

/* == Paragraphs & Body Text == */
p, li, span, div {
  color: inherit;
}

.has-contrast-color {
  color: #ffffff !important;
}

/* == Shop Page Title == */
.woocommerce-products-header__title,
.page-title {
  color: #ffffff !important;
  font-family: 'Bebas Neue', sans-serif !important;
  letter-spacing: 0.05em;
}

/* == Result Count & Ordering == */
.woocommerce-result-count {
  color: #707070 !important;
}

.woocommerce-ordering select {
  background: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #2a2a2a !important;
}

/* == Pagination == */
.woocommerce-pagination a,
.woocommerce-pagination span {
  color: #b0b0b0 !important;
  background: #1a1a1a !important;
  border-color: #2a2a2a !important;
}

.woocommerce-pagination .current {
  background: #39ff14 !important;
  color: #0a0a0a !important;
  border-color: #39ff14 !important;
}

/* == Sale Badge == */
.onsale {
  background: #39ff14 !important;
  color: #0a0a0a !important;
  font-weight: 700 !important;
}

/* == Back to Shop == */
.woocommerce .return-to-shop .button {
  background: transparent !important;
  color: #39ff14 !important;
  border: 1.5px solid #39ff14 !important;
}

.woocommerce .return-to-shop .button:hover {
  background: rgba(57, 255, 20, 0.08) !important;
}

/* == Scrollbar == */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #39ff14;
}

/* == Selection == */
::selection {
  background: rgba(57, 255, 20, 0.3);
  color: #ffffff;
}

/* == WordPress Block Editor Overrides == */
.wp-block-cover,
.wp-block-group {
  color: #ffffff !important;
}

.wp-block-separator {
  border-color: #2a2a2a !important;
}

/* == WooCommerce Blocks (newer block-based checkout) == */
.wc-block-checkout__main,
.wc-block-checkout__sidebar {
  color: #ffffff !important;
}

.wc-block-components-order-summary {
  background: #111111 !important;
  border-color: #2a2a2a !important;
}

.wc-block-components-totals-wrapper {
  border-color: #2a2a2a !important;
}

.wc-block-components-totals-item__label {
  color: #b0b0b0 !important;
}

.wc-block-components-totals-item__value {
  color: #39ff14 !important;
}

/* == Remove default theme background patterns == */
body .is-layout-constrained,
body .wp-site-blocks {
  background: #0a0a0a !important;
}