/*
Theme Name: Mist of Alba
Author: Jean-Jacques
Version: 1.0
Description: Mist Of Alba Theme
Template: twentytwentyfour
Text Domain: mist-of-alba
*/

:root {
    --wp--preset--font-size--medium: 1.1rem;
	--title-size-large: 100px;
	--title-size-medium: 70px;
	--title-size-small: xxx-large;
	--moa-icon-height-large: 40px;
	--moa-icon-width-large: 40px;
	--moa-icon-height-small: 25px;
	--moa-icon-width-small: 25px;
	--moa-logo-width-small: 60px;
}

:where(.wp-site-blocks) > * {	
   	margin-block-end: 0;
}

:where(.wp-site-blocks *:focus) {
    outline-width: 0;
    outline-style: none;
}

main {
/* 	padding: 0 1rem !important; */
}

/* HOME PAGE */

.degrade-yellow-orange {
  	background: linear-gradient(90deg, #CC89E8, #EDA51F);
  	background-clip: text;
  	-moz-text-fill-color: transparent;
  	-webkit-text-fill-color: transparent;
}

.home-title {
	font-weight: bold;
	font-style: italic;
}
	
.home-title, .home-subtitle {
	background-color: rgba(152, 110, 191, 0.35);
	width: fit-content;
	margin: 0;
}

.home-title, .home-subtitle {
    background-color: rgba(152, 110, 191, 0.35);
    width: fit-content;
    margin: 0;
}

.wc-block-product {
    border: 1px solid #F9F0FA;
    padding: 1rem 0;
}

/* HEADER */

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg,
.wc-block-mini-cart__button .wc-block-mini-cart__icon,
.wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon,
.wp-block-search__button svg {
	width: var(--moa-icon-width-large);
    height: var(--moa-icon-height-large);
}

.search-mobile {display: none;}
.search-desktop {display: none;}

.nav-home > a {
    text-indent: -9999px; /* masque le texte */
    position: relative;
    display: inline-block;
	margin-right: 10px;
	width: var(--moa-icon-width-large);
	height: var(--moa-icon-height-large);
}

.nav-home > a::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("assets/images/home.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.menu-details > a {
    text-indent: -9999px; /* masque le texte */
    position: relative;
    width: var(--moa-icon-width-large);
    height: var(--moa-icon-height-large);
    display: inline-block;
}

.menu-details > a::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("assets/images/menu.png");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Aligner les colonnes au contenu */
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
	flex-basis: content;
}

a.wp-block-navigation-item__content:hover {
/*     color: white !important; */
    text-decoration: none;
}

.wp-block-navigation-submenu .wp-block-navigation-link {
    /* border: 1px solid black; */
    background-color: #fff;
    color: #7a56a4;
}

/* Mes catégories*/
  
.home-categ-item {
	border-radius: 20px;
	border: 3px solid #b6915d;
	margin-right: 1rem;
	padding: 1rem;
/*     min-width: 20rem; */
}

.categ-title a { text-decoration: none;}

.categ-title a:hover { text-decoration: underline;}

/* cacher le titre de la page boutique */
  
.page-id-7 .wp-block-post-title, .page-id-7 .wp-block-spacer {
  display: none;
}

.page-id-7 .wp-block-post-title,
.page-id-7 .wp-block-post-title + .wp-block-spacer,
.page-id-7 .wp-block-post-title ~ .wp-block-spacer {
  display: none;
}
  
.woocommerce .woocommerce-breadcrumb {
	margin: 1em 0;	
}

/* Formulaire Newsletter */

#mailpoet_form_1 .mailpoet_form_column:not(:first-child) {
    margin-left: 0 !important;
}

#mailpoet_form_1 .mailpoet_paragraph {
    margin-bottom: 10px;
}

#mailpoet_form_1 .mailpoet_validate_success {
	color: inherit !important;
}

/* texte deroulant header */
  
.texte-anime-wrapper {
	width: 100%;
	overflow: hidden;      /* cache tout ce qui déborde */
	box-sizing: border-box;
	position: relative;
}
  
