/*
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
*/

:root {
    --padding-header: 20px;
    --cnet-carousel-radius: 12px;
    --line-height-heading: 1.1;
    --font-size-h1: clamp(3.2rem, 4vw, 4.5rem);
}


/*
 * HEADER
 */

#container-msg-info-header {
    background-color: var(--wp--preset--color--primary);
    color:var(--wp--preset--color--base);
    text-align:center;
    padding:10px;
    margin:0;
}
#container-msg-info-header a {
    color:var(--wp--preset--color--base);
}
.custom-logo-link {
    width: 215px;
}

.site-header {
    padding-inline: var(--padding-header);
}
.site-header-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 70;
}
.site-header-wrap .site-header {
    position: relative;
    top: auto;
    z-index: auto;
        margin-top:0;
    margin-bottom:0;
    padding-top:15px;
    padding-bottom:15px;
}
.site-header__inner {
  margin-block-start: 0!important;
  margin-block-end: 0!important;

  gap: var(--wp--preset--spacing--10);
}
.site-header__phone::before {
    content: "";
    border-radius: 0;
    mask: url('assets/icons/icon-phone.svg') center / contain no-repeat;
}
.site-header__mail::before {
    content: "";
    mask: url('assets/icons/icon-mail.svg') center / contain no-repeat;
}
.site-header__actions {
    flex-direction: column;
    align-items: end;
}
.site-header__booking .wp-block-button__link {
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--lg);
    padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--80);
    font-weight: 400;
    border:1px solid var(--wp--preset--color--primary);
    transition:all 0.3s ease-in;
}

.site-header__booking .wp-block-button__link:hover,
.site-header__booking .wp-block-button__link:focus {
    background-color:transparent;
    color:var(--wp--preset--color--primary);
}

.cnet-pattern--hero-content {
    min-height: 45rem;
    align-items: end;
}
.site-nav--primary .wp-block-navigation__container {
    justify-content: start;
}
.site-nav .wp-block-navigation-item__content {
  font-size: var(--wp--preset--font-size--md);
}

/*
 * FOOTER
 */

.ti-widget.ti-goog .ti-widget-container {
    padding-left:5%;
    padding-right:5%;
    margin-top:250px;
}
footer .custom-logo-link {
    width: 500px;
}
footer .wp-block-site-logo.is-default-size img {
    width: 100%;
}
.site-footer__meta {
    font-size: var(--wp--preset--font-size--xs);
}
.site-footer__content {
  font-size: var(--wp--preset--font-size--lg);
}
.site-footer__partners img {
    height: 45px;
}


/*
 * CONTENT
 */


 .wp-site-blocks {
    background: url("assets/img/bg-dessin-montagne.png") top center /100% auto no-repeat;
    background-attachment: fixed;
 }

 #colonnes-form-contact {
    padding-block: var(--wp--preset--spacing--16);
 }
.wp-block-button  a {
    text-decoration:none!important;
}
.cnet-pattern--text-gauche-media-droite__media-column {
  overflow: visible;
}
.alignfull .cnet-pattern--text-gauche-media-droite__media-column {
  overflow: hidden;
}
.cnet-pattern--h1-subtitle__inner {
  max-width: 40rem;
}
.cnet-pattern--geo-map-point,
.wp-block-image {
    border-radius: var(--cnet-carousel-radius);
}
.section-full-bg-image-sombre {
    padding: var(--wp--preset--spacing--50);
}
.section-full-bg-image-sombre > .wp-block-group {
    border-radius:var(--cnet-carousel-radius);
    padding-block: var(--wp--preset--spacing--80);

    min-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section-full-bg-image-sombre > .wp-block-group::before {
  content: "";
  border-radius:var(--cnet-carousel-radius);
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.50);
  pointer-events: none;
  z-index: 1;
}
.section-full-bg-image-sombre > .wp-block-group > * {
    position:relative;
    z-index: 2;
}
.section-full-bg-image-sombre .wp-block-heading {
    color:#fff!important;
    text-align:center;
}
.section-full-bg-image-sombre .wp-block-separator {
    color:#fff!important;
    margin-top:10px;
    background-color:#fff!important;
}

