/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

.grecaptcha-badge {
    display: none !important;
}

/**** VARIABLES ****/
:root{
	--white : #F9F9F9;
	--black : #0F161F;
	--blue : #28235C;
	--orange : #E94F1C;
	--yellow : #F9B134;
	--light-blue : #D9E6F3;
	--light-orange : #F3D4CA;
	--medium-orange : #EE9173;	
}

/**** TEXTES ****/
/*
h1, h2, h3, h4, h5, p{
	margin-block-end:unset!important;
}*/

.h1, .h1bis, .h2, .h3, .h4, .h5, .p, .btn-plein, .btn-plein-bis, .btn-light, .btn-light-orange{
	font-family: Almarai;	
}

.h1bis{
	font-size: 90px;
	font-style: normal;
	line-height: 84px;
	font-weight: 300;
}
.h1{
	font-size: 64px;
	font-style: normal;
	font-weight: 300;
	line-height: 64px;
}
.h2{
	font-size: 46px;
	font-style: normal;
	font-weight: 300;
	line-height: 48px;
}
.h3{
	font-size: 38px;
	font-style: normal;
	font-weight: 300;
	line-height: 40px;
}
.h4{
	font-size: 32px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px;
}
.h5{
	font-size: 22px;
	font-style: normal;
	font-weight: 300;
	line-height: 22px;
}
.p{
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
}

.bold{
	font-weight: 600!important;	
}
@media screen and (max-width:1000px){
	.h1bis{
		font-size: 65px;
		line-height: 52px;
	}
	.h1{
		font-size: 52px;
		line-height: 52px;
	}
	.h2{
		font-size: 40px;
		line-height: 42px;
	}
	.h3{
		font-size: 32px;
		line-height: 35px;
	}
	.h4{
		font-size: 28px;
		line-height: 28px;
	}
	.h5{
		font-size: 20px;
		line-height: 20px;
	}
	
}
@media screen and (max-width:767px){
	.h1bis{
		font-size: 50px;
		line-height: 40px;
	}
	.h1{
		font-size: 44px;
		line-height: 44px;
	}
	.h2{
		font-size: 36px;
		line-height: 38px;
	}
	.h3{
		font-size: 28px;
		line-height: 30px;
	}
	.h4{
		font-size: 24px;
		line-height: 24px;
	}
	.h5{
		font-size: 18px;
		line-height: 18px;
	}
	
}

/**** BOUTONS ****/
.btn-plein, .btn-plein-bis, .btn-light, .btn-light-orange, .btn-white{
	font-size: 18px;
	font-weight: 700;
	border-radius: 32px;
	display: flex;
	flex-wrap:wrap;
	padding: 7px 24px;
	align-items: center;
	gap: 2px 8px;
	transition:0.3s ease-in-out;
	line-height: normal;
	width:fit-content;
	justify-content: center;
	text-align: center;
	/*box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16);*/
	background: transparent;
}

.btn-light{
	border: 2px solid var(--yellow);
	color:var(--yellow);
}
.btn-light:hover{
	background: var(--yellow);
	color:var(--white);
}
.btn-light-orange{
	border: 2px solid var(--orange);
	color:var(--orange);
}
.btn-light-orange:hover{
	background: var(--orange);
	color:var(--white);
}
.btn-plein{
	border: 2px solid var(--yellow);
	background:var(--yellow);
	color:var(--white);
}
.btn-plein:hover{
	border: 2px solid var(--white);
	background: var(--white);
	color:var(--yellow);
}
.btn-plein-bis{
	border: 2px solid var(--yellow);
	background:var(--yellow);
	color:var(--white);
}
.btn-plein-bis:hover{
	background: var(--white);
	color:var(--yellow);
}
.btn-white{
	border: 2px solid var(--white);
	background: var(--white);
	color:var(--yellow);
}
.btn-white:hover{
	border: 2px solid var(--yellow);
	background:var(--yellow);
	color:var(--white);
}