.texte-anime {
	display: inline-block;
	white-space: nowrap;
	max-width: 100%;
	animation: slideText 30s linear infinite;
	font-size: 1.25rem;
}

@keyframes slideText {
  	0% { transform: translateX(100%); }
  	100% { transform: translateX(-100%); }
}
  
.texte-anime:hover {
	animation-play-state: paused;
}

/* Footer */
footer div.is-layout-flex {
    margin: 1rem 0;
}

/* Page produit */
.woocommerce table.shop_attributes th {
	width: 200px;
}
	
ul.tabs.wc-tabs {
	display: ruby;
}

.mailpoet_recaptcha_container .grecaptcha-badge {
	visibility: hidden;
}

div.mailpoet_form_popup {
	overflow-y: unset;
}
/*
.container-nouveautes-large {
	position: relative;
}

.wc-block-next-previous-buttons {
    position: absolute;
    width: 100%;
}

button.wc-block-next-previous-buttons__button[aria-disabled="true"] {
	border: 2px solid #f1F1F1;
}

button.wc-block-next-previous-buttons__button {
	border: 2px solid #000;

}

.wc-block-next-previous-buttons__button:last-child {
	right: 0;
	position: inherit;
}
	*/

@media (min-width: 600px) and (max-width: 1000px) {
	
	/* 	header */
    	.custom-logo {
		width: 100px;
    }
	
	.home-title {
		font-size: var(--title-size-medium);
		padding: 1rem 1rem 0;
	}
	
	.home-subtitle {
    	font-size: calc(var(--title-size-medium) * 0.80);
		padding: 0 1rem 1rem;
	}
	
	/*     Page commander  */
	.wc-block-components-sidebar-layout .wc-block-components-main {
		width: 60%;
	}

	.wc-block-components-sidebar {
		width: 35%;
	}
	
	.medium-only {display: block;}
	.medium-hide {display: none;}
	
	.home-categ-item {
	  	min-width: unset;
  	}
	
	.wc-block-next-previous-buttons__button {
/* 		height: 100px; */
		
	}
}

@media (min-width: 1000px) {
	
	.large-only {display: block;}
	.large-hide {display: none;}
  	
	/* Boutique */
	
    .wc-block-components-product-sale-badge {
		background: #e5cc6b;
	}
	
	.home-title {
		font-size: var(--title-size-large);
		padding: 2rem 2rem 0;
	}
	
	.home-subtitle {
    	font-size: calc(var(--title-size-large) * 0.75);
		padding: 0 2rem 2rem;

	}

/*	
	li.top-sub-menu ul {
		left: 1px !important; 
	}
*/
	.featured-product-name {
		height: 5rem;
	}
	
	/* Personnalisation Woocommerce Mon profil */
	
	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		display: flex;
		flex-wrap: wrap; /* pour que ça passe à la ligne si petit écran */
		gap: 10px; /* espace entre les items */
		padding: 1rem 0;
	   /*margin: 0 0 5rem 0; */
		list-style: none;
		border-top: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
	   
	}
	
	.woocommerce-account .woocommerce-MyAccount-navigation li {
		margin: 0;
		padding: 0;
	}
	
	.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
		text-decoration: none;
		font-weight: bold;
	}
	
	.woocommerce-MyAccount-navigation a {
		display: block;
		padding: 5px;
		/* background-color: #eee; */
		border-radius: 5px;
		text-decoration: none;
	}
	
	.woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation {
		float: none;
		width: auto;
	}
	
	/* MENU */
	
	.current-menu-item {
/* 		color: #A5668B; */
	}
	
	.texte-anime {
	  	animation: slideText 60s linear infinite;
	}
	
	/* Remise sous menu couleur normal */
	.current-menu-item ul li {
/* 		color: #472C4C; */
	}
	
	/* Surcharge de la page politique cookies (complianz) */
	
	#cmplz-document {
		max-width: inherit;
	}
	
	#cmplz-document h2 {
		font-size: var(--wp--preset--font-size--large);
	}
		
	#cmplz-document p, #cmplz-document li, #cmplz-document {
		font-size : var(--wp--preset--font-size--medium);
	}
	
	footer div.is-layout-flex {
   		margin: 0.5rem;
	}
	
	/* Page commander */

	#contact #email {
		width: 80%;
	}

	.wc-block-components-sidebar-layout .wc-block-components-main {
		width: 50%;
	}

	.wc-block-components-sidebar {
		width: 45%;
	}
	
	/* HOME	 */
