/*
Theme Name: cnet-light
Theme URI: https://example.invalid/cnet-light
Author: DUTIKO
Author URI: https://example.invalid
Description: Ultra-light WordPress block theme foundation (core-first, performance-first).
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 8.0
Version: 0.1.0
License: Proprietary
Text Domain: cnet-light
*/


/* =========================================================
   Surcharge variables theme/plugin
   ========================================================= */
.hero-fullscreen-left-text {
  --hero-fullscreen-left-text-padding-x: 5vw;
  --hero-fullscreen-left-text-content-width: 60%;
}

.hero-fullscreen-left-text .wp-block-cover__inner-container {
  --hero-fullscreen-left-text-padding-y: var(--wp--preset--spacing--6);
}

:root {
  --font-size-h1:clamp(2.2rem, 4vw, 2.6rem);
  --font-size-h2: clamp(1.8rem, 3vw, 2rem);
}


/* =========================================================
   Header
   ========================================================= */
.site-header {
  --header-logo-w: 175px;
}
.site-header.is-scrolled {
  --header-logo-w: 70px;
}
.site-header__toggle {
  margin-block-start: 0;
}
.site-nav .wp-block-navigation-item__content::after {
  content:none;
}
.wp-block-navigation .wp-block-navigation-item.menu-contact {
  padding-left:20px;
  padding-right:20px;
}
.site-header.is-scrolled li,
.site-header.is-scrolled a,
.wp-block-navigation .wp-block-navigation-item.menu-contact a:hover,
.wp-block-navigation .wp-block-navigation-item.menu-contact a:focus,
.wp-block-navigation .wp-block-navigation-item.menu-contact.current-menu-item a {
  color:#fff!important;
}
.site-header.is-scrolled ul ul a,
.site-header.is-menu-open a {
  color:#000!important;
}
.site-header.is-scrolled a:hover,
.site-header.is-scrolled a:focus,
.site-header.is-scrolled ul ul a:hover,
.site-header.is-scrolled ul ul a:focus,
.site-header.is-menu-open a:hover,
.site-header.is-menu-open a:focus {
  color:var(--color-navigation-link-active)!important;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  padding-left:0;
  padding-top:0;
  margin-top:0;
  left:0!important;
  right:auto!important;
  /*background-color:transparent;*/
  /*background-color:rgba(255,255,255,0.5);*/
  background-color:#fff;
  border:none;
}

@media (max-width: 1650px) {
  .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: transparent !important;
    box-shadow: none !important;
  }
  .site-header.is-scrolled {
    --header-logo-w: 90px;
  }
}

@media (hover: hover) and (min-width: 1651px) {
  .site-nav--primary .wp-block-navigation__container > li.wp-block-navigation-item.has-child > ul.wp-block-navigation__submenu-container {
    display: flex !important;
    max-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    overflow: hidden;
    transform: translateY(22px) scale(0.985);
    transform-origin: top left;
    filter: blur(2px);
    box-shadow: 0 18px 34px rgba(20, 24, 22, 0.14);
    margin-top: 0 !important;
    padding-top: 0 !important;
    transition:
      max-height 560ms cubic-bezier(0.22, 1, 0.36, 1),
      opacity 560ms cubic-bezier(0.22, 1, 0.36, 1),
      transform 560ms cubic-bezier(0.22, 1, 0.36, 1),
      filter 560ms cubic-bezier(0.22, 1, 0.36, 1),
      padding-top 560ms cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s linear 560ms;
    will-change: max-height, opacity, transform, filter;
  }

  .site-nav--primary .wp-block-navigation__container > li.wp-block-navigation-item.has-child:hover > ul.wp-block-navigation__submenu-container,
  .site-nav--primary .wp-block-navigation__container > li.wp-block-navigation-item.has-child:focus-within > ul.wp-block-navigation__submenu-container {
    max-height: 30rem !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1);
    filter: blur(0);
    margin-top: 0 !important;
    padding-top: var(--wp--preset--spacing--2) !important;
    transition-delay: 0s;
  }

  .site-nav--primary .wp-block-navigation__container > li.wp-block-navigation-item.has-child > ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    position: relative;
  }

  .site-nav--primary .wp-block-navigation__container > li.wp-block-navigation-item.has-child > ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 2px;
    background: var(--color-navigation-link-active);
    transform: translateY(-50%);
    transition: width 360ms ease;
  }

  .site-nav--primary .wp-block-navigation__container > li.wp-block-navigation-item.has-child > ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover::before,
  .site-nav--primary .wp-block-navigation__container > li.wp-block-navigation-item.has-child > ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible::before {
    width: 18px;
  }
}