@media screen and (max-width:1000px){
	.btn-plein, .btn-light, .btn-light-orange{
		font-size: 17px;
		padding: 7px 23px;
		gap: 6px;
	}	
}
@media screen and (max-width:767px){
	.btn-plein, .btn-light, .btn-light-orange{
		font-size: 16px;
		padding: 6px 20px;
		gap: 4px;
	}		
}

/**** ESPACES ***/
.row{
	width: 100% !important;
	max-width:1400px !important;	
	margin:auto!important;
	padding-left:60px;
	padding-right:60px;
}
@media screen and (max-width: 1000px) {
	.row{
		padding-left:40px;
		padding-right:40px;
	}
}
@media screen and (max-width: 767px) {
	.row{
		padding-left:20px;
		padding-right:20px;
	}
}

/**** RECHERCHE blocksy ***/
.ct-header-search.ct-toggle {
    border: 1.5px solid var(--yellow) !important;
    padding: 4px 20px !important;
    border-radius: 30px !important;
}

/**** RECHERCHE Ivory ***/
.is-search-form.is-form-id-804{
	position:relative;
}
header .is-search-form.is-form-id-804{
	padding-left: 20px!important;
}
.is-search-form.is-form-id-804:after{
	content: "";
    position: absolute;
    right: 15px;
    top: 5px;
    bottom: 5px;
    width: 20px;
    background-image: url(/wp-content/uploads/2025/03/search.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#is-search-input-804 {
    border-radius: 30px;
    font-weight: 900;
    font-size: 50px;
}
#is-search-input-804::placeholder {
    opacity: 1!important;
	font-size:16px!important;
}
.is-ajax-search .is-loader-image {
    height: 20px!important;
	right: 38px!important;
}

.search-results h1.page-title {
    text-align: center;
    font-size: 42px;
    font-weight: 300;
}

.search-results a.ct-button {
    border-radius: 30px;
    font-weight: 600;
    padding: 7px 24px;
    min-height: unset;
	border:2px solid var(--yellow);
}
div.is-ajax-search-details, div.is-ajax-search-result{
	max-width: 330px !important;
	margin-left:20px!important;
}

/**** RECHERCHE Ivory mobile ***/
#custom-search-modal {
    border: 1.5px solid var(--yellow) !important;
    padding: 4px 20px !important;
    border-radius: 30px !important;
	padding: 7px !important;
    aspect-ratio: 1;
	display: flex;
	cursor:pointer;
}
#custom-search-modal .ct-icon{
	fill:var(--yellow);
}

/**** RECHERCHE Ivory footer ***/
footer #is-search-input-804 {
    border-width: 0 !important;
}
@media screen and (max-width: 1000px) {
    footer div.is-ajax-search-result {
        left: 50% !important;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 1000px) {
	header .ct-header-search.ct-toggle {
		padding: 7px !important;
		aspect-ratio: 1;
	}
}
@media screen and (max-width: 767px) {
	.search-results h1.page-title {
		font-size: 32px;
	}
	.search-results a.ct-button{
		font-size: 16px;
		padding: 6px 20px;
		gap: 4px;
	}
	.is-ajax-search-details, div.is-ajax-search-result{
		max-width: 300px !important;
		margin-left: 0px !important;
		left: 50% !important;
		transform: translateX(-50%);
	}
}


/*** popup recherche ****/
#popup-recherche-mobile {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: var(--white);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	display:none;
}
#popup-recherche-mobile .is-search-form.is-form-id-804{
	width: calc(100% - 40px);
	margin-left: 0px;
}

#popup-recherche-mobile #is-search-input-804 {
    border-width: 0px 0px 1px 0px!important;
	border-radius:0;
    font-size: 26px!important;
}
#popup-recherche-mobile #is-search-input-804::placeholder {
	font-size:26px!important;
}
#popup-recherche-mobile .close-popup-recherche {
    position: absolute;
    top: 20px;
    right: 20px;
    width: fit-content;
	cursor:pointer;
}
.close-popup-icon {
    width: 20px;
    height: 20px;
    fill: var(--yellow);
}
.recherche-on{
	display:flex!important;
}


