/*
Theme Name: xmr-pay Skin
Theme URI: https://xmrpay.shop
Description: Brutalist GOXMR skin for the xmr-pay WooCommerce demo store. Child of Twenty Twenty-Five — pure black, Monero orange, Space Grotesk + JetBrains Mono, hard offset shadows.
Author: SlowBearDigger
Author URI: https://x.com/SlowBearDigger
Template: twentytwentyfive
Version: 1.0.1
License: GNU General Public License v2 or later
Text Domain: xmrpay-skin
*/

:root{
  --xo:#ff6600; --xink:#fff; --xbg:#000; --xpanel:#0a0a0a;
  --xline:rgba(255,255,255,.22); --xmut:#8b8b8b;
  --xmono:"JetBrains Mono",ui-monospace,monospace;
  --xsans:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;
}

/* ── base ─────────────────────────────────────────────────────────────── */
body{
  background:var(--xbg) !important;
  color:var(--xink);
  font-family:var(--xsans);
  -webkit-font-smoothing:antialiased;
}
/* asymmetric grid texture, GOXMR-style */
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:radial-gradient(120% 90% at 70% -10%,#000 30%,transparent 80%);
          mask-image:radial-gradient(120% 90% at 70% -10%,#000 30%,transparent 80%);
}
.wp-site-blocks{position:relative; z-index:1}

h1,h2,h3,h4,h5,.wp-block-heading,.wp-block-post-title,.woocommerce-loop-product__title,.product_title{
  font-family:var(--xsans) !important; font-weight:700 !important; letter-spacing:-.02em;
}
a{color:var(--xo)}
a:hover{color:var(--xink)}

/* tiny mono labels for store chrome */
.woocommerce-breadcrumb,.woocommerce-result-count,.woocommerce-ordering,
.wp-block-site-title,.wc-block-components-product-rating{
  font-family:var(--xmono) !important;
}

/* ── buttons (classic + blocks + woo) ─────────────────────────────────── */
.wp-element-button,.wp-block-button__link,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,
button.single_add_to_cart_button,
.wc-block-components-button,.wp-block-woocommerce-cart-order-summary-block .wc-block-components-button{
  background:var(--xo) !important; color:#000 !important;
  border:2px solid var(--xink) !important; border-radius:0 !important;
  box-shadow:4px 4px 0 0 var(--xink);
  font-family:var(--xmono) !important; font-weight:700 !important;
  text-transform:uppercase; letter-spacing:.04em;
  transition:transform .12s,box-shadow .12s; padding:12px 18px;
}
.wp-element-button:hover,.wp-block-button__link:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,
button.single_add_to_cart_button:hover,.wc-block-components-button:hover{
  transform:translate(3px,3px); box-shadow:1px 1px 0 0 var(--xink); color:#000 !important;
}

/* ── inputs ───────────────────────────────────────────────────────────── */
.woocommerce form .form-row input.input-text,
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=search],
input[type=password],input[type=url],select,textarea,
.wc-block-components-text-input input,.wc-block-components-select__select{
  background:#0d0d0d !important; color:var(--xink) !important;
  border:2px solid var(--xline) !important; border-radius:0 !important;
  font-family:var(--xmono) !important;
}
input:focus,select:focus,textarea:focus,.wc-block-components-text-input input:focus{
  border-color:var(--xo) !important; outline:none !important; box-shadow:none !important;
}
::placeholder{color:var(--xmut)}
label,.wc-block-components-text-input label{color:var(--xink)}

/* ── product grid / cards ─────────────────────────────────────────────── */
ul.products li.product,.wc-block-grid__product,
.wp-block-woocommerce-product-template li.product,.products .product{
  background:var(--xpanel); border:1px solid var(--xline);
  padding:14px; transition:border-color .12s,box-shadow .12s;
}
ul.products li.product:hover,.wp-block-woocommerce-product-template li.product:hover{
  border-color:var(--xink); box-shadow:5px 5px 0 0 var(--xo);
}
.price,.woocommerce-Price-amount,.wc-block-components-product-price{
  color:var(--xo) !important; font-family:var(--xmono) !important; font-weight:700;
}

/* ── single product ───────────────────────────────────────────────────── */
.woocommerce div.product .quantity .qty{text-align:center}
.single-product .product_title{font-size:clamp(28px,5vw,46px)}

/* ── cart / checkout tables ───────────────────────────────────────────── */
.woocommerce table.shop_table,.woocommerce-cart table.cart,
.wc-block-components-totals-wrapper,.wp-block-woocommerce-checkout-order-summary-block{
  border:2px solid var(--xline) !important; border-radius:0 !important; background:var(--xpanel);
}
.woocommerce table.shop_table th{font-family:var(--xmono); text-transform:uppercase; letter-spacing:.06em; font-size:12px}

/* ── notices ──────────────────────────────────────────────────────────── */
.woocommerce-message,.woocommerce-info,.woocommerce-error,
.wc-block-components-notice-banner{
  border:2px solid var(--xline) !important; border-left:4px solid var(--xo) !important;
  border-radius:0 !important; background:var(--xpanel) !important; color:var(--xink) !important;
}
.woocommerce-message::before,.woocommerce-info::before{color:var(--xo)}

/* ── the xmr-pay payment panel (plugin) ───────────────────────────────── */
.xmrpay-panel{
  border:2px solid var(--xink) !important; box-shadow:5px 5px 0 0 var(--xo);
  background:var(--xpanel) !important; padding:18px !important;
}
.xmrpay-panel h2,.xmrpay-panel h3{font-family:var(--xsans)}
#xmrpay-status{font-family:var(--xmono) !important}

/* ── header / footer chrome ───────────────────────────────────────────── */
.wp-block-site-title a{font-family:var(--xsans) !important; font-weight:700}
.wp-block-navigation{font-family:var(--xmono); text-transform:uppercase; letter-spacing:.06em; font-size:13px}

/* keep media readable on the dark canvas */
img{background:transparent}

/* ── payment methods (classic checkout) ───────────────────────────────── */
.woocommerce ul.payment_methods{
  border:2px solid var(--xline) !important; background:var(--xpanel) !important; padding:14px 16px;
}
.woocommerce ul.payment_methods li label{font-family:var(--xmono); font-weight:700}
/* the gateway icon must stay small, not span the whole column */
.woocommerce .wc_payment_method img,.woocommerce li.payment_method_xmrpay img,
.woocommerce ul.payment_methods li img{
  max-height:26px !important; width:auto !important; display:inline-block !important;
  vertical-align:middle; margin:0 0 0 8px; float:none !important;
}
.woocommerce .payment_box,.woocommerce ul.payment_methods li .payment_box{
  background:#0d0d0d !important; color:var(--xink) !important;
  border:1px solid var(--xline) !important; border-radius:0 !important;
}
.woocommerce .payment_box::before{border-bottom-color:#0d0d0d !important; border-top-color:#0d0d0d !important}

/* ── select2 dropdowns (country / state) ──────────────────────────────── */
.select2-container--default .select2-selection--single{
  background:#0d0d0d !important; border:2px solid var(--xline) !important;
  border-radius:0 !important; height:auto !important; padding:6px 4px; color:var(--xink) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--xink) !important; font-family:var(--xmono)}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:8px}
.select2-dropdown{background:#0d0d0d !important; border:2px solid var(--xline) !important; color:var(--xink) !important}
.select2-search--dropdown .select2-search__field{background:#0a0a0a !important; border:2px solid var(--xline) !important; color:var(--xink) !important; font-family:var(--xmono)}
.select2-results__option{color:var(--xink) !important}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--xo) !important; color:#000 !important}