/*
 * custom.css
 * CSS du thème Le Dé Niché (toyforest-child)
 * Surcharge du thème parent toyforest (theme.css) pour la personnalisation de la boutique
 * Version 1.0.0
 * AC 24-03-2021
 *
 * Couleurs principales (issues du logo)
 *  - rouge clair (dé & texte) : #cc1f36
 *  - rouge foncé (nid) : #981a41
 *  - orange (nid) : #ee8722
 *  - bleu clair (oiseau) : #95d0c7
 *  - bleu foncé (oiseau) : #1e2957 (#1e2957)
 */

 /* TODO: 
  * • ne retenir que les font-face réellement utilisées 
  * • réactivter l'image en cover de la catégorie mais en extra large
  */;

/* Cronos Pro */

    /*@font-face {
    font-family: 'Cronos Pro Caption';
    font-style: normal;
    font-weight: normal;
    src: local('Cronos Pro Caption'), url('/themes/toyforest-child/assets/fonts/Cronos-Pro-Caption_12437.woff') format('woff');
    }*/
    
    @font-face {
	    font-family: 'Cronos Pro';
	    font-style: normal;
	    font-weight: normal;
	    src: local('Cronos Pro Display'), url('/themes/toyforest-child/assets/fonts/Cronos-Pro-Display_12439.woff') format('woff');
    }

    @font-face {
	    font-family: 'Cronos Pro';
	    font-style: normal;
	    font-weight: 100;
	    src: local('Cronos Pro Light'), url('/themes/toyforest-child/assets/fonts/Cronos-Pro-Light_12448.woff') format('woff');
    }

/*    @font-face {
    font-family: 'Cronos Pro Semibold Caption';
    font-style: normal;
    font-weight: normal;
    src: local('Cronos Pro Semibold Caption'), url('/themes/toyforest-child/assets/fonts/Cronos-Pro-Semibold-Caption_12450.woff') format('woff');
    }

    @font-face {
    font-family: 'Cronos Pro Semibold Display';
    font-style: normal;
    font-weight: normal;
    src: local('Cronos Pro Semibold Display'), url('/themes/toyforest-child/assets/fonts/Cronos-Pro-Semibold-Display_12452.woff') format('woff');
    }

    @font-face {
    font-family: 'Cronos Pro Semibold Subhead';
    font-style: normal;
    font-weight: normal;
    src: local('Cronos Pro Semibold Subhead'), url('/themes/toyforest-child/assets/fonts/Cronos-Pro-Semibold-Subhead_12455.woff') format('woff');
    }    

    @font-face {
    font-family: 'Cronos Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Cronos Pro Semibold'), url('/themes/toyforest-child/assets/fonts/Cronos-Pro-Semibold_12456.woff') format('woff');
    }
    
    @font-face {
    font-family: 'Cronos Pro Bold Caption';
    font-style: normal;
    font-weight: normal;
    src: local('Cronos Pro Bold Caption'), url('/themes/toyforest-child/assets/fonts/Cronos-Pro-Bold-Caption_12429.woff') format('woff');
    }*/

    @font-face {
	    font-family: 'Cronos Pro';
	    font-style: normal;
	    font-weight: bold;
	    src: local('Cronos Pro Bold Display'), url('/themes/toyforest-child/assets/fonts/Cronos-Pro-Bold-Display_12431.woff') format('woff');
    }

/*    @font-face {
    font-family: 'Cronos Pro Bold Subhead';
    font-style: normal;
    font-weight: normal;
    src: local('Cronos Pro Bold Subhead'), url('/themes/toyforest-child/assets/fonts/Cronos-Pro-Bold-Subhead_12434.woff') format('woff');
    }   

    @font-face {
    font-family: 'Cronos Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Cronos Pro Regular'), url('/themes/toyforest-child/assets/fonts/Cronos-Pro_12459.woff') format('woff');
    }    

    @font-face {
    font-family: 'Cronos Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Cronos Pro Bold'), url('/themes/toyforest-child/assets/fonts/Cronos-Pro-Bold_12435.woff') format('woff');
    }*/

