/*
Theme Name: Inspiro Child
Theme URI: https://www.wpzoom.com/themes/inspiro/
Author: Vincent Picard
Author URI: https://animanet.fr
Description: Thème enfant de Inspiro
Template: inspiro
Version: 1.0.0
Text Domain: inspiro-child
*/

/* 
⚠️ IMPORTANT
Le thème parent Inspiro charge ses CSS depuis assets/css/.
Ce fichier sert à :
- surcharger le CSS du parent
- ajouter tes styles spécifiques (plugins, composants, etc.)
*/


/* =========================
   GARET – par défaut
========================= */
@font-face {
   font-family: 'Garet';
   src: url('assets/fonts/garet/Garet-Book.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

/* =========================
   ARSENICA – titraille
========================= */
@font-face {
   font-family: 'Arsenica';
   src: url('assets/fonts/arsenica/ArsenicaTrial-Regular.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}


body {
   font-family: 'Garet', -apple-system, BlinkMacSystemFont, 'Segoe UI',
      Roboto, Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: 'Arsenica', 'Garet', serif;
}

.entry-title,
.page-title,
.site-title {
   font-family: 'Arsenica', 'Garet', serif;
}


/* =========================
   Overrides Inspiro
   ========================= */

/* Exemple : ajustement global */
body {
   /* background-color: #fff; */
}

/* =========================
   Logo Banner (plugin)
   ========================= */

/* Tu peux mettre ici les overrides front si tu veux
   éviter de toucher au plugin */

.logo-banner {
   /* margin: 60px 0; */
}


body .wpcf7-form {

   background-color: white;
   padding: 1rem 2rem;
   border-radius: 0.5rem;
}



.sf-required {
   font-size: 13px;
   color: #d6b23e;
   margin-bottom: 20px;
}

.sf-form .wrapper {
   display: flex;
   flex-wrap: wrap;
   gap: 40px;
   background-color: white;
   padding: 1rem 0 0;
   border-radius: 1rem;
}



.sf-col {
   width: calc(50% - 20px);
}


.sf-form .wpcf7-form-control-wrap {
   padding: 0 !important;
   margin: 0 0 1rem 0 !important;
   display: block;

}

.sf-form br {
   display: none !important;
}

.sf-form input,
.sf-form input[type=phone],
.sf-form input[type=text],
.sf-form textarea,
.sf-form select {
   width: 100%;
   padding: 0.5rem 1rem;
   margin: 0 !important;
   border: 1px solid #e1b64a;
   border-radius: 2px;
   font-size: 15px;
   background: transparent;
}

.sf-form select {
   appearance: none;
   cursor: pointer;
}

.sf-form textarea {
   min-height: 80px;
   resize: vertical;
}

.sf-form input::placeholder,
.sf-form textarea::placeholder {
   color: #333;
}

.sf-submit {
   width: 100%;
   text-align: center;
   margin-top: 1rem;
}

.sf-submit p {
   margin: 0 !important;
}

.sf-form .wpcf7-not-valid-tip {
   font-size: 0.8rem;

}

.sf-form input[type="submit"] {
   background: #d6b23e;
   color: #fff;
   border: none;
   padding: 14px 40px;
   font-size: 15px;
   cursor: pointer;
   border-radius: 2px;
}

.sf-form input[type="submit"]:hover {
   background: #c5a531;
}

body .wpcf7-form .wpcf7-response-output {
   margin: 0 !important;
   padding: 1rem 2rem !important;
   background-color: #fff;
   color: #666;
   text-align: center;
   font-size: 0.8rem;
}




/* Responsive */
@media (max-width: 768px) {
   .sf-col {
      width: 100%;
   }
}




.sfsi_shortcode_container {
   display: flex;
   float: unset;
   width: 100%;


   justify-content: end;
}

.sfsi_shortcode_container .sfsi_wDiv {
   text-align: unset !important;
   display: flex;
   gap: 0.7rem;
   justify-content: end;
}

.sfsi_shortcode_container img {
   filter: brightness(0) saturate(100%) invert(100%) sepia(84%) saturate(0%) hue-rotate(331deg) brightness(108%) contrast(100%);
}

@media screen and (max-width: 767px) {
   .wp-block-cover-is-layout-flow {
      padding-left: 0 !important;
      padding-right: 0 !important;
   }

   body .wpcf7-form {
      padding: 1rem 1rem !important;
   }
}