/*
Theme Name:        Boundary X
Theme URI:         https://boundaryx.com.au
Author:            Boundary X
Author URI:        https://boundaryx.com.au
Description:       Premium custom e-commerce theme for Boundary X Australian Cricket Equipment.
Version:           2.6.0
Requires at least: 6.0
Tested up to:      7.1
Requires PHP:      7.4
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       boundaryx
*/

/* ==========================================================================
   Boundary X Design System v2.0
   Brand: Cream / Maroon / Charcoal — Premium Australian Cricket
   ========================================================================== */

:root {

  /* ── Brand Colors ──────────────────────────────────────────────── */
  --bx-maroon:          #88171D;
  --bx-maroon-dark:     #6B0F14;
  --bx-maroon-light:    rgba(136, 23, 29, 0.08);
  --bx-maroon-mid:      rgba(136, 23, 29, 0.15);

  /* ── Backgrounds ───────────────────────────────────────────────── */
  --bx-cream:           #FAF7F2;   /* Global page background       */
  --bx-cream-alt:       #F0E8DD;   /* Section alternate background */
  --bx-cream-border:    #E4DDD5;   /* Borders on cream backgrounds */
  --bx-white:           #FFFFFF;
  --bx-surface:         #FFFFFF;   /* Card / panel surfaces        */

  /* ── Text ──────────────────────────────────────────────────────── */
  --bx-text:            #1A1A1A;
  --bx-text-secondary:  #5C6270;
  --bx-text-muted:      #8C95A0;
  --bx-text-on-dark:    #F5F0EA;

  /* ── Dark Surface (header / footer) ────────────────────────────── */
  --bx-charcoal:        #111318;
  --bx-charcoal-soft:   #1E2330;

  /* ── Borders ───────────────────────────────────────────────────── */
  --bx-border:          #E4DDD5;
  --bx-border-dark:     rgba(17, 19, 24, 0.10);

  /* ── Feedback ──────────────────────────────────────────────────── */
  --bx-success:         #0D5C3A;   /* Availability / stock         */
  --bx-error:           #DC2626;   /* Error states                 */

  /* ── Typography ─────────────────────────────────────────────────── */
  --bx-font-display:    'Anton', 'Bebas Neue', sans-serif;
  --bx-font-body:       'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Type Scale — fluid, proportional */
  --bx-type-hero:       clamp(3.5rem, 6vw, 6rem);       /* Hero H1 (display font) */
  --bx-type-h1:         clamp(1.875rem, 3vw, 2.5rem);   /* Page titles            */
  --bx-type-h2:         clamp(1.375rem, 2.2vw, 1.875rem); /* Section headings     */
  --bx-type-h3:         clamp(1.125rem, 1.8vw, 1.25rem); /* Card headings         */
  --bx-type-h4:         0.9375rem;                       /* Labels / col headings  */
  --bx-type-body:       1rem;                            /* Primary body copy      */
  --bx-type-sm:         0.875rem;                        /* Secondary copy         */
  --bx-type-caption:    0.75rem;                         /* Meta / badges          */

  /* Font Weights — only use these */
  --bx-w-regular:       400;
  --bx-w-medium:        500;
  --bx-w-semibold:      600;
  --bx-w-bold:          700;
  --bx-w-extrabold:     800;

  /* ── Spacing Scale ──────────────────────────────────────────────── */
  --bx-s1:    4px;
  --bx-s2:    8px;
  --bx-s3:    12px;
  --bx-s4:    16px;
  --bx-s5:    20px;
  --bx-s6:    24px;
  --bx-s8:    32px;
  --bx-s10:   40px;
  --bx-s12:   48px;
  --bx-s16:   64px;
  --bx-s20:   80px;
  --bx-s24:   96px;

  /* Section vertical rhythm — all sections use this */
  --bx-section-y:  clamp(56px, 7vw, 88px);

  /* ── Container ──────────────────────────────────────────────────── */
  --bx-container:      1280px;
  --bx-container-pad:  clamp(1rem, 4vw, 2rem);

  /* ── Border Radius — 4 values only ─────────────────────────────── */
  --bx-r-sm:    4px;    /* Buttons, tags, badges          */
  --bx-r-md:    8px;    /* Cards, inputs, panels          */
  --bx-r-lg:    16px;   /* Image containers, large panels */
  --bx-r-pill:  999px;  /* Quantity inputs, category tabs */

  /* ── Shadows ─────────────────────────────────────────────────────── */
  --bx-shadow-sm:  0 1px 3px rgba(17,19,24,0.08), 0 1px 2px rgba(17,19,24,0.04);
  --bx-shadow-md:  0 4px 12px rgba(17,19,24,0.10), 0 2px 6px rgba(17,19,24,0.05);
  --bx-shadow-lg:  0 12px 32px rgba(17,19,24,0.10), 0 4px 12px rgba(17,19,24,0.05);

  /* ── Motion ──────────────────────────────────────────────────────── */
  --bx-ease:    200ms ease;
  --bx-ease-md: 300ms ease;
}