/* Mainland */
@font-face {
    font-family: 'Mainland';
    src: url('/themes/toyforest-child/assets/fonts/Mainland-Bold.woff2') format('woff2'),
        url('/themes/toyforest-child/assets/fonts/Mainland-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mainland';
    src: url('/themes/toyforest-child/assets/fonts/mainland_thin-webfont.woff2') format('woff2'),
        url('/themes/toyforest-child/assets/fonts/mainland_thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mainland';
    src: url('/themes/toyforest-child/assets/fonts/mainland_medium-webfont.woff2') format('woff2'),
        url('/themes/toyforest-child/assets/fonts/mainland_medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mainland';
    src: url('/themes/toyforest-child/assets/fonts/mainland_light-webfont.woff2') format('woff2'),
        url('/themes/toyforest-child/assets/fonts/mainland_light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* pas d'image de fond */
body {
	font-family: 'Cronos Pro';
	font-weight: normal;
	font-size: 18px;
	background-image: url(/themes/toyforest-child/assets/img/themeimage/fond-bois.jpg);
	/*background-size: cover;*/
	background-repeat: repeat;
	letter-spacing: 0;
}

/* typo des titres */
h1, .h1,
.block-category h1 {
	/*font-family: 'Honeymoon Up Bold'; !!! PB avec chiffres */
	/*font-family: 'Cronos Pro';
	font-weight: normal;*/
	font-family: 'Mainland';
	font-weight: 500;
	text-transform: inherit;
	font-size: 36px;
	color: #cc1f36;
}

/* survol des liens */
a:hover {
	color: #ee8722;
}

/* un logo plus gros */
#header .header_logo {
	width: 200px;
}
@media screen and (max-width: 479px) {
	#header .header-nav .top-logo {
		width: 100px;
		left: 120px;
	}
	#header .header-nav .top-logo a img {
		max-height: none;
	}
}

/* fond "bois" y compris sur le header */
#header, #header .header-top {
	background: inherit !important;
	background-color: none !important;
}

/* couleur du bandeau menu */
#header .nav-bar .container-wapper {
	min-height: 61px;
	background-color: #cc1f36;
}
#mobile_top_menu_wrapper {
	background-color: #cc1f36;	
}
#mobile_top_menu_wrapper .top-menu .sub-menu.collapse.in {
	background-color: #ffffff;
}
#mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li a {
    color: #000 !important;
    border-bottom: none !important;
}

@media screen and (min-width: 992px) {
	.nav-bar .container-wapper::before {
		background: url(/themes/toyforest-child/assets/img/themeimage/left-menu.png) no-repeat center;
		content: '';
		position: absolute;
		height: 77px;
		width: 70px;
		left: -70px;
		right: auto;
		top: -4px;
	}
	.nav-bar .container-wapper::after {
		background: url(/themes/toyforest-child/assets/img/themeimage/right-menu.png) no-repeat center;
		content: '';
		position: absolute;
		height: 77px;
		width: 70px;
		right: -70px;
		left: auto;
		top: -4px;
	}
}

/* réglages du menu */
#header .menu {
	width: 100%;
}
#header .top-menu li a {
	padding: 5px 8px;
}
#header .top-menu li a, #header .top-menu li li a {
	font-family: 'Mainland';
	font-weight: 300 !important;
	letter-spacing: 0;
}
/*#header .top-menu li li a {
	font-family: 'Cronos Pro';
	font-weight: normal;
}*/
.top-menu .sub-menu {
	width: 300px;
}
#header .top-menu[data-depth="0"] > li.current > a {
	color: #ee8722;
}
#header .top-menu[data-depth="0"] > li > a {
	font-size: 18px;
}
#header .top-menu li li a {
	font-size: 16px;
}

/* barre de recherche large et centrée */
.header-top .search-widget {
	float: left;
	width: 50%;
	margin-top: 20px;
}
@media screen and (max-width: 991px) {
	#header .header-top .container-wapper {
		background-color: #981a41;
	}
	.header-top .search-widget {
		margin-top: 0;
	}
	.header-top .search-widget,
	#header .searchtoggle  {
		width: 100%;
	}
	#header #_desktop_user_info {
		display: none;
	}
}
#header .searchtoggle {
	padding: 20px 60px;
}
@media screen and (max-width: 767px) {
	#header .searchtoggle {
		padding: 20px;
	}	
}
#header .search-widget form input[type="text"] {
	background-color: #fff;
	border: solid 1px #ccc;
}
#header .search-widget form input[type="text"], #header .search-widget form input[type="text"]::placeholder {
	color: #666;
}
#header .search-widget form button[type="submit"] .tc-search-icon {
	background: url(/themes/toyforest-child/assets/img/themeimage/header-search-icon.svg) no-repeat scroll center center;
	background-size: 16px;
}
#header .search-widget form input[type="text"] {
	font-size: inherit;
}

