/**
 * Theme Name: milouetnala
 * Theme URI: https://milouetnala.fr
 * Description: Thème personnalisé pour le site Milou & Nala
 * Version: 1.0.0
 * Author: Nicolas Decaesteker
 * Author URI: https://coqauweb.com
 * Template: blocksy
 * Text Domain: blocksy
 */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0  Reset & Include
2.0  Custom
3.0  Media Queries

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset & Include
--------------------------------------------------------------*/

:root {
	color-scheme: light dark;
	--bg-color-page : rgb(19,20,32); /* #131420 */
	--bg-color-sec : rgb(48,70,86); /* #304656 */
	--bg-color-sec-grad : rgba(48,70,86,0); /* #304656 */
	--bg-color-box-sec : rgb(91,96,101); /* #5b6065 */
	--bg-color-footer : rgb(51,7,0); /* #330700 */
	--color-primary : rgb(250,249,245); /* #faf9f5 */
	--color-primary-dark : rgb(204,204,204); /* #CCC */
	--color-primary-darker : rgb(221,221,221); /* #DDD */
	--color-hero : rgb(152,105,22); /* #986916 */
	--color-hero-shade : rgb(202,175,143); /* #CAAF8F */
	--color-w : rgb(255,255,255); /* #FFF */
	--color-b : rgb(0,0,0); /* #000 */
	--color-gray : rgb(85,85,85); /* #555 */
	--color-darkgray : rgb(51,51,51); /* #333 */
	--color-link : rgb(58,133,200); /* #3A85C8 */
	--color-link-h : rgb(46,106,160); /* 2E6AA0 */
	--color-highlight : rgb(136,136,136); /* #888 */
	--color-alert-success : rgb(76,187,23); /* #4CBB17 */
	--color-alert-error : rgb(220,20,60); /* #DC143C */
	--btn-bg : rgb(63,67,70); /* #3f4346 */
	--btn-sec : rgb(36,38,40); /* #242628 */
	--caption-bg-thumb : rgba(0,0,0, .6); /* #000 */
	--caption-bg-box : rgba(63,67,70, .9); /* #3f4346 */
}

@media (prefers-color-scheme: dark) {
	:root {
	--bg-color-page : rgb(19,20,32); /* #131420 */
	--bg-color-page-sec : rgb(48,70,86); /* #304656 */
	--bg-color-box-sec : rgb(91,96,101); /* #5b6065 */
	--bg-color-footer : rgb(51,7,0); /* #330700 */
	--color-primary : rgb(238,238,238); /* #EEE */
	--color-primary-dark : rgb(204,204,204); /* #CCC */
	--color-primary-darker : rgb(221,221,221); /* #DDD */
	--color-hero : rgb(255,36,0); /* #FF2400 */
	--color-hero-shade : rgb(178,25,0); /* #B21900 */
	--color-w : rgb(255,255,255); /* #FFF */
	--color-b : rgb(0,0,0); /* #000 */
	--color-gray : rgb(85,85,85); /* #555 */
	--color-darkgray : rgb(51,51,51); /* #333 */
	--color-link : rgb(47,110,190); /*a faire*/
	--color-link-h : rgb(47,110,190); /*a faire*/
	--color-highlight : rgb(136,136,136); /* #888 */
	--btn-bg : rgb(63,67,70); /* #3f4346 */
	--btn-sec : rgb(36,38,40); /* #242628 */
	--caption-bg-thumb : rgba(0,0,0, .6); /* #000 */
	--caption-bg-box : rgba(63,67,70, .9); /* #3f4346 */
	--error-color : var(--raspberry, red);
	}
}

