/*
Theme Name: RFT Trade limited theme
Description: Theme enfant de twentytwentyfive
Author: Romain Dhomps
Author URI: https://www.wanderstudio.fr
Template: twentytwentyfive 
Version: 0.1.0
*/

.bckgrd-accueil {
    z-index: 0;
}

.bckgrd-accueil::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(26, 35, 64, 0.6); /* Voile blanc à 50% */
    pointer-events: none; /* Permet de cliquer à travers le voile */
    z-index: -1;
}

.no-gap1 {
    gap: 0px !important;
}

nav ul {
	gap: 20px !important;
}

/*Formulaire*/

#formulaire-responsive {
	max-width:600px /*-- à modifier en fonction de la largeur désirée --*/;
	margin:0px;
        width:100%;
}
.rang-form {
	width: 100%;
}
.demi-colonne, .colonne {
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.demi-colonne {
		width: 50%;
	}
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
    font-family: 'GARET';
	font-size: 16px;
  	width: 100%;
  	padding: 10px 0;
  	border: none;
  	border-bottom: 1px solid #ccc;
  	border-radius: 0;
  	background: transparent;
  	color: #1A2340;
  	box-sizing: border-box;
  	transition: border-color 0.3s, color 0.3s;
}

.wpcf7 textarea {
  height: 80px; /* ← tu peux ajuster cette valeur (ex : 60px, 100px, etc.) */
  resize: vertical; /* permet encore à l'utilisateur d'agrandir si besoin */
}

.wpcf7 input[type="text"]:focus{
	background: none;
}
.wpcf7-submit{
	display: flex !important;
    font-family: 'GARET';
    float: right;
    font-size: 21px;
    align-items: center;
    justify-content: center;
    width: 275px;
    height: 55px;
    box-sizing: border-box;
    transition-timing-function: ease-out;
    transition-duration: 0.3s;
    border: 0px;
    background-color: #D2BFA6 !important;
    color : #1A2340;
}
.wpcf7-submit:hover{
	transform: translateY(-8px);
    box-shadow: 0 10px 10px grey;
}

.wpcf7-submit:active {
    box-shadow:
    inset 0px -12px 12px -6px rgba(3, 15, 20, 1),
    inset 0px 12px 12px -6px rgba(3, 15, 20, 1),
    inset 12px 0px 12px -6px rgba(3, 15, 20, 1),
    inset -12px 0px 12px -6px rgba(3, 15, 20, 1),
    -1px -1px 6px 0px rgba(54, 69, 75, 1);
}

span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #1A2340;
	background: #E7414D;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}

.wpcf7-response-output {
    max-width:400px /*-- à modifier en fonction de la largeur désirée --*/;
	margin:0px !important;
    width:100%;
    font-size: 12px;
    border: 1px !important;
    border-color: #1E375A !important;
    border-style: solid !important;
    color : #1A2340;
}

.wpcf7 p {
    margin: 0px;
}

.disp-none {
	display: none;
}

.liste-horizontale {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 15px; /* espace entre les éléments */
}

.liste-horizontale li {
  display: inline-block;
}

@media all and (max-width: 1325px) {
	.resp-wrap {
		flex-wrap: wrap !important;
	}

	.blck-resp1 {
		flex-basis: unset !important;
		width: 80% !important; 
		min-height: auto !important;
	}
}

@media all and (max-width: 1535px) {
	.wrap-resp2 {
		display: block !important;
	}
}