.section-full-bg-image-sombre  .wp-block-button__link {
    color:#fff!important;
    border-color:#fff!important;
}


/*
 * HOME
 */
.home .site-header {
    background-color:transparent;
}
.home .site-header.is-scrolled {
  color: var(--wp--preset--color--contrast);
  background: var(--wp--preset--color--base);
}
.home .site-header:not(.is-scrolled) .site-header__contact a {
    color: var(--wp--preset--color--base);
}
.home .site-header:not(.is-scrolled) .site-header__phone::before,
.home .site-header:not(.is-scrolled) .site-header__mail::before {
    background-color: var(--wp--preset--color--base);
}
.home .site-header:not(.is-scrolled) .site-header__booking .wp-block-button__link {
    background-color:var(--wp--preset--color--base);
    color:var(--wp--preset--color--primary);
    border-color:var(--wp--preset--color--base);
}
.home .site-header:not(.is-scrolled) .site-header__booking .wp-block-button__link:hover,
.home .site-header:not(.is-scrolled) .site-header__booking .wp-block-button__link:focus {
    background-color:var(--wp--preset--color--primary);
    color:var(--wp--preset--color--base);
    border-color:var(--wp--preset--color--primary);
}
.home #lien-resa-hero-home a {
    color:var(--wp--preset--color--base);
    border-color:var(--wp--preset--color--base);
    font-size: 1.5rem;
}
.home #section-2pas-rando-home {
     color:var(--wp--preset--color--base);
}
.home #section-2pas-rando-home > div {
     justify-content: end;
}
.home #section-2pas-rando-home > div > *{
    max-width: 50%;
    text-align:left!important;
    margin-left: 0!important;
    margin-right: 0!important;
}
.home .site-header:not(.is-scrolled) .custom-logo-link {
    filter: brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35));
}



.wpcf7-form p > label.label-contact-dispo {
    width:230px;
}





@media (max-width: 782px) {

    .mega-menu .wp-block-navigation__container {
        flex-direction: column;
        align-items: start;
    }


  .mega-menu .wp-block-navigation-item__content {
        font-size: var(--wp--preset--font-size--xl);
    }
}





@media (max-width: 640px) {
    .cnet-pattern--hero-content {
        min-height: 1px;
    }
    .wp-block-template-part:has(> .site-header-wrap),
    .site-header-wrap {
        display: contents;
    }
    .site-header-wrap .site-header {
        position: sticky;
        top: 0;
        z-index: 70;
    }

    .home .site-header-wrap .site-header {
        background-color:var(--wp--preset--color--base);
        color: var(--wp--preset--color--primary)!important;
    }
    .home .site-header-wrap .site-header .custom-logo-link {
        filter:none;
    }
    .home .site-header-wrap .site-header .site-header__booking .wp-block-button__link {
        background-color: var(--wp--preset--color--primary);
        color: var(--wp--preset--color--base)!important;
        border-color: var(--wp--preset--color--primary);
    }
    .home .hero-fullscreen .wp-block-cover__inner-container img,
    .home .hero-fullscreen .wp-block-cover__inner-container  #lien-resa-hero-home,
    .home .hero-fullscreen .wp-block-cover__background {
        display:none;
    }


    .home #section-2pas-rando-home > div > * {
        max-width:none;
    }


    .home .site-header:not(.is-scrolled) .site-header__phone::before,
    .home .site-header:not(.is-scrolled) .site-header__mail::before {
        background-color: var(--wp--preset--color--primary)!important;
    }
    .home .site-header-wrap .site-header .site-header__actions a {
        color: var(--wp--preset--color--primary)!important;
    }

    #container-msg-info-header {
        margin-left:0;
        margin-right:0;
    }
    .site-header__inner {
        flex-direction: column;
        gap: var(--wp--preset--spacing--4);
    }
    footer .custom-logo-link {
        width: 90%;
    }

    .site-main {
        padding-left:0;
        padding-right: 0;
    }
}