/*
 Theme Name:   Mon thème enfant
 Theme URI:    http://nehalennia.test
 Description:  Vilva Child Theme
 Author:       Me
 Author URI:   http://nehalennia.test
 Template:     vilva
 Version:      1.0.0
*/

/* Importation typographie */
@import url("https://use.typekit.net/rok7fjo.css");
/* nom typo Grotesk:
niveau-grotesk
font-weight:500;
font-weight:700;
font-weight:900;

niveau-grotesk-small-caps
font-weight:500;
font-weight:700;
 */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
/*  {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight:entre 100 et 900;
  font-style: normal;
} */

/* *{
    font-family: 'Niveau Grotesk Regular';
}; */

* {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 18px;
}
body {
  background: linear-gradient(#ebab30, #8c2037);
  box-sizing: border-box;
}
strong{
  font-size:20px;
}
.site-title a {
  font-family: niveau-grotesk-small-caps;
  font-weight: 500;
  font-size:95px;
}
h2 ,h2 strong {
  font-family: niveau-grotesk-small-caps !important;
  font-weight: 500;
  font-size:50px;
}
.site-description {
  color: #701747 !important;
  font-size:16px;
}
.woocommerce-page .woocommerce-result-count,.woocommerce ul.products li.product .woocommerce-loop-product__title{
color:#ffffff;
}
/*disparition des certifications  */
.ti-widget.ti-goog .ti-verified-by-row[data-style="1"] > .ti-inner {
  display:none !important;
}
/* couleur texte avis google */
.ti-widget.ti-goog .ti-review-content {
  color: #000 !important;
}
.ti-widget.ti-goog .ti-reviews-container{
  padding-bottom:2vw;
}
.ti-widget.ti-goog .ti-rating-text span,
.ti-widget.ti-goog .ti-rating-text span strong {
  color: #ffffff !important;
}

/* bouton */
.woocommerce a.button,
.affiliatex-button {
  font-family: niveau-grotesk !important;
  font-weight: 500;
}
.woocommerce a.button{
  background-color:#701747;
  border-radius: 50px !important;
}
@media screen and (max-width: 1025px) {
  .affiliatex-button,.woocommerce a.button {
    font-size: 15px;
    line-height: 1.65;
    letter-spacing: 0em;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 30px;
    border-radius: 50px !important;
  }
}


/* header */
.sticky-nav {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
}
.header-t {
  display: none;
}
.header-bottom {
  background-color: #701747;
  width: 100%;

}
.page-template-default .content-area .page-header .page-title {
  display: none !important;
}

/* footer */
footer {
  background-color: #701747;
  display: grid;
  grid-template-columns: 33% 33% 33%;
  grid-template-rows: 7vw 7vw 7vw 5vw;
  gap: 15px;
  padding: 5vh;
  align-items: center;
  width: 100%;
  font-family: niveau-grotesk, "Monsterrat", sans-serif;
  font-weight:500;
}
#name {
  grid-column: 1;
  grid-row: 1;
  padding: 5%;
  font-family: niveau-grotesk, "Monsterrat", sans-serif;
  font-weight:900;
}
#profession {
  grid-column: 1;
  grid-row: 2;
  padding: 5%;
}
#num {
  grid-column: 3;
  grid-row: 1;
  text-align: right;
  padding: 8%;
  font-family: niveau-grotesk, "Monsterrat", sans-serif;
  font-weight:900;
}
#adress {
  grid-column: 3;
  grid-row: 2;
  text-align: right;
  padding: 8%;
  font-family: niveau-grotesk, "Monsterrat", sans-serif;
  font-weight:900;
}
#reseau-icon {
  grid-column: 2;
  grid-row: 3;
  align-self: center;
  justify-self: center;
  padding: 2%;
}
@media screen and (max-width: 767px) {
  footer {
    grid-template-columns: 100%;
    grid-template-rows: 15vw 30vw 15vw 40vw 20vw 20vw;
  }
  #profession {
    grid-column: 1;
    grid-row: 2;
  }
  #num {
    grid-column: 1;
    grid-row: 3;
    text-align: left;
    padding: 5%;
  }
  #adress {
    grid-column: 1;
    grid-row: 4;
    text-align: left;
    padding: 5%;
  }
  #reseau-icon {
    grid-column: 1;
    grid-row: 5;
  }
  .search-results .content-area>.page-header .search-submit {
    height: 15vw !important;
}
.search-results .content-area>.page-header .search-field {
    height: 15vw !important;
 
}
}