#header .header-nav .left-nav {
	display: none !important;
}

/* bannière */
#wrapper .banner {
	padding-top: 30px;
}
.carousel {
	margin-bottom: 0 !important;
}

/* texte personnalisé */
#custom-text {
	padding: 0;
	margin-bottom: 0;
}
/* Texte de présentation */
#texte-presentation {
	margin-bottom: 30px;
	padding: 30px;
	color: #981a41;
	text-align: left;
	font-size: 20px;
}
#texte-presentation .logo-presentation img {
	width: 100%;
}
/* Homeblocks style colonnes standard (.std) */
.homeblock-row.std {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.homeblock-row.std .homeblock-col {
	margin: 0 auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	/*justify-content: center;*/
}
.homeblock-row.std .homeblock-col:not(:first-child) {
	border-left: dotted 3px #981a41;
}
@media screen and (max-width: 767px) {
	.homeblock-row.std .homeblock-col:not(:first-child) {
		border-left: none;
	}
	.homeblock-row.std .homeblock-col {
		border-top: dotted 3px #981a41;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 20px;
		padding-top: 20px;
	}
	.mobile-carousel-logo {
		background: url(/themes/toyforest-child/assets/img/themeimage/le-de-niche-votre-nouvelle-boutique-ludique.png) no-repeat center center;
		width: 100%;
		height: 100px;
		margin-bottom: 30px;
	}
}
/* Homeblocks style cartes à jouer (.card) */
.homeblock-row.card .homeblock {
	/*background-color: #ee8722;*/
	background: url(/themes/toyforest-child/assets/img/themeimage/homeblock.png) no-repeat center center;
	width: 270px;
	height: 425px;
	margin: 0 auto;
	padding: 15px;
	padding-top: 75px;
	border-radius: 5px;
}
.homeblock-row.card #homeblock-horaires {
	transform: rotate(-3deg);
}
.homeblock-row.card #homeblock-carte {
	transform: rotate(1deg);
}
.homeblock-row.card #homeblock-reseaux {
	transform: rotate(5deg);
}
.homeblock-row.card .homeblock:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
/* Règles communes des homeblocks */
.homeblock h2 {
	font-family: "Mainland";
	font-size: 1.5rem;
	color: #ee8722;
	margin-bottom: 20px;
}
#homeblock-horaires table {
	margin: 30px auto;
	border-collapse: inherit;
	border-spacing: 5px;

}
#homeblock-horaires table td {
	padding: 0 10px;
}
#homeblock-reseaux .fa {
	font-size: 36pt;
	margin: 10px auto;
	vertical-align: middle;
}

/* panier */
#header #_desktop_cart {
	margin-top: 40px;
}
#header .blockcart span.cart-item-count {
	background-color: #981a41;
}
#header .blockcart:hover span.cart-item-count {
	background-color: #ee8722;
}
#header .blockcart .cart-icon {
	background-image: url(/themes/toyforest-child/assets/img/themeimage/header-cart.svg);
}
#header .blockcart:hover .cart-icon {
	background-image: url(/themes/toyforest-child/assets/img/themeimage/header-cart-hover.svg);
}
#header #_desktop_cart .cart-details .cart-title {
	font-family: 'Cronos Pro';
}

/* mon compte */
#header #_desktop_user_info {
	margin-top: 40px;
	margin-left: 15px;
	margin-right: 15px;
}
#header #_desktop_user_info .user-info-icon {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Cronos Pro', sans-serif;
    color: #000000;
}
@media screen and (max-width: 991px) {
	#header #_mobile_user_info .user-info-icon {
		display: none !important;
	}
}
#header .blockuser .user-icon {
	float: left;
	background-image: url(/themes/toyforest-child/assets/img/themeimage/header-user.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px;
	padding: 0;
	height: 35px;
	width: 35px;
	text-align: left;	
}
#header .blockuser:hover .user-icon {
	background-image: url(/themes/toyforest-child/assets/img/themeimage/header-user-hover.svg);
}
#header .blockuser .user-details {
	display: inline-block;
}
#header .tm_userinfotitle {
	font-family: 'Cronos Pro';
	text-transform: inherit;
	text-align: left;
}
#header .blockuser .user-info-name {
	display: block;
	color: #666666;
}

/* couleur des boutons */
.btn-primary, .products .all-product-link, .cart-content-btn .btn:hover, .product-information .add-to-cart:hover {
	background-color: #981a41; /* rouge foncé */
}
.btn-primary:hover, .products .all-product-link:hover, .cart-content-btn .btn, .product-information .add-to-cart, .btn-secondary, .btn-tertiary {
	background-color: #ee8722; /* orange */
}
 
