/*
Theme Name: Wish and Stones
Theme URI: https://example.invalid/
Description: Thème enfant Wish and Stones pour TFTF Woo : bijoux porte-bonheur en pierres naturelles.
Author: Wish and Stones
Template: tftf-woo
Version: 1.0.0
Text Domain: wishandstones
*/


:root {
	
  /* Fonts */
  --font-primary: "Inter", sans-serif;
  --font-secondary: "Google Sans", sans-serif;
  
  /* =====================================================
     SURFACES : neutres
     ===================================================== */
  --surface-white: #ffffff;
  --surface-grey: #e7e1d8;
  --surface-grey-lite: #f9f9f9;
  --surface-grey-dark: #a79f95;
  --surface-black: #172538;

  /* Couleur principale */
  --surface-primary: #f1ece3;
  --surface-primary-lite: #f9f8f5;
  --surface-primary-dark: #dfdad0;

  /* Couleur secondaire */
  --surface-secondary: #202724;
  --surface-secondary-lite: #404543;
  --surface-secondary-dark: #000000;
  
  /* Bordures */
  --border-color: #dfdad0;

  /* =====================================================
     TEXTES
     ===================================================== */
  --color-text: #172538;
  --color-muted: #6e6a64;
  --color-text-inverse: #ffffff;
  
  /* =====================================================
     LIENS
     ===================================================== */
  --color-link: #172538;
  --color-link-hover: #a88454;
  
  /* =====================================================
     ÉTATS
     ===================================================== */
  --color-success: #3f7455;
  --surface-success: #edf4ee;
  
  --color-error: #b24444; 
  --surface-error: #f8eeee;

  /* =====================================================
     VOILES ET OMBRES
     ===================================================== */
  --color-overlay: #172538;
  --color-shadow: #172538;

  --color-overlay-image: radial-gradient(
    transparent 60%, 
    rgba(248, 245, 240, 0.92)
  );	

}


h1, h2, h3, h4, h5, h6, .h1-style, .h2-style, .h3-style, .h4-style, .h5-style, .h6-style {
    font-weight: 500;
}

.site-logo img {
    max-width: 230px;
	max-height: 60px; /* 40px mobile */
}

.site-footer__logo img {
    max-width: 300px;
	max-height: 74px;
}

.hero-banner__title {
    font-weight: 500;
}