@font-face {
	font-family: 'Benedict';
	src: local('BenedictRegular'),
		url('https://bigsy-luminaires.fr//webfonts/BenedictRegular.woff2') format('woff2'),
		url('https://bigsy-luminaires.fr//webfonts/BenedictRegular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Optima';
	src: local('Optima'),
		url('https://bigsy-luminaires.fr//webfonts/Optima.woff2') format('woff2'),
		url('https://bigsy-luminaires.fr//webfonts/Optima.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'OptimaNova';
	src: local('OptimaNovaLTProDemi'),
		url('https://bigsy-luminaires.fr//webfonts/OptimaNovaLTProDemi.woff2') format('woff2'),
		url('https://bigsy-luminaires.fr//webfonts/OptimaNovaLTProDemi.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*--------------------------------------------------------------
2.0 Custom
--------------------------------------------------------------*/

/* User agent */
body {margin: 0;}

/* Header */
/*#header [data-row="top"] {background: linear-gradient(var(--bg-color-sec) 0%, var(--bg-color-sec-grad) 60%, var(--bg-color-sec-grad) 100%);}
#header .ct-container [data-items] {align-items: flex-end;}
#header [data-items] .ct-header-trigger {border-width: 2px !important;}
#header .site-branding img {width: 80px; height: 80px;}
#header .site-branding .site-title-container {display: none;}
*/
/* Footer */
/*#footer .ct-footer-copyright p {float: none; font-family: Verdana, sans-serif; font-size: 14px; line-height: 26px; margin: 0;}
#footer .ct-footer-copyright a:hover {color: var(--color-w); text-decoration: underline;}
#footer .ct-footer-copyright .copy-design a:hover {color: #dfaf2c; text-decoration: none;}*/

/* Content */
	/* Accueil */
	.home .ct-container-full {padding-top: 0;}
	.home .wp-block-columns.paws_background {background-color: #fff;}
	.home .wp-block-column.paws_col_left {padding-left: 10%;}
	.home .wp-block-column.paws_col_right {padding-right: 10%;}

/*#main h1 {font-family: OptimaNova, Helvetica, Arial, sans-serif; font-size: 42px; color: var(--color-w);}
#main h2 {font-family: OptimaNova, Helvetica, Arial, sans-serif; font-size: 28px; color: var(--color-w);}
#main .entry-content p {color:var(--color-primary);}

.menu-tooltip {
	position: relative;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	line-height: 20px;
	background-color: var(--bg-color-sec);
	padding: 10px 50px 10px 20px;
	border-radius: 20px;
	opacity: 0;
	animation: zoom-in-out 7s ease-in-out forwards;
	animation-delay: 3s
}
.arrow {
	position: absolute;
	top: 4px;
	right: 15px;
	transform: translate(-50%, -50%);
	transform: rotate(270deg);
}
.arrow span {
	display: block;
	width: 10px;
	height: 10px;
	border-bottom: 3px solid var(--color-w);
	border-right: 3px solid var(--color-w);
	transform: rotate(45deg);
	animation: animate 2s infinite;
}

.arrow span:nth-child(2) {
	animation-delay: -0.1s;
}

.arrow span:nth-child(3) {
	animation-delay: -0.2s;
}

@keyframes animate {
	0% {
		opacity: 0;
		transform: rotate(45deg) translate(-10px, -10px);
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: rotate(45deg) translate(10px, 10px);
	}
}
@keyframes zoom-in-out {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}
	5% {
		transform: scale(1);
		opacity: 1;
	}
	95% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(0.5);
		opacity: 0;
	}
}*/

	/* H1 & Slider */
	/*body.woocommerce-shop #header,
	body.woocommerce-shop .hero-section {color: var(--bg-color-page); display: none;}
	body.woocommerce-shop #main .ct-container {display: none;}
	body.woocommerce-shop #main .ct-entry-content-block {margin: 0;}
	body.woocommerce-shop.woocommerce-page #main .revslider {position: relative;}

	[data-prefix="woo_categories"] #main h1,
	[data-prefix="product"] #main h1,
	.woocommerce-cart h1,
	.woocommerce-checkout h1,
	.page-id-1310 h1 {z-index: 2;}
	[data-prefix="woo_categories"] #main .revslider {top: 0;}
	.woocommerce-cart #main .revslider,
	.woocommerce-checkout #main .revslider {top: -80px;}
	.woocommerce-page #main {position: relative; z-index: 1;}
	.woocommerce-page #main .revslider {position: absolute; width: 100%; z-index: 1;}
	.woocommerce-page #main .ct-container,
	.woocommerce-page #main .ct-container-full {position: relative; z-index: 2;}

	[data-prefix="product"] #main h1 {display: none;}*/

	/* Tooltip, menu burger & offcanvas */
	/*#main-container #header .arrow {top: -5px; right: 5px;}
	body.woocommerce-page #offcanvas .ct-panel-inner {background-color: rgba(27, 27, 27, 1); width: 33%;}
	body.woocommerce-page #offcanvas .ct-icon {
		border: 2px solid #fff;
		width: 50px;
		height: 50px;
		padding: 10px;
		border-radius: 50%;
	}
	body.woocommerce-page #offcanvas .ct-icon.toggle-icon-1 {border: none;}
	body.woocommerce-page #offcanvas .menu-container li a {
		justify-content: center;
		font-family: 'OptimaNova';
		font-size: 28px;
		line-height: 50px;
	}
	body.woocommerce-page #offcanvas .menu-container li .ct-sub-menu-parent a {margin-right: -30px;}
	body.woocommerce-page #offcanvas .menu-container li .ct-sub-menu-parent svg {padding: 0}
	body.woocommerce-page #offcanvas .menu-container li .sub-menu a {justify-content: left; font-size: 18px; line-height: 30px; padding: 5px 0;}*/

	/* Product entry */
	/*[data-prefix="product"] #main-container #header .arrow,
	.woocommerce-cart #main-container #header .arrow,
	.woocommerce-checkout #main-container #header .arrow {top: 5px;}
	[data-prefix="product"] #main .entry-title {font-family: 'OptimaNova', sans-serif; font-size: 48px;}*/

	/* Images et cartes */
	/*.woocommerce-page .woocommerce-product-gallery .flexy .flexy-view,
	.woocommerce-page .woocommerce-product-gallery img,
	.woocommerce-page ul.products img,
	.wp-block-woocommerce-empty-cart-block img,
	.woocommerce-cart .cross-sells-product img {border-radius: 50px; border: 2px solid var(--color-hero);}
	.woocommerce-page .woocommerce-product-gallery .flexy-pills img,
	.woocommerce-cart .wc-block-cart-item__image img {border-radius: 50%; border: 2px solid var(--color-hero);}
	.woocommerce-page .woocommerce-product-gallery .flexy .flexy-view img {border: none;}
	.woocommerce-page ul.products a.button,
	.woocommerce-page ul.products .ct-woo-card-actions,
	.woocommerce-page ul.products .added_to_cart {width: 100%;}
	.woocommerce-page ul.products .out-of-stock-badge {top: 20px; left: 20px;}

	.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img:is([sizes="auto" i], [sizes^="auto," i]) {contain-intrinsic-size: auto 300px;}*/

	/* Pagination */
	/*.ct-pagination a.prev,
	.ct-pagination a.next {display: none;}*/


/*.woocommerce-page #header .woocommerce-mini-cart__buttons a:hover {background: var(--color-primary);}
.woocommerce-page .woocommerce-product-gallery li.active .ct-media-container:after {display: none;}
.woocommerce-page .entry-summary .stock {margin-bottom: 6px}*/

/* Panier & Commande */
/*.woocommerce-cart .wc-block-components-product-metadata,
.woocommerce-checkout .wc-block-components-product-metadata {display: none;}
.woocommerce-cart .wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product {text-align: left;}
.woocommerce-cart .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {width: 100%; border: 1px solid var(--color-primary);}
.woocommerce-cart .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:hover {border: 1px solid var(--color-hero);}
.woocommerce-cart .wc-block-components-sidebar #wc-block-components-totals-shipping__change-address__link {color: var(--color-hero-shade); }
.woocommerce-checkout .is-large .wp-block-woocommerce-checkout-order-summary-block {border: none;}*/

/* Mentions légales */
/*.page-id-1310 #main {position: relative; z-index: 1;}
.page-id-1310 #main .revslider {position: absolute; width: 100%; z-index: 1; top: 0;}
.page-id-1310 #main .ct-container-full {position: relative; z-index: 2;}*/


 
/* **************** */
/* CONTACT FORM */
/* **************** */

 



/*--------------------------------------------------------------
3.0 Media Queries
--------------------------------------------------------------*/

/*
Mobile S < 390px
Mobile L ≥ 390px
Screen S ≥ 820px
Screen L ≥ 1280px
*/

@media (max-width: 389px) {
	/* slider */
	sr7-btn.sr7-brg span {width: 16px !important; height: 2px !important;}
	p span.quote {margin: 20px 0px 10px; font-size: large;}
	p span.quote i {margin: 0 6px;}
	p span.quote .fa-quote-left {margin-left: 0px;}
	p span.quote .fa-quote-right {margin-right: 0px;}
	#rev-form p {margin-bottom: 4px;}
	#rev-form .wpcf7-text,
	#rev-form .wpcf7-textarea {padding: 4px;}
	#rev-form .wpcf7-textarea {height: 80px;}
	#rev-form .wpcf7-submit {font-size: 12px; padding: 6px;}

	/* header */
	#header .site-branding img {width: 40px; height: 40px;}
	#header .ct-header-trigger .ct-icon rect {height: 1px;}

	/* footer */
	#footer .ct-footer-copyright p {font-size: 11px; line-height: 16px;}

	/* Content */
	#main h1 {font-size: 32px; line-height: 38px;}
	#main h2 {font-size: 16px;}

	.arrow {top: 2px; right: 10px;}
	.arrow span {
		width: 5px;
		height: 5px;
		border-bottom: 1px solid var(--color-w);
		border-right: 1px solid var(--color-w);
	}
	@keyframes animate {
		0% {
			opacity: 0;
			transform: rotate(45deg) translate(-6px, -6px);
		}
		50% {
			opacity: 1;
		}
		100% {
			opacity: 0;
			transform: rotate(45deg) translate(6px, 6px);
		}
	}

	/* H1 & revslider */
	[data-prefix="woo_categories"] #main .revslider,
	[data-prefix="product"] #main .revslider,
	.woocommerce-cart #main .revslider {display: none;}

	/* offcanvas */
	body.woocommerce-page #offcanvas .ct-icon {width: 26px; height: 26px; padding: 4px;}
	body.woocommerce-page #offcanvas .menu-container li a {font-size: 18px; line-height: 32px;}
	body.woocommerce-page #offcanvas .menu-container li .sub-menu a {font-size: 12px; line-height: 20px;}

	/* images et cartes */
	.woocommerce-page ul.products {padding: 0 15px;}
	.woocommerce-page ul.products figure {margin-bottom: 10px;}

}

@media (min-width: 390px) and (max-width: 819px) {
	/* slider */
	sr7-btn.sr7-brg span {width: 20px !important;}
	p span.quote {margin: 20px 0px 20px 10px; font-size: large;}
	#rev-form .wpcf7-text,
	#rev-form .wpcf7-textarea {padding: 6px;}
	#rev-form .wpcf7-textarea {height: 120px;}

	/* header */
	#header .site-branding img {width: 50px; height: 50px;}
	#header .ct-header-trigger .ct-icon {width: 18px; height: 18px;}
	#header .ct-header-trigger .ct-icon rect {height: 1px;}
	[data-prefix="woo_categories"] [data-id="trigger"]:not([data-design="simple"]),
	[data-prefix="product"] [data-id="trigger"]:not([data-design="simple"]) {--toggle-button-padding: 7px;}

	/* footer */
	#footer .ct-footer-copyright p {font-size: 12px; line-height: 18px;}

	/* content */
	.arrow {top: 4px; right: 10px;}
	.arrow span {
		width: 6px;
		height: 6px;
		border-bottom: 1px solid var(--color-w);
		border-right: 1px solid var(--color-w);
	}
	@keyframes animate {
		0% {
			opacity: 0;
			transform: rotate(45deg) translate(-8px, -8px);
		}
		50% {
			opacity: 1;
		}
		100% {
			opacity: 0;
			transform: rotate(45deg) translate(8px, 8px);
		}
	}
	#main h2 {font-size: 20px;}

	/* Product entry */
	[data-prefix="product"] #main .revslider {top: -50px;}

	/* H1 & revslider */
	[data-prefix="woo_categories"] #main .revslider,
	.woocommerce-cart  #main .revslider,
	.woocommerce-checkout #main .revslider {top: -100px;}

	/* offcanvas */
	body.woocommerce-page #offcanvas .ct-icon {width: 36px; height: 36px; padding: 6px;}
	body.woocommerce-page #offcanvas .menu-container li a {font-size: 22px; line-height: 40px;}

	/* images et cartes */
	.woocommerce-page ul.products {padding: 0 20px;}
}

@media (max-width: 819px) {
	/* content */
	.menu-tooltip {display: none;}

	/* Product entry */
	[data-prefix="product"] #main .ct-container-full,
	.woocommerce-cart #main .ct-container-full,
	.woocommerce-checkout #main .ct-container-full {padding-top: 0;}
	[data-prefix="product"] .woocommerce-product-gallery .flexy-pills ol li {flex: 0 0 20%; width: 20%;}
	[data-prefix="product"] #main .entry-title {display: none;}

	/* H1 & revslider */
	[data-prefix="product"] #main h1 {display: block;}

	/* offcanvas */
	body.woocommerce-page #offcanvas .ct-panel-inner {width: 100%;}

	/* images et cartes */
	.woocommerce-page ul.products figure {margin-bottom: 10px;}

	/* panier et checkout */
	.woocommerce-checkout #main h1 {line-height: 46px;}
	.woocommerce-checkout #main h2 {font-size: 20px;}

}

@media (min-width: 820px) and (max-width: 1279px) {
	p span.quote {margin: 20px 60px 0;}

	/* header */
	#header .site-branding img {width: 60px; height: 60px;}
	#header .ct-header-trigger .ct-icon {width: 24px; height: 24px;}

	/* footer */
	#footer .ct-footer-copyright p {font-size: 14px; line-height: 24px;}

	/* content */
	#main-container #header .menu-tooltip {font-size: 12px; line-height: 14px; padding: 8px 40px 8px 16px;}
	.arrow,
	#main-container #header .arrow {top: 0px;}
	[data-prefix="woo_categories"] #main-container #header .arrow {top: -7px;}
	[data-prefix="product"] #main-container #header .arrow,
	.woocommerce-cart #main-container #header .arrow,
	.woocommerce-checkout #main-container #header .arrow {top: 0px;}

	/* H1 & revslider */
	.woocommerce-cart  #main .revslider,
	.woocommerce-checkout  #main .revslider {top: -40px;}

	/* offcanvas */
	body.woocommerce-page #offcanvas .ct-panel-inner {width: 50%;}
	body.woocommerce-page #offcanvas .ct-icon {width: 44px; height: 44px; padding: 8px;}
	body.woocommerce-page #offcanvas .menu-container li a {font-size: 24px; line-height: 36px;}

	/* images et cartes */
	.woocommerce-page ul.products figure {margin-bottom: 10px;}
}