/*
Theme Name: Mineracks Storefront
Theme URI: https://mineracks.cloud
Author: mineracks
Author URI: https://mineracks.cloud
Description: A bold, drenched-colour WooCommerce block theme — claret surface, bone type, honey-gold accents, oversized Bricolage Grotesque display. The default storefront look for shops provisioned on mineracks.cloud. Merchants can recolour everything from the Site Editor.
Requires at least: 6.1
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mrcloud-storefront
Tags: e-commerce, full-site-editing, block-patterns, custom-colors, custom-menu, wide-blocks
*/

/* ===========================================================================
   Most of the visual system lives in theme.json (palette / type / spacing) so
   every WooCommerce block inherits it. This stylesheet carries the "bold" that
   theme.json can't express: oversized display, drenched sections, product-card
   treatment, header/footer, and WooCommerce polish (classic + block markup).
   =========================================================================== */

:root{
  --mr-wine:#7E1533; --mr-wine-deep:#5C0F25; --mr-wine-bright:#97183C;
  --mr-bone:#F6ECDC; --mr-bone-dim:#E4D4BC; --mr-ink:#33091A;
  --mr-gold:#F3B93E; --mr-gold-deep:#DE9E23;
  --mr-line:rgba(246,236,220,.16); --mr-line-strong:rgba(246,236,220,.34);
  --mr-display:"Bricolage Grotesque","Poppins",system-ui,sans-serif;
  --mr-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}

body{background:var(--mr-wine);color:var(--mr-bone);font-family:var(--mr-body);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:.005em}
a{color:inherit}
::selection{background:var(--mr-gold);color:var(--mr-ink)}
::-moz-selection{background:var(--mr-gold);color:var(--mr-ink)}

/* display type — oversized, tight, confident */
h1,h2,h3,.mr-display,.wp-block-post-title,.wc-block-components-product-name{
  font-family:var(--mr-display);font-weight:800;letter-spacing:-.03em;line-height:1.02;text-wrap:balance}
h1{font-size:clamp(2.7rem,7.5vw,5.6rem)}
h2{font-size:clamp(2rem,4.4vw,3.4rem);letter-spacing:-.028em}
h3{font-size:clamp(1.3rem,2.2vw,1.75rem);letter-spacing:-.02em;line-height:1.08}
p{text-wrap:pretty}

/* the honey-gold accent for text moments */
.has-gold-color,.mr-gold{color:var(--mr-gold)!important}

/* ── buttons: gold fill, ink text, chunky ── */
.wp-element-button,.wp-block-button__link,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce a.button.alt,.woocommerce button.button.alt,
.wc-block-components-button{
  background:var(--mr-gold)!important;color:var(--mr-ink)!important;border:0!important;
  font-family:var(--mr-body)!important;font-weight:700!important;letter-spacing:.01em;
  border-radius:999px!important;padding:.85em 1.6em!important;line-height:1.1!important;
  box-shadow:0 12px 30px -14px rgba(0,0,0,.55);transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s;
  text-transform:none!important}
.wp-block-button__link:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.wc-block-components-button:hover{
  background:var(--mr-gold-deep)!important;transform:translateY(-2px)}
/* ghost/secondary button on the drench */
.is-style-outline .wp-block-button__link,.mr-btn-ghost{
  background:transparent!important;color:var(--mr-bone)!important;
  border:1.5px solid var(--mr-line-strong)!important;box-shadow:none}
.is-style-outline .wp-block-button__link:hover{border-color:var(--mr-bone)!important;background:rgba(246,236,220,.06)!important}

/* ── header ── */
.mr-topbar{background:var(--mr-wine-deep);color:var(--mr-bone-dim);
  font-family:var(--mr-body);font-size:12.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.mr-topbar .wp-block-group{padding-top:.5rem;padding-bottom:.5rem}
.mr-header{border-bottom:1px solid var(--mr-line);background:var(--mr-wine)}
.mr-brand,.wp-block-site-title{font-family:var(--mr-display)!important;font-weight:800!important;
  letter-spacing:-.03em!important;font-size:1.55rem!important}
.mr-brand a,.wp-block-site-title a{color:var(--mr-bone)!important;text-decoration:none!important}
.wp-block-navigation{font-family:var(--mr-body);font-weight:600;font-size:.95rem;letter-spacing:.01em}
.wp-block-navigation a{color:var(--mr-bone)!important}
.wp-block-navigation a:hover{color:var(--mr-gold)!important}

/* ── drenched section helpers (used by patterns) ── */
.mr-drench-deep{background:var(--mr-wine-deep)}
.mr-drench-bright{background:var(--mr-wine-bright)}
.mr-band-bone{background:var(--mr-bone);color:var(--mr-ink)}
.mr-band-bone h1,.mr-band-bone h2,.mr-band-bone h3{color:var(--mr-ink)}
.mr-eyebrow{font-family:var(--mr-body);font-weight:700;font-size:.8rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--mr-gold)}
.mr-rule{height:1px;background:var(--mr-line-strong);border:0;margin:0}

/* hero image framing */
.mr-hero-media img{border-radius:14px;box-shadow:0 50px 90px -40px rgba(0,0,0,.6)}

