/*
Theme Name: Mega Lab Peptides Child
Theme URI: https://megalabpeptides.com
Description: Mega Lab Peptides child theme — built on Blocksy Pro
Author: Aaron Bassi
Template: blocksy
Version: 1.0.0
*/

/* ═══════════════════════════════════════
   Mega Lab Peptides — CHILD THEME CSS
   All overrides go here.
   Base design tokens are set via
   Appearance → Customizer → Additional CSS
   ─────────────────────────────────────
   DO NOT override these tokens here —
   set them in the Customizer so they
   remain editable without touching code.
═══════════════════════════════════════ */

/* ── GLOBAL RESETS ── */
* { box-sizing: border-box; }

/* ── FONT IMPORT ── */
/* Plus Jakarta Sans + Space Mono — loaded via Blocksy Google Fonts setting
   If not available via theme, uncomment below: */
/*
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
*/

/* ── BUTTON OVERRIDES ── */
/* Ensure all WooCommerce buttons match our design system */
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button,
.woocommerce #place_order {
    border-radius: var(--wp-btn-radius, 0px) !important;
    font-family: var(--f-display) !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

.woocommerce button.button.alt,
.woocommerce #place_order {
    background: var(--c-primary) !important;
    color: #fff !important;
}

.woocommerce button.button.alt:hover,
.woocommerce #place_order:hover {
    background: var(--c-primary-h, #00ccf0) !important;
}

/* ── WOOCOMMERCE PRODUCT CARDS ── */
.woocommerce ul.products li.product {
    border: 1px solid var(--c-border) !important;
    border-radius: var(--wp-card-radius, 0px) !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}

.woocommerce ul.products li.product:hover {
    box-shadow: 0 12px 40px rgba(0, 180, 216, 0.12) !important;
    transform: translateY(-3px) !important;
}

/* ── PRICE STYLING ── */
.woocommerce .price,
.woocommerce .woocommerce-Price-amount {
    font-family: var(--f-display) !important;
    font-weight: 700 !important;
    color: var(--c-text) !important;
}

/* ── FORM INPUTS ── */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce textarea,
.woocommerce select {
    border-radius: var(--wp-input-radius, 0px) !important;
    border: 1.5px solid var(--c-border) !important;
    font-family: var(--f-display) !important;
    transition: border-color 0.2s !important;
}

.woocommerce input[type="text"]:focus,
.woocommerce input[type="email"]:focus {
    border-color: var(--c-primary) !important;
    box-shadow: 0 0 0 3px rgba(0, 180, 216, 0.1) !important;
    outline: none !important;
}

/* ── NOTICES / ALERTS ── */
.woocommerce-message {
    border-top-color: var(--c-primary) !important;
}

/* ── ADD CUSTOM SECTION STYLES BELOW ── */
/* Each custom section has its own CSS file in /custom-css/
   Enqueued via functions.php — see /php-snippets/enqueue.php */

/* ============================================
   MEGA LAB HEADER LOGO — TEXT TREATMENT
   ============================================ */

.site-title a,
.site-title a:visited {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  line-height: 1;
  gap: 2px;
}

.site-title a::before {
  content: "MEGA LAB";
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.12em;
  color: #0a1628;
  line-height: 1;
}

.site-title a::after {
  content: "PEPTIDES · RESEARCH ONLY";
  font-family: 'Space Mono', monospace;
  font-size: 8px;
  letter-spacing: 0.28em;
  color: #00b4d8;
  line-height: 1;
}

.site-title a span {
  display: none;
}

.site-title a,
.site-title a:visited,
.site-title a:hover {
  color: transparent;
  font-size: 0;
}

/* Hide Blocksy default footer bar */
.ct-footer {
  display: none !important;
}


/* ============================================
   CHECKOUT — FULL WIDTH FIX
   Forces Blocksy's article/hentry containers
   to release their max-width on checkout only
   ============================================ */
.woocommerce-checkout article.hentry,
.woocommerce-checkout .hentry,
.woocommerce-checkout article {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.woocommerce-checkout .entry-content {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.woocommerce-checkout .entry-header,
.woocommerce-checkout h1.entry-title {
    display: none !important;
}