/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 27 2026 | 05:48:14 */
/* =========================================================
PACHAMAMA VOYAGES - PAGE CIRCUIT
CSS GLOBAL - DESIGN COMMUN À TOUS LES CIRCUITS
Ce fichier contient uniquement les styles stables :
structure de page, menu interne, titres de section, résumé, images,
impacts positifs, galerie, infos complémentaires et voyages en relation.
À charger sur tous les circuits.
Le fichier circuit-variable doit être chargé APRÈS celui-ci.
========================================================= */
/* =========================================================
1. STRUCTURE GÉNÉRALE PAGE VOYAGE
Colonnes gauche / droite + wrappers pleine largeur
========================================================= */
@media (min-width: 1200px) {
.tourmaster-single-tour-content-wrap,
.tourmaster-container {
max-width: 1360px !important;
width: 1360px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.tourmaster-single-main-content {
width: 80% !important;
float: left !important;
box-sizing: border-box !important;
position: relative !important;
z-index: 3 !important;
}
.tourmaster-single-sidebar {
width: 20% !important;
float: right !important;
box-sizing: border-box !important;
position: relative !important;
z-index: 5 !important;
}
.gdlr-core-pbf-wrapper-container.gdlr-core-container {
max-width: 100% !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
.wp-caption,
figure.wp-caption,
.gdlr-core-text-box-item-content img {
max-width: 100% !important;
height: auto !important;
box-sizing: border-box !important;
}
}
/* =========================================================
2. BLOC D'INTRODUCTION EN PLEINE LARGEUR
========================================================= */
@media (min-width: 1200px) {
.gdlr-core-pbf-wrapper:first-child {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
border: none !important;
box-shadow: none !important;
}
.gdlr-core-pbf-wrapper:first-child .gdlr-core-pbf-wrapper-container.gdlr-core-container {
width: 1360px !important;
max-width: 1360px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.gdlr-core-pbf-wrapper:first-child .gdlr-core-pbf-background-wrap {
border: none !important;
border-top: none !important;
border-bottom: none !important;
box-shadow: none !important;
}
.gdlr-core-pbf-wrapper:first-child .gdlr-core-text-box-item-content div[style*="color: #00833b"] {
font-size: 17px !important;
line-height: 1.7 !important;
}
.gdlr-core-pbf-wrapper:first-child .gdlr-core-text-box-item-content div[style*="color: #00833b"] strong {
font-size: inherit !important;
}
}
/* =========================================================
3. PILULES INFOS VOYAGE
Durée / Période / Âge minimum
========================================================= */
body.single-tour .tourmaster-tour-info-outer {
background: linear-gradient(180deg, #ffffff 0%, #fffdf6 100%) !important;
border: none !important;
box-shadow: none !important;
padding: 22px 0 18px 0 !important;
}
body.single-tour .tourmaster-tour-info-wrap {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
width: auto !important;
max-width: 100% !important;
margin: 0 0 0 12px !important;
padding: 0 !important;
box-sizing: border-box !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none !important;
-webkit-overflow-scrolling: touch !important;
}
body.single-tour .tourmaster-tour-info-wrap::-webkit-scrollbar {
display: none !important;
}
body.single-tour .tourmaster-tour-info {
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
width: auto !important;
min-width: max-content !important;
max-width: none !important;
margin: 0 !important;
padding: 12px 18px !important;
background: linear-gradient(180deg, #ffffff 0%, #fffaf0 100%) !important;
border: 1px solid rgba(226, 195, 109, 0.68) !important;
border-radius: 999px !important;
box-shadow:
0 7px 18px rgba(80, 55, 20, 0.075),
inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
color: #6b3f12 !important;
font-size: 15.5px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
box-sizing: border-box !important;
transition: all 0.22s ease !important;
}
body.single-tour .tourmaster-tour-info i {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 26px !important;
height: 26px !important;
min-width: 26px !important;
min-height: 26px !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 50% !important;
background: rgba(242, 165, 26, 0.14) !important;
border: 1px solid rgba(226, 195, 109, 0.42) !important;
color: #7a4a18 !important;
font-size: 14px !important;
line-height: 26px !important;
text-align: center !important;
}
body.single-tour .tourmaster-tour-info i::before {
display: block !important;
line-height: 1 !important;
text-align: center !important;
}
body.single-tour .tourmaster-tour-info a {
color: #6b3f12 !important;
text-decoration: none !important;
font-weight: 700 !important;
white-space: nowrap !important;
}
body.single-tour .tourmaster-tour-info:hover {
transform: translateY(-2px) !important;
background: linear-gradient(180deg, #fffdf6 0%, #fff3c7 100%) !important;
border-color: rgba(226, 195, 109, 0.78) !important;
color: #6b3f12 !important;
box-shadow:
0 10px 24px rgba(80, 55, 20, 0.11),
inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}
body.single-tour .tourmaster-tour-info:hover a {
color: #6b3f12 !important;
}
body.single-tour .tourmaster-tour-info:hover i {
background: rgba(242, 165, 26, 0.24) !important;
color: #6b3f12 !important;
border-color: rgba(122, 74, 24, 0.28) !important;
}
body.single-tour .tourmaster-tour-info-duration-text {
background: linear-gradient(180deg, #ffffff 0%, #fff8df 100%) !important;
border-color: rgba(226, 195, 109, 0.78) !important;
}
/* =========================================================
PACHAMAMA - CORRECTION HALO GRIS SOUS PILULES INFOS
Durée / Périodes / Âge minimum
Le "background bavant" vient de l'ombre portée des pillules
========================================================= */
/* Zone autour des pillules parfaitement blanche */
body.single-tour .tourmaster-tour-info-outer,
body.single-tour .tourmaster-tour-info-outer-container,
body.single-tour .tourmaster-tour-info-outer-container.tourmaster-container,
body.single-tour .tourmaster-tour-info-wrap {
background: #ffffff !important;
background-color: #ffffff !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
}
/* Supprime l'ombre diffuse qui crée le gris sous les pillules */
body.single-tour .tourmaster-tour-info {
box-shadow:
0 2px 6px rgba(80, 55, 20, 0.045),
inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
filter: none !important;
}
/* Version durée également */
body.single-tour .tourmaster-tour-info-duration-text {
box-shadow:
0 2px 6px rgba(80, 55, 20, 0.045),
inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
}
/* Hover : ombre plus courte, sans halo gris étalé */
body.single-tour .tourmaster-tour-info:hover {
box-shadow:
0 4px 10px rgba(80, 55, 20, 0.075),
inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}
/* Sécurité : aucun pseudo-élément ne doit créer de fond sous les pillules */
body.single-tour .tourmaster-tour-info::before,
body.single-tour .tourmaster-tour-info::after,
body.single-tour .tourmaster-tour-info-wrap::before,
body.single-tour .tourmaster-tour-info-wrap::after,
body.single-tour .tourmaster-tour-info-outer-container::before,
body.single-tour .tourmaster-tour-info-outer-container::after {
display: none !important;
content: none !important;
}
/* =========================================================
4. MENU INTERNE PREMIUM
========================================================= */
@media (min-width: 1200px) {
body.single-tour .gdlr-core-pbf-wrapper:has(.tourmaster-content-navigation-item-wrap) {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
box-sizing: border-box !important;
overflow: visible !important;
background: linear-gradient(180deg, #f1f1ee 0%, #ecece8 100%) !important;
border: none !important;
box-shadow: none !important;
position: relative !important;
z-index: 1 !important;
}
body.single-tour .gdlr-core-pbf-wrapper:has(.tourmaster-content-navigation-item-wrap) .gdlr-core-pbf-background-wrap {
width: 100% !important;
max-width: 100% !important;
left: 0 !important;
right: 0 !important;
background: linear-gradient(180deg, #f1f1ee 0%, #ecece8 100%) !important;
border: none !important;
box-shadow: none !important;
}
body.single-tour .gdlr-core-pbf-wrapper:has(.tourmaster-content-navigation-item-wrap) .gdlr-core-pbf-wrapper-container.gdlr-core-container,
body.single-tour .tourmaster-content-navigation-item-container.tourmaster-container {
width: 1360px !important;
max-width: 1360px !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
}
body.single-tour .tourmaster-content-navigation-item-wrap {
margin: 10px 0 30px 0 !important;
padding-bottom: 0 !important;
text-align: left !important;
}
body.single-tour .tourmaster-content-navigation-item-outer {
width: auto !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
body.single-tour .tourmaster-content-navigation-item-container {
width: auto !important;
max-width: 100% !important;
display: block !important;
box-sizing: border-box !important;
}
body.single-tour .tourmaster-content-navigation-item {
display: inline-flex !important;
align-items: center !important;
gap: 9px !important;
width: auto !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 13px 15px !important;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 0.98) 0%,
rgba(255, 253, 246, 0.96) 100%
) !important;
border: 1px solid rgba(226, 195, 109, 0.72) !important;
border-radius: 22px !important;
box-shadow:
0 12px 28px rgba(80, 55, 20, 0.105),
inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none !important;
-webkit-overflow-scrolling: touch !important;
position: relative !important;
z-index: 3 !important;
}
body.single-tour .tourmaster-content-navigation-item::-webkit-scrollbar {
display: none !important;
}
body.single-tour .tourmaster-content-navigation-item::before {
content: "" !important;
position: absolute !important;
left: 18px !important;
right: 18px !important;
bottom: 0 !important;
height: 3px !important;
background: linear-gradient(
to right,
rgba(122, 74, 24, 0.68) 0%,
rgba(242, 165, 26, 0.55) 55%,
transparent 100%
) !important;
border-radius: 999px !important;
pointer-events: none !important;
}
body.single-tour .tourmaster-content-navigation-item::after {
display: none !important;
}
body.single-tour .tourmaster-content-navigation-tab {
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
margin: 0 !important;
padding: 10px 14px !important;
background: rgba(255, 248, 223, 0.62) !important;
border: 1px solid rgba(226, 195, 109, 0.58) !important;
border-radius: 999px !important;
color: #6b3f12 !important;
font-size: 14.2px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
text-decoration: none !important;
white-space: nowrap !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
transition: all 0.22s ease !important;
}
body.single-tour .tourmaster-content-navigation-tab i {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 50% !important;
background: rgba(242, 165, 26, 0.14) !important;
border: 1px solid rgba(226, 195, 109, 0.42) !important;
color: #7a4a18 !important;
font-size: 12px !important;
line-height: 20px !important;
text-align: center !important;
vertical-align: middle !important;
transform: none !important;
}
body.single-tour .tourmaster-content-navigation-tab i::before {
display: block !important;
width: 1em !important;
height: 1em !important;
line-height: 1 !important;
text-align: center !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
}
body.single-tour .tourmaster-content-navigation-tab .fa-map-o::before,
body.single-tour .tourmaster-content-navigation-tab .fa-calendar-o::before,
body.single-tour .tourmaster-content-navigation-tab .fa-picture-o::before {
transform: translateY(0.5px) !important;
}
body.single-tour .tourmaster-content-navigation-tab:not(.tourmaster-active):not(.tourmaster-slidebar-active):hover {
background: linear-gradient(180deg, #fffdf6 0%, #fff3c7 100%) !important;
color: #6b3f12 !important;
border-color: rgba(226, 195, 109, 0.78) !important;
transform: translateY(-2px) !important;
box-shadow:
0 6px 16px rgba(80, 55, 20, 0.11),
inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}
body.single-tour .tourmaster-content-navigation-tab:not(.tourmaster-active):not(.tourmaster-slidebar-active):hover i {
background: rgba(242, 165, 26, 0.24) !important;
color: #6b3f12 !important;
border-color: rgba(122, 74, 24, 0.28) !important;
}
body.single-tour .tourmaster-content-navigation-tab.tourmaster-active,
body.single-tour .tourmaster-content-navigation-tab.tourmaster-slidebar-active {
background: linear-gradient(180deg, #8a541d 0%, #6b3f12 100%) !important;
color: #fffdf6 !important;
border-color: #6b3f12 !important;
box-shadow:
0 8px 20px rgba(122, 74, 24, 0.26),
inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
}
body.single-tour .tourmaster-content-navigation-tab.tourmaster-active i,
body.single-tour .tourmaster-content-navigation-tab.tourmaster-slidebar-active i {
background: rgba(255, 248, 223, 0.22) !important;
color: #fff8df !important;
border-color: rgba(255, 248, 223, 0.34) !important;
}
body.single-tour .tourmaster-content-navigation-tab.tourmaster-active:hover,
body.single-tour .tourmaster-content-navigation-tab.tourmaster-slidebar-active:hover {
background: linear-gradient(180deg, #9a6127 0%, #744716 100%) !important;
color: #ffffff !important;
border-color: #744716 !important;
box-shadow:
0 10px 24px rgba(122, 74, 24, 0.30),
inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}
body.single-tour .tourmaster-content-navigation-slider {
display: none !important;
}
@media (min-width: 1024px) {
body.single-tour .tourmaster-content-navigation-item-outer {
position: sticky !important;
top: 88px !important;
z-index: 80 !important;
}
}
/* =========================================================
PACHAMAMA - CORRECTION HALO GRIS SOUS MENU INTERNE
Supprime l'effet "bavant" sous les pastilles du menu
========================================================= */
/* Fond autour du menu parfaitement blanc / transparent */
body.single-tour .tourmaster-content-navigation-item-wrap,
body.single-tour .tourmaster-content-navigation-item-outer,
body.single-tour .tourmaster-content-navigation-item-container {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
filter: none !important;
}
/* Réduit l'ombre diffuse de la grande boîte du menu */
body.single-tour .tourmaster-content-navigation-item {
box-shadow:
0 3px 8px rgba(80, 55, 20, 0.045),
inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
filter: none !important;
}
/* Réduit l'ombre diffuse des pastilles */
body.single-tour .tourmaster-content-navigation-tab {
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
filter: none !important;
}
/* Pastille active : ombre plus courte, sans halo gris */
body.single-tour .tourmaster-content-navigation-tab.tourmaster-active,
body.single-tour .tourmaster-content-navigation-tab.tourmaster-slidebar-active {
box-shadow:
0 3px 8px rgba(122, 74, 24, 0.18),
inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
filter: none !important;
}
/* Hover : ombre courte uniquement */
body.single-tour .tourmaster-content-navigation-tab:not(.tourmaster-active):not(.tourmaster-slidebar-active):hover {
box-shadow:
0 4px 10px rgba(80, 55, 20, 0.075),
inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}
body.single-tour .tourmaster-content-navigation-tab.tourmaster-active:hover,
body.single-tour .tourmaster-content-navigation-tab.tourmaster-slidebar-active:hover {
box-shadow:
0 4px 10px rgba(122, 74, 24, 0.20),
inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}
/* Sécurité : aucun pseudo-élément ne doit ajouter une plaque sous le menu */
body.single-tour .tourmaster-content-navigation-item-wrap::before,
body.single-tour .tourmaster-content-navigation-item-wrap::after,
body.single-tour .tourmaster-content-navigation-item-outer::before,
body.single-tour .tourmaster-content-navigation-item-outer::after,
body.single-tour .tourmaster-content-navigation-item-container::before,
body.single-tour .tourmaster-content-navigation-item-container::after {
display: none !important;
content: none !important;
}
/* =========================================================
5. MINI RÉSUMÉ D'INTRODUCTION
========================================================= */
body.single-tour .pacha-mini-summary {
--pacha-green: #00833b;
--pacha-green-dark: #005826;
--pacha-green-line: rgba(0, 131, 59, 0.20);
--pacha-muted: #5f6f62;
position: relative !important;
display: flex !important;
align-items: flex-start !important;
gap: 16px !important;
width: 100% !important;
box-sizing: border-box !important;
margin: 18px 0px 0PX 20px !important; /* test margin */
padding: 16px 20px 13px 20px !important;
background: linear-gradient(180deg, #f0faf4 0%, #fbfffc 100%) !important;
border: 1px solid var(--pacha-green-line) !important;
border-left: 5px solid var(--pacha-green) !important;
border-radius: 18px !important;
box-shadow: 0 8px 22px rgba(0, 83, 38, 0.07) !important;
overflow: hidden !important;
}
body.single-tour .pacha-mini-summary::after {
content: "";
position: absolute !important;
right: -55px !important;
top: -65px !important;
width: 140px !important;
height: 140px !important;
border-radius: 50% !important;
background: radial-gradient(
circle,
rgba(0, 131, 59, 0.10) 0%,
rgba(0, 131, 59, 0) 70%
) !important;
pointer-events: none !important;
z-index: 1 !important;
}
body.single-tour .pacha-mini-summary-media {
position: relative !important;
z-index: 2 !important;
flex: 0 0 auto !important;
width: 56px !important;
height: 56px !important;
border-radius: 50% !important;
padding: 4px !important;
background: #ffffff !important;
border: 1px solid rgba(0, 131, 59, 0.20) !important;
box-shadow: 0 5px 14px rgba(0, 83, 38, 0.10) !important;
}
body.single-tour .pacha-mini-summary-media img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: 50% !important;
margin: 0 !important;
}
body.single-tour .pacha-mini-summary-content {
position: relative !important;
z-index: 2 !important;
flex: 1 1 auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
color: var(--pacha-muted) !important;
font-size: 15.8px !important;
line-height: 1.55 !important;
}
body.single-tour .pacha-mini-summary-content > strong {
display: block !important;
margin: 0 0 5px 0 !important;
padding: 0 !important;
color: var(--pacha-green) !important;
font-size: 17.2px !important;
font-weight: 800 !important;
line-height: 1.35 !important;
}
body.single-tour .pacha-mini-summary-content p {
margin: 0 !important;
padding: 0 !important;
color: var(--pacha-muted) !important;
font-size: 15.8px !important;
line-height: 1.55 !important;
}
body.single-tour .pacha-mini-summary-content a {
color: var(--pacha-green-dark) !important;
text-decoration: none !important;
border-bottom: 1px dotted rgba(0, 131, 59, 0.45) !important;
}
body.single-tour .pacha-mini-summary-content a strong,
body.single-tour .pacha-mini-summary-content p a strong {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
color: inherit !important;
font-size: inherit !important;
font-weight: 800 !important;
line-height: inherit !important;
}
body.single-tour .pacha-mini-summary-content a:hover {
color: var(--pacha-green) !important;
border-bottom-color: var(--pacha-green) !important;
}
body.single-tour .pacha-mini-summary:hover {
transform: translateY(-1px) !important;
box-shadow: 0 10px 26px rgba(0, 83, 38, 0.09) !important;
transition: all 0.22s ease !important;
}
/* =========================================================
6. TITRES DE SECTION STANDARD
Structure HTML conseillée :
========================================================= */
body.single-tour .pacha-section-title {
--pacha-paper: #fff8df;
--pacha-paper-light: #fffdf3;
--pacha-gold: #f2a51a;
--pacha-green: #00833b;
--pacha-green-dark: #00692f;
--pacha-ink: #3f3a32;
--pacha-muted: #7b6f60;
--pacha-line: #e2c36d;
position: relative !important;
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 18px !important;
width: 100% !important;
box-sizing: border-box !important;
margin: 16px 0 28px 0 !important;
padding: 22px 24px !important;
background: linear-gradient(180deg, #ffffff 0%, #fffdf6 100%) !important;
border: 2px solid rgba(226, 195, 109, 0.88) !important;
border-radius: 24px !important;
box-shadow: 0 16px 34px rgba(80, 55, 20, 0.12) !important;
overflow: hidden !important;
}
body.single-tour .pacha-section-title-accent {
position: absolute !important;
left: 0 !important;
top: 18px !important;
bottom: 18px !important;
width: 7px !important;
border-radius: 0 8px 8px 0 !important;
background: linear-gradient(180deg, #00833b 0%, #00a74b 100%) !important;
}
body.single-tour .pacha-section-title::after {
content: "";
position: absolute !important;
right: -42px !important;
top: -50px !important;
width: 150px !important;
height: 150px !important;
border-radius: 50% !important;
background: radial-gradient(
circle,
rgba(242, 165, 26, 0.22) 0%,
rgba(242, 165, 26, 0) 70%
) !important;
pointer-events: none !important;
z-index: 1 !important;
}
body.single-tour .pacha-section-title::before {
content: "";
position: absolute !important;
left: 26px !important;
right: 26px !important;
bottom: 0 !important;
height: 4px !important;
background: repeating-linear-gradient(
to right,
rgba(226, 195, 109, 0.95) 0,
rgba(226, 195, 109, 0.95) 14px,
transparent 14px,
transparent 22px
) !important;
z-index: 2 !important;
}
body.single-tour .pacha-section-icon {
position: relative !important;
z-index: 3 !important;
flex: 0 0 58px !important;
width: 58px !important;
height: 58px !important;
min-width: 58px !important;
border-radius: 50% !important;
background: linear-gradient(180deg, #009341 0%, #007b37 100%) !important;
color: #ffffff !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 4px solid #fff8df !important;
box-shadow: 0 8px 18px rgba(0, 131, 59, 0.28) !important;
margin-left: 8px !important;
}
body.single-tour .pacha-section-icon i,
body.single-tour .pacha-section-icon span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
color: #ffffff !important;
font-size: 25px !important;
line-height: 1 !important;
}
body.single-tour .pacha-section-title-content {
position: relative !important;
z-index: 3 !important;
flex: 1 1 auto !important;
min-width: 0 !important;
display: flex !important;
align-items: center !important;
min-height: 58px !important;
}
body.single-tour .pacha-section-kicker {
display: inline-flex !important;
align-items: center !important;
margin-bottom: 8px !important;
padding: 6px 12px !important;
background: #00833b !important;
color: #ffffff !important;
border-radius: 999px !important;
box-shadow: 0 4px 10px rgba(0, 131, 59, 0.18) !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: 0.09em !important;
text-transform: uppercase !important;
}
body.single-tour .pacha-section-title h2 {
margin: 0 !important;
padding: 0 !important;
max-width: 100% !important;
color: var(--pacha-ink) !important;
font-size: 35px !important;
line-height: 1.12 !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
text-transform: none !important;
}
body.single-tour .pacha-section-title:hover {
transform: translateY(-2px) !important;
box-shadow: 0 20px 42px rgba(80, 55, 20, 0.16) !important;
transition: all 0.25s ease !important;
}
body.single-tour .pacha-section-back-menu {
flex: 0 0 auto !important;
align-self: center !important;
margin-left: auto !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
height: 38px !important;
min-height: 38px !important;
padding: 9px 14px !important;
background: linear-gradient(180deg, #8a541d 0%, #6b3f12 100%) !important;
border: 1px solid rgba(107, 63, 18, 0.95) !important;
border-radius: 999px !important;
color: #fffdf6 !important;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
box-shadow:
0 8px 20px rgba(122, 74, 24, 0.24),
inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
position: relative !important;
z-index: 4 !important;
transition: all 0.22s ease !important;
}
body.single-tour .pacha-section-back-menu span {
display: inline-flex !important;
align-items: center !important;
height: 18px !important;
line-height: 1 !important;
}
body.single-tour .pacha-section-back-menu i {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 50% !important;
background: rgba(255, 248, 223, 0.22) !important;
border: 1px solid rgba(255, 248, 223, 0.34) !important;
color: #fff8df !important;
font-size: 10px !important;
line-height: 18px !important;
text-align: center !important;
position: relative !important;
top: 0 !important;
transform: none !important;
}
body.single-tour .pacha-section-back-menu i::before {
display: block !important;
line-height: 1 !important;
text-align: center !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
}
body.single-tour .pacha-section-back-menu:hover {
background: linear-gradient(180deg, #9a6127 0%, #744716 100%) !important;
color: #ffffff !important;
text-decoration: none !important;
transform: translateY(-1px) !important;
}
body.single-tour .pacha-section-back-menu:hover i {
background: rgba(255, 248, 223, 0.28) !important;
color: #ffffff !important;
}
body.single-tour .pacha-section-title-summary {
margin: 10px 0 30px 0 !important;
padding: 26px 28px !important;
}
body.single-tour .pacha-section-title-summary h1 {
margin: 0 0 8px 0 !important;
padding: 0 !important;
color: #3f3a32 !important;
font-size: 38px !important;
line-height: 1.12 !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
text-transform: none !important;
}
body.single-tour .pacha-section-title-summary p {
margin: 0 !important;
padding: 0 !important;
color: #8f4aa8 !important;
font-size: 21px !important;
line-height: 1.4 !important;
font-weight: 500 !important;
}
body.single-tour .pacha-section-title-summary .pacha-section-kicker {
margin-bottom: 10px !important;
}
/* =========================================================
7. RÉSUMÉ VOYAGE
========================================================= */
section.resume-voyage {
font-size: 17px !important;
line-height: 1.68 !important;
color: #7b6f60 !important;
font-weight: 400 !important;
}
section.resume-voyage p,
section.resume-voyage span,
section.resume-voyage em,
section.resume-voyage a {
font-size: inherit !important;
line-height: inherit !important;
color: inherit !important;
}
section.resume-voyage strong {
font-size: inherit !important;
line-height: inherit !important;
color: inherit !important;
font-weight: 700 !important;
}
section.resume-voyage > div,
section.resume-voyage > div p {
font-size: inherit !important;
line-height: inherit !important;
}
section.resume-voyage h3 {
font-size: 24px !important;
line-height: 1.25 !important;
}
/* =========================================================
8. IMAGES SIMPLES DANS TEXT BOX / GOODLAYERS
========================================================= */
.gdlr-core-text-box-item-content p > img.aligncenter,
.gdlr-core-text-box-item-content p > img.size-full,
.gdlr-core-text-box-item-content p > img[class*="wp-image-"],
.gdlr-core-text-box-item-content p > img.lazy.entered.loaded,
.gdlr-core-image-item-wrap.gdlr-core-media-image img,
.gdlr-core-image-item-wrap.gdlr-core-media-image a img,
.gdlr-core-image-item-wrap.gdlr-core-image-item-style-rectangle img {
display: block !important;
width: 100% !important;
max-width: 1000px !important;
height: auto !important;
margin: 28px auto 30px auto !important;
border-radius: 22px !important;
border: 4px solid #fff8df !important;
box-shadow: 0 14px 34px rgba(80, 55, 20, 0.16) !important;
box-sizing: border-box !important;
}
.gdlr-core-image-item-wrap.gdlr-core-media-image {
display: block !important;
max-width: 1000px !important;
margin: 28px auto 30px auto !important;
box-sizing: border-box !important;
}
.gdlr-core-image-item-wrap.gdlr-core-media-image a {
display: block !important;
width: 100% !important;
text-decoration: none !important;
}
.gdlr-core-text-box-item-content p:has(> img.aligncenter),
.gdlr-core-text-box-item-content p:has(> img[class*="wp-image-"]) {
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
}
.gdlr-core-text-box-item-content p > img.aligncenter:hover,
.gdlr-core-text-box-item-content p > img[class*="wp-image-"]:hover,
.gdlr-core-image-item-wrap.gdlr-core-media-image img:hover {
transform: translateY(-2px) !important;
box-shadow: 0 18px 42px rgba(80, 55, 20, 0.20) !important;
transition: all 0.25s ease !important;
}
.pacha-mini-summary img,
.pacha-day-card img,
.pacha-impact-box img,
.tourmaster-single-sidebar img,
.tourmaster-gallery img,
.gdlr-core-gallery-item img {
border-radius: inherit !important;
border: initial !important;
box-shadow: initial !important;
}
/* =========================================================
10. BOÎTE IMPACTS POSITIFS ULTRA LIGHT
========================================================= */
body.single-tour .pacha-impact-box {
--pacha-social: #751d47;
--pacha-eco: #00843a;
--pacha-economique: #e7302a;
--pacha-genre: #d82f8a;
--pacha-ink: #3f3a32;
--pacha-muted: #7b6f60;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin: 0 0 24px 0 !important;
padding: 16px 18px !important;
background: linear-gradient(180deg, #f0faf4 0%, #fbfffc 100%) !important;
border: 1px solid rgba(0, 131, 59, 0.20) !important;
border-left: 4px solid rgba(0, 131, 59, 0.75) !important;
border-radius: 14px !important;
box-shadow: none !important;
position: relative !important;
overflow: hidden !important;
}
body.single-tour .pacha-impact-box::after {
display: none !important;
}
body.single-tour .pacha-impact-inner {
position: relative !important;
z-index: 2 !important;
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
width: 100% !important;
box-sizing: border-box !important;
}
body.single-tour .pacha-impact-icon {
flex: 0 0 auto !important;
width: 32px !important;
height: 32px !important;
border-radius: 50% !important;
background: rgba(0, 131, 59, 0.10) !important;
color: #00833b !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
border: 1px solid rgba(0, 131, 59, 0.18) !important;
position: relative !important;
z-index: 3 !important;
}
body.single-tour .pacha-impact-icon span,
body.single-tour .pacha-impact-icon i {
display: block !important;
color: #00833b !important;
font-size: 16px !important;
line-height: 1 !important;
}
body.single-tour .pacha-impact-content {
flex: 1 1 auto !important;
min-width: 0 !important;
position: relative !important;
z-index: 2 !important;
}
body.single-tour .pacha-impact-content p {
margin: 0 0 10px 0 !important;
color: var(--pacha-muted) !important;
font-size: 15px !important;
line-height: 1.55 !important;
font-weight: 400 !important;
}
body.single-tour .pacha-impact-content p strong {
color: #00833b !important;
font-size: 15.4px !important;
font-weight: 700 !important;
}
body.single-tour .pacha-impact-tags {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
}
body.single-tour .pacha-impact-tag {
display: inline-flex !important;
align-items: center !important;
padding: 4px 8px !important;
border-radius: 999px !important;
background: transparent !important;
border: 1px solid currentColor !important;
font-size: 12.2px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
body.single-tour .pacha-impact-tag.impact-social {
color: var(--pacha-social) !important;
}
body.single-tour .pacha-impact-tag.impact-eco {
color: var(--pacha-eco) !important;
}
body.single-tour .pacha-impact-tag.impact-economique {
color: var(--pacha-economique) !important;
}
body.single-tour .pacha-impact-tag.impact-genre {
color: var(--pacha-genre) !important;
}
/* =========================================================
12. GALERIE PHOTOS GOODLAYERS
========================================================= */
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid {
--pacha-paper: #fff8df;
--pacha-paper-light: #fffdf3;
--pacha-gold: #f2a51a;
--pacha-line: #e2c36d;
--pacha-brown: #6b3f12;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin: 16px 0 34px 0 !important;
padding: 22px 24px !important;
background: linear-gradient(180deg, var(--pacha-paper-light) 0%, var(--pacha-paper) 100%) !important;
border: 2px solid rgba(226, 195, 109, 0.72) !important;
border-radius: 24px !important;
box-shadow: 0 14px 34px rgba(80, 55, 20, 0.10) !important;
overflow: hidden !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-gallery-item-holder {
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-item-list.gdlr-core-gallery-column,
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-column-20 {
width: 33.3333% !important;
float: none !important;
clear: none !important;
padding: 8px !important;
margin: 0 !important;
box-sizing: border-box !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-item-list:nth-child(3n+1) {
padding-left: 0 !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-item-list:nth-child(3n) {
padding-right: 0 !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-gallery-list.gdlr-core-media-image {
position: relative !important;
width: 100% !important;
height: 100% !important;
box-sizing: border-box !important;
border-radius: 18px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 4px solid #fff8df !important;
box-shadow:
0 8px 20px rgba(80, 55, 20, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-gallery-list.gdlr-core-media-image a {
display: block !important;
width: 100% !important;
height: 100% !important;
text-decoration: none !important;
overflow: hidden !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-gallery-list.gdlr-core-media-image img {
display: block !important;
width: 100% !important;
height: 235px !important;
object-fit: cover !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 14px !important;
box-shadow: none !important;
transition: transform 0.35s ease, filter 0.35s ease !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-gallery-list.gdlr-core-media-image::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 45%,
rgba(80, 55, 20, 0.18) 100%
) !important;
opacity: 0 !important;
pointer-events: none !important;
transition: opacity 0.25s ease !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-gallery-list.gdlr-core-media-image::before {
content: "\f00e" !important;
font-family: FontAwesome !important;
position: absolute !important;
right: 12px !important;
bottom: 12px !important;
z-index: 3 !important;
width: 34px !important;
height: 34px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: rgba(255, 248, 223, 0.92) !important;
border: 1px solid rgba(226, 195, 109, 0.65) !important;
color: var(--pacha-brown) !important;
font-size: 14px !important;
line-height: 1 !important;
opacity: 0 !important;
transform: translateY(6px) !important;
transition: all 0.25s ease !important;
pointer-events: none !important;
box-shadow: 0 5px 12px rgba(80, 55, 20, 0.16) !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-gallery-list.gdlr-core-media-image:hover {
transform: translateY(-3px) !important;
border-color: rgba(226, 195, 109, 0.95) !important;
box-shadow:
0 14px 30px rgba(80, 55, 20, 0.18),
inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-gallery-list.gdlr-core-media-image:hover img {
transform: scale(1.035) !important;
filter: saturate(1.04) contrast(1.02) !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-gallery-list.gdlr-core-media-image:hover::after,
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-gallery-list.gdlr-core-media-image:hover::before {
opacity: 1 !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-gallery-list.gdlr-core-media-image:hover::before {
transform: translateY(0) !important;
}
/* =========================================================
13. LISTE IMPACTS POSITIFS
Nouveau titre de section #impacts-positifs
========================================================= */
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content {
--pacha-paper: #fff8df;
--pacha-paper-light: #fffdf3;
--pacha-line: #e2c36d;
--pacha-muted: #7b6f60;
--impact-social: #751d47;
--impact-economique: #e7302a;
--impact-eco: #00843a;
width: 100% !important;
box-sizing: border-box !important;
margin: -8px 0 32px 0 !important;
padding: 22px 24px !important;
background: linear-gradient(
180deg,
rgba(255, 253, 246, 0.94) 0%,
rgba(255, 248, 223, 0.72) 100%
) !important;
border: 1px solid rgba(226, 195, 109, 0.62) !important;
border-radius: 20px !important;
box-shadow: 0 10px 26px rgba(80, 55, 20, 0.075) !important;
color: var(--pacha-muted) !important;
font-size: 17px !important;
line-height: 1.65 !important;
position: relative !important;
overflow: hidden !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content p {
position: relative !important;
z-index: 2 !important;
margin: 0 0 14px 0 !important;
padding: 16px 18px 16px 58px !important;
background: rgba(255, 255, 255, 0.66) !important;
border: 1px solid rgba(226, 195, 109, 0.42) !important;
border-radius: 16px !important;
color: var(--pacha-muted) !important;
font-size: 17px !important;
line-height: 1.62 !important;
font-weight: 400 !important;
box-shadow: 0 5px 14px rgba(80, 55, 20, 0.045) !important;
transition: all 0.22s ease !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content p:last-child {
margin-bottom: 0 !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content p:hover {
background: #ffffff !important;
transform: translateY(-1px) !important;
box-shadow: 0 9px 22px rgba(80, 55, 20, 0.085) !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content p > i {
position: absolute !important;
left: 18px !important;
top: 18px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 50% !important;
background: rgba(242, 165, 26, 0.14) !important;
border: 1px solid rgba(226, 195, 109, 0.48) !important;
font-size: 14px !important;
line-height: 1 !important;
box-shadow: 0 3px 8px rgba(80, 55, 20, 0.07) !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content p > i::before {
display: block !important;
line-height: 1 !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content p span,
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content p strong {
font-size: inherit !important;
line-height: inherit !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content p strong {
font-weight: 800 !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content p:nth-of-type(1) {
border-left: 5px solid var(--impact-social) !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content p:nth-of-type(1) > i {
color: var(--impact-social) !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content p:nth-of-type(2) {
border-left: 5px solid var(--impact-economique) !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content p:nth-of-type(2) > i {
color: var(--impact-economique) !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content p:nth-of-type(3) {
border-left: 5px solid var(--impact-eco) !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content p:nth-of-type(3) > i {
color: var(--impact-eco) !important;
}
/* =========================================================
14. INFOS COMPLÉMENTAIRES
Inclus / Non inclus / Notes annexes
========================================================= */
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-text-box-item-content p:first-child):has(.gdlr-core-icon-list-item),
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-text-box-item-content p:first-child):has(.gdlr-core-text-box-item-content p i.fa-arrow-circle-right) {
--pacha-paper: #fff8df;
--pacha-paper-light: #fffdf3;
--pacha-gold: #f2a51a;
--pacha-line: #e2c36d;
--pacha-green: #00833b;
--pacha-brown: #6b3f12;
--pacha-brown-light: #7a4a18;
--pacha-muted: #7b6f60;
margin-bottom: 22px !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-text-box-item-content p:first-child):has(.gdlr-core-icon-list-item) .gdlr-core-pbf-column-content-margin,
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-text-box-item-content p:first-child):has(.gdlr-core-text-box-item-content p i.fa-arrow-circle-right) .gdlr-core-pbf-column-content-margin {
position: relative !important;
box-sizing: border-box !important;
margin: 0 0 22px 0 !important;
padding: 24px 26px !important;
background: linear-gradient(180deg, var(--pacha-paper-light) 0%, var(--pacha-paper) 100%) !important;
border: 1px solid rgba(226, 195, 109, 0.62) !important;
border-radius: 20px !important;
box-shadow: 0 10px 26px rgba(80, 55, 20, 0.075) !important;
overflow: hidden !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-text-box-item-content p:first-child):has(.gdlr-core-icon-list-item) .gdlr-core-pbf-background-wrap,
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-text-box-item-content p:first-child):has(.gdlr-core-text-box-item-content p i.fa-arrow-circle-right) .gdlr-core-pbf-background-wrap {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
body.single-tour .gdlr-core-pbf-column .gdlr-core-pbf-element:first-child .gdlr-core-text-box-item-content > p {
display: inline-flex !important;
align-items: baseline !important;
gap: 6px !important;
margin: 0 0 18px 0 !important;
padding: 8px 14px !important;
border-radius: 999px !important;
color: #ffffff !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
}
body.single-tour .gdlr-core-pbf-column .gdlr-core-pbf-element:first-child .gdlr-core-text-box-item-content > p em {
color: rgba(255, 255, 255, 0.88) !important;
font-size: 13px !important;
font-weight: 600 !important;
font-style: normal !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-icon-list-icon.fa-check) .gdlr-core-pbf-element:first-child .gdlr-core-text-box-item-content > p {
background: linear-gradient(180deg, #009341 0%, #007b37 100%) !important;
box-shadow: 0 5px 14px rgba(0, 131, 59, 0.18) !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-icon-list-icon.fa-close) .gdlr-core-pbf-element:first-child .gdlr-core-text-box-item-content > p,
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-text-box-item-content p i.fa-arrow-circle-right) .gdlr-core-pbf-element:first-child .gdlr-core-text-box-item-content > p {
background: linear-gradient(180deg, #8a541d 0%, #6b3f12 100%) !important;
box-shadow: 0 5px 14px rgba(122, 74, 24, 0.22) !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-icon-list-item) .gdlr-core-icon-list-item ul {
margin: 0 !important;
padding: 0 !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-icon-list-item) .gdlr-core-icon-list-item li {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
margin: 0 0 9px 0 !important;
padding: 11px 13px !important;
background: rgba(255, 255, 255, 0.66) !important;
border: 1px solid rgba(226, 195, 109, 0.42) !important;
border-radius: 13px !important;
color: var(--pacha-muted) !important;
box-shadow: none !important;
transition: all 0.22s ease !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-icon-list-item) .gdlr-core-icon-list-item li:last-child {
margin-bottom: 0 !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-icon-list-item) li.gdlr-core-skin-divider {
border-bottom: 1px solid rgba(226, 195, 109, 0.42) !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-icon-list-item) .gdlr-core-icon-list-item li:hover {
background: #ffffff !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 16px rgba(80, 55, 20, 0.07) !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-icon-list-item) .gdlr-core-icon-list-icon-wrap {
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 26px !important;
height: 26px !important;
min-width: 26px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 50% !important;
background: rgba(242, 165, 26, 0.14) !important;
border: 1px solid rgba(226, 195, 109, 0.48) !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-icon-list-item) .gdlr-core-icon-list-icon-wrap i {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
font-size: 13px !important;
line-height: 1 !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-icon-list-icon.fa-check) .gdlr-core-icon-list-icon-wrap i {
color: #00833b !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-icon-list-icon.fa-close) .gdlr-core-icon-list-icon-wrap i {
color: #8a541d !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-icon-list-item) .gdlr-core-icon-list-content-wrap {
flex: 1 1 auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 2px 0 0 0 !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-icon-list-item) .gdlr-core-icon-list-content {
color: #4f463d !important;
font-size: 17px !important;
line-height: 1.55 !important;
font-weight: 500 !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-text-box-item-content p i.fa-arrow-circle-right) .gdlr-core-text-box-item-content[style*="color: #565656"] {
color: var(--pacha-muted) !important;
font-size: 17px !important;
line-height: 1.62 !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-text-box-item-content p i.fa-arrow-circle-right) .gdlr-core-text-box-item-content[style*="color: #565656"] p {
position: relative !important;
margin: 0 0 13px 0 !important;
padding: 15px 18px 15px 54px !important;
background: rgba(255, 255, 255, 0.66) !important;
border: 1px solid rgba(226, 195, 109, 0.42) !important;
border-left: 5px solid rgba(122, 74, 24, 0.72) !important;
border-radius: 15px !important;
color: var(--pacha-muted) !important;
font-size: 17px !important;
line-height: 1.62 !important;
font-weight: 400 !important;
box-shadow: 0 5px 14px rgba(80, 55, 20, 0.045) !important;
transition: all 0.22s ease !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-text-box-item-content p i.fa-arrow-circle-right) .gdlr-core-text-box-item-content[style*="color: #565656"] p:hover {
background: #ffffff !important;
transform: translateY(-1px) !important;
box-shadow: 0 8px 20px rgba(80, 55, 20, 0.08) !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-text-box-item-content p i.fa-arrow-circle-right) .gdlr-core-text-box-item-content[style*="color: #565656"] p > i {
position: absolute !important;
left: 16px !important;
top: 17px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 26px !important;
height: 26px !important;
min-width: 26px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 50% !important;
background: rgba(242, 165, 26, 0.14) !important;
border: 1px solid rgba(226, 195, 109, 0.48) !important;
color: #7a4a18 !important;
font-size: 14px !important;
line-height: 1 !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-text-box-item-content p i.fa-arrow-circle-right):not(:has(.gdlr-core-icon-list-item)) .gdlr-core-pbf-element:first-child .gdlr-core-text-box-item-content > p {
margin: 0 0 26px 0 !important;
padding: 10px 18px !important;
background: linear-gradient(180deg, #8f5a1d 0%, #6f4311 100%) !important;
border: 1px solid rgba(226, 195, 109, 0.55) !important;
border-radius: 16px !important;
color: #fffdf6 !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
box-shadow:
0 8px 18px rgba(107, 63, 18, 0.22),
inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
position: relative !important;
z-index: 3 !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#infos-comp) .gdlr-core-pbf-column {
width: 100% !important;
box-sizing: border-box !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#infos-comp) .gdlr-core-item-pdlr {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* =========================================================
15. VOYAGES EN RELATION
Design compact avec images fixes 80x80
========================================================= */
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-item.tourmaster-tour-item-style-widget {
--pacha-paper: #fff8df;
--pacha-paper-light: #fffdf3;
--pacha-gold: #f2a51a;
--pacha-line: #e2c36d;
--pacha-green: #00833b;
--pacha-brown: #6b3f12;
--pacha-ink: #3f3a32;
--pacha-muted: #7b6f60;
width: 100% !important;
box-sizing: border-box !important;
margin: -8px 0 34px 0 !important;
padding: 22px 24px !important;
background: linear-gradient(
180deg,
rgba(255, 253, 246, 0.96) 0%,
rgba(255, 248, 223, 0.74) 100%
) !important;
border: 1px solid rgba(226, 195, 109, 0.62) !important;
border-radius: 22px !important;
box-shadow: 0 12px 30px rgba(80, 55, 20, 0.085) !important;
overflow: hidden !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-item-holder {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
width: 100% !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-item-list.tourmaster-tour-widget {
width: 100% !important;
float: none !important;
clear: none !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-widget-inner {
position: relative !important;
display: grid !important;
grid-template-columns: 80px minmax(0, 1fr) !important;
gap: 14px !important;
align-items: center !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 13px 14px !important;
background: rgba(255, 255, 255, 0.72) !important;
border: 1px solid rgba(226, 195, 109, 0.48) !important;
border-radius: 18px !important;
box-shadow: 0 6px 18px rgba(80, 55, 20, 0.07) !important;
overflow: hidden !important;
transition: all 0.24s ease !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-widget-inner:hover {
background: #ffffff !important;
transform: translateY(-2px) !important;
border-color: rgba(226, 195, 109, 0.88) !important;
box-shadow: 0 13px 30px rgba(80, 55, 20, 0.13) !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-thumbnail,
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-thumbnail.tourmaster-media-image {
grid-column: 1 !important;
display: block !important;
float: none !important;
width: 80px !important;
max-width: 80px !important;
min-width: 80px !important;
height: 80px !important;
max-height: 80px !important;
min-height: 80px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
border-radius: 14px !important;
overflow: hidden !important;
background: #fff8df !important;
border: 3px solid #fff8df !important;
box-shadow: 0 6px 14px rgba(80, 55, 20, 0.12) !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-thumbnail a {
display: block !important;
width: 80px !important;
height: 80px !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-thumbnail img,
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-thumbnail img.lazy,
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-thumbnail img.entered,
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-thumbnail img.loaded {
display: block !important;
width: 80px !important;
max-width: 80px !important;
min-width: 80px !important;
height: 80px !important;
max-height: 80px !important;
min-height: 80px !important;
object-fit: cover !important;
object-position: center center !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 11px !important;
transition: transform 0.35s ease, filter 0.35s ease !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-widget-inner:hover .tourmaster-tour-thumbnail img {
transform: scale(1.05) !important;
filter: saturate(1.05) contrast(1.02) !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-content-wrap {
grid-column: 2 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
padding: 0 !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-title {
margin: 0 0 9px 0 !important;
padding: 0 !important;
color: var(--pacha-ink) !important;
font-size: 16px !important;
line-height: 1.32 !important;
font-weight: 800 !important;
text-transform: none !important;
letter-spacing: -0.01em !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-title a {
color: var(--pacha-ink) !important;
text-decoration: none !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-title a:hover {
color: var(--pacha-brown) !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-content-info {
margin-top: 0 !important;
padding-top: 8px !important;
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
border-top: 1px dashed rgba(226, 195, 109, 0.62) !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-thumbnail-ribbon {
display: none !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-price-wrap {
flex: 0 0 auto !important;
display: flex !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-price {
display: inline-flex !important;
align-items: baseline !important;
gap: 6px !important;
padding: 7px 11px !important;
background: linear-gradient(180deg, #8a541d 0%, #6b3f12 100%) !important;
border-radius: 999px !important;
color: #fffdf6 !important;
box-shadow:
0 6px 16px rgba(122, 74, 24, 0.20),
inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-price .tourmaster-head {
color: rgba(255, 253, 246, 0.86) !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1 !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-price .tourmaster-tail {
color: #ffffff !important;
font-size: 15px !important;
font-weight: 900 !important;
line-height: 1 !important;
}
/* =========================================================
17. RESPONSIVE TABLETTE
========================================================= */
@media (max-width: 1024px) {
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-item-list.gdlr-core-gallery-column,
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-column-20 {
width: 50% !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-gallery-list.gdlr-core-media-image img {
height: 230px !important;
}
}
/* =========================================================
16. RESPONSIVE MOBILE GLOBAL
Règles mobiles qui ne dépendent pas du nombre de jours du circuit
========================================================= */
@media (max-width: 768px) {
body.single-tour .tourmaster-tour-info-outer {
padding: 16px 0 !important;
}
body.single-tour .tourmaster-tour-info-wrap {
flex-direction: row !important;
flex-wrap: nowrap !important;
margin-left: 16px !important;
margin-right: 16px !important;
gap: 9px !important;
overflow-x: auto !important;
}
body.single-tour .tourmaster-tour-info {
padding: 10px 13px !important;
font-size: 14px !important;
}
body.single-tour .tourmaster-tour-info i {
width: 23px !important;
height: 23px !important;
min-width: 23px !important;
min-height: 23px !important;
font-size: 12.5px !important;
line-height: 23px !important;
}
body.single-tour .tourmaster-content-navigation-item-wrap {
margin: 8px 0 24px 0 !important;
text-align: left !important;
}
body.single-tour .tourmaster-content-navigation-item {
display: flex !important;
width: 100% !important;
max-width: 100% !important;
padding: 11px !important;
border-radius: 18px !important;
gap: 8px !important;
}
body.single-tour .tourmaster-content-navigation-tab {
padding: 9px 12px !important;
font-size: 13px !important;
}
body.single-tour .tourmaster-content-navigation-tab i {
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
font-size: 11px !important;
line-height: 18px !important;
}
body.single-tour .pacha-mini-summary {
gap: 13px !important;
padding: 14px 16px 12px 16px !important;
border-radius: 16px !important;
margin-bottom: 10px !important;
}
body.single-tour .pacha-mini-summary-media {
width: 48px !important;
height: 48px !important;
}
body.single-tour .pacha-mini-summary-content {
font-size: 14.8px !important;
line-height: 1.52 !important;
}
body.single-tour .pacha-mini-summary-content > strong {
font-size: 16px !important;
line-height: 1.32 !important;
}
body.single-tour .pacha-section-title {
flex-wrap: wrap !important;
gap: 14px !important;
padding: 18px !important;
margin: 12px 0 22px 0 !important;
border-radius: 18px !important;
}
body.single-tour .pacha-section-title-accent {
top: 14px !important;
bottom: 14px !important;
width: 6px !important;
}
body.single-tour .pacha-section-icon {
flex: 0 0 48px !important;
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
border-width: 3px !important;
margin-left: 6px !important;
}
body.single-tour .pacha-section-icon i,
body.single-tour .pacha-section-icon span {
font-size: 20px !important;
}
body.single-tour .pacha-section-title-content {
flex: 1 1 calc(100% - 70px) !important;
min-height: 48px !important;
}
body.single-tour .pacha-section-title h2 {
font-size: 25px !important;
line-height: 1.18 !important;
}
body.single-tour .pacha-section-title::before {
left: 18px !important;
right: 18px !important;
}
body.single-tour .pacha-section-back-menu {
margin-left: auto !important;
margin-top: 4px !important;
height: 34px !important;
min-height: 34px !important;
padding: 8px 11px !important;
font-size: 12px !important;
}
body.single-tour .pacha-section-back-menu i {
width: 17px !important;
height: 17px !important;
min-width: 17px !important;
font-size: 10px !important;
line-height: 17px !important;
}
body.single-tour .pacha-section-back-menu span {
height: 17px !important;
}
body.single-tour .pacha-section-title-summary {
padding: 20px 18px !important;
margin-bottom: 24px !important;
}
body.single-tour .pacha-section-title-summary h1 {
font-size: 28px !important;
line-height: 1.15 !important;
}
body.single-tour .pacha-section-title-summary p {
font-size: 17px !important;
line-height: 1.4 !important;
}
.gdlr-core-text-box-item-content p > img.aligncenter,
.gdlr-core-text-box-item-content p > img.size-full,
.gdlr-core-text-box-item-content p > img[class*="wp-image-"],
.gdlr-core-image-item-wrap.gdlr-core-media-image img {
margin: 22px auto 24px auto !important;
border-radius: 16px !important;
border-width: 3px !important;
box-shadow: 0 10px 24px rgba(80, 55, 20, 0.14) !important;
}
.gdlr-core-image-item-wrap.gdlr-core-media-image {
margin: 22px auto 24px auto !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid {
width: 100% !important;
max-width: 100% !important;
margin: 14px 0 26px 0 !important;
padding: 14px !important;
border-radius: 18px !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-item-list.gdlr-core-gallery-column,
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-column-20 {
width: 100% !important;
padding: 7px 0 !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-gallery-list.gdlr-core-media-image img {
height: 230px !important;
border-radius: 12px !important;
}
body.single-tour .gdlr-core-gallery-item.gdlr-core-gallery-item-style-grid .gdlr-core-gallery-list.gdlr-core-media-image::before {
opacity: 1 !important;
transform: none !important;
width: 30px !important;
height: 30px !important;
font-size: 13px !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content {
padding: 16px !important;
border-radius: 18px !important;
margin: -4px 0 26px 0 !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content p {
padding: 14px 14px 14px 50px !important;
border-radius: 14px !important;
font-size: 16px !important;
line-height: 1.56 !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#impacts-positifs) .gdlr-core-text-box-item:not(.fiche-voyages-pacha) .gdlr-core-text-box-item-content p > i {
left: 14px !important;
top: 15px !important;
width: 25px !important;
height: 25px !important;
min-width: 25px !important;
font-size: 13px !important;
}
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-text-box-item-content p:first-child):has(.gdlr-core-icon-list-item) .gdlr-core-pbf-column-content-margin,
body.single-tour .gdlr-core-pbf-column:has(.gdlr-core-text-box-item-content p:first-child):has(.gdlr-core-text-box-item-content p i.fa-arrow-circle-right) .gdlr-core-pbf-column-content-margin {
padding: 18px 16px !important;
border-radius: 16px !important;
margin-bottom: 20px !important;
}
body.single-tour .gdlr-core-pbf-column .gdlr-core-pbf-element:first-child .gdlr-core-text-box-item-content > p {
display: flex !important;
width: 100% !important;
padding: 8px 12px !important;
font-size: 13px !important;
line-height: 1.25 !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-item.tourmaster-tour-item-style-widget {
padding: 16px !important;
border-radius: 18px !important;
margin-bottom: 28px !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-widget-inner {
grid-template-columns: 80px minmax(0, 1fr) !important;
gap: 12px !important;
padding: 12px !important;
border-radius: 16px !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(#voyages-relation) .tourmaster-tour-title {
font-size: 15.5px !important;
line-height: 1.3 !important;
}
#menu-interne {
scroll-margin-top: 95px !important;
}
}
/* =========================================================
19. CORRECTIFS FINAUX D’ALIGNEMENT
À CONSERVER EN DERNIER
========================================================= */
body.single-tour .gdlr-core-pbf-wrapper-container:has(.pacha-section-title),
body.single-tour .gdlr-core-pbf-section-container:has(.pacha-section-title),
body.single-tour .gdlr-core-pbf-element:has(.pacha-section-title),
body.single-tour .gdlr-core-text-box-item:has(.pacha-section-title),
body.single-tour .gdlr-core-text-box-item-content:has(.pacha-section-title) {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body.single-tour .gdlr-core-text-box-item.gdlr-core-item-pdlr:has(.pacha-section-title),
body.single-tour .gdlr-core-pbf-element:has(.pacha-section-title) .gdlr-core-item-pdlr,
body.single-tour .gdlr-core-text-box-item-content:has(.pacha-section-title) {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.single-tour .gdlr-core-pbf-column:has(.pacha-section-title) .gdlr-core-pbf-column-content-margin {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.single-tour .pacha-section-title {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
body.single-tour .gdlr-core-pbf-wrapper-container:has(.pacha-section-title) .gdlr-core-item-pdlr:has(.pacha-section-title),
body.single-tour .gdlr-core-pbf-section-container:has(.pacha-section-title) .gdlr-core-item-pdlr:has(.pacha-section-title) {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* =========================================================
PACHAMAMA - BLOC BUDGET / TARIFS
Design premium harmonisé avec la page circuit
À placer dans pachamama-circuit-global.css
========================================================= */
body.single-tour .bloc-budget-pachamama {
--pacha-paper: #fff8df;
--pacha-paper-light: #fffdf3;
--pacha-gold: #f2a51a;
--pacha-line: #e2c36d;
--pacha-green: #00833b;
--pacha-green-dark: #00692f;
--pacha-brown: #6b3f12;
--pacha-brown-light: #8a541d;
--pacha-ink: #3f3a32;
--pacha-muted: #7b6f60;
position: relative !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
margin: -8px 0 34px 0 !important;
padding: 24px 26px !important;
background: linear-gradient(
180deg,
rgba(255, 253, 246, 0.96) 0%,
rgba(255, 248, 223, 0.78) 100%
) !important;
border: 1px solid rgba(226, 195, 109, 0.64) !important;
border-left: 5px solid var(--pacha-green) !important;
border-radius: 22px !important;
color: var(--pacha-muted) !important;
font-size: 17px !important;
line-height: 1.68 !important;
box-shadow: 0 12px 30px rgba(80, 55, 20, 0.085) !important;
overflow: hidden !important;
}
/* Décor discret en haut à droite */
body.single-tour .bloc-budget-pachamama::after {
content: "" !important;
position: absolute !important;
right: -60px !important;
top: -70px !important;
width: 160px !important;
height: 160px !important;
border-radius: 50% !important;
background: radial-gradient(
circle,
rgba(242, 165, 26, 0.16) 0%,
rgba(242, 165, 26, 0) 70%
) !important;
pointer-events: none !important;
z-index: 1 !important;
}
/* Contenu interne */
body.single-tour .bloc-budget-pachamama > div {
position: relative !important;
z-index: 2 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* =========================================================
TABLEAU BUDGET
========================================================= */
body.single-tour .bloc-budget-pachamama table {
width: 100% !important;
max-width: 100% !important;
margin: 0 0 24px 0 !important;
border-collapse: separate !important;
border-spacing: 0 !important;
background: #ffffff !important;
border: 1px solid rgba(226, 195, 109, 0.58) !important;
border-radius: 18px !important;
overflow: hidden !important;
box-shadow: 0 8px 22px rgba(80, 55, 20, 0.075) !important;
}
/* En-tête */
body.single-tour .bloc-budget-pachamama table thead tr {
background: linear-gradient(180deg, #009341 0%, #007b37 100%) !important;
color: #ffffff !important;
}
body.single-tour .bloc-budget-pachamama table th {
padding: 15px 16px !important;
border: none !important;
border-right: 1px solid rgba(255, 255, 255, 0.22) !important;
color: #ffffff !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
letter-spacing: 0.02em !important;
text-transform: none !important;
}
body.single-tour .bloc-budget-pachamama table th:last-child {
border-right: none !important;
}
/* Cellules */
body.single-tour .bloc-budget-pachamama table td {
padding: 18px 16px !important;
border: none !important;
border-right: 1px solid rgba(226, 195, 109, 0.38) !important;
border-top: 1px solid rgba(226, 195, 109, 0.38) !important;
color: var(--pacha-ink) !important;
font-size: 17px !important;
line-height: 1.45 !important;
font-weight: 700 !important;
background: rgba(255, 255, 255, 0.82) !important;
}
body.single-tour .bloc-budget-pachamama table td:last-child {
border-right: none !important;
}
/* Première colonne : désignation */
body.single-tour .bloc-budget-pachamama table tbody td:first-child {
color: var(--pacha-green) !important;
font-weight: 800 !important;
}
/* Colonnes prix */
body.single-tour .bloc-budget-pachamama table tbody td:nth-child(2),
body.single-tour .bloc-budget-pachamama table tbody td:nth-child(3) {
text-align: center !important;
color: var(--pacha-brown) !important;
font-size: 18px !important;
font-weight: 900 !important;
white-space: nowrap !important;
}
/* Mise en avant du prix total */
body.single-tour .bloc-budget-pachamama table tbody td:nth-child(3) {
background: linear-gradient(180deg, #fffdf6 0%, #fff3c7 100%) !important;
}
/* Hover ligne */
body.single-tour .bloc-budget-pachamama table tbody tr:hover td {
background: #ffffff !important;
}
body.single-tour .bloc-budget-pachamama table tbody tr:hover td:nth-child(3) {
background: linear-gradient(180deg, #fff8df 0%, #ffe9a8 100%) !important;
}
/* =========================================================
TEXTE SOUS LE TABLEAU
========================================================= */
body.single-tour .bloc-budget-pachamama h3 {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin: 0 0 12px 0 !important;
padding: 0 !important;
color: var(--pacha-ink) !important;
font-size: 24px !important;
line-height: 1.25 !important;
font-weight: 800 !important;
letter-spacing: -0.01em !important;
}
/* Petite icône décorative avant "Aperçu du budget" */
body.single-tour .bloc-budget-pachamama h3::before {
content: "\f153" !important;
font-family: FontAwesome !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
border-radius: 50% !important;
background: rgba(0, 131, 59, 0.10) !important;
border: 1px solid rgba(0, 131, 59, 0.20) !important;
color: var(--pacha-green) !important;
font-size: 14px !important;
line-height: 1 !important;
}
body.single-tour .bloc-budget-pachamama p {
margin: 0 0 13px 0 !important;
color: var(--pacha-muted) !important;
font-size: 17px !important;
line-height: 1.68 !important;
font-weight: 400 !important;
}
body.single-tour .bloc-budget-pachamama p:last-child {
margin-bottom: 0 !important;
}
/* Strong dans le texte */
body.single-tour .bloc-budget-pachamama strong {
color: var(--pacha-ink) !important;
font-size: inherit !important;
line-height: inherit !important;
font-weight: 800 !important;
}
/* Dernier paragraphe : note tarifaire */
body.single-tour .bloc-budget-pachamama p:last-child {
margin-top: 16px !important;
padding: 14px 16px !important;
background: rgba(255, 255, 255, 0.66) !important;
border: 1px solid rgba(226, 195, 109, 0.48) !important;
border-left: 4px solid var(--pacha-gold) !important;
border-radius: 14px !important;
color: var(--pacha-muted) !important;
font-size: 15.5px !important;
line-height: 1.6 !important;
box-shadow: 0 5px 14px rgba(80, 55, 20, 0.045) !important;
}
/* Prix dans la note finale */
body.single-tour .bloc-budget-pachamama p:last-child strong {
color: var(--pacha-brown) !important;
}
/* =========================================================
RESPONSIVE MOBILE
========================================================= */
@media (max-width: 768px) {
body.single-tour .bloc-budget-pachamama {
margin: -4px 0 28px 0 !important;
padding: 18px 16px !important;
border-radius: 18px !important;
font-size: 16px !important;
line-height: 1.62 !important;
}
/* Tableau scrollable si l'écran est trop étroit */
body.single-tour .bloc-budget-pachamama table {
display: block !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
border-radius: 16px !important;
}
body.single-tour .bloc-budget-pachamama table thead,
body.single-tour .bloc-budget-pachamama table tbody,
body.single-tour .bloc-budget-pachamama table tr {
width: 100% !important;
}
body.single-tour .bloc-budget-pachamama table th,
body.single-tour .bloc-budget-pachamama table td {
padding: 13px 12px !important;
font-size: 14.5px !important;
white-space: nowrap !important;
}
body.single-tour .bloc-budget-pachamama table tbody td:nth-child(2),
body.single-tour .bloc-budget-pachamama table tbody td:nth-child(3) {
font-size: 15.5px !important;
}
body.single-tour .bloc-budget-pachamama h3 {
font-size: 21px !important;
line-height: 1.25 !important;
}
body.single-tour .bloc-budget-pachamama h3::before {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
font-size: 13px !important;
}
body.single-tour .bloc-budget-pachamama p {
font-size: 16px !important;
line-height: 1.62 !important;
}
body.single-tour .bloc-budget-pachamama p:last-child {
padding: 13px 14px !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
}
/* =========================================================
PACHAMAMA - BLOC SECTEUR GÉOGRAPHIQUE IMMERSIF
Version robuste anti /
WordPress
L'image occupe toute la vignette, sans bande vide en haut
========================================================= */
/* =========================================================
1. CONTENEUR GLOBAL
========================================================= */
body.single-tour .pacha-zone-hero-img {
position: relative !important;
isolation: isolate !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-height: 430px !important;
margin: 18px 0 28px 0 !important;
padding: 0 !important;
border-radius: 24px !important;
overflow: hidden !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: 1px solid rgba(226, 195, 109, 0.48) !important;
box-shadow:
0 10px 28px rgba(80, 55, 20, 0.10),
inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
box-sizing: border-box !important;
font-size: 0 !important;
line-height: 0 !important;
transition: all 0.25s ease !important;
}
/* Aucun pseudo-élément parasite */
body.single-tour .pacha-zone-hero-img::before,
body.single-tour .pacha-zone-hero-img::after {
display: none !important;
content: none !important;
}
/* =========================================================
2. WRAPPERS WORDPRESS À ANNULER
========================================================= */
/* Si WordPress injecte des
directs */
body.single-tour .pacha-zone-hero-img > br {
display: none !important;
content: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
}
/* Si WordPress injecte un
vide avant l'image */
body.single-tour .pacha-zone-hero-img > p:empty {
display: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
}
/* Si WordPress enveloppe l'image dans un premier
*/
body.single-tour .pacha-zone-hero-img > p:first-child {
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
line-height: 0 !important;
font-size: 0 !important;
}
/* Si le premier
contient l'image */
body.single-tour .pacha-zone-hero-img > p:first-child > img.pacha-zone-hero-bg {
position: absolute !important;
inset: -2px 0 -2px 0 !important;
z-index: 0 !important;
display: block !important;
width: 100% !important;
height: calc(100% + 4px) !important;
min-width: 100% !important;
min-height: calc(100% + 4px) !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
object-position: center center !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
outline: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
transform: none !important;
transition: transform 0.45s ease, filter 0.45s ease !important;
}
/* =========================================================
3. IMAGE DIRECTE ENFANT DU BLOC
========================================================= */
body.single-tour .pacha-zone-hero-img > img.pacha-zone-hero-bg {
position: absolute !important;
inset: -2px 0 -2px 0 !important;
z-index: 0 !important;
display: block !important;
width: 100% !important;
height: calc(100% + 4px) !important;
min-width: 100% !important;
min-height: calc(100% + 4px) !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
object-position: center center !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
outline: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
transform: none !important;
transition: transform 0.45s ease, filter 0.45s ease !important;
}
/* Neutralisation globale de l'image */
body.single-tour .pacha-zone-hero-img img {
margin: 0 !important;
padding: 0 !important;
border: none !important;
outline: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
/* =========================================================
4. CONTENU AU-DESSUS DE L'IMAGE
========================================================= */
body.single-tour .pacha-zone-hero-img .pacha-zone-hero-content {
position: relative !important;
z-index: 2 !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
align-items: flex-start !important;
width: 100% !important;
min-height: 430px !important;
margin: 0 !important;
padding: 28px !important;
box-sizing: border-box !important;
font-size: initial !important;
line-height: initial !important;
}
/* =========================================================
5. PASTILLE JOURS
========================================================= */
body.single-tour .pacha-zone-hero-img .pacha-zone-kicker {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
align-self: flex-start !important;
margin: 0 0 12px 0 !important;
padding: 6px 12px !important;
background: rgba(255, 248, 223, 0.18) !important;
border: 1px solid rgba(255, 248, 223, 0.35) !important;
border-radius: 999px !important;
color: #fffdf6 !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 900 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
backdrop-filter: blur(3px) !important;
-webkit-backdrop-filter: blur(3px) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16) !important;
}
/* =========================================================
6. TITRE BLANC
========================================================= */
body.single-tour .pacha-zone-hero-img h3 {
margin: 0 0 14px 0 !important;
padding: 0 !important;
color: #ffffff !important;
font-size: 40px !important;
line-height: 1.06 !important;
font-weight: 900 !important;
letter-spacing: -0.035em !important;
text-transform: none !important;
text-shadow:
0 2px 8px rgba(0, 0, 0, 0.38),
0 8px 22px rgba(0, 0, 0, 0.22) !important;
}
/* =========================================================
7. CARTOUCHE TEXTE SEMI-TRANSPARENT
========================================================= */
body.single-tour .pacha-zone-hero-img .pacha-zone-hero-text,
body.single-tour .pacha-zone-hero-text {
max-width: 680px !important;
margin: 0 !important;
padding: 16px 18px !important;
background: rgba(32, 32, 32, 0.34) !important;
border: 1px solid rgba(255, 255, 255, 0.16) !important;
border-radius: 18px !important;
backdrop-filter: blur(6px) !important;
-webkit-backdrop-filter: blur(6px) !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
box-sizing: border-box !important;
}
/* Si le texte est directement dans le div */
body.single-tour .pacha-zone-hero-img .pacha-zone-hero-text {
color: rgba(255, 255, 255, 0.96) !important;
font-size: 16.6px !important;
line-height: 1.65 !important;
font-weight: 400 !important;
text-shadow: 0 1px 6px rgba(0, 0, 0, 0.20) !important;
}
/* Si le texte est dans un
*/
body.single-tour .pacha-zone-hero-img .pacha-zone-hero-text p,
body.single-tour .pacha-zone-hero-text p {
margin: 0 !important;
padding: 0 !important;
color: rgba(255, 255, 255, 0.96) !important;
font-size: 16.6px !important;
line-height: 1.65 !important;
font-weight: 400 !important;
text-shadow: 0 1px 6px rgba(0, 0, 0, 0.20) !important;
}
body.single-tour .pacha-zone-hero-img .pacha-zone-hero-text strong,
body.single-tour .pacha-zone-hero-text strong {
color: #ffffff !important;
font-weight: 800 !important;
}
/* =========================================================
8. HOVER LÉGER
========================================================= */
body.single-tour .pacha-zone-hero-img:hover {
transform: translateY(-1px) !important;
box-shadow:
0 14px 34px rgba(80, 55, 20, 0.13),
inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}
body.single-tour .pacha-zone-hero-img:hover > img.pacha-zone-hero-bg,
body.single-tour .pacha-zone-hero-img:hover > p:first-child > img.pacha-zone-hero-bg {
transform: scale(1.025) !important;
filter: saturate(1.04) contrast(1.02) !important;
}
/* =========================================================
9. RESPONSIVE MOBILE
========================================================= */
@media (max-width: 768px) {
body.single-tour .pacha-zone-hero-img {
min-height: 400px !important;
margin: 14px 0 24px 0 !important;
border-radius: 20px !important;
}
body.single-tour .pacha-zone-hero-img > img.pacha-zone-hero-bg,
body.single-tour .pacha-zone-hero-img > p:first-child > img.pacha-zone-hero-bg {
inset: -2px 0 -2px 0 !important;
height: calc(100% + 4px) !important;
min-height: calc(100% + 4px) !important;
}
body.single-tour .pacha-zone-hero-img .pacha-zone-hero-content {
min-height: 400px !important;
padding: 22px 18px !important;
}
body.single-tour .pacha-zone-hero-img .pacha-zone-kicker {
margin-bottom: 10px !important;
padding: 5px 10px !important;
font-size: 11.5px !important;
}
body.single-tour .pacha-zone-hero-img h3 {
margin-bottom: 12px !important;
font-size: 30px !important;
line-height: 1.1 !important;
}
body.single-tour .pacha-zone-hero-img .pacha-zone-hero-text,
body.single-tour .pacha-zone-hero-text {
max-width: 100% !important;
padding: 14px !important;
border-radius: 16px !important;
background: rgba(32, 32, 32, 0.40) !important;
}
body.single-tour .pacha-zone-hero-img .pacha-zone-hero-text,
body.single-tour .pacha-zone-hero-img .pacha-zone-hero-text p,
body.single-tour .pacha-zone-hero-text p {
font-size: 15.4px !important;
line-height: 1.58 !important;
}
}