/* 	.wc-block-next-previous-buttons {
		top: 20%;
	}
	
	.wc-block-next-previous-buttons__button {
		height: 150px;
		
	} */
}

/* Styles spécifiques au mobile */	
@media (max-width: 600px) {
		  
	.small-only {display: block;}
	.small-hide {display: none;}
		
	/* HEADER */

    .custom-logo {
		width: var(--moa-logo-width-small);
    }
		
	.featured-product-name {
		height: 6rem;
	}
	
	.wp-block-navigation__responsive-container-close svg,
	.wp-block-navigation__responsive-container-open svg,
	.wc-block-mini-cart__button .wc-block-mini-cart__icon,
	.wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon,
	.wp-block-search__button svg {
		width: var(--moa-icon-width-small);
		height: var(--moa-icon-height-small);
	}
	.nav-home > a {
		width: var(--moa-icon-width-small);
		height: var(--moa-icon-height-small);
	}
	
	.menu-details > a {
		width: var(--moa-icon-width-small);
		height: var(--moa-icon-height-small);

	}
		
	/* Menu responsive */
	@keyframes menu-slide-in {
	  from {
		opacity: 0;
		transform: translateY(-20px);
	  }
	  to {
		  opacity: 1;
		transform: translateY(0);
	  }
	}
	
	.wp-block-navigation__responsive-container.is-menu-open {
		animation: menu-slide-in 0.45s cubic-bezier(.05, 0.5, .1, 0.2);
	}
	
	.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
		margin-top: calc(var(--moa-logo-width-small) + 70px);
	}
	
	.wp-block-navigation__responsive-dialog {
		margin-top: calc(var(--moa-logo-width-small) + 20px);
/* 		&:before {
			content: '\25b2';
    		padding-left: 0.5em;
		} */
	}
	
	.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
		background: transparent;
		width: calc(100% * 0.9);
	}
	.wp-block-navigation__responsive-container-close {
		color: #986ebf;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		background-color: #fff;
		color: #986ebf;
		padding-top: 1.5rem;
		align-items: anchor-center;
		border: 2px solid lightgray;
	}
	
	.wp-block-navigation__responsive-container-content li {
		font-size: var(--wp--preset--font-size--large) !important;
		/* 	border: 1px solid #ed0; */
		padding: 0.5rem !important;
/* 		border-bottom: 1px solid #F8EDFD; */
		width: 100%;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {	
		align-items: flex-start;
	}
	
	.wp-block-navigation__responsive-container-content .wp-block-navigation.items-justified-center {
		--navigation-layout-justification-setting: left;
    	--navigation-layout-justify: left;
	}
	
	.wp-block-navigation-submenu li, .wp-block-navigation__responsive-container-content li:last-child {
		border-bottom: none;
	}
	
	.wp-block-navigation__responsive-container-close svg {
		width: 30px;
		height: 30px;
	}
	
	/* FOOTER */
	
	.footer_nav {
		font-size : var(--wp--preset--font-size--small);
		flex-wrap: wrap;
	}
	
	.footer_nav .wp-block-group {
	  	width: 100%;
	}
	
	.footer_nav .wp-block-group h2 {
	  	width: 100%;
		text-align: center;
	}
	
	footer .wp-block-site-logo img {
		width: 120px;
	}
			
	.wp-block-site-title {
		font-size: var(--wp--preset--font-size--large);
	}
	
	.home-categ-item {
		min-width: 10rem;
	}
	
	/* Page commander */
	
	.wc-block-checkout__sidebar {
		display: none;	
	}
	
	.home-title {
		font-size: var(--title-size-small);
		padding: 2rem 2rem 0;
	}
}