/*
Theme Name: Thème FSE Natorea Conseil
Theme URI: 
Author: Paparrot Studio
Author URI: https://paparrotstudio.com
Description: Thème FSE pour Natorea Conseil
Requires at least: 6.5
Tested up to: 6.5
Requires PHP: 8.0
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paparrot
*/

/* Logo site
.wp-block-site-logo img,
.wp-block-site-logo svg { width: 150px; }*/

html {
  scroll-behavior: smooth;
}

/* HOVER BOUTONS */
.primary-button a {
  transition: all 0.3s ease;
}
.primary-button:hover a {
  background-color: var(--wp--preset--color--hover-button);
  transform: scale(0.90);
}
.secondary-button a {
  transition: all 0.3s ease;
}
.secondary-button:hover a {
  border-color: var(--wp--preset--color--hover-button);
  transform: scale(0.90);
}

a:where(:not(.wp-element-button)){
  text-decoration: none;
}
a:hover:not(.wp-block-button__link),
.wp-block-navigation__container a:focus {
  text-decoration: underline;
  text-decoration-color: var(--wp--preset--color--accent);
  text-decoration-thickness: 2px!important;
  outline: none;
}

/* ICONES */
.features .is-layout-flex .wp-block-image {
  flex: 0 0 auto;
  min-width: 56px;
  min-height: 56px;
}

/* Numéro services */
.relative-position .absolute-number{
  position:absolute;
  top:-5px;
}

/* Ipu background */
.relative-position {
position:relative;
overflow:hidden;
}

.relative-position .ipu-left{
  position: absolute;
  left: -15%;
  bottom: -40%;
  z-index: 0;
}

.relative-position .ipu-right{
  position: absolute;
  right: -20%;
  bottom: -40%;
  z-index: 0;
}

.wp-block-details {
  width: 100% !important;
  max-width: 100% !important;
}

.wp-block-details[open] {
  width: 100% !important;
  max-width: 100% !important;
}

/* --------------------------------FORMULAIRE------------------------------- */
.nf-form-cont{
  padding-top:var(--wp--preset--spacing--l)
}
.nf-form-fields-required{
  display:none;
}
.nf-field-label{
  display:none;
}
.nf-field-element input{
  background-color:transparent;
  border:none;
  border-bottom: 1px solid var(--wp--preset--color--primary);
  padding:0.75rem;
}
.nf-field-element input::placeholder{
  color:var(--wp--preset--color--primary);
  font-family:var(--wp--preset--font-family--body);
  font-weight:var(--wp--custom--font-weight--regular);
  font-size:var(--wp--preset--font-size--xs);
}
.nf-field-element textarea{
  background-color:transparent;
  border:none;
  height:auto;
  border-bottom: 1px solid var(--wp--preset--color--primary);
  padding:0.75rem;
}
.nf-field-element textarea::placeholder{
  color:var(--wp--preset--color--primary);
  font-family:var(--wp--preset--font-family--body);
  font-weight:var(--wp--custom--font-weight--regular);
  font-size:var(--wp--preset--font-size--xs);
}

/* BOUTONS FORMULAIRE */
input#nf-field-11{
  color:var(--wp--preset--color--secondary);
  background-color: var(--wp--preset--color--accent);
  border-radius:var(--wp--custom--radius--small);
  padding:var(--wp--preset--spacing--xxs) var(--wp--preset--spacing--xs);
  font-family: var(--wp--preset--font-family--title);
  font-size: var(--wp--preset--font-size--s);
  font-weight: var(--wp--custom--font-weight--semibold);
  border:none;
  transition: all 0.3s;
}
input#nf-field-11:hover{
  background-color: var(--wp--preset--color--hover-button);
  transform: scale(0.90);
  cursor:pointer;
}
/* -----------------------------RESPONSIVE MOBILE--------------------------- */
@media (min-width:1025px) {
  .cshero {
    height:80vh;
  }
}

@media (max-width:1024px) {
  .cshero__column1,
  .cshero__column2 {
    width:100%;
  }
}
@media (max-width:768px) {
  .hide-on-mobile {
    display: none;
	}

  .centered-content { 
      align-items: center;
      justify-content: center;
      text-align: center;
}

.centered-img {
      display:flex;
      justify-content:center;
  }

  /* Largeur texte Hero About */
  .wp-block-group .width-hero-about {
  width:90%;
}

/* MODIFICATION SOUS MENU HEADER */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: var(--wp--preset--color--primary);
    gap:var(--wp--preset--spacing--m)
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
      justify-content:center;
      align-items:center;
      font-size:var(--wp--preset--font-size--m);
      color:var(--wp--preset--color--secondary)!important;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-open svg {
      width:3rem;
      height:3rem;
  }
  .wp-block-navigation__responsive-container-close svg {
      width: 2rem;
      height: 2rem;
  }

  .wp-block-navigation__responsive-container-close {
      padding-right:var(--wp--preset--spacing--xs);
      padding-top:var(--wp--preset--spacing--xs);
  }

  .csgrid {
    grid-template-columns: 1fr;
  }
  
  .csresult__desc {
      width:100%;
  }
}