/* ==========================================================================
   Global Reset & Base
   ========================================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--bx-font-body);
  font-size: var(--bx-type-body);
  font-weight: var(--bx-w-regular);
  color: var(--bx-text);
  background: var(--bx-cream);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: var(--bx-font-body);
  font-weight: var(--bx-w-bold);
  line-height: 1.25;
  color: var(--bx-text);
}

p {
  margin: 0 0 1rem;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color var(--bx-ease);
}

button {
  font-family: inherit;
  cursor: pointer;
}

/* Accessibility */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute !important;
  word-wrap: normal !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--bx-maroon);
  outline-offset: 2px;
}

/* ==========================================================================
   Container (single global container)
   ========================================================================== */

.bx-container {
  max-width: var(--bx-container);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--bx-container-pad);
  padding-right: var(--bx-container-pad);
}

@media (max-width: 480px) {
  :root {
    --bx-container-pad: 12px;
  }
}


/* ==========================================================================*/
/* Boundary X — Inline Content Links */
/* Boundary X — Inline Text Links */
.bx-entry-content p a {
	color: #A6192E !important;
	text-decoration: underline !important;
	text-decoration-color: #A6192E !important;
	text-underline-offset: 3px !important;
}

.bx-entry-content p a strong {
	color: #A6192E !important;
	text-decoration: inherit !important;
}


/* =========================================================
   ABOUT US — PRO-CRICK INFO GROUP
========================================================= */

.bx-procrick-info {
	width: 100%;
	box-sizing: border-box;
	padding: 55px 55px 60px !important;
	margin-top: 35px !important;
	margin-bottom: 0 !important;
}


/* =========================================================
   ABOUT US — FINAL FULL-WIDTH COVER
========================================================= */

.bx-procrick-final-cover {
	width: 100vw !important;
	max-width: 100vw !important;

	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;

	padding-left: 0 !important;
	padding-right: 0 !important;

	box-sizing: border-box;
}


/* Make the actual cover/image fill the section */

.bx-procrick-final-cover .wp-block-cover__image-background {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}


/* =========================================================
   VISIT PRO-CRICK BUTTON
========================================================= */

.bx-procrick-final-cover .wp-block-button__link {
	display: inline-block;

	transition:
		transform 0.3s ease,
		box-shadow 0.3s ease;

	transform: scale(1);
}


/* Mouse hover */

.bx-procrick-final-cover .wp-block-button__link:hover {
	transform: scale(1.06);

	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);
}


/* Keep it comfortable on mobile */

@media (max-width: 700px) {

	.bx-procrick-info {
		padding: 35px 22px 40px !important;
		margin-top: 25px !important;
	}

	.bx-procrick-final-cover {
		width: 100vw !important;
		max-width: 100vw !important;

		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
	}

}



/* =========================================================
   ABOUT US — SPACING ONLY
========================================================= */

/* Add breathing room inside the colored Boundary X section */
.bx-about-intro {
	padding: 55px 0;
}

/* Add spacing between the colored section and its inner content */
.bx-about-intro-columns {
	padding-left: 32px;
	padding-right: 32px;
}

/* Keep the full-width cover sections truly full width */
.bx-about-page > .wp-block-cover.alignfull,
.bx-about-page > .bx-final-cta,
.bx-about-page > .wp-block-group.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/* Mobile spacing */
@media (max-width: 700px) {

	.bx-about-intro {
		padding: 35px 0;
	}

	.bx-about-intro-columns {
		padding-left: 20px;
		padding-right: 20px;
	}
}


/* Increase Boundary X footer logo size */
.bx-footer .custom-logo {
    width: 220px !important;
    max-width: 100%;
    height: auto;
}

.bx-footer-brand-img {
    width: 220px !important;
    max-width: 100%;
    height: auto;
}