.hero-banner__intro {
    max-width:none;
}



	/* HOME ***************************/

	.btn{
		margin:30px auto 0 auto;
	}
	
	.btn i{
		margin-left:12px;
	}

	/* HOME INTRO ***************************/
	
	.home-intro{
		text-align:center;
	}

	.home-intro-heading{
	}	
	
	.home-intro-heading .eyebrow{
		display:inline-block;
		font-size:14px;
		letter-spacing: 0.02rem;
		text-transform:uppercase;
		margin:0 0 20px 0;
	}
	
	.home-intro-heading h1{
		font-size:48px;
		line-height:1.1;
		margin:0 0 20px 0;
	}
	
	.home-intro-heading p.h2-style{
		font-size:36px;
		line-height:1.1;
		margin:30px 0;
	}
	
	.home-intro-heading p{
		margin:0 0 1rem 0;
		font-size:16px;
		line-height: 1.6;
	}
	
	.home-intro-heading > *:first-child {margin-top: 0;}
	.home-intro-heading > *:last-child {margin-bottom: 0;}
	
	/* HOME COLLECTIONS ***************************/
	
	.home-collections{
		text-align:center;
		scroll-margin-top: 115px;
		background: var(--surface-primary);
	}
	.home-collections .container{
		background: var(--surface-primary);
	}
	.home-collections-heading {
		margin:0 auto 40px auto;
		max-width:1200px;
	}
	.home-collections-heading .eyebrow{
		display:inline-block;
		font-size:14px;
		letter-spacing: 0.02rem;
		text-transform:uppercase;
		margin:0 0 20px 0;
	}
	.home-collections-heading h2{
		font-size:42px;
		line-height:1.1;
		margin:0 0 30px 0;
	}
	.home-collections-heading h2::after {
		content: '';
		display: block;
		width: 80px;
		height: 4px;
		background: var(--surface-primary-dark);
		margin: 30px auto 0 auto;
	}
	.home-collections-heading p{
		font-size:16px;
		line-height:1.4;
		margin:0 0 10px 0;
	}

	.home-collections-layout{
	}
	
	.home-collections-footer{
		background:var(--surface-primary-dark);
		padding:30px;
	}
	
	.home-collections-footer h3{
		margin:0 0 30px 0;
		font-size:30px;
		line-height:1.1;
	}
	.home-collections-footer p{
		margin:0 0 1rem 0;
		font-size:16px;
		line-height: 1.6;
	}
	
	/* HOME BRACELETS ***************************/
	
	.home-bracelets{
		text-align:center;
		scroll-margin-top: 115px;
	}
	.home-bracelets-heading {
		margin:0 auto 40px auto;
		max-width:1200px;
	}
	.home-bracelets-heading .eyebrow{
		display:inline-block;
		font-size:14px;
		letter-spacing: 0.02rem;
		text-transform:uppercase;
		margin:0 0 20px 0;
	}
	.home-bracelets-heading h2{
		font-size:42px;
		line-height:1.1;
		margin:0 0 30px 0;
	}
	.home-bracelets-heading h2::after {
		content: '';
		display: block;
		width: 80px;
		height: 4px;
		background: var(--surface-primary-dark);
		margin: 30px auto 0 auto;
	}
	.home-bracelets-heading p{
		font-size:16px;
		line-height:1.4;
		margin:0 0 10px 0;
	}

	.home-bracelets-layout{
	}
	
	.home-bracelets-footer{
		background:var(--surface-primary-dark);
		padding:30px;
	}
	
	.home-bracelets-footer h3{
		margin:0 0 30px 0;
		font-size:30px;
		line-height:1.1;
	}
	.home-bracelets-footer p{
		margin:0 0 1rem 0;
		font-size:16px;
		line-height: 1.6;
	}
	.home-bracelets .btn{
		margin:60px auto 0 auto;
	}
	
	/* HOME TAILLE ***************************/
	
	.home-taille .container{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}

	.home-taille-layout{
		display:grid;
		grid-template-columns:1fr;
		align-items:center;
		background: var(--surface-primary);
		border-radius: 30px;
		overflow:hidden;
	}
	
	.home-taille-heading{
		padding:30px;
	}
	
	.home-taille-heading .eyebrow{
		display:inline-block;
		font-size:14px;
		letter-spacing: 0.02rem;
		text-transform:uppercase;
		margin:0 0 20px 0;
	}

	.home-taille-heading h2{
		font-size:36px;
		line-height:1.1;
		margin:0 0 30px 0;
	}
	.home-taille-heading p{
		margin:0 0 1rem 0;
		font-size:16px;
		line-height: 1.6;
	}
	.home-taille-heading > *:first-child {margin-top: 0;}
	.home-taille-heading > *:last-child {margin-bottom: 0;}
	
	.home-taille-media {
		width: 100%;
		height: 100%;
	}
	
	.home-taille-media img{
		width:100%;
		height:100%;
		min-height:200px;
		object-fit:cover;
		vertical-align:bottom;
	}
	
