/*
Theme Name: iwego child
Description: Theme iwego
Author: Iwego
Template: iwego
Version: 1.0.0
*/
/************************************************/
/** **/
/** GENERAL **/
/** **/
/************************************************/
:root {
--box-shadow : rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
--transform-scale : scale3d(1.02, 1.02, 1.02);
--transition : all 500ms cubic-bezier(0.5, 1, 0.89, 1) 0s;
--fontAwesome : "Font Awesome 6 Free";
}
div#tarteaucitronRoot.tarteaucitronBeforeVisible:before{display:none;}
.tarteaucitronAlertBigTop::after {
content: '';
background: url(/wp-content/uploads/2026/04/cookie-iwego.png);
height: 70px;
width: 100px;
position: absolute;
right: 1.1em !important;
margin: 0 auto !important;
background-size: contain;
background-repeat: no-repeat;
}
#tarteaucitronRoot *{font-family: 'Lato', sans-serif !important;}
.cookie-text-fr h2{font-size:16px !important;}
h2 {text-transform: uppercase; letter-spacing: .8rem; }
p {line-height: 1.6;}
img {display: block;}
input, select, textarea, button {font-family: inherit}
select {color: rgba(16, 44, 53, .8); background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 2rem center; }
input::placeholder, textarea::placeholder {color: rgba(16, 44, 53, .8);}
input, select, textarea { border: none; text-transform: uppercase; padding: 1.5rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #fff;}
input:focus-visible, select:focus-visible, textarea:focus-visible {outline-color: var(--couleur-cta); outline-style: solid;}
input[type="checkbox"] {
width: 1.8rem; height: 1.8rem; min-width: 1.8rem;
padding: 0;
border: .1rem solid var(--couleur-background-dark);
cursor: pointer;
position: relative;
transition: border-color .2s, background .2s;
}
input[type="checkbox"]:checked {
background-color: var(--couleur-cta);
border-color: var(--couleur-cta);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 8l4 4 7-7'/%3E%3C/svg%3E");
background-size: 70% 70%;
background-repeat: no-repeat;
background-position: center;
}
input[type="radio"] {width: 1.8rem; height: 1.8rem; min-width: 1.8rem; border: .1rem solid var(--couleur-background-dark); cursor: pointer; margin-top: .2rem; transition: border-color .2s, background .2s; position: relative; border-radius: 50%; }
input[type="radio"]:checked {background: var(--couleur-cta); border-color: var(--couleur-cta);}
input[type="search"] {background-image: url("data:image/svg+xml;utf8, "); background-repeat: no-repeat; background-position: right 2rem center; }
input[type="search"]::-webkit-search-cancel-button { opacity: 0; padding: 1rem; }
.newsletter-form {display: flex; flex-direction: column; width: 100%; margin-top: 1rem;}
.newsletter-form button[type="submit"] {background-color: var(--couleur-cta); color: #fff; border: none; padding: 1.2rem 2rem; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08rem; cursor: pointer; transition: background-color 0.2s ease; white-space: nowrap; width: 100%;}
.newsletter-form input[type="email"] {background-color: #fff; font-size: 1.4rem; transition: all 0.2s ease; width: 100%; }
.newsletter-form input[type="email"]::placeholder {color: rgba(16, 44, 53, .8);}
.newsletter-form input[type="email"]:focus-visible + button[type="submit"] {outline: 1px solid var(--couleur-cta); }
.img-cover {height: 100%; width: 100%; object-fit: cover;}
.img-contain {width: 100%; height: 100%; object-fit: contain;}
.no-underline {text-decoration: none;}
a.btn-cta {color: #fff; text-transform: uppercase; padding: 1.5rem 2.5rem; letter-spacing: .08rem; text-decoration: none; background: linear-gradient(var(--couleur-texte), var(--couleur-texte)) left / 0% 100% no-repeat; background-color: var(--couleur-cta); transition: all .4s ease; }
a.btn-cta i {margin-left: .5rem;}
a.btn-cta::after {display: none;}
.visually-hidden { position: absolute; inset: 0; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.pagination {column-gap: 1rem; margin: 1.5rem; width: 100%; flex-wrap: wrap;}
.pagination a, .pagination span {text-decoration: none; padding: 1rem; text-transform: uppercase;}
.pagination .current, .pagination .active {background-color: var(--couleur-cta); color: #fff;}
@media (hover: hover) {
.btn-cta:hover {background-size: 100% 100%;}
.newsletter-form button[type="submit"]:hover {background-color: var(--couleur-texte);}
input[type="radio"]:hover {border-color: var(--couleur-cta);}
}
@media (min-width: 768px) {
.newsletter-form input[type="email"] {flex: 1;}
.btn-cta, .btn-contact {max-width: fit-content;}
}
@media (min-width: 1100px) {
.newsletter-form {flex-direction: row;}
.newsletter-form button[type="submit"] { max-width: max-content;}
.newsletter-form input[type="email"] { max-width: 35rem;}
}
/************************************************/
/** **/
/** HEADER **/
/** **/
/************************************************/
#headermenu {position: fixed; width: 100%; transition: all 230ms ease-in-out; z-index: 999; top: 0;}
#headermenu::before {content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(16, 44, 53, .6) 0%, rgba(16, 44, 53, 0) 75%); height: 15rem; pointer-events: none; z-index: -1;}
#headermenu .header-logo {height: 4rem;}
#headermenu .header-logo-scroll {display: none;}
#headermenu .header-logo-default {display: block;}
#headermenu.header-scrolled {background-color: #fff; box-shadow: var(--box-shadow);}
#headermenu.header-scrolled::before {display: none;}
#headermenu.header-scrolled .header-logo-default {display: none;}
#headermenu.header-scrolled .header-logo-scroll {display: block;}
#headermenu.header-scrolled .main-menu>li>a,
#headermenu.header-scrolled .header-links .header-link-item,
#headermenu.header-scrolled .main-menu .menu-item-type-custom::after {color: var(--couleur-texte);}
#headermenu.header-hidden {transform: translateY(-100%);}
#menu-principal {width: 100%; order: 1;}
#headermenu .main-menu {color: #fff; text-transform: uppercase; font-weight: 600; column-gap: 1.5rem; height: 100%;}
#headermenu .main-nav {width: 100%;}
#headermenu .main-menu>li>a {text-decoration: none; letter-spacing: .08rem; font-weight: 600; color: #fff; font-size: 1.3rem; padding: 1.5rem 1rem;}
#headermenu .main-menu .menu-item {display: flex; align-items: center;}
#headermenu .main-menu .menu-item-type-custom::after {content: "\f078"; font-weight: 900; font-family: var(--fontAwesome); display: inline-block; transition: all 230ms ease-in-out;}
.header-menu {padding: 1rem; position: relative; width: 100%; column-gap: 3rem; justify-content: space-between;}
.single #headermenu {position: sticky; background-color: var(--couleur-footer);}
.single #headermenu::before {display: none;}
.single #headermenu .main-menu>li>a {color: #fff;}
.single #headermenu.header-scrolled .header-logo-scroll {display: none;}
.single #headermenu.header-scrolled .header-logo-default {display: block;}
.header-links {column-gap: 1.5rem;}
.header-links .header-link-item {flex-direction: column; position: relative; padding: .8rem; color: #fff; font-size: 1.5rem;}
.header-links .header-link-item span {position: absolute; bottom: -1rem; left: 50%; transform: translateX(-50%); font-size: 1.4rem; opacity: 0; transition: 230ms ease-in-out;}
.header-right-section {align-items: center; column-gap: 2rem;}
.header-right-section .language-switcher {position: relative; cursor: pointer; align-self: center; flex-direction: column; padding: .5rem; margin-left: 0;}
.language-switcher > li.lang-item {list-style: none;}
.language-switcher > li.lang-item.current-lang {display: flex; align-items: center;}
.language-switcher > li.lang-item a {display: flex; align-items: center;}
.language-switcher > li.lang-item a img {width: 1.8rem !important; height: 1.4rem !important; display: block; border-radius: 2px; box-shadow: 0 1px 4px rgba(0,0,0,.35);}
.lang-dropdown {list-style: none; margin: 0; padding: .35rem .3rem; position: fixed; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: .3rem; background: var(--couleur-background); box-shadow: var(--box-shadow); border-radius: 4px; z-index: 99999; opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease;}
.lang-dropdown.visible {opacity: 1; visibility: visible;}
.lang-dropdown li {list-style: none; display: flex; align-items: center;}
.lang-dropdown li a {display: flex; align-items: center; padding: .2rem;}
.lang-dropdown li a img {width: 1.8rem !important; height: 1.4rem !important; border-radius: 2px;}
.language-switcher a[aria-current="true"] {
pointer-events: none;
}
.bandeau-entete {height: 40rem; background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; align-items: end; position: relative; z-index: 1;}
.bandeau-entete-container {margin: 0 0 2rem; flex-direction: column; position: relative; z-index: 1; padding: 0 2rem; width: 100%;}
.bandeau-entete h1 {text-shadow: #000000b0 0 0 2px; color: #fff; font-size: 2.2rem; font-weight: 900; text-transform: uppercase; letter-spacing: .3rem; text-align: left; margin: 0; text-wrap: pretty; }
.bandeau-entete h2 { display: block; font-weight: 500; color: #fff; letter-spacing: .1rem; margin-bottom: 1.5rem; position: relative; padding-left: 4rem; order: -1; font-size: 1.7rem;}
.bandeau-entete h2::before {content: ''; position: absolute; background-color: #fff; left: 0; top: 50%; transform: translateY(-50%); width: 3rem; height: .2rem;}
.bandeau-entete::after { content: ''; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(40,40,40,.75) 100%); position: absolute; top: 0; left: 0;}
.entete-breadcrumb, .entete-breadcrumb a {color: #fff; font-size: 1.2rem; text-transform: uppercase; margin-top: 1rem; text-decoration: none;}
.mega-menu-content {box-shadow: var(--box-shadow);}
/*#headermenu .main-menu .menu-item-type-custom:first-of-type .mega-menu-content {display: block !important;}*/
@media (hover: hover) {
.header-links .header-link-item:hover span {opacity: 1;}
#headermenu:hover {background: var(--couleur-background);}
#headermenu:hover .main-menu>li>a, #headermenu:hover .header-links .header-link-item #headermenu:hover .main-menu .menu-item-type-custom::after, #headermenu:hover .header-links .header-link-item {color: var(--couleur-texte);}
#headermenu:hover .header-logo-default {display: none;}
#headermenu:hover .header-logo-scroll {display: block;}
#headermenu:hover::before {display: none;}
#headermenu:hover .main-menu .menu-item-type-custom::after {color: var(--couleur-texte);}
}
@media (min-width: 768px) {
.bandeau-entete h1 {font-size: 3rem;}
.bandeau-entete h2 {font-size: 2rem;}
}
@media (min-width: 1025px) {
#menu-principal {display: flex; }
.header-menu {padding-left: 3rem; padding-right: 3rem; padding-top: 1rem; padding-bottom: 0; column-gap: 6rem;}
#headermenu .logo-header {padding-bottom: 1rem;}
.header-right-section .language-switcher {padding: .5rem;}
}
@media (min-width: 1300px) {
.bandeau-entete h1 {font-size: 3.5rem; text-transform: uppercase; margin-bottom: 0; }
.bandeau-entete-container {max-width: 80%; margin: 0 auto 6rem;}
.bandeau-entete h2 {font-size: 2.4rem;}
#menu-principal {order: initial; width: auto; height: 100%; justify-content: flex-end; }
#headermenu .main-menu { justify-content: flex-end; }
}
@media (min-width: 1400px) {
#headermenu .header-logo {height: 8rem;}
#headermenu .main-menu>li>a {font-size: 1.5rem; padding: 1.5rem;}
}
/************************************************/
/** **/
/** FOOTER **/
/** **/
/************************************************/
footer {background-color: transparent;padding-top: 0;}
footer .footer-top {background-color: var(--couleur-footer); color: white; padding: 4rem 2rem;}
footer .footer-top-inner {gap: 2rem 6rem; justify-content: space-between; flex-wrap: wrap;}
footer .footer-col-logo {flex-direction: column; align-items: flex-start; width: 100%;}
footer .footer-logo-img {max-width: 25rem; height: auto; margin-bottom: 2rem;}
footer .footer-suivez {text-transform: uppercase; color: white;}
footer .footer-social-bloc {gap: 1rem; flex-wrap: wrap; justify-content: flex-start;}
footer .footer-social {display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border: 1px solid white; border-radius: 50%; color: #fff; font-size: 1.5rem; text-decoration: none; transition: all 0.3s ease;}
footer .footer-social i{color: white;}
footer .footer-social:hover {background-color: var(--couleur-cta); border-color: var(--couleur-cta); color: #fff; transform: translateY(-2px);}
footer .footer-col-contact, footer .footer-col-carte {flex-direction: column; width: 100%;}
footer .footer-col-title {font-size: 1.4rem; letter-spacing: .08rem; text-transform: uppercase; font-weight: 700; color: #fff; margin: 0 0 2rem 0; padding-bottom: 1.2rem; border-bottom: 2px solid var(--couleur-cta); display: inline-block; width: fit-content;}
footer .footer-link {display: flex; align-items: center; gap: 1rem; color: white; text-decoration: none; text-transform: uppercase; letter-spacing: .05rem; font-size: 1.4rem; padding: 0.8rem 0; transition: all 0.3s ease; line-height: 1.4;}
footer .footer-link i {width: 1.8rem; font-size: 1.3rem; color: #fff; text-align: center; flex-shrink: 0; transition: inherit;}
footer .footer-link:hover i {color: var(--couleur-cta); }
footer .footer-carte-switch {margin-top: 0.5rem; flex-direction: column;}
footer .switch-container {gap: 2rem; margin-bottom: 4rem; }
footer .switch-btn {padding: 0.8rem 0 1.2rem; border-color: transparent; border-style: solid; border-width: 0 0 .2rem; font-size: 1.4rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08rem; background: transparent; color: white; cursor: pointer; transition: all 0.3s ease; opacity: .7;}
footer .switch-btn.active {opacity: 1; border-color: var(--couleur-cta);}
footer .carte-images {width: 100%; justify-content: center;}
footer .carte-img {display: none; max-width: 100%; height: 35rem;}
footer .carte-img.active {display: block;}
footer .footer-newsletter {width: 100%;}
footer .footer-newsletter-desc {color: #fff; margin-top: 0; font-weight: 300;}
/* Leaflet - Contrôle recherche lors du déplacement */
.leaflet-search-move-ctrl {background: var(--couleur-cta); padding: 1rem 1.4rem; border-radius: 6px; box-shadow: 0 3px 10px rgba(0,0,0,0.35); font-size: 1.4rem; line-height: 1;}
.leaflet-search-move-ctrl label {display: flex; align-items: center; gap: 0.8rem; cursor: pointer; white-space: nowrap; color: #fff; font-weight: 700; letter-spacing: .04rem; text-transform: uppercase;}
.leaflet-search-move-ctrl input[type="checkbox"] {width: 1.8rem; height: 1.8rem; flex-shrink: 0; accent-color: var(--couleur-cta); cursor: pointer;}
/* Message aucun résultat */
.no-results-msg {padding: 3rem 2rem; font-size: 1.6rem; font-weight: 600; color: var(--couleur-texte); text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; gap: 1rem;}
.no-results-msg i {font-size: 2rem; color: var(--couleur-cta);}
footer .footer-bottom {background-color: #fff; padding: 4rem 0 9rem;}
footer .footer-bottom-inner {display: flex; flex-direction: column; align-items: center; gap: 2.5rem;}
footer .footer-partenaires {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2.5rem 3.5rem;}
footer .footer-partenaires .partenaire-item {transition: opacity 0.3s ease;}
footer .footer-partenaires .partenaire-item img {max-width: 8rem; max-height: 9rem; opacity: .85; transition: all 230ms ease-in-out;}
footer .footer-copyright {display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem 2rem; padding-top: 2rem; width: 100%;}
footer .footer-copyright a, footer .footer-copyright span {font-size: 1.3rem; text-decoration: none; transition: color 0.3s ease;}
footer .footer-copyright a {font-weight: 400;}
footer ul.menu {margin-top: 0;}
.footer-mobile-menu .footer-mobile-logo a {height: 5rem;}
.footer-mobile {background-color: var(--couleur-footer); padding-bottom: 9rem;}
.footer-mobile-bottom {background-color: #b6d483; box-shadow: var(--box-shadow);}
.footer-mobile-menu ul.menu>li>a {font-weight: 800;}
.footer-mobile-menu ul.menu>li>a, .footer-mobile-contact a {color: #fff;}
.hamburger-box {height: 1.5rem; width: 2.5rem;}
.hamburger-box .line {background-color: #fff;}
.footer-devis-button {padding: .3rem .3rem; }
.footer-devis-button i {font-size: 2rem;}
.footer-mobile-menu .menu-groupes {margin-top: 4rem; border-top: .1rem solid rgba(255, 255, 255, .3);}
.hamburger-box.active .line:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.hamburger-box.active .line:nth-child(3) {transform: translateY(-4px) rotate(-45deg);}
.footer-mobile .menu a {text-decoration: none; text-transform: uppercase; letter-spacing: .08rem;}
.footer-mobile .menu .sub-menu { transition: all .6s ease-in-out !important; background-color: rgb(25 63 75); margin-left: 0;}
.footer-mobile .sub-menu .menu-item {border-bottom: .1rem solid rgba(255, 255, 255, .3);}
.footer-mobile .footer-col ul li {padding: 1.5rem 0;}
.footer-mobile .footer-col ul li a {color: #fff;}
.footer-mobile .footer-col ul li.hassubmenu {flex-direction: column;}
@media (hover: hover) {
footer .switch-btn:hover {opacity: 1;}
footer .footer-partenaires .partenaire-item:hover img {opacity: 1;}
footer .footer-copyright a:hover {color: var(--couleur-cta);}
}
@media (min-width: 768px) {
footer .footer-col-logo, footer .footer-col-contact, footer .footer-col-carte {flex: 1;}
footer .footer-col-title {padding-top: .8rem;}
footer .carte-img {height: auto;}
}
@media (min-width: 1025px) {
footer .switch-container {gap: 2rem; justify-content: center; margin-bottom: 4rem; }
footer .carte-img {height: 25rem;}
footer .footer-newsletter {width: auto;}
footer .footer-bottom {padding: 4rem 0 2.5rem;}
}
/*
@media (max-width: 768px) {
footer .footer-top-inner {grid-template-columns: 1fr; gap: 3.5rem; text-align: center;}
footer .footer-col-logo {align-items: center;}
footer .footer-logo-img {margin-left: auto; margin-right: auto;}
footer .footer-col-contact {align-items: center;}
footer .footer-link {justify-content: center;}
footer .footer-link:hover {padding-left: 0;}
footer .switch-container {justify-content: center;}
footer .footer-top {padding: 4rem 0 3.5rem;}
}*/
/************************************************/
/** **/
/** PAGES **/
/** **/
/************************************************/
.background-gradient {padding-top: 4rem; padding-bottom: 2rem; background: linear-gradient(180deg,var(--couleur-background-dark) 0%, var(--couleur-background-dark) 65%, var(--couleur-background) 65%);}
.background-color-bloc {padding-top: 5rem; padding-bottom: 5rem; }
.section-a-la-une {background: linear-gradient(180deg,rgba(240, 238, 234, 1) 80%, rgba(255, 255, 255, 0) 80%); padding-top: 7rem; margin-bottom: 6rem;}
.accordeon-activites {position: relative; background-color: #fff;}
.accordeon-activites h3 {text-transform: uppercase; font-weight: 500; letter-spacing: .1rem;}
.accordeon-activites ul {list-style: none; margin: 0;}
.accordeon-activites ul li {margin: 1rem 0;}
.accordeon-activites .blk-acc-section {border-bottom: .2rem solid var(--couleur-background);}
.container-bloc-texte .bloc-texte-btn {margin-top: 1rem;}
.texte-intro-page, .container-bloc-texte {position: relative; z-index: 1;}
.texte-intro-page.texte-intro-bg {padding: 2rem;}
.texte-intro-page p {font-size: 1.8rem;}
.texte-intro-page.container-bloc-texte .bloc-texte-contenu {padding: 0;}
.texte-motif {position: relative;}
.texte-motif .bloc-texte-titre {z-index: 1;}
.texte-motif h2 {position: relative; z-index: 1;}
.texte-motif::after {content: url('/wp-content/uploads/2026/02/motif-vert-1.svg'); width: 7rem; height: 7rem; position: absolute; right: 0; top: -3rem; opacity: .4; border-radius: 50%; background-color: #fff; padding: 3rem;}
.motif-left {position: relative;}
.motif-left::after {content: url('/wp-content/uploads/2026/03/motif-blanc.svg'); width: 40rem; height: 40rem; position: absolute; left: -10rem; top: -10rem; opacity: .6;}
.container-bloc-texte .bloc-texte-titre {margin-bottom: 0;}
.container-bloc-texte .bloc-texte-titre h2 {margin-top: .8rem;}
h2.titre-big { margin-bottom: 3rem; margin-top: 0; font-weight: 300; text-align: center;}
h2.titre-condensed {letter-spacing: .3rem; font-weight: 800;}
.section-formulaire-contact {padding-top: 5rem;}
.section-formulaire-contact form {padding: 2rem; background-color: var(--couleur-background);}
.section-equipe {padding: 3rem 6rem 8rem; background-color: #fff;}
.section-equipe h2 {margin-bottom: 5rem;}
.bloc-transports {max-width: 80rem; margin-left: auto; margin-right: auto;}
.bloc-transports .blk-acc-intro {max-width: 100%;}
.bloc-transports .blk-acc-intro h2 {font-size: 4rem; margin-bottom: 1.5rem; margin-top: 0; font-weight: 900; text-align: center;}
.section-liste-docs {background-color: var(--couleur-background-dark); padding: 3rem;}
.section-liste-docs h2 {font-size: 1.8rem; font-weight: 700; letter-spacing: .5rem; margin-top: 0;}
.list-docs-intro.bloc-documents {max-width: 95rem; position: relative; z-index: 1;}
h2.titre-big.highlight,.container-bloc-texte.highlight h2 {position: relative; max-width: max-content; z-index: 1;}
h2.titre-big.highlight {margin-left: auto; margin-right: auto;}
h2.titre-big.highlight::after {content: ''; background-color: #fff; width: 100%; height: 3rem; position: absolute; left: 1rem; bottom: 0; z-index: -1; max-width: calc(95vw - 4rem);}
.container-bloc-texte.highlight h2::after {content: ''; background-color: #fff; width: 98%; height: 90%; position: absolute; left: 1rem; bottom: -0.6rem; z-index: -1;}
.bloc-newsletter .newsletter-form {max-width: 70rem; margin-left: auto; margin-right: auto;}
.bloc-newsletter.texte-motif::after {right: 0; top: -9rem;}
.bloc-newsletter .newsletter-form button[type="submit"] {z-index: 1;}
.bloc-newsletter .newsletter-form input[type="email"] {max-width: 100%;}
.bloc-newsletter .texte-intro-page h2 {font-size: 2rem;}
.bloc-newsletter .container-bloc-texte.highlight h2::after {background-color: var(--couleur-background-dark);}
.forumaire-avis {background-color: var(--couleur-background-dark); padding: 2rem;}
.forumaire-avis h3 {text-transform: uppercase; letter-spacing: .05rem;}
.forumaire-avis .form-section {margin-bottom: 5rem;}
.forumaire-avis .satisfaction-grid .satisfaction-row {margin-top: 4rem;}
.forumaire-avis .satisfaction-grid .satisfaction-row .satisfaction-radios {display: flex; column-gap: 4rem;}
.forumaire-avis .satisfaction-grid .satisfaction-row .wpcf7-list-item, .forumaire-avis .form-section-utilisateur .wpcf7-list-item {margin-right: 4rem; margin-left: 0;}
.forumaire-avis .form-row-autre {align-items: flex-end; display: flex; justify-content: space-between; flex-wrap: wrap; }
.forumaire-avis .form-row {margin-bottom: 4rem;}
.forumaire-avis .form-row-autre .form-column-autre {width: 20rem;}
.slick-slider .slick-dots {bottom: -4.5rem;}
.slick-slider .slick-dots li button:before {color: var(--couleur-cta);}
.slick-slider .slick-dots li.slick-active button:before {color: var(--couleur-cta);}
.formulaire-reservation-visite.background-gradient {padding-top: 5rem;}
@media (min-width: 768px) {
.background-gradient {padding-top: 4rem; padding-bottom: 4rem;}
.bloc-newsletter .texte-intro-page h2 {margin-left: auto; margin-right: auto;}
}
@media (min-width: 1025px) {
.accordeon-activites h3 {padding: 3rem 6rem; font-size: 2rem;}
.accordeon-activites .blk-acc-content {padding: 2rem 6rem;}
.texte-intro-page h2, .container-bloc-texte h2 {font-size: 2.5rem; font-weight: 700;}
h2.titre-big {font-size: 6rem; margin-bottom: 6.5rem;}
.section-formulaire-contact {padding-top: 8rem; }
.section-formulaire-contact form {padding: 5rem;}
.list-docs-intro.bloc-documents a.bdoc-item {width: max-content;}
.texte-intro-page.texte-intro-bg {padding: 5rem;}
.formulaire-reservation-visite.background-gradient {padding-top: 8rem;}
h2.titre-condensed {font-size: 2.5rem;}
h2.titre-big.highlight::after { left: 2rem; height: 4rem; max-width: 95vw;}
.container-bloc-texte .bloc-texte-btn {margin-top: 1.5rem;}
.accordeon-activites ul {list-style: none; margin: 0; column-count: 2;}
}
@media (min-width: 1200px) {
.section-margin {margin-top: 12rem; margin-bottom: 12rem; }
.forumaire-avis {padding: 5rem;}
.section-liste-docs {padding: 5rem;}
.texte-motif::after {width: 15rem; height: 15rem; position: absolute; right: -19rem; top: -5rem; padding: 7rem; opacity: .6;}
.texte-intro-page, .container-bloc-texte {max-width: 95rem;}
}
@media (min-width: 1900px) {
}
/************************************************/
/** **/
/** FORMS **/
/** **/
/************************************************/
.formulaire-reservation form {background-color: var(--couleur-background); padding: 2.5rem;}
.formulaire-reservation .prestation-fields, .formulaire-reservation .forfaits-fields, .formulaire-reservation .complement-field {margin-top: 3rem;}
.formulaire-reservation .prestation-fields span[data-name="prestations"] > span, .formulaire-reservation .forfaits-fields span[data-name="forfait-scolaire"] > span {display: flex; flex-direction: column; gap: .8rem;}
.formulaire-reservation .prestation-fields br, .formulaire-reservation .forfaits-fields br {display: none;}
.form-conditions {padding: 0 3rem; font-size: 1.3rem;}
input[type="date"].field-prefix, input[type="time"].field-prefix { position: relative; padding-left: 8rem;}
input[type="date"].field-prefix::before, input[type="time"].field-prefix::before {position: absolute; left: 1.5rem; top: 50%; transform: translateY(-50%); color: #5E5E5E; pointer-events: none;}
input[type="date"].date-prefix::before { content: "Date";}
input[type="time"].arrivee-prefix::before { content: "Arrivée";}
input[type="time"].depart-prefix::before { content: "Départ";}
label.label-mobile + br {display: none;}
.wpcf7-turnstile{order:2;}
@media (min-width: 768px) {
.form-row .form-column .label-mobile {display: none;}
label.label-mobile {display: none !important;}
}
@media (min-width: 1025px) {
.formulaire-reservation form {background-color: var(--couleur-background); padding: 5rem 5rem 2rem;}
.form-conditions {padding: 0 5rem;}
}
/************************************************/
/** **/
/** SINGLE **/
/** **/
/************************************************/
.single .content-area {float: none; padding-right: 0; border: none;}
.single .container {padding: 0; max-width: 100% !important; width: 100% !important;}
/* ============================================
SINGLE COMMUNES
============================================ */
.pat-card-voir { font-size: 1.3rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--couleur-cta); margin-top: auto; padding-top: 1rem; display: flex; align-items: center; gap: .5rem; }
/* ===== PANEL SLIDE-IN PATRIMOINE ===== */
.single-communes .pat-panel { position: fixed; inset: 0; z-index: 99999; display: flex; visibility: hidden; pointer-events: none; transition: visibility 0s .38s; }
.single-communes .pat-panel.is-open { visibility: visible; pointer-events: auto; transition: visibility 0s 0s; }
.single-communes .pat-panel-overlay { position: absolute; inset: 0; background: rgba(20,16,8,.6); opacity: 0; transition: opacity .38s; cursor: pointer; }
.single-communes .pat-panel.is-open .pat-panel-overlay { opacity: 1; }
.single-communes .pat-panel-drawer { position: relative; margin-left: auto; width: min(72rem, 100%); height: 100%; background: var(--couleur-background); overflow-y: auto; transform: translateX(100%); transition: transform .4s cubic-bezier(.4,0,.2,1); display: flex; flex-direction: column; }
.single-communes .pat-panel.is-open .pat-panel-drawer { transform: translateX(0); }
.single-communes .pat-panel-close { position: absolute; top: 1rem; left: 1rem; z-index: 2; background: var(--couleur-texte); color: #fff; border: none; width: 4rem; height: 4rem; font-size: 2.5rem; cursor: pointer; transition: background 200ms; align-items: center; justify-content: center; align-self: flex-start; margin: 1rem 0 0 1rem; }
.single-communes .pat-panel-close:hover { background: var(--couleur-cta); }
.single-communes .pat-panel-photo { width: 100%; max-height: 35rem; overflow: hidden; flex-shrink: 0; }
.single-communes .pat-panel-photo img { width: 100%; height: 100%; object-fit: cover; }
.single-communes .pat-panel-content { padding: 2.5rem 3rem 4rem; }
.single-communes .pat-panel-titre { font-size: 2.4rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--couleur-texte); margin: 0 0 2rem; }
.single-communes .pat-panel-texte { font-size: 1.5rem; line-height: 1.8; color: var(--couleur-texte); }
.single-communes .pat-panel-texte p { margin-bottom: 1.2rem; }
.single-communes body.pat-noscroll { overflow: hidden; }
.single-communes .sc-visites {background-color: var(--couleur-background-dark); padding: 5rem 0;}
.single-communes .single-commune-galerie .glp-card {cursor: auto;}
.single-communes .single-commune-galerie .glp-card:hover .glp-card-bg {transform: none;}
.single-communes .commune-jeu-de-piste {flex-wrap: wrap;}
.single-communes .commune-jeu-de-piste .jeu-de-piste-texte, .single-communes .commune-jeu-de-piste .jeu-de-piste-img {position: relative;}
.single-communes .commune-jeu-de-piste .jeu-de-piste-texte {background-color: #b6d483; align-items: center; justify-content: center; z-index: 1; flex-direction: column; overflow: hidden; width: 100%;}
.single-communes .commune-jeu-de-piste .jeu-de-piste-texte::after {content: url(/wp-content/uploads/2026/03/motif-blanc.svg); width: 25rem; height: 25rem; position: absolute; bottom: 0; right: -10rem; opacity: .3; z-index: -2;}
.single-communes .commune-jeu-de-piste .jeu-de-piste-texte h2 {font-size: 1.8rem; margin-top: 0;}
.single-communes .commune-jeu-de-piste .jeu-de-piste-texte a {padding: 4rem 2.5rem 5rem; text-wrap: balance;}
.single-communes .commune-jeu-de-piste .jeu-de-piste-texte span {font-size: 1.8rem; text-transform: uppercase; letter-spacing: .3rem; font-weight: 600; position: relative; display: inline-block;}
.single-communes .commune-jeu-de-piste .jeu-de-piste-texte span i { transition: all 230ms ease-in-out;}
.single-communes .commune-jeu-de-piste .jeu-de-piste-texte span::after {content: ''; background-color: #90c13d; width: 98%; height: 90%; position: absolute; left: 1rem; bottom: -0.6rem; z-index: -1;}
.single-communes .commune-jeu-de-piste .jeu-de-piste-img { background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 28rem; width: 100%;}
.single-communes .section-bloc-infos h2 {font-weight: 700; letter-spacing: .5rem; margin-top: 0;}
/*.single-communes .section-bloc-infos:nth-child(even of .section-bloc-infos) .bloc-infos .info-content::after {left: 0; right: auto;}*/
.commune-intro {background-color: #fff;}
.commune-liens-utiles h2 {margin-top: 0;}
.commune-liens-utiles .commune-liens a {background-color: #fff;}
.commune-liens-utiles.bloc-brochures .brochure-list {margin-top: 3rem;}
.commune-liens-utiles.bloc-brochures .brochure-infos {padding: 1.5rem;}
.commune-liens-utiles .commune-liens a span { color: var(--couleur-cta); margin-top: auto; transition: all 250ms ease-in-out; }
.commune-liens-utiles .commune-liens a span i {padding-right: .6rem; font-size: 1.4rem; transition: inherit;}
.commune-liens-utiles .brochure-item .brochure-thumbnail .img-contain {object-fit: contain; width: 15rem; margin: auto;}
.patrimoines-grid {gap: 2rem; flex-wrap: wrap;}
.patrimoines-grid .pat-card { background: #fff; overflow: hidden; flex-direction: column; cursor: pointer; transition: var(--transition); width: 100%; }
.pat-card:hover, .pat-card.is-active { box-shadow: var(--box-shadow); transform: translateY(-.3rem); }
.pat-card.is-active { outline: 2px solid var(--couleur-cta); }
.pat-card-media { height: 20rem; overflow: hidden; background-color: var(--couleur-background-dark); flex-shrink: 0; }
.pat-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 230ms; }
.pat-card:hover .pat-card-media img { transform: scale(1.05); }
.pat-card-body { padding: 1.5rem 2rem 2rem; flex: 1; display: flex; flex-direction: column; }
.patrimoines-grid .pat-card-body h3 { font-size: 1.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06rem; margin: 0 0 .8rem; color: var(--couleur-texte); }
.patrimoines-grid .pat-card-body .descriptif-texte, .patrimoines-grid .pat-card-body .pat-content { font-size: 1.4rem; line-height: 1.7; color: var(--couleur-texte); }
.patrimoines-grid .pat-card-body .descriptif-texte p:first-of-type {margin-top: 0;}
.sc-patrimoine h2 {padding: 0 2rem; width: 100%;}
.patrimoine-columns {gap: 2rem 8rem; flex-wrap: wrap; position: relative;}
.patrimoine-columns .patrimoine-liste {flex: 1; padding: 3rem 2rem;}
.patrimoine-columns .patrimoine-liste.mobile-view {padding-top: 80vh;}
#map-patrimoines { border-radius: 0; width: 100%; height: 60vh; position: absolute; left: 0; top: 8rem; transform: translateX(-100vw); transition: all 300ms ease-in-out; }
#map-patrimoines.active {transform: translateX(0);}
#map-patrimoines .leaflet-popup .leaflet-popup-content { aspect-ratio: 1/1; width: 18rem; position: relative; border: 1px solid #fff; }
#map-patrimoines .leaflet-popup .leaflet-popup-content::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.5); }
#map-patrimoines .leaflet-popup .popup-content { height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content: flex-end; background-size: cover; background-repeat: no-repeat; }
#map-patrimoines .leaflet-popup .leaflet-popup-content-wrapper { border-radius: 0; }
#map-patrimoines .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content { margin: 0; }
#map-patrimoines .leaflet-popup .popup-content h3 { color: #fff; margin: 0; font-size: 1.5rem; font-weight: 700; z-index: 1; }
#map-patrimoines .leaflet-popup a.leaflet-popup-close-button { color: #fff !important; z-index: 2; }
#map-patrimoines { z-index: 0; }
.pat-pagination { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2.5rem; align-items: center; }
.pat-pagination a, .pat-pagination span { text-decoration: none; padding: .8rem 1.2rem; text-transform: uppercase; font-size: 1.3rem; cursor: pointer; }
.pat-pagination a.active { background-color: var(--couleur-cta); color: #fff; }
.pat-pagination span.dots { cursor: default; }
@media (hover: hover) {
.commune-liens-utiles .commune-liens a:hover, .commune-liens-utiles .commune-liens a:hover i {color: var(--couleur-texte);}
.commune-liens-utiles .commune-liens .brochure-item:hover span {color: var(--couleur-texte);}
.single-communes .commune-jeu-de-piste .jeu-de-piste-texte a:hover {transform: translate(1rem, .5rem);}
.single-communes .commune-jeu-de-piste .jeu-de-piste-texte a:hover span i {transform: translateX(1.5rem);}
}
@media (min-width: 768px) {
.patrimoines-grid .pat-card {width: calc(50% - 1rem);}
.single-communes .commune-jeu-de-piste .jeu-de-piste-texte a {padding: 7rem 4rem;}
}
@media (min-width: 1025px) {
.patrimoines-grid {padding-right: 6rem; padding-top: 0;}
#map-patrimoines {width: 40%; top: 0; position: sticky; align-self: flex-start; height: 100vh; min-height: 60rem; transform: none; }
.single-communes .section-bloc-infos h2 {font-size: 2.5rem; margin-top: .8rem;}
.single-communes .commune-jeu-de-piste .jeu-de-piste-texte {width: 50%; height: 50rem; top: -4rem; left: 4rem; border: 3rem solid var(--couleur-background);}
.single-communes .commune-jeu-de-piste .jeu-de-piste-img {width: 50%; top: 4rem; right: 4rem;}
.single-communes .commune-jeu-de-piste .jeu-de-piste-texte a {padding: 4rem 6rem;}
.single-communes .commune-jeu-de-piste .jeu-de-piste-texte span {font-size: 2.8rem;}
.single-communes .commune-jeu-de-piste .jeu-de-piste-texte::after {width: 45rem; height: 45rem; right: -20rem; opacity: .3;}
.patrimoine-columns .patrimoine-liste {padding: 0;}
.single-communes .commune-jeu-de-piste .jeu-de-piste-texte h2 {font-size: 2rem;}
}
/* ============================================
SINGLE REDESIGN — tous types d'offres
============================================ */
.single.single-redesign .single-page {background: linear-gradient(180deg,var(--couleur-background-dark) 0%, var(--couleur-background-dark) 50vh, var(--couleur-background) 50vh);}
.single.single-redesign .sr-hero-content {flex-direction: column; padding-top: 3rem;}
.single.single-redesign .sr-hero-content h1 {font-weight: 900; letter-spacing: .3rem; text-align: left; margin: 0;}
.single.single-redesign .sr-hero-content h2 { display: block; font-weight: 500; letter-spacing: .1rem; margin-bottom: 0; position: relative; padding-left: 4rem; order: -1; font-size: 1.8rem;}
.single.single-redesign .sr-hero-content h2::before {content: ''; position: absolute; background-color: var(--couleur-texte); left: 0; top: 50%; transform: translateY(-50%); width: 3rem; height: .2rem;}
.single.single-redesign .sr-hero-content .entete-breadcrumb span, .single.single-redesign .sr-hero-content .entete-breadcrumb a {color: var(--couleur-texte);}
.single.single-redesign .sr-sidebar .sr-reservation {margin-top: 3rem; flex-wrap: wrap;}
.single.single-redesign .sr-sidebar .sr-reservation .reservation-infos {flex: 1; flex-direction: column; align-items: flex-start; gap: .8rem;}
.single.single-redesign .sr-sidebar .sr-reservation .reservation-infos span + span {width: 100%;}
.single.single-redesign .sr-sidebar .sr-reservation .sr-contact-title {margin-bottom: 1.2rem;}
.single.single-redesign .sr-hero-commune {font-size: 1.4rem; font-weight: 700; color: white; background-color: var(--couleur-cta); padding: .5rem 1rem; margin-top: .5rem; display: inline-block; max-width: max-content;}
.single.single-redesign .sr-hero-commune i {margin-right: .3rem;}
.single.single-redesign .sr-breadcrumb-sep {color: rgba(255,255,255,.4); margin: 0 .2rem;}
.single.single-redesign .sr-body {display: flex; flex-direction: column; gap: 4rem; padding: 3rem 0; align-items: flex-start;}
.single.single-redesign .sr-main {width: 100%; display: flex; flex-direction: column; gap: 4rem;}
.single.single-redesign .sr-sidebar {width: 100%;}
.single .sr-gallery {position: relative; display: flex; flex-direction: column; gap: .5rem;}
.single .sr-gallery a {width: 100%;}
.single.single-redesign .sr-gallery .main-image a img {height: 45vh; object-fit: cover; width: 100%;}
.single .sr-gallery .thumbnail-images img {height: 15rem; object-fit: cover; width: 100%;}
.single .sr-gallery .thumbnail-images a {display: block; overflow: hidden; transition: opacity 200ms; height: 100%;}
.single .sr-gallery .thumbnail-images a:hover {opacity: .75;}
.single .sr-gallery .thumbnail-images .slick-list {margin: 0 -.25rem;}
.single .sr-gallery .thumbnail-images .slick-slide {margin: 0 .5rem;}
.single .sr-gallery .btn-single-agenda {position: absolute; top: calc(45vh - 4.6rem); left: 0; right: 0; z-index: 3; display: flex; justify-content: flex-end; pointer-events: none;}
.single .sr-gallery .btn-single-agenda .slick-arrow {width: 4.8rem; height: 4.8rem; background-color: var(--couleur-background); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 200ms ease; font-size: 0; position: static; transform: none; margin: 0; pointer-events: all; opacity: 1; flex-shrink: 0;}
.single .sr-gallery .btn-single-agenda .slick-arrow::before { color: var(--couleur-texte); font-weight: 900; font-family: "Font Awesome 6 free"; font-size: 3rem; transition: var(--transition);}
.single .sr-gallery .btn-single-agenda .slick-prev::before {content: "\f177";}
.single .sr-gallery .btn-single-agenda .slick-next::before {content: "\f178";}
.single.single-redesign .sr-chips {display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; margin-bottom: 0;}
.single.single-redesign .sr-chip {display: inline-flex; align-items: center; gap: .7rem; background: var(--blanc); padding: .8rem 1.4rem; }
.single.single-redesign .sr-chip i {color: var(--couleur-cta); font-size: 1.3rem;}
.single.single-redesign .sr-chip-label i {color: #e6a817;}
.single.single-redesign .sr-chip .fi {font-size: 1.5rem;}
.single.single-redesign .sr-chip--pst { background-color: var(--couleur-texte, #102c35); color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: .04rem; }
.single.single-redesign .sr-chip--pst i { color: gold; }
.single.single-redesign .sr-section {display: flex; flex-direction: column;}
.single.single-redesign .sr-section-title {font-weight: 600; text-transform: uppercase; letter-spacing: .08em; margin: 0; padding-bottom: 1rem; display: inline-block;}
.single.single-redesign .sr-description {font-size: 1.6rem; font-weight: 300; line-height: 1.8; color: var(--couleur-texte);}
.single.single-redesign .sr-description p {margin-bottom: 1rem;}
.single.single-redesign .sr-tarifs {display: flex; flex-direction: column; gap: 0; background-color: #fff; overflow: hidden;}
.single.single-redesign .sr-tarif-row {display: flex; align-items: center; gap: 2rem; padding: 1.2rem 1.6rem; border-bottom: 1px solid #eeebe6; flex-wrap: wrap;}
.single.single-redesign .sr-tarif-row:last-child {border-bottom: none;}
.single.single-redesign .sr-tarif-row:nth-child(even) {background: #faf9f7;}
.single.single-redesign .sr-tarif-label {flex: 1; font-size: 1.5rem; font-weight: 500; color: var(--couleur-texte);}
.single.single-redesign .sr-tarif-price {font-size: 1.6rem; font-weight: 700; white-space: nowrap;}
.single.single-redesign .sr-tarif-complement {font-size: 1.3rem; font-weight: 300; color: #888; width: 100%;}
.single.single-redesign .sr-section-labels {background: var(--couleur-background, #f5f2ed);}
.single.single-redesign .sr-contact-card {background: #fff; padding: 3rem 2.4rem; display: flex; flex-direction: column;}
.single.single-redesign .sr-contact-title {font-size: 1.8rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--couleur-texte); margin: 0; display: flex; align-items: center; gap: .9rem;}
.single.single-redesign .sr-contact-row {display: flex; align-items: flex-start; gap: 0 1.2rem; color: var(--couleur-texte); margin-top: 1.5rem;}
.single.single-redesign .sr-contact-row > i {color: var(--couleur-texte); font-size: 1.4rem; margin-top: .2rem; flex-shrink: 0;}
.single.single-redesign .sr-tels {display: flex; flex-direction: column; gap: .5rem;}
.single.single-redesign .sr-tel {font-size: 1.45rem; color: var(--couleur-texte); text-decoration: none; transition: color 200ms;}
.single.single-redesign .sr-contact-ctas {display: flex; flex-direction: column; gap: 1rem; margin-top: 3rem; margin-bottom: 2rem;}
.single.single-redesign .sr-cta {display: flex; align-items: center; justify-content: center; width: 100%; gap: .8rem; padding: 1.3rem 2rem; font-size: 1.4rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; transition: all 240ms ease; text-align: center;}
.single.single-redesign .sr-cta i {font-size: 1.3rem;}
.single.single-redesign .sr-cta-primary {background: var(--couleur-cta); color: #fff;}
.single.single-redesign .sr-cta-primary:hover {background: var(--couleur-texte); color: #fff;}
.single.single-redesign .sr-cta-outline {background: transparent; color: var(--couleur-texte); border: 2px solid var(--couleur-texte);}
.single.single-redesign .sr-cta-light {background-color: rgba(134, 188, 36, .60); color: #fff;}
.single.single-redesign .sr-cta-outline:hover {background: var(--couleur-texte); color: #fff;}
.single.single-redesign .sr-reseaux {display: flex; gap: 1.5rem; margin-top: 3rem;}
.single.single-redesign .sr-rs {width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; border: 1.5px solid var(--couleur-cta); color: var(--couleur-cta); font-size: 1.6rem; transition: var(--transition);}
.single.single-redesign .date-card-header, .single.single-redesign .date-card-body {align-items: center; gap: 1rem; background: #fff; max-width: max-content; padding: 0 2rem;}
.single.single-redesign .date-card-header .date-debut, .single.single-redesign .date-card-header .date-fin {font-size: 1.6rem; letter-spacing: .04rem;}
.single.single-redesign .date-card {flex-wrap: wrap;}
.single.single-redesign .date-card-header .date-separator {font-weight: 800; color: var(--couleur-cta); font-size: 1.8rem;}
.single.single-redesign .date-card-body i {color: var(--couleur-cta); font-size: 1.8rem;}
.single.single-redesign .ul-column {column-count: unset; display: flex; flex-wrap: wrap; gap: 1rem; padding: 0; margin: 1rem 0 0; list-style: none;}
.single.single-redesign .ul-column li {background-color: #fff; padding: .8rem 1.4rem; margin: 0;}
.single.single-redesign .bloc-offres-selection .offres-selection-liste {gap: 1.5rem;}
.single.single-redesign .bloc-offres-selection .selection-card {width: calc(50% - .78rem);}
.single.single-redesign .bloc-offres-selection .selection-card-type {display: none;}
.single.single-redesign .bloc-offres-selection .selection-card-footer h3 {font-size: 1.6rem;}
@media (hover: hover) {
.single.single-redesign .visite-site:hover {color: var(--couleur-cta);}
.single.single-redesign .sr-rs:hover {transform: scale3d(1.08, 1.08, 1.08);}
.single.single-redesign .sr-tel:hover {color: var(--couleur-cta);}
}
@media (min-width: 768px) {
.single.single-redesign .sr-sidebar .sr-reservation .reservation-infos {flex-direction: row;}
.single.single-redesign .sr-cta {width: auto; flex: 1 0 33%;}
.single.single-redesign .bloc-offres-selection .offres-selection-liste {gap: 1.5rem 2rem;}
.single.single-redesign .bloc-offres-selection .selection-card { width: calc(50% - 1rem); }
}
@media (min-width: 1025px) {
.single.single-redesign .sr-body {flex-direction: row; gap: 6rem; padding: 6rem 2rem;}
.single.single-redesign .sr-main {width: 0; flex: 2; gap: 6rem;}
.single.single-redesign .sr-sidebar {width: 0; flex: 1; position: sticky; top: 2rem; align-self: flex-start;}
.single.single-redesign .sr-gallery .main-image a img {height: 50vh;}
.single.single-redesign .sr-hero-content h1 {font-size: 3rem;}
.single.single-redesign .sr-hero-content h2 {font-size: 2rem;}
.single .sr-gallery .btn-single-agenda {top: calc(50vh - 4.6rem);}
.single.single-redesign .sr-section-title {font-size: 2.5rem;}
.single.single-redesign .sr-sidebar .sr-reservation .reservation-infos {flex-direction: column;}
.single.single-redesign .sr-cta {width: 100%; flex: 1;}
.single.single-redesign .bloc-offres-selection .selection-card { width: calc(25% - 1.5rem);}
.single.single-redesign .bloc-offres-selection .selection-card-type {display: block;}
.single.single-redesign .bloc-offres-selection .selection-card-footer h3 {font-size: 1.8rem;}
.single.single-redesign .date-card-body p {font-size: 1.6rem;}
}
@media (min-width: 1300px) {
.single.single-redesign .sr-body {padding: 5rem 0 8rem;}
.single.single-redesign .sr-hero-content h1 {font-size: 5rem;}
}
/* ---- Carte de localisation single restauration ---- */
.single.single-redesign .map-single {height: 30rem; width: 100%;}
#map-single-restauration .leaflet-popup-content-wrapper {border-radius: 0; box-shadow: 0 4px 20px rgba(0,0,0,.18);}
#map-single-restauration .leaflet-popup-content {margin: 0; padding: 1.4rem 1.8rem;}
#map-single-restauration .popup-single-sr {display: flex; flex-direction: column; gap: .4rem;}
#map-single-restauration .popup-sr-commune {font-size: 1.1rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--couleur-cta);}
#map-single-restauration .popup-sr-titre {font-size: 1.5rem; font-weight: 800; color: var(--couleur-texte); line-height: 1.3;}
#map-single-restauration .leaflet-popup-tip {background: #fff;}
#map-single-offre .leaflet-popup-content-wrapper {border-radius: 0; box-shadow: 0 4px 20px rgba(0,0,0,.18);}
#map-single-offre .leaflet-popup-content {margin: 0; padding: 1.4rem 1.8rem;}
#map-single-offre .popup-single-sr {display: flex; flex-direction: column; gap: .4rem;}
#map-single-offre .popup-sr-commune {font-size: 1.1rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--couleur-cta);}
#map-single-offre .popup-sr-titre {font-size: 1.5rem; font-weight: 800; color: var(--couleur-texte); line-height: 1.3;}
#map-single-offre .leaflet-popup-tip {background: #fff;}
/* ============================================
SINGLE PORTRAIT — layout magazine
============================================ */
.single.single-portraits .single-page {background: linear-gradient(180deg, var(--couleur-background-dark) 0%, var(--couleur-background-dark) 50vh, var(--couleur-background) 50vh);}
.single.single-portraits .sr-body {display: flex; flex-direction: column; gap: 2rem 4rem; align-items: flex-start; padding-bottom: 3rem; }
.single.single-portraits .sr-main {width: 100%; display: flex; flex-direction: column; gap: 3rem;}
.single.single-portraits .sr-sidebar {width: 100%; background-color: #fff; padding: 2rem;}
.single.single-portraits .sr-hero-content {flex-direction: column; padding-top: 3rem;}
.single.single-portraits .sr-sidebar .sr-contact-ctas {flex-direction: column; row-gap: 1rem;}
.single.single-portraits .sr-hero-content h1 {font-weight: 900; letter-spacing: .3rem; text-align: left; margin: 0;}
.single.single-portraits .sr-hero-content h2 { display: block; font-weight: 500; letter-spacing: .1rem; margin-bottom: 0; position: relative; padding-left: 4rem; order: -1; font-size: 1.6rem;}
.single.single-portraits .sr-hero-content h2::before {content: ''; position: absolute; background-color: var(--couleur-texte); left: 0; top: 50%; transform: translateY(-50%); width: 3rem; height: .2rem;}
.single.single-portraits .sr-hero-content .entete-breadcrumb span, .single.single-portraits .sr-hero-content .entete-breadcrumb a {color: var(--couleur-texte);}
.single.single-portraits .sr-gallery .main-image a img {height: 45vh; object-fit: cover; width: 100%;}
/* Contenu article */
.portrait-article p {margin-bottom: 1.4rem;}
.portrait-article h2, .portrait-article h3 {font-size: 2rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--couleur-texte); margin: 2rem 0 1rem; padding-bottom: .8rem; border-bottom: 2px solid var(--couleur-cta); display: inline-block;}
.portrait-article blockquote {margin: 2rem 0; padding: 1.6rem 2.4rem; border-left: 4px solid var(--couleur-cta); background: var(--couleur-background, #f5f2ed); font-size: 1.8rem; font-style: italic; font-weight: 400; line-height: 1.6;}
.portrait-article ul, .portrait-article ol {padding-left: 2.4rem; margin-bottom: 1.4rem;}
.portrait-article ul li, .portrait-article ol li {margin-bottom: .6rem;}
.portrait-article a {color: var(--couleur-cta); text-decoration: underline;}
/* Photo portrait dans la sidebar */
.portrait-photo-frame {position: relative; overflow: hidden; margin-bottom: 3rem;}
.portrait-photo-frame img {width: 100%; display: block; object-fit: cover;}
.single-portraits .sr-contact-card h3 {font-size: 1.8rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--couleur-texte); margin: 0; display: flex; align-items: center; gap: .9rem; padding-bottom: 1rem;}
.single-portraits .sr-contact-card i {margin-right: 1rem; font-size: 1.4rem; }
/* Carte Leaflet portrait */
.map-portrait {height: 28rem; margin-top: 4rem; width: 100%;}
@media (min-width: 1025px) {
.single.single-portraits .sr-body {flex-direction: row; gap: 8rem; padding: 3rem 2rem 5rem;}
.single.single-portraits .sr-main {width: 0; flex: 2;}
.single.single-portraits .sr-sidebar {width: 0; flex: 1; position: sticky; top: 2rem; align-self: flex-start;}
.single.single-redesign .map-single {height: 36rem;}
.single.single-portraits .sr-gallery .main-image a img {height: 50vh;}
.single.single-portraits .sr-hero-content h1 {font-size: 3rem;}
.single.single-portraits .sr-hero-content h2 {font-size: 2rem;}
}
@media (min-width: 1300px) {
.single.single-portraits .sr-body {padding: 4rem 0 7rem; gap: 12rem;}
.single.single-portraits .sr-hero-content h1 {font-size: 5rem;}
}
.single .breadcrumb-container {background-color: transparent;}
.single .breadcrumb-container ul,
.single .breadcrumb-container ol {margin: 0; padding: 8px 15px 0; display: flex; list-style: none;}
.single .breadcrumb-container li {margin: 0 5px; display: inline-block; padding: 0;}
.single .breadcrumb-container a span {font-weight: 300; font-size: 1.2rem; color: #5E5E5E; transition: all 250ms ease-in-out;}
.single .breadcrumb-container a span:hover {color: #E94E1B;}
.single .breadcrumb-container .separator {padding-left: 3px; font-weight: 300; color: #5E5E5E;}
.single .breadcrumb-container li:last-child a span {color: #000;}
.single-page-section {flex-wrap: wrap; }
.single-page-left {width: 100%;}
.single-page-right {width: 100%; margin-bottom: 20px;}
.single-page-lieu {display: flex; gap: 4px; flex-wrap: wrap; align-items: center; margin-bottom: .8rem;}
.single-page-lieu h3, .single-page-lieu h5, .single-page-lieu span {font-size: 2rem; margin: 0; font-weight: 300;}
.single-lieu-commune {display: flex; align-items: center; gap: .6rem; font-size: 1.5rem; font-weight: 500; color: var(--couleur-texte); margin: 0;}
.single-lieu-commune i {color: var(--couleur-cta);}
.single-type-badge {display: inline-flex; align-items: center; gap: .6rem; background-color: var(--couleur-cta); color: #fff; font-size: 1.3rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: .5rem 1.2rem; border-radius: 3rem; margin-bottom: 1rem;}
.single-type-badge i {font-size: 1.2rem;}
.single .section-right h1 {font-size: 3rem; font-weight: 900; letter-spacing: .3rem; margin: .8rem 0 2rem; text-transform: uppercase; text-align: left; padding-bottom: 2rem; border-bottom: 2px solid #eeebe6; line-height: 1.2;}
.single-page-nav {display: none; list-style: none; margin: 20px 0 15px; gap: 15px;}
.single-page-nav li::after {content: ''; width: 100%; height: 1px; background-color: #00A29C; display: block; opacity: .4; transition: all 180ms ease-in-out;}
.single-page-nav li:hover::after {opacity: .9;}
.single-page-nav li a {font-size: 14px; font-weight: 300; color: #5E5E5E !important; line-height: normal;}
.single-page-nav li a:hover {color: #00A29C !important;}
.single-page-galerie {position: relative; margin: 15px 0 30px;}
.single .slick-slide img {object-fit: cover; width: 100%; height: 100%;}
.single .slick-dots button:hover::before {color: #00A29C; opacity: .6;}
.single .slick-dots button:hover,
.single .slick-dots button:focus {background-color: transparent !important;}
.single .slick-dots button::before {font-size: 12px;}
.single .slick-dots .slick-active button::before {color: #00A29C; opacity: 1;}
.single-page-post-thumbnail img {height: 55vh; width: 100%; object-fit: cover;}
.single-tags {display: flex; list-style: none; margin: 5px 0 20px; gap: 10px; flex-wrap: wrap;}
.single-tags li {font-size: 14px; padding: 0 6px; color: #007f7a; box-shadow: rgba(0, 127, 122, .15) 2px 2px 1.5px;}
.single-portrait-detail p {font-weight: 300;}
/*
.single-page-circuit a {color: var(--e-global-color-primary) !important; display: block; max-width: max-content; padding: 7px 0 6px; transition: all 250ms ease-in-out;}
.single-page-circuit a::after {content: ''; width: 0; height: 3px; background-color: #E94E1B; display: block; transition: all 200ms ease-in-out; margin-top: 4px;}
.single-page-circuit a:hover::after {width: 100%;}
.single-page-circuit a i {padding-right: 8px;}
.single-page-circuit a i::before {color: #E94E1B;}*/
.single-page-content p strong {font-weight: 500 !important;}
.single-page-date-evenement {font-weight: 300; font-size: 18px; margin-bottom: 10px;}
.single-page-right .single-page-coordonnees {display: flex; margin: 15px 0 0; gap: 8px; flex-wrap: wrap; position: fixed; top: 200px; right: 0; z-index: 5; width: 52px; height: 52px;}
.single-page-right .single-page-coordonnees .single-page-phone,
.single-page-right .single-page-coordonnees .single-page-adresse,
.single-page-site {width: 100%;}
.single-page-contact,
.single-page-right .single-page-coordonnees .single-page-phone {flex: 1;}
.single-page-right .single-page-contact {cursor: pointer; text-transform: uppercase; font-weight: 500;}
.single-page-right .single-page-contact span {display: none;}
.single-page-right .single-page-contact::after {content: "\f0e0"; color: #fff; font-family: "Font Awesome 5 Free"; font-size: 20px; vertical-align: -webkit-baseline-middle;}
.single-page-right .single-page-coordonnees #myModal {background-color: rgba(0, 0, 0, 0.8);}
.single-page-right .single-page-coordonnees .modal-content {margin: 140px auto 0; padding: 20px; max-width: 700px; background-color: #fff; width: 100%;}
.single-page-right .single-page-coordonnees .modal-content h2 {color: #00A29C; font-size: 30px; margin-bottom: 10px;}
.single-page-coordonnees .modal-content input[type="submit"] {background-color: #00A29C; color: #fff;}
.single-page-coordonnees .modal-content input[type="submit"]:hover {background-color: #E94E1B;}
.single-page-reseaux {margin-top: 3rem; gap: 3rem;}
.single-page-reseaux a i.fa-facebook-f::before {content: "\f09a";}
.single-page-share .share-buttons {display: flex; gap: 10px; font-size: 14px;}
.single-page-share .share-buttons i::before, .single-page-reseaux i::before {color: var(--couleur-texte); font-size: 2.5rem; transition: all 150ms ease-in-out;}
.single-page-share .share-buttons a:hover i::before,.single-page-reseaux a:hover i::before {color: var(--couleur-cta);}
.single-page-right #map_offre,
.single-page-right #map {margin: 20px 0 15px;}
.single-page-right #map_offre .leaflet-popup-content-wrapper,
.single-page-right #map .leaflet-popup-content-wrapper {border-radius: 0;}
.single-page-right #map_offre .leaflet-popup-content,
.single-page-right #map .leaflet-popup-content {max-width: 200px;}
.single-page-right #map_offre .leaflet-popup-tip,
.single-page-right #map .leaflet-popup-tip {background-color: #fff !important;}
.single-page-right #map_offre .popup-content h3,
.single-page-right #map_offre .popup-content h4,
.single-page-right #map h4,
.single-page-right #map h3 {color: var(--e-global-color-primary); position: relative; z-index: 1;}
.single-page-right #map_offre .popup-content h4,
.single-page-right #map h4 {display: inline-block; width: max-content; font-weight: 300; font-size: 14px; margin-bottom: 3px;}
.single-page-right #map_offre .popup-content h3,
.single-page-right #map h3 {font-weight: 700; font-size: 16px; margin-bottom: 0; line-height: normal;}
.single-page-right form ul,
.single-page-right form .ginput_complex {display: flex !important; flex-wrap: wrap;}
.single-page-right form li,
.single-page-right form .ginput_complex span {margin-top: 0 !important; width: 100% !important;}
.single-page-right form .ginput_complex span:first-of-type {margin-bottom: 8px !important;}
.single .single-page-right form input,
.single-page-right textarea {border-radius: 0; border: none; background-color: #f9f9f9; padding: 10px !important; color: #202020; font-weight: 400; margin: 0 !important;}
.single-page-right input::placeholder,
.single-page-right textarea::placeholder {text-transform: uppercase; font-size: 12px; color: #5E5E5E; transition: all 200ms ease-in-out;}
.single-page-right input:focus::placeholder,
.single-page-right textarea:focus::placeholder {color: #202020;}
.single-page-right form label.gfield_consent_label {font-size: 13px; color: #202020; font-weight: 300; padding-left: 5px;}
.single-page-right form input[type="checkbox"] {padding: 0 !important; width: 18px; height: 18px;}
.single-page-right form input[type=checkbox]:checked:before {margin-top: 2px !important;}
/* Section À découvrir à proximité */
.single-page-complement {background: var(--couleur-background-dark); padding: 3rem 2rem;}
.complement-inner {width: 100%;}
.complement-head {display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 2rem; margin-bottom: 5rem;}
.complement-head h2 {color: var(--couleur-texte); font-size: 2.6rem; font-weight: 800; margin: 0; letter-spacing: .04em; text-transform: uppercase; position: relative; padding-bottom: 1.4rem;}
.complement-head h2::after {content: ''; position: absolute; left: 0; bottom: 0; width: 30%; height: 4px; background: var(--couleur-cta);}
.complement-filtres {display: flex; gap: 1rem; flex-wrap: wrap;}
.complement-filtres input, .complement-filtres select {min-width: 30rem;}
.complement-filtres input::placeholder {color: #aaa;}
.complement-filtres input:focus,
.complement-filtres select:focus {border-color: var(--couleur-cta);}
.complement-filtres select option {background: #fff; color: var(--couleur-texte);}
#loader-single {display: flex; justify-content: center; padding: 2rem 0;}
#loader-single img {mix-blend-mode: multiply;}
.single-page-contact,
.single-page-right .single-page-coordonnees .single-page-phone {flex: none; width: 100%;}
.single-page-right .single-page-coordonnees a {color: #fff;}
.single-page-bloc-phone {display: flex; gap: 8px; flex: 1 1 calc(50% - 4px);}
.single-page-bloc-phone .single-page-phone {font-size: 15px;}
.single-page-bloc-phone i {padding-right: 6px;}
/* Single - Randonnees */
.single-randonnees .pratique-rando {display: flex; flex-wrap: wrap; justify-content: space-between;}
.single-randonnees .pratique-rando p:first-of-type {font-weight: 300; margin-bottom: 0; font-size: 14px; width: 100%;}
.single-randonnees .cavalier-rando,
.single-randonnees .cyclo-rando {font-weight: 500; font-size: 16px; padding: 0 6px; display: inline-block; flex: 1;}
.single-randonnees .cavalier-rando::before,
.single-randonnees .cyclo-rando::before {font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 8px; color: var(--e-global-color-primary); font-size: 16px;}
.single-randonnees .cavalier-rando::before {content: "\f6f0";}
.single-randonnees .cyclo-rando::before {content: "\f84a";}
.single-randonnees .courbes-denivele-rando {margin-top: 20px;}
.single-randonnees .section-consignes-rando {background-color: var(--couleur-background-dark)}
.single-randonnees .consignes-rando {margin: 20px auto 0; width: 1200px; max-width: 90%; padding: 5rem 0;}
.single-randonnees .consignes-rando ul {list-style: none; display: flex; flex-wrap: wrap; justify-content: center; margin: 5rem 0 3rem; column-gap: 20px; padding: 0;}
.single-randonnees .consignes-rando ul li {width: calc(50% - 10px);}
.single-randonnees .consignes-rando p {font-weight: 300; text-align: center; font-size: 14px; margin-top: 10px;}
.single-randonnees .consignes-rando img {height: 50px; display: block; margin: auto;}
.single-randonnees .vignette-rando-infos {display: flex; justify-content: space-between;}
.single-randonnees .section-consignes-rando.a-velo .consigne-rando-pedestre {display: none;}
.single-randonnees .section-consignes-rando:not(.a-velo) .consigne-rando-velo {display: none;}
.single-randonnees .section-left .slider-rando img {height: 55vh;}
.single-randonnees .section-right .infos-rando {background-color: var(--couleur-background-dark); padding: 3rem; max-width: max-content; gap: 2rem 6rem; margin: 4rem 0;}
.single-randonnees .section-right .infos-rando .info p {margin-top: 0; margin-bottom: 0;}
.single-randonnees .section-right .infos-rando .info p:first-of-type {margin-bottom: .8rem; font-weight: 300; letter-spacing: .1rem;}
.single-randonnees .section-right .infos-rando .info p:nth-child(n + 2) {font-size: 1.6rem; }
.single-randonnees .section-secondaire .map-right {width: 100%;}
.single-randonnees .section-secondaire .map-sticky {position: sticky; top: 0; flex: 1;}
.single-randonnees .section-secondaire h2 {letter-spacing: .5rem; font-size: 2.2rem; margin-bottom: 1rem;}
.single-randonnees .section-secondaire .detail {margin-top: 5rem;}
.single-randonnees .rando-key-info {flex-wrap: wrap; gap: 2rem 4rem; margin-bottom: 5rem;}
.single-randonnees .rando-key-info .rando-key {flex-direction: column; gap: .4rem; width: calc(50% - 2rem); }
.single-randonnees .rando-key-info .rando-key-label {font-weight: 300; letter-spacing: .1rem; font-size: 1.5rem; text-transform: uppercase;}
.single-randonnees .rando-key-info .rando-key-value {font-size: 1.8rem; font-weight: 600;}
.single-randonnees .section-secondaire .etapes-rando p, .single-randonnees .section-secondaire .itineraire-rando p {margin: 2rem 0;}
.single-randonnees .section-secondaire .etapes-rando span { margin-right: .6rem; text-transform: uppercase;}
.single-randonnees .section-consignes-rando h2 {font-size: 2.2rem; text-align: center; overflow: hidden;}
.single-randonnees .circuit-rando {margin: 7rem 0 3rem; flex-direction: column;}
.single-randonnees .btn-rando i {margin-left: .8rem;}
.single-randonnees #map_single {margin-top: 1.5rem; height: 40vh;}
@media (min-width: 1025px) {
.single-randonnees .section-left .slider-rando img {height: 100vh;}
.single-randonnees .section-secondaire .map-right {width: 45%;}
.single-randonnees .section-consignes-rando h2 {font-size: 3rem;}
.single-randonnees .section-consignes-rando h2::after {height: 3rem; left: 1rem; bottom: -1rem;}
.single-randonnees .consignes-rando {padding: 7rem 0 5rem;}
}
@media (min-width: 1400px) {
.single-page-complement {background: var(--couleur-background-dark); padding: 6rem 6rem;}
}
/* NOUVEAU SINGLE */
.single .section-right .breadcrumb-container {margin: 0 0 3rem; width: auto; max-width: 100%; text-transform: uppercase;}
.single .section-right .breadcrumb-container ul {padding: 0;}
.single .section-right .breadcrumb-container li {margin: 0; display: inline-block; padding: 0;}
.single .single-page-section {gap: 3rem 3rem;}
.single .section-left {width: 100%; order: 2;}
.single .section-right {order: 1;}
.single .section-left .btn-slider {position: absolute; width: 100%; bottom: 2rem;}
.single .section-left .btn-slider .slick-arrow {width: 4rem; height: 4rem; background-color: var(--couleur-cta); display: block; }
.single .section-left .btn-slider .slick-prev {left: 0;}
.single .section-left .btn-slider .slick-next {right: 0; left: auto;}
.single .section-left .btn-slider .slick-arrow::before {font-weight: 900; font-family: var(--fontAwesome); font-size: 2.5rem;}
.single .section-left .btn-slider .slick-prev::before {content:"\f177";}
.single .section-left .btn-slider .slick-next::before {content:"\f178";}
.single .section-left .gallery-container {flex-direction: column; row-gap: 1.6rem; position: relative;}
.single .section-left .gallery-container .main-image {overflow: hidden; }
.single .section-left .gallery-container .main-image a {height: 100%; width: 100%; display: block; overflow: hidden;}
.single .section-left .gallery-container .main-image a img {height: calc(100vh - 16vh - 5.2rem); min-height: 55vh; transition: transform 500ms ease; object-fit: cover; width: 100%;}
.single .section-left .gallery-container .main-image a:hover img {transform: scale(1.04);}
.single .section-left .gallery-container .thumbnail-images .slick-track {margin: 0;}
.single .section-left .gallery-container .thumbnail-images a {width: 100%; display: block; overflow: hidden; transition: opacity 200ms ease;}
.single .section-left .gallery-container .thumbnail-images a:hover {opacity: .75;}
.single .section-left .gallery-container .thumbnail-images img {height: calc(16vh - 1rem); transition: transform 300ms ease; object-fit: cover; width: 100%;}
.single .section-left .gallery-container .thumbnail-images a:hover img {transform: scale(1.08);}
.single .section-left .gallery-container .btn-single-agenda {display: flex; justify-content: center; gap: 1rem; position: absolute; bottom: calc(16vh - 1rem + 2.6rem); left: 0; right: 0; z-index: 3; margin: 0; pointer-events: none;}
.single .section-left .gallery-container .btn-single-agenda .slick-arrow {width: 4.2rem; height: 4.2rem; background-color:var(--couleur-texte); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 200ms ease; font-size: 0; position: static; margin: 0; pointer-events: all;opacity: 1;}
.single .section-left .gallery-container .btn-single-agenda .slick-arrow::before {font-family: var(--fontAwesome); font-weight: 900; font-size: 1.4rem; color: #fff;}
.single .section-left .gallery-container .btn-single-agenda .slick-prev::before {content: "\f177";}
.single .section-left .gallery-container .btn-single-agenda .slick-next::before {content: "\f178";}
.single .section-left .gallery-container .btn-single-agenda .slick-arrow:hover {background-color: var(--couleur-cta);opacity: 1;}
.single .section-left .img-temporaire {height: 100vh; padding: 8rem; margin: auto;}
.single .section-left .single-page-coordonnees {background: #fff; border-radius: 1.2rem; padding: 2rem 2.4rem; box-shadow: 0 4px 20px rgba(0,0,0,.07); margin-top: 2rem; display: flex; flex-direction: column; gap: 1.2rem;}
.single .section-left .single-page-coordonnees .single-page-adresse {font-size: 1.5rem; color: var(--couleur-texte); margin: 0; display: flex; align-items: flex-start; gap: .8rem;}
.single .section-left .single-page-coordonnees .single-page-adresse::before {content: "\f3c5"; font-family: var(--fontAwesome); font-weight: 900; color: var(--couleur-cta); font-size: 1.4rem; flex-shrink: 0; margin-top: .1rem;}
.single .section-left .single-page-coordonnees .phone-responsive,
.single .section-left .single-page-coordonnees .mail-responsive {display: flex; flex-wrap: wrap; gap: .8rem;}
.single .section-left .single-page-coordonnees .single-page-phone {font-size: 1.5rem; font-weight: 600; color: var(--couleur-texte); text-decoration: none; display: flex; align-items: center; gap: .7rem;}
.single .section-left .single-page-coordonnees .single-page-phone::before {content: "\f095"; font-family: var(--fontAwesome); font-weight: 900; color: var(--couleur-cta); font-size: 1.3rem;}
.single .section-left .single-page-coordonnees .site-responsive {font-size: 1.4rem; font-weight: 600; color: var(--couleur-cta); text-decoration: none; transition: opacity 200ms;}
.single .section-left .single-page-coordonnees .site-responsive:hover {opacity: .75;}
.slick-prev::before {content: "\f177"}
.single .section-right {padding: 0 2rem 4rem; position: relative;}
.single .section-right #a-propos {margin: 4rem 0; }
.single .section-right .description-commerce p {font-size: 1.6rem; font-weight: 400;}
.single .section-right .single-page-detail {margin-top: 5rem;}
.single .section-right .detail {margin-top: 5rem;}
.single .section-right h2 {letter-spacing: .5rem; font-size: 2.2rem; margin-bottom: 1rem;}
.single .section-right .single-page-detail li, .single .section-right .single-page-detail p {font-size: 1.6rem; font-weight: 300; margin: 5px 0;}
.single .section-right .single-page-detail ul {list-style: none; margin-left: 0;}
.single .section-right .single-page-detail .tarif-row {column-gap: 2rem;}
.single .section-right .read-more {display: inline-block; margin-top: 0.5rem; text-decoration: none; transition: all 200ms ease-in-out; font-size: 1.4rem;}
.single .section-right .read-more:hover {color: var(--couleur-cta);}
.single .section-right .statuts-activite {gap: .8rem; flex-wrap: wrap; margin-top: 2rem;}
.single .section-right .statuts-activite .statut {display: inline-flex; align-items: center; gap: .7rem; background: #f3f1ee; border-radius: 3rem; padding: .65rem 1.4rem; font-size: 1.4rem; font-weight: 500; margin: 0;}
.single .section-right .statuts-activite .statut i {color: var(--couleur-cta); font-size: 1.3rem; margin: 0;}
.single .section-right .statuts-activite .statut.organisateur {width: 100%; border-radius: .8rem;}
.single .section-right .single-coordonnees {flex-wrap: wrap; gap: 1rem; padding-top: 3rem; border-top: 1px solid #eee;}
.single .section-right .single-coordonnees h2 {width: 100%; margin-bottom: .5rem;}
.single .section-right .single-coordonnees .coordonnees-adresse {width: 100%; margin-top: .5rem; font-size: 1.5rem; display: flex; align-items: flex-start; gap: .8rem;}
.single .section-right .single-coordonnees .coordonnees-adresse i {color: var(--couleur-cta); flex-shrink: 0; margin-top: .2rem;}
.single .section-right .single-coordonnees .btn-cta {width: 100%; background-color: var(--couleur-background-dark); color: var(--couleur-texte); text-align: center; justify-content: center; text-decoration: none; border-bottom: none;}
.single .section-secondaire {background-color: var(--couleur-background-dark); flex-wrap: wrap;}
.single .section-secondaire .section-secondaire-infos {flex-direction: column; align-items: center; justify-content: center; padding: 4rem 2rem;}
.single .section-secondaire .single-coordonnees {text-align: center; row-gap: 1rem; width: 100%; }
.single .section-secondaire .single-coordonnees .coordonnees-adresse {font-size: 1.6rem;}
.single .section-secondaire #map_offre, .single .section-secondaire #map_single {flex: 1;}
.single .animaux-statut {font-size: 1.6rem; margin-top: 4rem;}
.single .animaux-statut i {margin-right: 1rem;}
@media (hover: hover) {
.single .section-right .single-coordonnees .btn-cta:hover {color: #fff; box-shadow: inset 25em 0 0 0 var(--couleur-cta);}
}
@media (min-width: 768px) {
.single .section-right .single-page-detail .tarif-row {width: 40rem;}
.single .section-right .single-coordonnees .btn-cta {width: 30rem; }
}
@media (min-width: 1025px) {
.single .section-right {max-width: 70rem; padding-right: 6rem; padding-top: 3rem; padding-bottom: 6rem; flex: 1; order: 0;}
.single .section-right .bloc-labels {position: absolute; right: 2rem; top: 4rem;}
.single .section-left {width: 45%; order: 0;}
.single .section-right .detail {margin-top: 6rem;}
.single .section-secondaire .section-secondaire-infos { max-width: 70rem; padding: 6rem 2rem; flex: 1;}
.single .section-left .gallery-sticky {position: sticky; top: 0;}
.single .section-secondaire #map_single {height: 100vh;}
.single .section-left .gallery-container .main-image a img {height: calc(100vh - 16vh - 5.2rem); min-height: 60vh;}
.prox-grid {grid-template-columns: repeat(3, 1fr); gap: 3rem;}
.complement-head {flex-direction: row; align-items: flex-end;}
.complement-head h2 {font-size: 3rem;}
.single-page-post-thumbnail img {height: 100vh;}
}
@media (min-width: 1300px) {
.single .single-page-section {gap: 3rem 7rem;}
.single .section-right h1 {font-size: 5rem;}
.single .section-secondaire {justify-content: flex-end;}
.single .section-secondaire .section-secondaire-infos {padding-top: 8rem;}
.single-randonnees .rando-key-info {margin-bottom: 8rem;}
}
/* Single - Hebergements */
.single-hebergements .descriptif-texte {margin-bottom: 1.2rem;}
.single-hebergements .descriptif-texte .excerpt,
.single-hebergements .descriptif-texte .full-text {margin: 0;}
.single-hebergements .tarif-personne {flex: 1;}
.single-hebergements .tarif-complement {margin-bottom: 0; margin-left: 6px;}
.single-hebergements .prestations-table {margin-bottom: 50px; margin-top: 30px;}
.single-hebergements .prestations-list {margin-bottom: 8px; max-width: 600px;}
.single-hebergements .prestations-list .single-page-animaux {margin-bottom: 0; margin-top: 30px; font-weight: 300;}
.single-hebergements .offre-contenu .classement-epis img {width: 12px !important;}
.single-hebergements .hebergement-capacite i {margin-right: 1rem;}
.single-hebergements .picto-loisirs {display: flex; column-gap: 25px;}
.single-hebergements .picto-loisirs .picto-label {width: auto; max-width: 80px; max-height: 80px; object-fit: contain;}
.single-hebergements .services-list ul {list-style: none; margin: 0;}
.single .section-right .bloc-labels {gap: 2rem;}
.single .section-right .bloc-labels .classement-etoile i {font-size: 1.3rem;}
@media (min-width: 1025px) {
.single-hebergements .coordonnees-etablissement .btn-cta {width: 30rem;}
}
/* Single - Guides */
.single-guides .lieu-description {display: none;}
.single-guides .lieu-description p {font-weight: 300; font-size: 14px; margin-bottom: 10px; line-height: 18px;}
.single-guides .video-guide {margin-bottom: 40px;}
.single-guides iframe {aspect-ratio: 16/9; height: auto;}
.single-guides h1 {margin-bottom: 20px;}
.single-guides .photo-principale {margin-top: 20px;}
.single-guides .photo-principale img {max-height: 500px; width: 100%; object-fit: cover;}
.single-guides .swiper-wrapper .swiper-slide a {height: 200px; display: block;}
.single-guides .swiper-wrapper .swiper-slide a img {height: 100%; width: 100%; object-fit: cover;}
.single-guides .related-guides {margin-top: 40px;}
.single-guides .related-guides-list {display: flex; column-gap: 20px; flex-wrap: wrap; max-width: 100%; row-gap: 20px;}
.single-guides .related-guides h2 {font-size: 30px; margin-bottom: 25px;}
.single-guides h3.commune {margin-bottom: 0;}
.single-guides .single-page-complement-vignettes h2 {color: #E94E1B;}
/* Single - Produits */
.single-produit .product-image {height: 100%; overflow: hidden;}
.single-produit .product-image img {transition: all 500ms ease-in-out;}
.single-produit .product-image:hover img {transform: scale(1.3);}
.single-produit h1 {font-size: 35px; font-weight: 900; letter-spacing: 1px; line-height: normal; margin: 0; text-transform: uppercase;}
.single-produit .single-page-right .infos-produit {margin: 20px 0; background-color: #f7F7f7; padding: 20px; display: flex; flex-wrap: wrap; column-gap: 10px;}
.single-produit .single-page-right .infos-produit ul {list-style: none; margin: 20px 0; width: calc(50% - 5px);}
.single-produit .single-page-right .infos-produit li:first-of-type {font-weight: 300; font-size: 14px;}
.single-produit .single-page-right .infos-produit li:nth-child(2) {font-size: 18px;}
.single-produit .produit-description p,
.single-produit .produit-description span {font-weight: 300 !important;}
/* Single - Agenda */
/*.single-agenda .btn-single-dates {display: flex; margin: auto; width: 100px;}
.single-agenda .btn-single-dates button::before {content: "\f053"; font-family: "Font Awesome 6 Free"; font-weight: 900;}
.single-agenda .btn-single-dates button:last-child::before {content: "\f054"; font-family: "Font Awesome 6 Free"; font-weight: 900;}
.single-agenda .slick-dates .slick-slide {margin: 0 10px;}*/
/*
.single-agenda .date-single-agenda .date-card {background-color: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); overflow: hidden; width: calc(25% - 10px); box-sizing: border-box;}
.single-agenda .date-single-agenda .date-card-header h3 {margin: 0; font-size: 1.2em; color: #fff;}
.single-agenda .date-single-agenda .date-card-header .date-fin {font-size: 0.9em; margin-top: 4px; color: #fff;}
.single-agenda .date-single-agenda .date-card-body {padding: 10px;}
.single-agenda .date-single-agenda .date-card-body p {margin-bottom: 0;}*/
.single-agenda .date-single-agenda {position: relative;}
.single-agenda .date-single-agenda .date-cards {flex-wrap: wrap; gap: 10px; max-width: 80vw;}
.single-agenda .date-single-agenda .slick-prev, .single-agenda .date-single-agenda .slick-next { bottom: 1.5rem; top: auto;}
.single-agenda .date-single-agenda .slick-next {left: auto; right: 4rem;}
.single-agenda .date-single-agenda .slick-prev {left: auto; right: 8rem;}
.single-agenda .date-single-agenda .slick-prev:before, .single-agenda .date-single-agenda .slick-next:before {margin: auto; color: var(--couleur-cta); cursor: pointer; font-size: 2rem; border: 0; opacity: 1;}
.single-agenda .date-single-agenda .date-card-header {align-items: center;}
.single-agenda .date-single-agenda .date-card-header .date-debut, .single-agenda .date-single-agenda .date-card-header .date-fin {font-size: 1.8rem;}
.single-agenda .date-single-agenda .date-card-header .date-separator {margin: 0 1rem;}
.single-agenda .section-right .infos-reservation {background-color: var(--couleur-background-dark); padding: 2rem; margin-top: 4rem;}
@media (max-width: 768px) {
.single .slider-hebergement .swiper-container,
.single .swiper-container.slider-produits,
.single .product-image.product-image-thumbnail {height: auto;}
.single-page-right .single-page-coordonnees {display: none;}
.single-agenda .date-single-agenda .date-card {width: 100%;}
}
@media (min-width: 768px) {
.single-page-nav {display: flex;}
.single-page-complement-left {padding: 40px 0;}
}
@media (min-width: 900px) {
.single-page-galerie {margin-bottom: 50px;}
.single-randonnees .consignes-rando ul {justify-content: space-between; column-gap: 0;}
.single-randonnees .consignes-rando ul li {max-width: 150px; width: auto;}
.single-guides .video-guide {margin-bottom: 70px;}
.single-guides .swiper-wrapper .swiper-slide a {height: 500px;}
}
@media (min-width: 1025px) {
.single-agenda .date-single-agenda .date-card.slick-slide {margin: 0 2rem;}
.single-agenda .section-right {overflow: hidden;}
}
@media (min-width: 1200px) {
.single-page-left {width: 45%;}
.single-page-right {flex: 1;}
.single-page-right .single-page-reseaux {display: flex;}
.single-page-right #map {margin-top: 25px;}
.single-page-right .single-page-coordonnees {display: flex;}
.single-page-share {margin-bottom: 20px !important;}
.single-agenda .date-single-agenda .slick-next {left: auto; right: 0rem;}
.single-agenda .date-single-agenda .slick-prev {left: -1.5rem; right: auto;}
.single-randonnees .consignes-rando ul {margin: 9rem 0 2rem;}
}
/************************************************/
/** **/
/** CONTACT FORM 7 **/
/** **/
/************************************************/
/* ── Structure ── */
.wpcf7 form,
.wpcf7-form {
display: flex;
flex-direction: column;
gap: .4rem;
}
.form-row {
display: grid;
grid-template-columns: 1fr;
gap: 0 2rem;
}
@media (min-width: 600px) {
.form-row:has(.form-column + .form-column) {
grid-template-columns: 1fr 1fr;
}
}
.form-row .form-column > p,
.form-row > p {
margin: 0;
padding: .5rem 0;
}
.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-email,.wpcf7-form-control.wpcf7-tel,.wpcf7-form-control.wpcf7-number,.wpcf7-form-control.wpcf7-date,.wpcf7-form-control.wpcf7-time { width: 100%;}
.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-email:focus,
.wpcf7-form-control.wpcf7-tel:focus,
.wpcf7-form-control.wpcf7-number:focus,
.wpcf7-form-control.wpcf7-date:focus,
.wpcf7-form-control.wpcf7-time:focus {
border-color: var(--couleur-cta);
background: #fff;
}
/* Pleine largeur */
.wpcf7-form-control.full-width {
width: 100%;
box-sizing: border-box;
}
.wpcf7-form-control.wpcf7-textarea {width: 100%;}
/* ── Labels sections (Prestations, Forfait…) ── */
.form-row .form-column > p > label:first-child {
display: block;
font-size: 1.3rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: var(--couleur-texte);
margin-bottom: .8rem;
}
.form-row .form-column > p > label .required { color: var(--couleur-cta); }
.wpcf7-list-item label {display: flex; align-items: center; gap: 1rem; cursor: pointer; font-size: 1.4rem; color: var(--couleur-texte); }
.form-checkbox .wpcf7-list-item {display: flex; margin: 0 !important; align-items: center;}
/* Point central sur radio */
.wpcf7-list-item label input[type="radio"]:checked::after {
content: '';
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
width: .7rem;
height: .7rem;
border-radius: 50%;
background: #fff;
}
.form-note {font-size: 1.3rem; font-style: italic; margin: .6rem 0 0; }
/* ── Validation erreur ── */
.wpcf7-not-valid {
border-color: #e74c3c !important;
}
.wpcf7-not-valid-tip {
font-size: 1.2rem;
color: #e74c3c;
display: block;
margin-top: .4rem;
}
/* ── Bouton submit ── */
.wpcf7-form-control.wpcf7-submit {
display: block;
width: 100%;
padding: 1.5rem 3rem;
background: var(--couleur-cta);
color: #fff;
font-size: 1.45rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
border: none;
cursor: pointer;
transition: background .25s, box-shadow .25s;
border-radius: 0;
}
.wpcf7-form-control.wpcf7-submit:hover {
background: var(--couleur-texte);
box-shadow: 0 4px 16px rgba(0,0,0,.15);
}
/* Spinner */
.wpcf7-spinner {
display: inline-block;
margin-left: 1rem;
vertical-align: middle;
}
/* ── Message de réponse ── */
.wpcf7-response-output {
padding: 1.2rem 1.8rem;
font-size: 1.4rem;
border-left: 4px solid var(--couleur-cta);
background: #f6f3ee;
color: var(--couleur-texte);
margin-top: 1rem;
}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
border-color: #27ae60;
background: #edfaf3;
color: #1a7a45;
}
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors,
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ng {
border-color: #e74c3c;
background: #fdf5f4;
color: #b93227;
}
/* YouTube embed */
.sr-youtube {
padding: 0;
}
.sr-youtube iframe {
width: 100%;
aspect-ratio: 16 / 9;
height: auto;
display: block;
border: none;
border-radius: 8px;
}
/* ===== BOUTON LOUPE HEADER ===== */
.header-search-btn { background: none; border: none; cursor: pointer; padding: 0; transition: all 230ms ease-in-out; }
/* ===== POPUP RECHERCHE ===== */
.hsearch-popup { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: flex-start; justify-content: center; visibility: hidden; pointer-events: none; transition: visibility 0s .3s; }
.hsearch-popup.is-open { visibility: visible; pointer-events: auto; transition: visibility 0s 0s; }
.hsearch-overlay { position: absolute; inset: 0; background: rgba(20,16,8,.65); opacity: 0; transition: opacity .3s; cursor: pointer; }
.hsearch-popup.is-open .hsearch-overlay { opacity: 1; }
.hsearch-box { position: relative; z-index: 1; top: 50%; width: min(66rem, 94vw); background: var(--couleur-background); padding: 3rem 2rem 1rem; transform: translateY(-2rem); opacity: 0; transition: transform .3s cubic-bezier(.4,0,.2,1), opacity .3s; }
.hsearch-popup.is-open .hsearch-box { transform: translateY(-50%); opacity: 1; }
.hsearch-close { position: absolute; top: -2.5rem; right: 0; background-color: #fff; border: none; font-size: 2rem; cursor: pointer; color: var(--couleur-texte, #333); line-height: 1; padding: .4rem .6rem; transition: color 200ms; border-radius: 50%; width: 5rem; height: 5rem; }
.hsearch-close:hover { color: var(--couleur-cta, #c00); }
.hsearch-input-wrap { display: flex; align-items: center; gap: 2rem; padding-bottom: 1rem; }
.hsearch-icon { font-size: 1.8rem; color: var(--couleur-texte, #333); flex-shrink: 0; }
.hsearch-input { flex: 1; border: none; outline: none; font-size: 1.4rem; background: #fff; color: var(--couleur-texte, #333); font-family: inherit; }
.hsearch-input::placeholder { color: #aaa; }
.hsearch-results { margin-top: 1.5rem; max-height: 40rem; overflow-y: auto; }
.hsearch-result-item { display: flex; flex-direction: column; padding: 1rem 0; border-bottom: 1px solid #eee; text-decoration: none; color: var(--couleur-texte, #333); transition: color 200ms; }
.hsearch-result-item:last-child { border-bottom: none; }
.hsearch-result-item:hover { color: var(--couleur-cta, #c00); }
.hsearch-result-title { font-size: 1.5rem; font-weight: 700; }
.hsearch-result-type { font-size: 1.2rem; color: #999; text-transform: uppercase; letter-spacing: .06em; margin-top: .3rem; }
.hsearch-status { font-size: 1.4rem; color: #999; padding: 1rem 0; text-align: center; }
body.hsearch-noscroll { overflow: hidden; }
.hsearch-box [type="search"] {order: -1;}
.hsearch-input-wrap i {color: var(--couleur-cta); padding: 1rem; font-size: 2rem; }
/* ============================================
ANIMATIONS SCROLL REVEAL — TCG
Géré par includes/js/animations.js
============================================ */
/* État initial : invisible + décalé vers le bas */
.tcg-reveal {
opacity: 0;
transform: translateY(2.4rem);
transition:
opacity .65s ease,
transform .65s ease;
transition-delay: var(--tcg-delay, 0s);
}
/* État final : visible, en place */
.tcg-reveal.tcg-revealed {
opacity: 1;
transform: none;
}
/* Variante glissement depuis la gauche */
.tcg-reveal.tcg-from-left { transform: translateX(-3rem); }
.tcg-reveal.tcg-from-left.tcg-revealed { transform: none; }
/* Variante glissement depuis la droite */
.tcg-reveal.tcg-from-right { transform: translateX(3rem); }
.tcg-reveal.tcg-from-right.tcg-revealed { transform: none; }
/* Variante zoom léger (cartes, vignettes) */
.tcg-reveal.tcg-zoom { transform: scale(.96) translateY(1.5rem); }
.tcg-reveal.tcg-zoom.tcg-revealed { transform: none; }
/* Respect des préférences système (accessibilité) */
@media (prefers-reduced-motion: reduce) {
.tcg-reveal,
.tcg-reveal.tcg-from-left,
.tcg-reveal.tcg-from-right,
.tcg-reveal.tcg-zoom {
transition: none;
opacity: 1;
transform: none;
}
}
/* =============================================================
SINGLE COMMUNES — styles scoped sous .single-communes
============================================================= */
/* =============================================================
MODALE — surcharge du thème parent
============================================================= */
/* #modal-container est juste un wrapper sans rôle visuel */
#modal-container {
display: none;
}
/* .modal est l'overlay plein écran */
.modal {
display: none;
position: fixed;
z-index: 9999;
left: 0; top: 0;
width: 100%; height: 100%;
background-color: rgba(16, 44, 53, 0.65);
overflow: auto;
padding: 2rem;
box-sizing: border-box;
}
/* jQuery fait display:block — on force flex pour centrer .modal-content */
.modal[style*="display: block"],
.modal[style*="display:block"] {
display: flex !important;
align-items: center;
justify-content: center;
}
/* Boîte de contenu centrée */
.modal-content {
position: relative;
background-color: var(--couleur-background, #fff);
width: 90%;
max-width: 680px;
padding: 4rem 3rem 3rem;
}
/* Croix de fermeture */
.modal .close {
position: absolute;
top: 1.2rem;
right: 1.6rem;
float: none;
font-size: 2.4rem;
font-weight: 400;
line-height: 1;
color: var(--couleur-texte, #1a1a1a);
opacity: .5;
cursor: pointer;
transition: opacity 150ms ease;
}
.modal .close:hover,
.modal .close:focus {
opacity: 1;
text-decoration: none;
}
@media (min-width: 768px) {
.modal-content {padding: 5rem 5rem 4rem; }
}
@media (min-width: 1025px) {
.hsearch-close {right: -2.5rem; font-size: 3rem; padding: .4rem .6rem; width: 6rem; height: 6rem; }
}
@media (min-width: 1400px) {
.hsearch-input {font-size: 2rem; padding: 5rem 3rem 3rem; }
.hsearch-input-wrap i {font-size: 2.5rem; }
}