/* ── WooCommerce: product cards (classic markup) ── */
.woocommerce ul.products,.woocommerce-page ul.products{
  display:grid!important;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.2vw,26px);margin:0!important}
/* kill WooCommerce's clearfix pseudo-elements — in a grid they become phantom cells that offset the products */
.woocommerce ul.products::before,.woocommerce ul.products::after,
.woocommerce-page ul.products::before,.woocommerce-page ul.products::after{content:none!important;display:none!important}
.woocommerce ul.products.columns-3{grid-template-columns:repeat(3,1fr)}
.woocommerce ul.products.columns-2{grid-template-columns:repeat(2,1fr)}
.woocommerce ul.products.columns-1{grid-template-columns:1fr}
@media(max-width:1000px){.woocommerce ul.products,.woocommerce ul.products.columns-4,.woocommerce ul.products.columns-3{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.woocommerce ul.products,.woocommerce ul.products.columns-4,.woocommerce ul.products.columns-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.woocommerce ul.products,.woocommerce ul.products.columns-4,.woocommerce ul.products.columns-3,.woocommerce ul.products.columns-2{grid-template-columns:1fr}}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  background:var(--mr-bone);color:var(--mr-ink);border-radius:16px;padding:16px 16px 20px;
  margin:0!important;width:auto!important;float:none!important;display:flex;flex-direction:column;
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{margin-top:auto}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.7)}
.woocommerce ul.products li.product a img{border-radius:10px;margin-bottom:14px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--mr-display)!important;font-weight:700;font-size:1.12rem!important;color:var(--mr-ink);padding:0!important}
.woocommerce ul.products li.product .price{color:var(--mr-wine)!important;font-weight:800;font-family:var(--mr-body)}
.woocommerce ul.products li.product .price del{color:rgba(51,9,24,.45)!important;font-weight:500}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce span.onsale,.wc-block-components-product-sale-badge{
  background:var(--mr-gold)!important;color:var(--mr-ink)!important;border-radius:999px;font-weight:700;
  min-height:0;min-width:0;padding:.3em .8em;font-family:var(--mr-body)}

/* ── WooCommerce: product grid (block markup / Product Collection) ── */
.wp-block-woocommerce-product-template,.wc-block-grid__products,.wp-block-post-template{gap:clamp(16px,2.2vw,28px)}
.wc-block-grid__product,.wp-block-woocommerce-product-template li,.products-block-post-template li{
  background:var(--mr-bone);color:var(--mr-ink);border-radius:16px;padding:16px 16px 20px;
  transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;list-style:none}
.wc-block-grid__product:hover,.wp-block-woocommerce-product-template li:hover{
  transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(0,0,0,.7)}
.wc-block-grid__product-title,.wp-block-woocommerce-product-template .wp-block-post-title,
.wc-block-components-product-name{color:var(--mr-ink)!important;font-family:var(--mr-display)!important;font-weight:700}
.wc-block-grid__product-price,.wp-block-woocommerce-product-price,.wc-block-components-product-price{
  color:var(--mr-wine)!important;font-weight:800}
.wc-block-grid__product img,.wp-block-woocommerce-product-image img{border-radius:10px}

/* single product + cart/checkout: keep the drench, put the working surfaces on bone */
.woocommerce div.product .product_title{color:var(--mr-bone)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--mr-gold);font-weight:800}
.woocommerce-tabs,.woocommerce table.shop_table,.woocommerce .cart-collaterals .cart_totals,
.wc-block-components-sidebar,.wp-block-woocommerce-checkout-order-summary-block,
.woocommerce-checkout #payment,.woocommerce form.checkout_coupon,.woocommerce-info,.woocommerce-message{
  background:var(--mr-bone);color:var(--mr-ink);border-radius:14px}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{color:var(--mr-ink);border-color:rgba(51,9,24,.12)}
.woocommerce-message,.woocommerce-info{border-top:3px solid var(--mr-gold)}
.woocommerce .quantity input.qty,.wc-block-components-quantity-selector{
  background:#fff;color:var(--mr-ink);border-radius:10px;border:1px solid rgba(51,9,24,.15)}
.woocommerce-breadcrumb{color:var(--mr-bone-dim)}
.woocommerce-breadcrumb a{color:var(--mr-gold)}

/* forms on the drench */
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],
input[type=number],textarea,select,.wc-block-components-text-input input{
  border-radius:10px}

/* ── footer ── */
.mr-footer{background:var(--mr-wine-deep);color:var(--mr-bone-dim);border-top:1px solid var(--mr-line)}
.mr-footer a{color:var(--mr-bone-dim);text-decoration:none}
.mr-footer a:hover{color:var(--mr-gold)}
.mr-footer .mr-brand,.mr-footer .wp-block-site-title{color:var(--mr-bone)!important}
.mr-footer h3{font-family:var(--mr-body)!important;font-weight:700;font-size:.8rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mr-bone);opacity:.65}
.mr-powered{font-size:12.5px;letter-spacing:.02em}
.mr-powered a{color:var(--mr-gold)}

/* marquee strip (optional trust bar) */
.mr-strip{font-family:var(--mr-body);font-weight:700;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase}
.mr-strip .mr-dot{color:var(--mr-gold)}

/* reduce motion */
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}