@media (min-width: 1200px) {
	.home-taille-layout{
		grid-template-columns:1fr 1fr;
	}
	.home-taille-heading{
		padding:40px;
	}
}

	/* HOME CADEAUX ***************************/
	
	.home-cadeaux{
		text-align:center;
		scroll-margin-top: 115px;
	}
	.home-cadeaux-heading {
		margin:0 auto 40px auto;
		max-width:1200px;
	}
	.home-cadeaux-heading .eyebrow{
		display:inline-block;
		font-size:14px;
		letter-spacing: 0.02rem;
		text-transform:uppercase;
		margin:0 0 20px 0;
	}
	.home-cadeaux-heading h2{
		font-size:42px;
		line-height:1.1;
		margin:0 0 30px 0;
	}
	.home-cadeaux-heading h2::after {
		content: '';
		display: block;
		width: 80px;
		height: 4px;
		background: var(--surface-primary-dark);
		margin: 30px auto 0 auto;
	}
	.home-cadeaux-heading p{
		font-size:16px;
		line-height:1.4;
		margin:0 0 10px 0;
	}

	.home-cadeaux-layout{
	}
	
	.home-cadeaux-footer{
		background:var(--surface-primary-dark);
		padding:30px;
	}
	
	.home-cadeaux-footer h3{
		margin:0 0 30px 0;
		font-size:30px;
		line-height:1.1;
	}
	.home-cadeaux-footer p{
		margin:0 0 1rem 0;
		font-size:16px;
		line-height: 1.6;
	}
	.home-cadeaux .btn{
		margin:60px auto 0 auto;
	}
		
	/* HOME BLOG ***************************/
		
	.home-blog{
		text-align:center;
		scroll-margin-top: 115px;
		background: var(--surface-primary);
	}
	.home-blog .container{
		background: var(--surface-primary);
	}
	.home-blog-heading{
		margin:0 auto 60px auto;
		max-width:1200px;
	}
	.home-blog-heading .eyebrow{
		display:inline-block;
		font-size:14px;
		text-transform:uppercase;
		margin:0 0 20px 0;
	}
	.home-blog-heading h2{
		font-size:42px;
		line-height:1.1;
		margin:0 0 30px 0;
	}
	.home-blog-heading h2::after {
		content: '';
		display: block;
		width: 80px;
		height: 4px;
		background: var(--surface-primary-dark);
		margin: 30px auto 0 auto;
	}
	.home-blog-heading p{
		margin:0 0 1rem 0;
		font-size:16px;
		line-height: 1.6;
	}

	.home-blog-layout{
		display:grid;
		grid-template-columns: 1fr;
		gap: 20px;
	}

@media (min-width: 768px) {
	.home-blog-layout{
		grid-template-columns:1fr 1fr;
	}
}
	
	.home-blog-item{
		display:flex;
		flex-direction:column;
		border-radius: 30px 30px 0 0;
		overflow:hidden;
	}
	.home-blog-item img{
		width:100%;
		height:auto;
	}
	
	.home-blog-item-desc{
		padding:40px;
		border-radius: 0 0 30px 30px;
		border:1px solid var(--border-color);
		border-top:0;
		background: var(--surface-white);
	}
	
	.home-blog-item-desc .eyebrow{
		display:inline-block;
		font-size:14px;
		text-transform:uppercase;
		margin:0 0 20px 0;
	}
	
	.home-blog-item-desc h3{
		font-size:36px;
		line-height:1.1;
		margin:0 0 30px 0;
	}
	
	.home-blog-item-desc h3::after {
		content: '';
		display: block;
		width: 80px;
		height: 4px;
		background: var(--surface-primary-dark);
		margin: 30px auto 0 auto;
	}
	
	.home-blog-item-desc h3 a {
		text-decoration: none;
	}

	.home-blog-item-desc p{
		margin:0 0 1rem 0;
		font-size:16px;
		line-height: 1.6;
	}


	/* HOME STORY ***************************/
	
	.home-story{
	}
	.home-story-heading{
	}
	.home-story-heading .eyebrow{
		display:inline-block;
		font-size:14px;
		letter-spacing: 0.02rem;
		text-transform:uppercase;
		margin:0 0 20px 0;
	}
	.home-story-heading h2{
		font-size:42px;
		line-height:1.1;
		margin:0 0 30px 0;
	}
	.home-story-heading h3{
		font-size:24px;
		line-height:1.1;
		margin:1rem 0;
	}
	.home-story-heading p{
		margin:0 0 1rem 0;
		font-size:16px;
		line-height: 1.6;
	}





.product-card__category{
	display:none;
}

.product-card__title strong{
	display:block;
	margin-bottom:var(--space-sm);
}