/* css carrousel */
.galerie {
  display: grid;
  grid-template-columns: 4% 4% repeat(4, 20% 2%) 4%;
  grid-template-rows: 80% 20%;
}
.carrousel {
  /* margin-top: 50px; */
  height: 500px;
  width: 100%;
  position: relative;
  display: grid;
  grid-column: 1/12;
  grid-row: 1/2;
}
.carrousel button {
  position: absolute;
  background: none;
  border: none;
  outline: none;
  font-size: 2.6rem;
  z-index: 2;
  cursor: pointer;
  color: #701747;
  transform: translate(-50%);
  top: 40%;
}
#prev {
  left: 5%;
}
#next {
  right: 0.5%;
}
/* mise en page du carrousel */
.carrousel li {
  list-style: none;
}
/* positon image immersive */
.slide {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 1s ease-in-out;
}
.slide.active {
  opacity: 1;
}
.slide img {
  border-radius: 20px;
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* navigation */
.main-navigation .primary-menu-list,
.main-navigation ul li a {
  color: #ffffff;
  background-color: #701747;
  font-size: 14.2px;
}
.main-navigation .close::before,
.main-navigation .close::after,
.toggle-btn .toggle-bar {
  background: #ffffff;
}
.main-navigation ul li.focused > ul,
.main-navigation .sub-menu {
  background-color: #701747;
  width: 100% !important;
}
.submenu-toggle,
.main-navigation ul li .submenu-toggle path {
  color: #ffffff;
}
.main-navigation ul li.current-menu-item > .submenu-toggle path,
.main-navigation ul li.current-menu-item > .submenu-toggle path:hover,
.mobile-menu .submenu-toggle path,
.mobile-menu .submenu-toggle .fa-chevron-down {
  color: #ebab30;
}
/* chemin de navigation */
#crumbs span {
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
}
#crumbs .current > a span {
  color: #701747;
}

/* barre de recherche */
/* police dans la barre de recherche */
.search-results .content-area > .page-header .search-field {
  font-family: niveau-grotesk !important;
  font-weight:500;
  font-size: 2em;
}
/*Résultat de recherche pour : dans recherche  */
.sub-title {
  color: #701747;
  font-family: niveau-grotesk !important ;
  font-weight:500;
}
/*  Affichage : 1 - 10 sur 10 RÉSULTATS dans recherche*/
.post-count {
  color: #701747;
  font-family: niveau-grotesk !important ;
  font-weight:500;
}
/* lire la suite dans recherche */
body[class*="post-layout-"] .site-main article .entry-footer .btn-readmore {
  color: #701747;
  font-family: niveau-grotesk !important;
  font-weight:500;
}
/* bouton recherche */
.search-form .search-submit,
.search-results .content-area > .page-header .search-submit,
.search-results .content-area > .page-header .search-submit::after {
  background-color: #701747;
}
/* taille de barre de recherche dans la page recherche */
.search-results .content-area>.page-header .search-field {
    height: 5vw !important;
 
}
.search-results .content-area>.page-header .search-submit {
    height: 5vw !important;
}
/* Icon recherche dans la page recherche */
.search-results .content-area>.page-header .search-submit {
    background-image: url('/wp-content/uploads/2025/05/search-big.png') !important;
    background-size: 25px;
}

/* menu déroulant */
.wp-block-details {
  width: 100%;
  padding: 2%;
  border: solid #ffffff 2px;
  background-color: #701747;
  font-family: niveau-grotesk, "Monsterrat", sans-serif;
  font-weight:500;
}
.wp-block-details:first-of-type{
  margin-top:10px;
}
.wp-block-details .wp-block-details {
  border: 0;
}
.wp-block-details p {
  padding: 1%;
  padding-left: 5%;
  font-family: "Monsterrat", sans-serif;
}
.entry-content a {
  color: #ffffff;
}

blockquote {
  border-left: 2px solid #701747;
}

/* boutique */
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		border: solid 2px #fff;
    border-radius: 11px;
}
.woocommerce ul.products li.product a img {
    border-radius: 10px;
}
.c1v45mk4{
  background-color: #701747;
}