/* =========================================================
   Footer
   ========================================================= */
.site-footer {
  background-color: var(--color-secondary);
  padding-top: 175px;
  padding-left:75px;
  padding-right:75px;
  color:#fff;
  position:relative;
  margin-top: 400px;
}
#container-avis-gg:before {
  content:' ';
  width:100%;
  height: 100%;
  background-color:rgba(0,0,0,0.7);
  position: absolute;
  top:0;
  left: 0;
}
#container-avis-gg {
  background-image: url(./assets/img/bg-avis-gg.jpg);
  background-position: bottom center;
  background-size: cover;
  position: absolute;
  top: -300px;
  left: 0;
  z-index: 2;
}
#container-avis-gg > div {
  position: relative;
  z-index: 3;
}
#container-avis-gg .ti-widget.ti-goog {
  padding:5vw 3vw 5vw 0;
}

#container-avis-gg .ti-widget.ti-goog .ti-rating-text,
#container-avis-gg .ti-widget.ti-goog .ti-rating-text span,
.ti-widget.ti-goog .ti-rating-text strong:not(.ti-rating-large) {
  color:#fff!important;
}

#container-avis-gg .ti-widget.ti-goog .ti-widget-container {
  margin-bottom:0;
}
.site-footer__top a,
.site-footer__bottom a {
  color:#fff;
}
.site-footer__top a:hover,
.site-footer__bottom a:hover,
.site-footer__top .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.site-footer__bottom .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
  color:var(--color-accent);
  text-decoration:none;
}
.site-footer__logo .custom-logo {
  max-height: 105px;
}
.site-footer__inner {
  max-width:inherit;
}
.site-footer__top .site-footer__inner,
.site-footer__bottom .site-footer__inner {
  padding-left:0;
  padding-right:0;
}
.site-footer__top,
.site-footer__bottom {
  background-color: transparent;
}
.site-footer__bottom { 
  border-top:2px solid #fff;
}
.site-footer__menus .wp-block-navigation__container:before {
  content:' ';
  position:absolute;
  top:-15px;
  left:0;
  width:60px;
  height:3px;
  background-color:#fff;
}
.site-footer__meta {
  font-size:0.9em;
  color:#fff;
}
.site-footer__inner--bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.site-footer__media {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: nowrap;
}
.site-footer__media .wp-block-image {
  margin: 0;
  flex: 0 0 auto;
}
.site-footer__media .wp-block-image img {
  display: block;
  width: auto;
  height: 50px;
  max-width: 100%;
  object-fit: cover;
}

@media (max-width: 991px) {
  .site-footer {
    padding-top:95px;
    padding-left:25px;
    padding-right:25px;
    margin-top:130px;
  }
  #container-avis-gg::before {
    display:none;
  }
  #container-avis-gg {
    background-image: none;
    position: relative;
    top: inherit;
    left: inherit;
    margin-bottom: 80px;
  }
  #container-avis-gg .ti-widget.ti-goog {
    padding: 5vw 3vw;
  }
}


@media (max-width: 640px) {
  .site-footer__address {
    margin-bottom:25px;
  }
  .site-footer__inner--bottom {
    justify-content: center;
  }
  .site-footer__media {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }
}


/* =========================================================
   Content
   ========================================================= */

body h1 {
  font-weight:900;
  color:var(--color-secondary);
}
.section-bg-primaire-texte {
  padding-top:50px;
  padding-bottom:50px;
  margin-top:50px;
  margin-bottom:50px;
}
.hero-fullscreen-left-text.alignfull {
    margin-bottom:100px;
}
p.accroche-hero {
  position:relative;
  font-size: clamp(2.2rem, 4vw, 3.5rem);
  font-family: var(--font-heading);
  line-height: var(--line-height-heading);
  font-weight: 400;
}
p.accroche-hero::after {
   content: '';
  width: 100vw;
  height: 5px;
  display: block;
  position: absolute;
  bottom: 25px;
  left: 80%;

  background: linear-gradient(
    to right,
    transparent 0px,
    rgba(255,255,255,0) 0px,
    rgba(255,255,255,1) 20vw,
    #ffffff 20vw,
    #ffffff 100%
  );
}


/* =========================================================
   Liste formations
   ========================================================= */