/**** HEADER ****/
	#offcanvas .menu-wishlist {
		display: none;
	}
@media screen and (max-width: 767px) {
	[data-behaviour*=right-side] .ct-panel-inner{
		transform: translate3d(0%, -100%, 0)!important;
	}
	[data-behaviour*=side].active .ct-panel-inner {
		transform: translate3d(0, 0, 0)!important;
	}

	.ct-drawer-canvas {
		z-index: 50!important;
		position: relative!important;
	}
	[data-header*="type-1"] #offcanvas .ct-panel-inner {
		height: fit-content!important;
		align-self: start!important;
		position: relative;
		width:100%;
	}
	#offcanvas #menu-menu-principal-1{
		padding-top:40px!important;
	}
}
header .menu-wishlist-title{
	display:none;
}
.menu-wishlist {
    fill: transparent !important;
}

/**** FOOTER ****/
#footer-ccpap {
    background: var(--blue);
    padding-top: 70px;
    padding-bottom: 30px;
	display: flex;
    flex-direction: column;
    gap: 40px;
	z-index:2;
}
.footer-wrap {
    display: flex;
    gap: 40px;
    justify-content: space-between;
}
.footer-left, .footer-middle, .footer-right {
    width: calc(33.3% - 27px);
}

.footer-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.footer-left-infos {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

footer button.ct-header-search.ct-toggle {
    background: var(--white) !important;
    border-color: var(--white) !important;
    width: 100% !important;
    justify-content: space-between;
    max-width: 320px;
    margin: 0;
}
.logo-footer {
    max-width: 250px;
}
.types-camping-cars-footer {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
	align-items: center;
	height: fit-content;
	align-self: center; 
}
.types-camping-cars-footer a{
	height:fit-content;
}

.footer-middle {
    align-items: center;
    display: flex;
    justify-content: center;
}
.footer-middle ul.footer-menu {
    padding: 0;
    list-style: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 40px;
	min-width: 250px;
}
ul.footer-menu li{
	position:relative;
}
ul.footer-menu li:not(:last-child):after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	height:1px;
	bottom:-20px;
	background:var(--white);
}
.footer-menu a{
    color: var(--white);
}

footer .menu-wishlist {
    display:none;
}

.footer-right {
    background: var(--white);
    padding: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
	align-items:center;
	max-width: 350px;
}
.footer-right p{
	margin-bottom:25px;
}
.footer-refs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
	max-width: 250px;
	width: 100%;
}
.footer-refs a img {
    display: flex;
    width: 100%;
    height: auto;
}

.footer-mentions {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    color: var(--white);	
}

.footer-mentions *{
    color: var(--white);	
}

@media screen and (max-width: 1000px) {
	#footer-ccpap {
		padding-top: 60px;
	}
	.footer-wrap{
		flex-wrap:wrap;
		gap: 30px;
	}
	.footer-left {
        width: 100%;
        flex-direction: row;
        gap: 50px;
    }

	.footer-middle, .footer-right{
		width: calc(50% - 15px);
	}
	.footer-middle {
		justify-content: start;
	}
	.footer-middle ul.footer-menu{
		min-width: unset;
    	width: 100%;
	}
}
@media screen and (max-width: 767px) {
	#footer-ccpap {
		padding-top: 50px;
	}
	.footer-wrap.row {
		flex-direction: column;
		align-items: center;
	}
	.footer-left {
        flex-direction: column;
        gap: 20px;
    }
	.logo-footer {
		max-width: 350px;
		width: 100%;
	}
	.footer-left-infos {
		align-items: center;
	}
	.recherche-footer {
		width: 350px;
		max-width: 100%;
	}
	.types-camping-cars-footer {
		max-width: 350px;
		justify-content: center;
	}
	.footer-middle, .footer-right {
        width: 100%;
    	max-width: 350px;
	}
	.footer-right {
		order: 2;
	}
	.footer-middle {
		order: 3;
	}
}