/*
 Theme Name:   Art et Jeux
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  art-et-jeux
*/

/* ==========================================================================
   1. VARIABLES GLOBALES (:root)
   ========================================================================== */
:root {
  /* -- Palette de couleurs -- */
  --color-primary: #0A6129;
  --color-secondary: #127930;
  --color-black: #242424;
  --color-white: #ffffff;
  --color-background: #fdfdfd;
  /* Variante très légère pour contraster avec le blanc pur des conteneurs */

  /* -- Familles de polices -- */
  --font-logo: 'Becka', sans-serif;
  --font-title: 'Abril Fatface', serif;
  --font-text: 'Lato', sans-serif;

  /* -- Typographie fluide (clamp) -- */
  --size-text: clamp(1rem, 0.95rem + 0.23vw, 1.125rem);
  --size-title-md: clamp(1.75rem, 1.48rem + 1.36vw, 2.5rem);
  --size-title-lg: clamp(2rem, 1.64rem + 1.82vw, 3rem);
  --size-logo: clamp(3rem, 2.45rem + 2.73vw, 4.5rem);

  /* -- Espacements (Spacing system) -- */
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 2rem;
}

/* ==========================================================================
   2. RESET ET BOX-MODEL
   ========================================================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 100%;
}

/* ==========================================================================
   LENIS SMOOTH SCROLLING OVERRIDES
   ========================================================================== */
html.lenis,
html.lenis body {
  height: auto;
}

html.lenis {
  overflow: auto !important;
  /* Force override Woodmart overflow-x: hidden */
}

/* Woodmart has a wrapper that can interfere with smooth scroll */
html.lenis .website-wrapper {
  overflow: visible !important;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-background);
  color: var(--color-black);
  font-family: var(--font-text);
  font-size: var(--size-text);
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}


/* ==========================================================================
   3. TYPOGRAPHIE
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-title);
  color: var(--color-primary);
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: var(--spacing-md);
  font-weight: normal;
}

h1 {
  font-size: var(--size-title-lg) !important;
}

h2 {
  font-size: var(--size-title-md) !important;
}

p {
  margin-top: 0;
  margin-bottom: var(--spacing-md);
}

.font-logo {
  font-family: var(--font-logo);
  font-size: var(--size-logo);
  color: var(--color-primary);
  line-height: 1.1;
}

.product-element-bottom h3 {
  color: var(--color-black) !important;
}

.product-element-bottom h3
{
	color :var(--color-black)!important;
}

/*FOOTER*/
.copyright
{
	font-size:14px;
}

/*PRODUIT*/

p.stock
{
	font-weight:normal !important;
}
.single-breadcrumbs-wrapper
{
	font-size:clamp(15px,0.2vw,18px) !important;
	text-transform:none !important;
}

h1.product_title
{
	font-size : var(--size-title-md) !important;
)
}

/*tabs*/
.wd-nav-tabs>li>a
{
	font-family:var(--font-text) !important;
}

/*Categories MENU*/
.wd-nav>li>a
{font-weight:300;}

.wd-nav-vertical.wd-design-default>li>a,.wd-sub-menu li > a

{
	font-size :16px !important;
}




/*HEADER*/
.phone-menu-top-left span
{	
	font-size:clamp(16px,0.9vw,17px);
  display: inline-flex;
  align-items: center; 
  gap: 8px;             
}


/*BOUTIQUE*/
/*Filtre et tri*/

.wd-show-sidebar-btn .wd-action-text,.wd-products-per-page .wd-label,.woocommerce-ordering select
{
	font-weight:400 !important;
	
}

/*Badges*/
.product-label.out-of-stock
{
	word-break:keep-all;
	background-color:red !important;
	color:white !important;
	font-size:12px !important;
	border-radius:0px!important;

}
.product-label.featured 
{
	background-color:var(--color-secondary)!important;
	color:white !important;
	font-size:12px !important;
	border-radius:0px !important;
}

/*Rapid boutons*/
.wd-buttons.wd-pos-r-t
{
	background-color:var(--color-background);
}

/*Hide stock label*/

.product-element-bottom .wd-product-stock 
{
	display:none;
}

/*FIX FONTS*/
/*Prix*/
.price
{
	color:var(--color-black);
}

/*Titre vignette produits*/
.wd-product-header h3.wd-entities-title
{
	text-transform:uppercase;
}


/*Catégories*/

.wd-nav-product-cat .nav-link-count
{
	text-transform:none;
}
/*FIX theme*/

.wd-back-btn>a:before {
    font-size: 2rem;
}

/*FOOTER*/
.copyright {
  font-size: 14px;
}

/*PRODUIT*/

p.stock {
  font-weight: normal !important;
}