/* page d'accueil */
.page-home .container {
	padding: 50px 0 30px;
}

/* carte en page d'accueil */
#map {
	height: 100px;
	width: 80%;
	margin: 20px auto;
}

/* page catégories */
.breadcrumb ol {
	text-align: left;
}
.breadcrumb li::after {
	content: ">";
}
.block-category .category-cover {
	display: none; /* TODO */
	height: 150px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* couleur colonne de gauche */
#left-column .block .block_title, 
#right-column .block .block_title, 
#left-column .links .h3, 
#right-column .links .h3, 
#left-column #search_filters .h6, 
#right-column #search_filters .h6, 
#left-column .block-categories .block_title {
	/*font-family: 'Cronos Pro';
	font-weight: normal;*/
	font-family: 'Mainland';
	font-weight: 500;
}
#left-column .block .block_title, 
#right-column .block .block_title, 
#left-column .links .h3, 
#right-column .links .h3, 
#left-column #search_filters .h6, 
#right-column #search_filters .h6 {
	background-color: #ee8722 !important;
}
#left-column .block-categories .block_title {
	background-color: #95d0c7 /*#981a41*/ !important;
}
#left-column #search_filters .h6.facet-title, #right-column #search_filters .h6.facet-title {
	background-color: inherit !important;
}

/* Bug navigation à facette, l'overlay reste affiché */
.faceted-overlay {
	display: none;
	height: 0;
}

.product-miniature .product-description .product-title a {
	font-family: 'Mainland';
	font-weight: 500;
	text-transform: inherit;
	font-size: 16px;
	color: #cc1f36;
}

/* Fiche produit */
.product-features span.name {
}
.product-features span.value {
	color: #1e2957;
	font-weight: bold;
}
.product-description, .product-details {
	margin: 20px 0;
}
.product-description p {
	color: #981a41;
}
.product-add-to-cart {
	border-top: dotted 3px #981a41;
	margin-top: 20px;
	padding-top: 20px;
}
#product-comments-list-header {
	display: none;
}
#product-comments-list {
	display: none;
}
#main .images-container .js-qv-mask ul {
	text-align: center;
}

/* AC 17-10-2024 masquer le "quick-view" */
.products .product-miniature .product-actions-button,
.product-miniature .quick-view {
	display: none;
}

/* Cart Modal */
#blockcart-modal .modal-body {
	border-color: #cc1f36; 
}
#blockcart-modal .divide-right .cart-content .cart-products-count {
	background-color: #ee8722; 
}
#blockcart-modal .modal-title, #blockcart-modal .cart-products-count {
	text-transform: none;
}
.modal-body .close {
	background-color: #cc1f36; 
}

/* Tunnel de commande (checkout) */
.ps_checkout.payment-method-logo-block {
	display: none;
}
#customer-form .form-group.row:nth-child(8),
#customer-form .form-group.row:nth-child(10) {
	display: none;
}

/* Footer*/
.footer-before {
    background-color: #cc1f36;
}
.footer-container .footer-middle {
	background-image: url(/themes/toyforest-child/assets/img/themeimage/oiseau-footer-right.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
@media screen and (max-width: 991px) {
	.footer-container .footer-middle {
		background-size: 20%;
	}
}
.footer-container .links .h3, .footer-container .links h3 {
	font-family: 'Mainland';
	font-weight: 500;
	font-size: 18px;
	color: #981a41;
}
.footer-container .links .collapse {
	font-size: 16px;
}
.footer-container li a {
	text-transform: none;
}
.footer-bottom {
	background-color: #1e2957;
	color: white;	
}
.footer-after {
	background-color: inherit;
}
.footer-bottom .container {
	padding: 0;
}
#footer .copyright {
	float: none;
	display: inline-block;
}
/* copyright */
.copyright a {
	color: white;
	text-transform: none;
}

/* Bandeau cookies */
.bandeaucnilcookies {
	font-family: 'Mainland';
	font-weight: 300 !important;
	letter-spacing: 0;
}
.texteBandeau {
	font-weight: 300 !important;
}

/* Contact RGPD consent */
#gdpr_consent {
	display: block !important;
}

/* Logo de la page maintenance */
#layout-error .logo img {
	max-width: 100%;
	max-height: 100%;
}

/* masquer loading spinner du slider */
.loadingdiv.spinner {
	display: none;
  }