.cnet-pattern--deux-colonnes-photo-sur-texte-gauche__card,
.cnet-pattern--deux-colonnes-photo-sur-texte-droite__card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
    min-height: clamp(25vw, 35vw, 45vw);
}
:root :where(.wp-block-button .wp-block-button__link) {
  padding:5px 40px;
  transition:all 0.4s ease-in;
}
:root :where(.wp-block-button .wp-block-button__link):hover,
:root :where(.wp-block-button .wp-block-button__link):focus {
  padding-left:60px;
  padding-right:60px;
  text-decoration:none;
}

@media (max-width: 781px) {
  .cnet-pattern--deux-colonnes-photo-sur-texte-gauche__columns,
  .cnet-pattern--deux-colonnes-photo-sur-texte-droite__columns {
      gap: 0;
  }
  .cnet-pattern--deux-colonnes-photo-sur-texte-droite__columns {
    flex-direction: column-reverse;
  }
  .cnet-pattern--deux-colonnes-photo-sur-texte-gauche__columns h2,
  .cnet-pattern--deux-colonnes-photo-sur-texte-droite__columns h2 {
      text-align:center;
  }
  .cnet-pattern--deux-colonnes-photo-sur-texte-gauche__card,
  .cnet-pattern--deux-colonnes-photo-sur-texte-droite__card {
      min-height: 1px;
      padding-top: calc(var(--wp--preset--spacing--16) + 25px)!important;
  }
  .cnet-pattern--deux-colonnes-photo-sur-texte-gauche__columns .wp-block-buttons,
  .cnet-pattern--deux-colonnes-photo-sur-texte-droite__columns .wp-block-buttons {
    margin-left:0!important;
    margin-right:0!important;
    justify-content: center!important;
    margin-block-start:0!important;
  }
  .cnet-pattern--deux-colonnes-photo-sur-texte-gauche__media-col,
  .cnet-pattern--deux-colonnes-photo-sur-texte-droite__media-col {
    margin-bottom:-25px!important;
  }
  .cnet-pattern--deux-colonnes-photo-sur-texte-gauche__media,
  .cnet-pattern--deux-colonnes-photo-sur-texte-droite__media {
    width:90%;
    margin:0 auto;
  }
}


/* =========================================================
   Home
   ========================================================= */
.home #container-tx-reussite-home {
  font-size:clamp(2.2rem, 4vw, 3.5rem);
  font-family: var(--font-heading);
  line-height: var(--line-height-heading);
  margin-bottom:100px;
  padding:20px 75px;
  color: var(--color-secondary);
}

.home #container-tx-reussite-home  {
  color:var(--color-accent);
}

.home #img-deco-prochaines-formations {
  margin-top:-85px;
  margin-bottom:85px;
}
.home .hero-fullscreen-left-text {
  padding-bottom: 300px;
  min-height: 650px!important;
}
.home #container-img-deco-top-home {
  margin-top: -390px;
  padding-left: 5vw;
  width: 100vw !important;
  /*height:600px;*/
  overflow: hidden;
  margin-bottom:50px;
}
.home #container-img-deco-top-home > figure {
  width:100%;
  height:100%;
  min-height:270px;
}
.home #container-prochaines-formations-home h2 {
  font-weight: bold;
  font-size: var(--font-size-h1);
}
.home #container-engagements-home {
  margin-block-start:100px;
}
.home #container-engagements-home h2 {
  text-align:center;
  margin-block-end:75px;
}
.home #container-engagements-home p {
  margin-block-start: 0;
  text-align:center;
}
p.titre-engagement-home {
  margin-block-start: 24px!important;
  font-size:1.1rem;
  font-weight:bold;
}
.realisations_container-une-realisation {
  margin-top:100px;
  margin-bottom:100px;
}
.container-text-realisation {
  min-height:1px!important;
  
  padding-left: var(--wp--preset--spacing--10)!important;
  padding-right: var(--wp--preset--spacing--10)!important;
}
.container-text-realisation > * {
  max-width: none!important;
} 

.realisations__media-col {
  margin-top:30px!important;
}


@media (max-width: 781px) {
  .cnet-pattern--hero-fullscreen-left-text {
    min-height: 350px!important;
    margin-bottom:50px!important;
  }
  .home .cnet-pattern--hero-fullscreen-left-text {
    margin-bottom:100px!important;
  }
  .site-main {
    padding-left: var(--wp--preset--spacing--2);
    padding-right: var(--wp--preset--spacing--2);
  }
  .home #img-deco-prochaines-formations {
    margin-top:-35px;
  }
  .home #container-tx-reussite-home {
    padding-left:15px;
    padding-right:15px;
    margin-bottom:25px;
  }
}