/*
 Theme Name:   Divi Child
 Theme URI:    https://eclolink.com/
 Description:  Thème enfant pour Divi
 Author:       Arthur SOTTY
 Author URI:   https://eclolink.com/
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child
*/

@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@400;500;700&display=swap');

:root {
  /* Font Size */
  --fs-head-1: clamp(3.5rem, 4vw + 1rem, 5.6rem);
  --fs-head-2: clamp(3rem, 3vw + 1rem, 4.2rem);
  --fs-head-3: clamp(2.5rem, 2.5vw + 0.8rem, 3.15rem);
  --fs-head-4: clamp(2rem, 2vw + 0.8rem, 2.36rem);
  --fs-head-5: clamp(1.6rem, 1.5vw + 0.7rem, 1.77rem);
  --fs-head-6: clamp(1.1rem, 1vw + 0.6rem, 1.33rem);

  --fs-body: clamp(0.75rem, 1rem + 1vw, 1rem);
  --fs-small: clamp(0.8rem, 0.5vw + 0.4rem, 0.9rem);
  --fs-menu: clamp(0.75rem, 1rem + 1vw, 1rem);
  --fs-menu-mobile: 1.3rem;
  --fs-submenu: clamp(0.9rem, 0.8vw + 0.5rem, 1rem);
  --fs-exz: clamp(0.9rem, 0.8vw + 0.5rem, 1rem);

  /* Font Family */
  --ff-head: 'Yanone Kaffeesatz', 'Arial Black', 'Helvetica Neue', Arial,
    sans-serif;
  --ff-exz: 'Prompt', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  --ff-body: 'Yantramanav', 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial,
    sans-serif;

  /* Couleurs */
  /* Hiver */
  --hiver-primary-300: #5bc0ed;
  --hiver-primary-700: #2384c5;
  --hiver-compl-300: #ed895b;
  --hiver-compl-700: #cf4e00;
  --hiver-analog-200: #5bedd2;
  --hiver-analog-400: #5b76ed;
  --hiver-tri-400: #895bed;
  --hiver-tri-300: #ed5bc0;

  /* Été */
  --ete-primary-500: #98c93d;
  --ete-primary-900: #39700e;
  --ete-compl-500: #6e3dc9;
  --ete-compl-900: #331da5;
  --ete-analog-700: #c9b53d;
  --ete-analog-500: #52c93d;
  --ete-tri-400: #3dc96e;
  --ete-tri-600: #3d98c9;

  /* Neutres */
  --neutral-900: #201f21;
  --neutral-700: #605e61;
  --neutral-500: #9d9b9e;
  --neutral-300: #d6d4d7;
  --neutral-200: #eeecef;
  --neutral-100: #f5f3f6;
  --neutral-50: #fbf9fc;

  body {
    background-color: var(--neutral-50);
    overflow-x: hidden;
  }

  :focus-visible {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.text-h1 h2,
.text-h1,
.text-h1 h1 {
  font-family: var(--ff-head);
  font-weight: 700;
  font-size: var(--fs-head-1);
  line-height: 1.2;
  text-transform: uppercase;
}

.text-h2,
.text-h2 h2 {
  font-family: var(--ff-head);
  font-weight: 700;
  font-size: var(--fs-head-2);
  line-height: 1.2;
}

.text-h3 p {
  font-family: var(--ff-head);
  font-weight: 700;
  font-size: var(--fs-head-3);
  line-height: 1.2;
}

.text-h4 h3,
.text-h4,
.text-h4 h4,
.text-h4 p {
  font-family: var(--ff-head);
  font-size: var(--fs-head-4);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.text-h4.text-ete h3 {
  color: var(--ete-primary-900);
}

.text-h4.text-hiver h3 {
  color: var(--hiver-primary-700);
}

.text-h5 {
  font-family: var(--ff-body);
  font-size: var(--fs-head-5);
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}

.text-p,
.text-p p,
.text-p a {
  font-family: var(--ff-body);
  font-size: var(--fs-body);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  color: var(--neutral-900);
}

.text-small {
  font-family: var(--ff-body);
  font-size: var(--fs-small);
  line-height: 1;
}

.text-p.white p {
  color: var(--neutral-50);
}

.text-p {
  strong {
    font-family: var(--ff-exz);
    font-style: normal;
    font-weight: 700;
  }

  &:not(.text-hiver) {
    strong {
      color: var(--ete-compl-500);
    }
  }

  &.text-hiver {
    strong {
      color: var(--hiver-compl-700);
    }
  }
}

.hero-section-divi-container {
  position: relative;
}

.hero-section-divi-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.4)
  );
  z-index: 1;
}

.hero-section-divi-container > * {
  position: relative;
  z-index: 2;
}

.text-hero-section {
  font-family: var(--ff-head);
  font-weight: 700;
  line-height: 0.9;
  text-transform: uppercase;

  &.text-hero-ete {
    .text-hero-1 {
      color: var(--neutral-50);
    }

    .text-hero-2 {
      color: var(--neutral-50);
    }

    .text-hero-3 {
      color: var(--neutral-50);
    }
  }

  &.text-hero-hiver {
    .text-hero-1 {
      color: var(--hiver-primary-700);
    }

    .text-hero-2 {
      color: var(--neutral-900);
    }

    .text-hero-3 {
      color: var(--neutral-900);
    }
  }

  .text-hero-1 {
    font-size: clamp(5rem, 8vw + 2rem, 8rem);
  }

  .text-hero-2 {
    font-size: clamp(5rem, 8vw + 2rem, 8rem);
  }

  .text-hero-3 {
    font-size: var(--fs-head-1);
  }
}

.text-hero-picto {
  position: relative;
  display: inline-block;
  color: transparent;
  width: var(--fs-head-1);
  height: var(--fs-head-1);
  vertical-align: middle;
}

.text-hero-picto::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: var(--fs-head-1);
  height: var(--fs-head-1);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.text-hero-ete {
  .text-hero-picto::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='85' height='93' viewBox='0 0 85 93' fill='none'%3E%3Cg clip-path='url(%23clip0_124_1249)'%3E%3Cpath d='M83.7227 14.0502C82.8681 11.6379 81.5554 9.34175 79.7777 7.41465C78.0274 5.47387 75.9215 3.95679 73.6994 2.82923C71.4705 1.69483 69.1185 0.936287 66.7323 0.485262C64.3461 0.0274029 61.9121 -0.102438 59.4986 0.0820726C57.085 0.259749 54.6783 0.744943 52.3537 1.59232C50.029 2.43287 47.9027 3.60143 45.9199 5.00918C43.9576 6.43059 42.2005 8.11168 40.6689 9.96362C39.9032 10.8862 39.2058 11.8634 38.5631 12.8679L38.0981 13.6333L37.9819 13.8178C37.9819 13.8178 37.9956 13.7905 38.0024 13.7837V13.7973L37.9819 13.8383C37.9546 13.893 37.9204 13.9477 37.8999 14.0023C37.8657 14.0707 37.8383 14.1459 37.8041 14.2142C37.77 14.2825 37.77 14.3782 37.6947 14.4124C37.6195 14.4465 37.5307 14.385 37.5238 14.3099C37.5033 14.2347 37.4691 14.1664 37.4418 14.098C37.4076 14.0297 37.3734 13.9613 37.3324 13.893L37.2367 13.7427C37.0247 13.4215 36.7991 13.114 36.5666 12.8064C35.6504 11.5832 34.6112 10.4693 33.483 9.45793C32.9224 8.9454 32.3344 8.47387 31.7327 8.01601C31.4387 7.78367 31.1174 7.57866 30.8165 7.35998C30.502 7.1413 30.1328 6.92262 29.7978 6.71077C28.4098 5.9044 26.9877 5.30303 25.5451 4.83834C22.6598 3.91579 19.6582 3.47843 16.5747 3.6356C13.5116 3.79961 10.2981 4.59232 7.46067 6.42376C6.05221 7.33264 4.75998 8.49437 3.7344 9.84061C2.70198 11.18 1.91571 12.6698 1.34822 14.1869C0.192734 17.2074 -0.0739168 20.3372 0.021804 23.2347C0.0354783 24.6834 0.192734 26.1185 0.343152 27.5468L0.678175 29.6721C0.78757 30.3828 0.972174 31.073 1.11576 31.77C0.972174 31.0593 0.78757 30.3623 0.685012 29.6379L0.349989 27.4853L0.144873 25.3121C0.0628271 24.5878 0.0833387 23.8566 0.0491527 23.1322C-0.0192192 21.6903 0.0901759 20.139 0.267943 18.6288C0.507245 17.098 0.83543 15.5536 1.43027 14.0365C2.0251 12.5263 2.83189 11.0502 3.88482 9.72444C4.93091 8.3987 6.22314 7.25747 7.63844 6.37592C10.4827 4.59916 13.6757 3.86112 16.7114 3.72444C19.7676 3.60143 22.735 4.04563 25.5861 4.98868C27.015 5.46704 28.4098 6.06157 29.7773 6.88162C30.4815 7.31214 31.09 7.729 31.678 8.18686C32.2729 8.63788 32.8472 9.11624 33.401 9.62194C34.5086 10.6265 35.5274 11.7404 36.4299 12.95C36.6555 13.2506 36.8811 13.5582 37.0862 13.8725L37.182 14.0297C37.2367 14.1254 37.2914 14.2279 37.3324 14.3304C37.3802 14.4329 37.4213 14.5422 37.4554 14.6515C37.4691 14.7746 37.5922 14.8566 37.7084 14.8156C37.8178 14.7677 37.8178 14.631 37.8725 14.5354C37.9204 14.4329 37.9614 14.3304 38.0161 14.2279C38.0503 14.1595 38.0845 14.0912 38.1255 14.0228L38.1802 13.9203L38.4127 13.5377C38.9118 12.7108 39.4587 11.9044 40.0467 11.1254C41.2159 9.56727 42.5492 8.12535 44.026 6.82695C47.0002 4.23697 50.494 2.23469 54.4185 1.18913C56.3534 0.669772 58.3294 0.348587 60.319 0.287084C62.3018 0.205079 64.2983 0.300751 66.2742 0.662938C68.2433 1.00462 70.2056 1.52399 72.0927 2.34403C73.9729 3.15724 75.8189 4.1618 77.4599 5.52854C77.1454 5.41237 76.3591 4.96134 77.5009 5.95223C74.1849 3.31442 70.3082 1.79733 66.411 1.1413C62.5069 0.485262 58.514 0.62877 54.692 1.64699C50.829 2.67205 47.3557 4.61966 44.4157 7.16863C42.9457 8.4397 41.6261 9.86795 40.457 11.4055C40.1561 11.7814 39.8826 12.1777 39.6092 12.5741C39.3288 12.9636 39.0759 13.3736 38.8229 13.7837L38.5631 14.2074L38.4674 14.3782C38.399 14.4875 38.3374 14.6037 38.2827 14.7199C38.187 14.8907 38.1118 15.0684 38.0366 15.2461L37.934 15.5058C37.9067 15.5946 37.8383 15.6766 37.7426 15.6971C37.6469 15.7176 37.5443 15.6971 37.4691 15.6356C37.3871 15.5741 37.3734 15.4648 37.3392 15.3759C37.2845 15.1846 37.2093 15.0069 37.1341 14.8292C37.0521 14.6515 36.97 14.4807 36.8743 14.3235L36.8059 14.2005L36.6076 13.8998C36.3957 13.5787 36.1632 13.2848 35.9444 12.9773C35.0214 11.7746 33.989 10.6675 32.8677 9.66294C31.7259 8.65838 30.5841 7.77683 29.1551 6.96362C27.7808 6.19141 26.3655 5.61738 24.9229 5.16636C22.0376 4.28481 19.0155 3.89528 15.9251 4.12763C12.8621 4.36681 9.6349 5.28936 6.90686 7.30531C5.55309 8.30303 4.37026 9.56043 3.44724 10.9545C2.51738 12.3486 1.8405 13.8725 1.36873 15.4101C0.479896 18.4853 0.349989 21.6356 0.56878 24.5194C0.780733 27.4579 1.3072 30.3554 2.08664 33.1709C1.93622 33.2119 1.64906 33.2871 1.49864 33.3281C3.2558 40.0046 6.25049 46.1686 9.73746 51.9021C13.2449 57.6424 17.2652 63.0069 21.4838 68.18C25.0391 72.4443 28.4235 75.7586 31.2951 78.4374C25.2374 71.2757 18.9198 63.8543 13.4159 55.5855C12.0348 53.5217 10.7289 51.3896 9.47081 49.2165C8.24695 47.0228 7.07095 44.7814 6.02486 42.4648C3.94635 37.8247 2.31226 32.8839 1.6012 27.6971C1.49864 27.0547 1.46445 26.3987 1.38924 25.7427L1.30036 24.7654L1.26617 23.7814C1.21148 22.4762 1.21148 21.1367 1.34822 19.7768L1.45078 18.7586L1.62854 17.7404C1.72427 17.057 1.94306 16.3805 2.10715 15.7039C2.53105 14.3577 3.0917 13.032 3.85747 11.7882C5.40951 9.31442 7.79569 7.32581 10.4485 6.24608C13.1014 5.15269 15.9183 4.7905 18.6326 4.89984C21.3539 5.02968 24.0204 5.58321 26.557 6.60143C27.815 7.10713 29.0799 7.77 30.2217 8.57638C31.3293 9.34859 32.3686 10.2165 33.3258 11.1664C34.283 12.1162 35.165 13.155 35.9376 14.2689C36.1701 14.6242 36.2042 14.6652 36.2863 14.8019C36.3615 14.9249 36.4435 15.0547 36.5119 15.1846C36.6555 15.4443 36.7854 15.7176 36.9016 15.991C37.0179 16.2643 37.1136 16.5513 37.2093 16.8452C37.3119 17.1459 37.7153 17.2484 37.9614 17.0775C38.0913 16.9955 38.1255 16.8383 38.1802 16.7017L38.3443 16.2916C38.4674 16.0251 38.5767 15.7449 38.7203 15.4784C38.8639 15.1777 39.0348 14.8907 39.1989 14.5969L39.7049 13.7837C39.8895 13.4762 40.1014 13.1823 40.3066 12.8816C40.1083 13.1755 39.8963 13.4693 39.7186 13.7768C39.5545 14.0502 39.3835 14.3235 39.2194 14.5969C39.0553 14.8907 38.8913 15.1914 38.7408 15.5058C38.5152 15.9568 38.3306 16.4283 38.1528 16.9135C38.0981 17.1732 37.811 17.3304 37.558 17.2689C37.4349 17.2415 37.3119 17.1732 37.2435 17.0638C37.1751 16.9545 37.1478 16.8247 37.1067 16.7085C36.9358 16.2233 36.7239 15.7518 36.4641 15.2939C36.341 15.0684 36.1906 14.8361 36.0538 14.631C35.7393 14.1664 35.3974 13.7017 35.0419 13.2643C33.6198 11.4875 31.931 9.92945 30.0508 8.64471C28.0817 7.30531 25.9211 6.42376 23.7195 5.85656C22.6187 5.56954 21.4974 5.3577 20.3693 5.23469C19.2412 5.09802 18.0993 5.05018 16.9575 5.09802C15.8157 5.13219 14.6671 5.26886 13.5321 5.50804C12.3971 5.73355 11.2758 6.09574 10.2024 6.5741C8.04183 7.51032 6.10007 9.04107 4.67793 10.9135C3.26947 12.7996 2.3738 14.9522 1.88152 17.0844C1.52599 18.7381 1.35506 20.3919 1.32771 22.0115C1.32771 22.8178 1.36189 23.5969 1.37557 24.3896C1.40292 25.1823 1.50548 25.9613 1.56701 26.7404C1.91571 29.8566 2.6131 32.8702 3.53612 35.7541C5.38216 41.5422 8.13072 46.7837 11.1391 51.6834C17.2379 61.4557 24.5605 69.8611 31.6917 78.1709C32.4506 79.073 33.2164 79.9818 33.989 80.8907C35.124 81.9158 36.1632 82.8452 37.0931 83.6789C37.3529 83.8976 37.599 84.1026 37.8315 84.3008C37.6332 84.4853 37.4281 84.6698 37.2298 84.8543C36.3683 85.6743 35.5479 86.3987 34.8095 87.0616C34.071 87.7244 33.4147 88.3326 32.8403 88.8862C31.6507 89.9591 30.7687 90.7996 30.1807 91.442C29.0047 92.7336 28.9363 93.1914 29.8935 92.9317C31.7259 92.385 37.599 89.057 44.9764 82.6402C45.0789 82.7495 45.2909 82.975 45.4003 83.0844C43.5816 84.7176 42.1184 86.0707 40.8946 87.1231C39.6844 88.1891 38.7887 89.0365 38.0913 89.6652C36.7102 90.9363 36.2931 91.524 36.3136 91.7905C36.3478 92.3304 38.146 91.606 37.4349 92.6857C41.3116 89.5969 45.0174 86.303 48.6479 82.9135C52.2853 79.5308 55.7723 75.9841 59.1499 72.3213C59.5533 71.8429 60.0524 71.2484 60.6062 70.5923C61.1395 69.9226 61.7206 69.1914 62.3018 68.4602C63.4778 67.0115 64.5786 65.5012 65.317 64.4967C66.6844 62.6994 67.9288 60.8133 69.2142 58.9613C70.4244 57.0616 71.6824 55.2028 72.8106 53.262C75.1421 49.4352 77.2411 45.4784 79.176 41.467C80.1332 39.4511 81.0836 37.4625 81.9314 35.344C82.786 33.2324 83.5586 31.032 84.1261 28.7153C85.2885 24.1162 85.4457 18.8748 83.7227 14.0433V14.0502ZM77.9248 23.1664C77.7539 26.0023 76.9334 28.9682 75.7848 31.9408C75.2036 33.4306 74.5609 34.9408 73.843 36.4511C73.1182 37.9477 72.455 39.4784 71.6619 40.9477C68.6399 46.893 65.1529 52.5992 61.3788 57.9295C54.5279 67.647 46.7267 76.0183 39.3904 82.8588C38.8981 82.1003 38.2759 81.1982 37.4828 80.1322C35.8692 78.3144 32.6352 74.6721 32.6352 74.6721C32.225 73.7563 32.8335 73.9477 33.4557 74.1664C28.2799 68.2552 23.1999 62.2894 18.6737 55.9545C14.1748 49.6265 10.1887 42.8953 7.6863 35.6926C6.90002 33.4443 6.29835 31.1481 5.85393 28.8383C5.43003 26.5285 5.24542 24.1846 5.25226 21.8816C5.30696 19.6197 5.64198 17.385 6.48979 15.4579C7.32393 13.524 8.65034 11.9112 10.3802 10.8452C12.11 9.77228 14.1748 9.17091 16.3148 9.04107C18.4549 8.89073 20.6565 9.13674 22.7418 9.72444C23.7811 10.0115 24.793 10.3873 25.7365 10.8383C26.7005 11.303 27.4868 11.8087 28.3551 12.4853C29.1961 13.1413 29.9756 13.8657 30.6866 14.6447C31.0422 15.0274 31.3772 15.4374 31.6917 15.8543C31.8558 16.0593 31.9994 16.2711 32.1498 16.483C32.225 16.5855 32.3002 16.6948 32.3686 16.8042L32.6557 17.2484L32.3617 16.7973C32.2934 16.688 32.2113 16.5787 32.1361 16.4693C31.9789 16.2506 31.8284 16.0388 31.6643 15.8269C31.343 15.4033 30.9943 15.0001 30.6251 14.6037C29.8935 13.8178 29.0936 13.0935 28.2321 12.4306L27.5757 11.9522L26.9398 11.5354L26.2698 11.1527L25.5656 10.8042C24.6015 10.36 23.5759 9.99779 22.523 9.71761C20.4172 9.17091 18.2019 8.93173 16.0687 9.12308C13.9355 9.30075 11.8843 9.90895 10.2161 11.0297C8.52044 12.1231 7.26239 13.7563 6.4556 15.6766C5.67616 17.6174 5.32747 19.8178 5.29328 22.0593C5.29328 24.3418 5.49156 26.6447 5.89495 28.9272C6.33253 31.2028 6.92053 33.4579 7.67946 35.6721C10.2229 42.8816 14.2774 49.6333 18.872 55.9887C23.4871 62.3577 28.6902 68.3577 34.0027 74.3304C34.6317 74.4875 34.7753 74.1664 32.6284 71.4124C31.1926 69.4443 27.5757 65.385 23.8016 60.7244C20.0001 56.0844 16.1986 50.7336 13.8876 46.6128C10.8041 41.0228 8.2196 35.016 7.08463 28.77C6.97523 27.991 6.83849 27.2051 6.74277 26.426C6.68123 25.6402 6.57867 24.8611 6.55132 24.0752C6.49663 22.4967 6.47612 20.9591 6.68807 19.5172C7.09146 16.6265 8.19909 14.0912 10.1545 12.5331C13.9765 9.27342 21.2103 9.6151 26.0168 12.2256C26.3177 12.3828 26.5911 12.5604 26.8578 12.7313C27.1313 12.9226 27.4458 13.1345 27.7261 13.36C28.3004 13.7905 28.8406 14.2689 29.3534 14.7677C29.8662 15.2597 30.3379 15.7928 30.7755 16.3395C31.0011 16.6128 31.1994 16.893 31.4045 17.18L31.7395 17.6857C31.972 18.0274 32.1566 18.3896 32.3481 18.7586C32.7651 19.442 33.0591 20.3372 33.3873 21.1777L33.9753 22.2575L34.1257 22.5308C34.1736 22.606 34.2351 22.647 34.283 22.7017L34.6043 23.0297L34.9257 23.3577C35.0282 23.4465 35.1171 23.4944 35.2128 23.5627C35.3906 23.6789 35.6094 23.8497 35.753 23.9181L36.2042 24.1436C36.341 24.2119 36.5393 24.2734 36.8059 24.3418C37.3324 24.4648 38.0229 24.4853 38.5699 24.3691C38.8502 24.3144 39.0553 24.2529 39.2058 24.1846L39.7186 23.9249L40.2313 23.6721L40.8604 23.0502L41.4894 22.4283C41.5441 22.3941 41.5919 22.2985 41.633 22.2028L41.7697 21.9295L42.05 21.3828C42.3646 20.6242 42.6449 19.8452 43.0072 19.196L43.8277 17.5764L43.8824 17.4807L43.9713 17.3304L44.026 17.2484L44.1354 17.0844L44.3473 16.7495C44.6277 16.2985 44.9422 15.8816 45.243 15.4579C45.8789 14.6242 46.5558 13.8315 47.2873 13.0935C48.7573 11.631 50.4051 10.3668 52.2169 9.41009C54.0425 8.43287 55.9022 7.79733 57.9328 7.44198C59.943 7.09346 62.042 7.04563 64.0932 7.29164C68.1886 7.76317 72.1337 9.50576 74.5882 12.2734C77.1112 15.0001 78.1983 19.0661 77.918 23.1527L77.9248 23.1664Z' fill='%23396F0E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_124_1249'%3E%3Crect width='85' height='93' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  }
}

.text-hero-hiver {
  .text-hero-picto::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='85' height='93' viewBox='0 0 85 93' fill='none'%3E%3Cg clip-path='url(%23clip0_124_1249)'%3E%3Cpath d='M83.7227 14.0502C82.8681 11.6379 81.5554 9.34175 79.7777 7.41465C78.0274 5.47387 75.9215 3.95679 73.6994 2.82923C71.4705 1.69483 69.1185 0.936287 66.7323 0.485262C64.3461 0.0274029 61.9121 -0.102438 59.4986 0.0820726C57.085 0.259749 54.6783 0.744943 52.3537 1.59232C50.029 2.43287 47.9027 3.60143 45.9199 5.00918C43.9576 6.43059 42.2005 8.11168 40.6689 9.96362C39.9032 10.8862 39.2058 11.8634 38.5631 12.8679L38.0981 13.6333L37.9819 13.8178C37.9819 13.8178 37.9956 13.7905 38.0024 13.7837V13.7973L37.9819 13.8383C37.9546 13.893 37.9204 13.9477 37.8999 14.0023C37.8657 14.0707 37.8383 14.1459 37.8041 14.2142C37.77 14.2825 37.77 14.3782 37.6947 14.4124C37.6195 14.4465 37.5307 14.385 37.5238 14.3099C37.5033 14.2347 37.4691 14.1664 37.4418 14.098C37.4076 14.0297 37.3734 13.9613 37.3324 13.893L37.2367 13.7427C37.0247 13.4215 36.7991 13.114 36.5666 12.8064C35.6504 11.5832 34.6112 10.4693 33.483 9.45793C32.9224 8.9454 32.3344 8.47387 31.7327 8.01601C31.4387 7.78367 31.1174 7.57866 30.8165 7.35998C30.502 7.1413 30.1328 6.92262 29.7978 6.71077C28.4098 5.9044 26.9877 5.30303 25.5451 4.83834C22.6598 3.91579 19.6582 3.47843 16.5747 3.6356C13.5116 3.79961 10.2981 4.59232 7.46067 6.42376C6.05221 7.33264 4.75998 8.49437 3.7344 9.84061C2.70198 11.18 1.91571 12.6698 1.34822 14.1869C0.192734 17.2074 -0.0739168 20.3372 0.021804 23.2347C0.0354783 24.6834 0.192734 26.1185 0.343152 27.5468L0.678175 29.6721C0.78757 30.3828 0.972174 31.073 1.11576 31.77C0.972174 31.0593 0.78757 30.3623 0.685012 29.6379L0.349989 27.4853L0.144873 25.3121C0.0628271 24.5878 0.0833387 23.8566 0.0491527 23.1322C-0.0192192 21.6903 0.0901759 20.139 0.267943 18.6288C0.507245 17.098 0.83543 15.5536 1.43027 14.0365C2.0251 12.5263 2.83189 11.0502 3.88482 9.72444C4.93091 8.3987 6.22314 7.25747 7.63844 6.37592C10.4827 4.59916 13.6757 3.86112 16.7114 3.72444C19.7676 3.60143 22.735 4.04563 25.5861 4.98868C27.015 5.46704 28.4098 6.06157 29.7773 6.88162C30.4815 7.31214 31.09 7.729 31.678 8.18686C32.2729 8.63788 32.8472 9.11624 33.401 9.62194C34.5086 10.6265 35.5274 11.7404 36.4299 12.95C36.6555 13.2506 36.8811 13.5582 37.0862 13.8725L37.182 14.0297C37.2367 14.1254 37.2914 14.2279 37.3324 14.3304C37.3802 14.4329 37.4213 14.5422 37.4554 14.6515C37.4691 14.7746 37.5922 14.8566 37.7084 14.8156C37.8178 14.7677 37.8178 14.631 37.8725 14.5354C37.9204 14.4329 37.9614 14.3304 38.0161 14.2279C38.0503 14.1595 38.0845 14.0912 38.1255 14.0228L38.1802 13.9203L38.4127 13.5377C38.9118 12.7108 39.4587 11.9044 40.0467 11.1254C41.2159 9.56727 42.5492 8.12535 44.026 6.82695C47.0002 4.23697 50.494 2.23469 54.4185 1.18913C56.3534 0.669772 58.3294 0.348587 60.319 0.287084C62.3018 0.205079 64.2983 0.300751 66.2742 0.662938C68.2433 1.00462 70.2056 1.52399 72.0927 2.34403C73.9729 3.15724 75.8189 4.1618 77.4599 5.52854C77.1454 5.41237 76.3591 4.96134 77.5009 5.95223C74.1849 3.31442 70.3082 1.79733 66.411 1.1413C62.5069 0.485262 58.514 0.62877 54.692 1.64699C50.829 2.67205 47.3557 4.61966 44.4157 7.16863C42.9457 8.4397 41.6261 9.86795 40.457 11.4055C40.1561 11.7814 39.8826 12.1777 39.6092 12.5741C39.3288 12.9636 39.0759 13.3736 38.8229 13.7837L38.5631 14.2074L38.4674 14.3782C38.399 14.4875 38.3374 14.6037 38.2827 14.7199C38.187 14.8907 38.1118 15.0684 38.0366 15.2461L37.934 15.5058C37.9067 15.5946 37.8383 15.6766 37.7426 15.6971C37.6469 15.7176 37.5443 15.6971 37.4691 15.6356C37.3871 15.5741 37.3734 15.4648 37.3392 15.3759C37.2845 15.1846 37.2093 15.0069 37.1341 14.8292C37.0521 14.6515 36.97 14.4807 36.8743 14.3235L36.8059 14.2005L36.6076 13.8998C36.3957 13.5787 36.1632 13.2848 35.9444 12.9773C35.0214 11.7746 33.989 10.6675 32.8677 9.66294C31.7259 8.65838 30.5841 7.77683 29.1551 6.96362C27.7808 6.19141 26.3655 5.61738 24.9229 5.16636C22.0376 4.28481 19.0155 3.89528 15.9251 4.12763C12.8621 4.36681 9.6349 5.28936 6.90686 7.30531C5.55309 8.30303 4.37026 9.56043 3.44724 10.9545C2.51738 12.3486 1.8405 13.8725 1.36873 15.4101C0.479896 18.4853 0.349989 21.6356 0.56878 24.5194C0.780733 27.4579 1.3072 30.3554 2.08664 33.1709C1.93622 33.2119 1.64906 33.2871 1.49864 33.3281C3.2558 40.0046 6.25049 46.1686 9.73746 51.9021C13.2449 57.6424 17.2652 63.0069 21.4838 68.18C25.0391 72.4443 28.4235 75.7586 31.2951 78.4374C25.2374 71.2757 18.9198 63.8543 13.4159 55.5855C12.0348 53.5217 10.7289 51.3896 9.47081 49.2165C8.24695 47.0228 7.07095 44.7814 6.02486 42.4648C3.94635 37.8247 2.31226 32.8839 1.6012 27.6971C1.49864 27.0547 1.46445 26.3987 1.38924 25.7427L1.30036 24.7654L1.26617 23.7814C1.21148 22.4762 1.21148 21.1367 1.34822 19.7768L1.45078 18.7586L1.62854 17.7404C1.72427 17.057 1.94306 16.3805 2.10715 15.7039C2.53105 14.3577 3.0917 13.032 3.85747 11.7882C5.40951 9.31442 7.79569 7.32581 10.4485 6.24608C13.1014 5.15269 15.9183 4.7905 18.6326 4.89984C21.3539 5.02968 24.0204 5.58321 26.557 6.60143C27.815 7.10713 29.0799 7.77 30.2217 8.57638C31.3293 9.34859 32.3686 10.2165 33.3258 11.1664C34.283 12.1162 35.165 13.155 35.9376 14.2689C36.1701 14.6242 36.2042 14.6652 36.2863 14.8019C36.3615 14.9249 36.4435 15.0547 36.5119 15.1846C36.6555 15.4443 36.7854 15.7176 36.9016 15.991C37.0179 16.2643 37.1136 16.5513 37.2093 16.8452C37.3119 17.1459 37.7153 17.2484 37.9614 17.0775C38.0913 16.9955 38.1255 16.8383 38.1802 16.7017L38.3443 16.2916C38.4674 16.0251 38.5767 15.7449 38.7203 15.4784C38.8639 15.1777 39.0348 14.8907 39.1989 14.5969L39.7049 13.7837C39.8895 13.4762 40.1014 13.1823 40.3066 12.8816C40.1083 13.1755 39.8963 13.4693 39.7186 13.7768C39.5545 14.0502 39.3835 14.3235 39.2194 14.5969C39.0553 14.8907 38.8913 15.1914 38.7408 15.5058C38.5152 15.9568 38.3306 16.4283 38.1528 16.9135C38.0981 17.1732 37.811 17.3304 37.558 17.2689C37.4349 17.2415 37.3119 17.1732 37.2435 17.0638C37.1751 16.9545 37.1478 16.8247 37.1067 16.7085C36.9358 16.2233 36.7239 15.7518 36.4641 15.2939C36.341 15.0684 36.1906 14.8361 36.0538 14.631C35.7393 14.1664 35.3974 13.7017 35.0419 13.2643C33.6198 11.4875 31.931 9.92945 30.0508 8.64471C28.0817 7.30531 25.9211 6.42376 23.7195 5.85656C22.6187 5.56954 21.4974 5.3577 20.3693 5.23469C19.2412 5.09802 18.0993 5.05018 16.9575 5.09802C15.8157 5.13219 14.6671 5.26886 13.5321 5.50804C12.3971 5.73355 11.2758 6.09574 10.2024 6.5741C8.04183 7.51032 6.10007 9.04107 4.67793 10.9135C3.26947 12.7996 2.3738 14.9522 1.88152 17.0844C1.52599 18.7381 1.35506 20.3919 1.32771 22.0115C1.32771 22.8178 1.36189 23.5969 1.37557 24.3896C1.40292 25.1823 1.50548 25.9613 1.56701 26.7404C1.91571 29.8566 2.6131 32.8702 3.53612 35.7541C5.38216 41.5422 8.13072 46.7837 11.1391 51.6834C17.2379 61.4557 24.5605 69.8611 31.6917 78.1709C32.4506 79.073 33.2164 79.9818 33.989 80.8907C35.124 81.9158 36.1632 82.8452 37.0931 83.6789C37.3529 83.8976 37.599 84.1026 37.8315 84.3008C37.6332 84.4853 37.4281 84.6698 37.2298 84.8543C36.3683 85.6743 35.5479 86.3987 34.8095 87.0616C34.071 87.7244 33.4147 88.3326 32.8403 88.8862C31.6507 89.9591 30.7687 90.7996 30.1807 91.442C29.0047 92.7336 28.9363 93.1914 29.8935 92.9317C31.7259 92.385 37.599 89.057 44.9764 82.6402C45.0789 82.7495 45.2909 82.975 45.4003 83.0844C43.5816 84.7176 42.1184 86.0707 40.8946 87.1231C39.6844 88.1891 38.7887 89.0365 38.0913 89.6652C36.7102 90.9363 36.2931 91.524 36.3136 91.7905C36.3478 92.3304 38.146 91.606 37.4349 92.6857C41.3116 89.5969 45.0174 86.303 48.6479 82.9135C52.2853 79.5308 55.7723 75.9841 59.1499 72.3213C59.5533 71.8429 60.0524 71.2484 60.6062 70.5923C61.1395 69.9226 61.7206 69.1914 62.3018 68.4602C63.4778 67.0115 64.5786 65.5012 65.317 64.4967C66.6844 62.6994 67.9288 60.8133 69.2142 58.9613C70.4244 57.0616 71.6824 55.2028 72.8106 53.262C75.1421 49.4352 77.2411 45.4784 79.176 41.467C80.1332 39.4511 81.0836 37.4625 81.9314 35.344C82.786 33.2324 83.5586 31.032 84.1261 28.7153C85.2885 24.1162 85.4457 18.8748 83.7227 14.0433V14.0502ZM77.9248 23.1664C77.7539 26.0023 76.9334 28.9682 75.7848 31.9408C75.2036 33.4306 74.5609 34.9408 73.843 36.4511C73.1182 37.9477 72.455 39.4784 71.6619 40.9477C68.6399 46.893 65.1529 52.5992 61.3788 57.9295C54.5279 67.647 46.7267 76.0183 39.3904 82.8588C38.8981 82.1003 38.2759 81.1982 37.4828 80.1322C35.8692 78.3144 32.6352 74.6721 32.6352 74.6721C32.225 73.7563 32.8335 73.9477 33.4557 74.1664C28.2799 68.2552 23.1999 62.2894 18.6737 55.9545C14.1748 49.6265 10.1887 42.8953 7.6863 35.6926C6.90002 33.4443 6.29835 31.1481 5.85393 28.8383C5.43003 26.5285 5.24542 24.1846 5.25226 21.8816C5.30696 19.6197 5.64198 17.385 6.48979 15.4579C7.32393 13.524 8.65034 11.9112 10.3802 10.8452C12.11 9.77228 14.1748 9.17091 16.3148 9.04107C18.4549 8.89073 20.6565 9.13674 22.7418 9.72444C23.7811 10.0115 24.793 10.3873 25.7365 10.8383C26.7005 11.303 27.4868 11.8087 28.3551 12.4853C29.1961 13.1413 29.9756 13.8657 30.6866 14.6447C31.0422 15.0274 31.3772 15.4374 31.6917 15.8543C31.8558 16.0593 31.9994 16.2711 32.1498 16.483C32.225 16.5855 32.3002 16.6948 32.3686 16.8042L32.6557 17.2484L32.3617 16.7973C32.2934 16.688 32.2113 16.5787 32.1361 16.4693C31.9789 16.2506 31.8284 16.0388 31.6643 15.8269C31.343 15.4033 30.9943 15.0001 30.6251 14.6037C29.8935 13.8178 29.0936 13.0935 28.2321 12.4306L27.5757 11.9522L26.9398 11.5354L26.2698 11.1527L25.5656 10.8042C24.6015 10.36 23.5759 9.99779 22.523 9.71761C20.4172 9.17091 18.2019 8.93173 16.0687 9.12308C13.9355 9.30075 11.8843 9.90895 10.2161 11.0297C8.52044 12.1231 7.26239 13.7563 6.4556 15.6766C5.67616 17.6174 5.32747 19.8178 5.29328 22.0593C5.29328 24.3418 5.49156 26.6447 5.89495 28.9272C6.33253 31.2028 6.92053 33.4579 7.67946 35.6721C10.2229 42.8816 14.2774 49.6333 18.872 55.9887C23.4871 62.3577 28.6902 68.3577 34.0027 74.3304C34.6317 74.4875 34.7753 74.1664 32.6284 71.4124C31.1926 69.4443 27.5757 65.385 23.8016 60.7244C20.0001 56.0844 16.1986 50.7336 13.8876 46.6128C10.8041 41.0228 8.2196 35.016 7.08463 28.77C6.97523 27.991 6.83849 27.2051 6.74277 26.426C6.68123 25.6402 6.57867 24.8611 6.55132 24.0752C6.49663 22.4967 6.47612 20.9591 6.68807 19.5172C7.09146 16.6265 8.19909 14.0912 10.1545 12.5331C13.9765 9.27342 21.2103 9.6151 26.0168 12.2256C26.3177 12.3828 26.5911 12.5604 26.8578 12.7313C27.1313 12.9226 27.4458 13.1345 27.7261 13.36C28.3004 13.7905 28.8406 14.2689 29.3534 14.7677C29.8662 15.2597 30.3379 15.7928 30.7755 16.3395C31.0011 16.6128 31.1994 16.893 31.4045 17.18L31.7395 17.6857C31.972 18.0274 32.1566 18.3896 32.3481 18.7586C32.7651 19.442 33.0591 20.3372 33.3873 21.1777L33.9753 22.2575L34.1257 22.5308C34.1736 22.606 34.2351 22.647 34.283 22.7017L34.6043 23.0297L34.9257 23.3577C35.0282 23.4465 35.1171 23.4944 35.2128 23.5627C35.3906 23.6789 35.6094 23.8497 35.753 23.9181L36.2042 24.1436C36.341 24.2119 36.5393 24.2734 36.8059 24.3418C37.3324 24.4648 38.0229 24.4853 38.5699 24.3691C38.8502 24.3144 39.0553 24.2529 39.2058 24.1846L39.7186 23.9249L40.2313 23.6721L40.8604 23.0502L41.4894 22.4283C41.5441 22.3941 41.5919 22.2985 41.633 22.2028L41.7697 21.9295L42.05 21.3828C42.3646 20.6242 42.6449 19.8452 43.0072 19.196L43.8277 17.5764L43.8824 17.4807L43.9713 17.3304L44.026 17.2484L44.1354 17.0844L44.3473 16.7495C44.6277 16.2985 44.9422 15.8816 45.243 15.4579C45.8789 14.6242 46.5558 13.8315 47.2873 13.0935C48.7573 11.631 50.4051 10.3668 52.2169 9.41009C54.0425 8.43287 55.9022 7.79733 57.9328 7.44198C59.943 7.09346 62.042 7.04563 64.0932 7.29164C68.1886 7.76317 72.1337 9.50576 74.5882 12.2734C77.1112 15.0001 78.1983 19.0661 77.918 23.1527L77.9248 23.1664Z' fill='%23CF4E00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_124_1249'%3E%3Crect width='85' height='93' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  }
}

.picto-hero-container {
  display: inline-flex;
  align-items: center;

  .picto-hero {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    width: 7vw;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;

    svg {
      width: 26px;
      height: 26px;
      aspect-ratio: 1/1;
      transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    }

    svg path {
      transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out,
        stroke 0.3s ease-in-out;
    }

    p {
      font-family: var(--ff-body);
      font-size: var(--fs-menu);
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      text-transform: uppercase;
      transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    }

    hr {
      width: 100%;
      height: 1px;
      border: none;
      margin: 0;
      transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    }
  }

  &.picto-hero-container-ete {
    gap: 6vw;

    .picto-hero {
      svg path {
        stroke: var(--neutral-50);
      }

      p {
        color: var(--neutral-50);
      }

      hr {
        background-color: var(--neutral-50);
      }

      &:hover {
        p {
          color: var(--ete-primary-500);
        }

        svg path {
          stroke: var(--ete-primary-500);
        }

        hr {
          background-color: var(--ete-primary-500);
        }
      }
    }
  }

  &.picto-hero-container-hiver {
    gap: 3vw;

    .picto-hero {
      svg path {
        stroke: var(--neutral-900);
      }

      p {
        color: var(--neutral-900);
      }

      hr {
        background-color: var(--neutral-900);
      }

      &:hover {
        p {
          color: var(--hiver-primary-300);
        }

        svg path {
          stroke: var(--hiver-primary-300);
        }

        hr {
          background-color: var(--hiver-primary-300);
        }
      }
    }
  }
}

.picto-hero .picto-hero .button-effect {
  padding: 30px 0px;

  h2 {
    font: {
      family: 'Droid Serif', serif;
      size: 20px;
    }
    margin-bottom: 40px;
  }

  a {
    margin-right: 17px;

    &:last-child {
      margin-right: 0px;
    }
  }
}

.main-button {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: var(--neutral-900);
  text-transform: capitalize;
  font: {
    family: var(--ff-body);
    size: var(--fs-menu);
  }
  padding: 15px 0px;
  width: 200px;
  border-radius: $border-radius;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 4px;

  &.invert {
    background: none !important;
    border: 1px solid var(--neutral-900);
    color: var(--neutral-900);
  }

  &.button-effect {
    transition: all 0.3s linear 0s;

    &:before {
      content: '\f054';
      font-family: FontAwesome;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0;
      left: 0px;
      height: 100%;
      width: 30px;
      border-radius: 0 50% 50% 0;
      transform: scale(0, 1);
      transform-origin: left center;
      transition: all 0.3s linear 0s;
    }

    &:hover {
      text-indent: 30px;

      &:before {
        transform: scale(1);
        text-indent: 0;
      }
    }
  }

  &:not(.button-hiver) {
    background-color: var(--ete-primary-500);

    &.invert-green {
      background: none;
      border: 1px solid var(--ete-primary-500);
      color: var(--ete-primary-500);
    }

    &.button-effect {
      &:before {
        background-color: var(--ete-primary-900);
      }
    }
  }

  &.button-hiver {
    background-color: var(--hiver-primary-300);

    &.invert-green {
      background: none;
      border: 1px solid var(--hiver-primary-300);
      color: var(--hiver-primary-300);
    }

    &.invert-white {
      background: none;
      border: 1px solid var(--neutral-900);
      color: var(--neutral-900);
    }

    &.button-effect {
      &:before {
        background-color: var(--hiver-primary-700);
      }
    }
  }
}

.main-button-wrapper {
  display: flex;
  gap: 2.5rem;
  flex-direction: row;
}

input[type='submit'].main-button.button-effect {
  all: unset;
  display: inline-block;
  width: 200px;
  padding: 15px 0;
  background-color: var(--ete-primary-500);
  color: var(--neutral-50);
  text-align: center;
  font-family: var(--ff-body);
  font-size: var(--fs-menu);
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s linear;
}

button.main-button.button-effect {
  all: unset;
  display: inline-block;
  width: 200px;
  padding: 15px 0;
  background-color: var(--ete-primary-500);
  color: var(--neutral-50);
  text-align: center;
  font-family: var(--ff-body);
  font-size: var(--fs-menu);
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s linear;

  &::before {
    content: '\f054';
    font-family: FontAwesome;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 30px;
    background-color: var(--ete-primary-900);
    border-radius: 0 50% 50% 0;
    transform: scale(0, 1);
    transform-origin: left center;
    transition: all 0.3s linear;
  }

  &:hover {
    text-indent: 30px;

    &::before {
      transform: scale(1);
    }
  }
}

.media-wrapper {
  position: relative;
}

.media-content-large {
  position: relative;
  height: 80vh;
  width: 100%;
  overflow: hidden;
  border-radius: 128px 16px;
}

.media-content-large img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* SVG en dehors du container avec overflow hidden */
.svg-decoration {
  position: absolute;
  top: 5.5vw;
  right: -3vw;
  width: 115%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: multiply;

  &:not(.svg-decoration-hiver) {
    background-image: url("data:image/svg+xml,%3Csvg width='586' height='514' viewBox='0 0 586 514' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:plus-darker'%3E%3Cpath d='M554.234 51.5546C572.917 70.8423 589.41 96.1356 584.681 116.347C579.953 136.559 554.003 151.689 527.361 164.047C500.719 176.405 473.27 185.76 459.431 175.827C445.591 165.779 445.245 136.328 439.939 109.071C434.634 81.9298 424.37 56.9829 432.558 40.0051C440.631 23.0274 467.273 14.1343 490.916 16.3287C514.675 18.6386 535.55 32.1515 554.234 51.5546Z' fill='%2398C93D'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-darker'%3E%3Cpath d='M552.757 13.033C550.743 14.0709 548.287 14.7908 546.739 13.9326C545.191 13.0744 544.552 10.6381 544.155 8.21221C543.759 5.7863 543.628 3.36704 544.763 2.49491C545.908 1.62551 548.331 2.29676 550.689 2.51895C553.037 2.7384 555.321 2.50879 556.523 3.56719C557.728 4.61636 557.84 6.96004 557.113 8.80055C556.373 10.6475 554.781 11.9979 552.757 13.033Z' fill='%2398C93D'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-darker'%3E%3Cpath d='M570.629 159.115C574.16 164.205 572.086 173.099 569.396 180.65C566.65 188.201 563.288 194.354 556.395 200.507C549.447 206.716 538.967 212.98 531.234 210.407C523.501 207.834 518.625 196.535 514.702 183.726C510.836 170.973 507.978 156.71 513.862 151.172C519.69 145.579 534.204 148.655 546.028 150.781C557.908 152.906 567.099 154.081 570.629 159.115Z' fill='%236E3DC9'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-darker' clip-path='url(%23clip0_9974_12629)'%3E%3Cpath d='M115.842 401.38C130.442 421.38 144.642 439.98 142.042 456.08C139.442 472.28 120.042 485.88 98.4419 497.38C76.7419 508.78 52.7419 517.88 36.4419 510.28C20.2419 502.78 11.7419 478.48 5.84186 453.38C-0.0581365 428.28 -3.25814 402.38 8.14186 383.18C19.4419 363.98 45.4419 351.48 65.8419 355.88C86.3419 360.18 101.242 381.48 115.842 401.38Z' fill='%236E3DC9'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-darker' clip-path='url(%23clip1_9974_12629)'%3E%3Cpath d='M14.5545 341.976C13.7913 344.059 13.1124 346.043 11.7844 346.637C10.4489 347.236 8.47175 346.44 6.54157 345.375C4.61387 344.298 2.74307 342.934 2.49852 341.331C2.25151 339.741 3.6382 337.908 5.21373 336.231C6.78926 334.554 8.55859 333.041 10.555 332.959C12.5463 332.869 14.7697 334.217 15.4564 335.972C16.1555 337.729 15.3103 339.899 14.5545 341.976Z' fill='%236E3DC9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9974_12629'%3E%3Crect width='141.85' height='158.08' fill='white' transform='translate(0.5 355)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_9974_12629'%3E%3Crect width='12.8153' height='14.0968' fill='white' transform='translate(12.2734 331) rotate(56.6106)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  }

  &.svg-decoration-hiver {
    background-image: url("data:image/svg+xml,%3Csvg width='586' height='514' viewBox='0 0 586 514' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:plus-darker'%3E%3Cpath d='M554.236 51.5546C572.919 70.8423 589.412 96.1356 584.683 116.347C579.955 136.559 554.005 151.689 527.363 164.047C500.721 176.405 473.272 185.76 459.433 175.827C445.593 165.779 445.247 136.328 439.941 109.071C434.636 81.9298 424.372 56.9829 432.56 40.0051C440.633 23.0274 467.275 14.1343 490.918 16.3287C514.677 18.6386 535.552 32.1515 554.236 51.5546Z' fill='%235BBFED'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-darker'%3E%3Cpath d='M552.759 13.033C550.745 14.0709 548.289 14.7908 546.741 13.9326C545.193 13.0744 544.554 10.6381 544.157 8.21221C543.761 5.7863 543.63 3.36704 544.765 2.4949C545.91 1.62551 548.333 2.29676 550.691 2.51895C553.039 2.7384 555.323 2.50879 556.525 3.56719C557.73 4.61636 557.842 6.96004 557.115 8.80055C556.375 10.6475 554.783 11.9979 552.759 13.033Z' fill='%235BBFED'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-darker'%3E%3Cpath d='M570.631 159.115C574.162 164.205 572.088 173.099 569.398 180.65C566.652 188.201 563.29 194.354 556.397 200.507C549.448 206.716 538.969 212.98 531.236 210.407C523.502 207.834 518.627 196.535 514.704 183.726C510.838 170.973 507.98 156.71 513.864 151.172C519.692 145.579 534.206 148.655 546.03 150.781C557.91 152.906 567.101 154.081 570.631 159.115Z' fill='%23ED895B'/%3E%3C/g%3E%3Cpath d='M115.842 401.38C130.442 421.38 144.642 439.98 142.042 456.08C139.442 472.28 120.042 485.88 98.4419 497.38C76.7419 508.78 52.7419 517.88 36.4419 510.28C20.2419 502.78 11.7419 478.48 5.84186 453.38C-0.0581365 428.28 -3.25814 402.38 8.14186 383.18C19.4419 363.98 45.4419 351.48 65.8419 355.88C86.3419 360.18 101.242 381.48 115.842 401.38Z' fill='%23ED895B'/%3E%3Cpath d='M14.5534 341.976C13.7902 344.059 13.1113 346.043 11.7833 346.637C10.4478 347.236 8.47064 346.44 6.54047 345.375C4.61276 344.298 2.74196 342.934 2.49742 341.331C2.2504 339.741 3.6371 337.908 5.21262 336.231C6.78815 334.554 8.55748 333.042 10.5538 332.959C12.5452 332.869 14.7686 334.217 15.4553 335.972C16.1543 337.729 15.3092 339.899 14.5534 341.976Z' fill='%23ED895B'/%3E%3C/svg%3E");
  }
}

.svg-decoration-2 {
  position: absolute;
  top: 3vw;
  right: 10vw;
  width: 135%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: multiply;

  &:not(.svg-decoration-hiver) {
    background-image: url("data:image/svg+xml,%3Csvg width='226' height='883' viewBox='0 0 226 883' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:plus-darker'%3E%3Cpath d='M105.02 46.5517C131.729 43.7763 161.807 46.4345 174.779 62.6397C187.75 78.8449 183.615 108.597 176.873 137.181C170.13 165.765 160.528 193.129 144.168 197.875C127.716 202.55 104.344 184.626 79.6337 171.958C55.0142 159.362 29.0562 152.021 20.7652 135.093C12.403 118.255 21.8697 91.8121 38.2022 74.5767C54.6968 57.322 78.2192 49.2558 105.02 46.5517Z' fill='%2398C93D'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-darker'%3E%3Cpath d='M73.816 23.9136C73.3876 26.1388 72.4362 28.5149 70.8051 29.2018C69.1741 29.8887 66.8633 28.8864 64.711 27.6991C62.5587 26.5118 60.5753 25.1204 60.5908 23.689C60.6143 22.2518 62.6391 20.7613 64.2706 19.0444C65.8941 17.3333 67.1243 15.3959 68.6995 15.1042C70.269 14.8048 72.1811 16.1647 73.1788 17.8739C74.174 19.5968 74.2525 21.6826 73.816 23.9136Z' fill='%2398C93D'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-darker' clip-path='url(%23clip0_9995_12692)'%3E%3Cpath d='M72.6703 830.056C52.7622 815.331 33.654 801.823 31.3255 785.681C28.9671 769.444 43.4183 750.67 60.5963 733.242C77.8997 715.88 98.0851 700.026 115.911 702.409C133.612 704.727 148.983 725.378 162.112 747.569C175.241 769.76 186.033 793.522 180.889 815.25C175.841 836.949 154.763 856.646 133.98 858.541C113.131 860.562 92.5486 844.686 72.6703 830.056Z' fill='%236E3DC9'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-darker' clip-path='url(%23clip1_9995_12692)'%3E%3Cpath d='M187.079 856.488C187.185 854.272 187.24 852.176 188.33 851.212C189.426 850.242 191.55 850.411 193.711 850.851C195.872 851.303 198.065 852.046 198.777 853.502C199.488 854.946 198.712 857.11 197.71 859.181C196.707 861.252 195.47 863.224 193.59 863.899C191.716 864.579 189.192 863.957 188.012 862.488C186.82 861.019 186.978 858.697 187.079 856.488Z' fill='%236E3DC9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9995_12692'%3E%3Crect width='141.85' height='158.08' fill='white' transform='translate(196.598 839.861) rotate(162.618)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_9995_12692'%3E%3Crect width='12.8153' height='14.0968' fill='white' transform='translate(192.535 866.281) rotate(-140.772)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  }

  &.svg-decoration-hiver {
    background-image: url("data:image/svg+xml,%3Csvg width='226' height='865' viewBox='0 0 226 865' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:plus-darker'%3E%3Cpath d='M105.02 46.5517C131.729 43.7763 161.807 46.4345 174.779 62.6397C187.75 78.8449 183.615 108.597 176.873 137.181C170.13 165.765 160.528 193.129 144.168 197.875C127.716 202.55 104.344 184.626 79.6337 171.958C55.0142 159.362 29.0562 152.021 20.7652 135.093C12.403 118.255 21.8697 91.8121 38.2022 74.5767C54.6968 57.322 78.2192 49.2558 105.02 46.5517Z' fill='%235BBFED'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-darker'%3E%3Cpath d='M73.8167 23.9136C73.3883 26.1388 72.4369 28.5149 70.8059 29.2018C69.1748 29.8887 66.864 28.8864 64.7117 27.6991C62.5594 26.5118 60.576 25.1204 60.5915 23.689C60.615 22.2518 62.6398 20.7613 64.2713 19.0444C65.8948 17.3333 67.125 15.3959 68.7002 15.1042C70.2698 14.8048 72.1819 16.1647 73.1795 17.8739C74.1748 19.5968 74.2532 21.6826 73.8167 23.9136Z' fill='%235BBFED'/%3E%3C/g%3E%3Cpath d='M72.6691 830.056C52.761 815.331 33.6528 801.823 31.3243 785.681C28.9659 769.444 43.4171 750.67 60.5951 733.242C77.8985 715.88 98.0839 700.025 115.91 702.409C133.611 704.727 148.982 725.378 162.111 747.569C175.24 769.76 186.031 793.521 180.888 815.25C175.84 836.949 154.761 856.646 133.979 858.541C113.13 860.562 92.5474 844.686 72.6691 830.056Z' fill='%23ED895B'/%3E%3Cpath d='M187.078 856.488C187.185 854.272 187.24 852.176 188.33 851.212C189.425 850.242 191.55 850.411 193.71 850.85C195.872 851.303 198.065 852.045 198.777 853.502C199.487 854.945 198.712 857.11 197.709 859.181C196.707 861.251 195.47 863.223 193.589 863.898C191.716 864.579 189.191 863.957 188.012 862.488C186.819 861.019 186.978 858.697 187.078 856.488Z' fill='%23ED895B'/%3E%3C/svg%3E");
  }
}

.svg-decoration-3 {
  position: absolute;
  top: 0vw;
  right: -5vw;
  width: 135%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: multiply;

  &:not(.svg-decoration-hiver) {
    background-image: url("data:image/svg+xml,%3Csvg width='561' height='665' viewBox='0 0 561 665' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:plus-darker'%3E%3Cpath d='M68.8978 35.95C87.2771 32.6454 108.273 32.935 118.106 43.503C127.939 54.0711 126.608 74.9176 123.409 95.0886C120.21 115.26 114.965 134.732 103.864 138.869C92.6964 142.96 75.5623 131.738 57.7715 124.23C40.0474 116.766 21.6666 113.016 15.0424 101.705C8.37343 90.4602 13.5724 71.633 24.0085 58.8367C34.5559 46.0186 50.4518 39.2097 68.8978 35.95Z' fill='%2398C93D'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-darker'%3E%3Cpath d='M57.3928 9.91644C57.1308 12.1673 56.3586 14.6076 54.7831 15.4137C53.2076 16.2199 50.8287 15.392 48.5941 14.3679C46.3596 13.3438 44.2783 12.1035 44.1875 10.6749C44.1041 9.24 46.0126 7.60312 47.5121 5.76979C49.004 3.9428 50.0869 1.91936 51.636 1.51151C53.179 1.0963 55.1868 2.31036 56.3087 3.94082C57.4292 5.58497 57.6623 7.65921 57.3928 9.91644Z' fill='%2398C93D'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-darker'%3E%3Cpath d='M90.5127 187.732C85.6666 191.59 76.6556 190.108 68.9434 187.922C61.2276 185.68 54.8663 182.731 48.2722 176.259C41.6186 169.735 34.6762 159.692 36.7334 151.806C38.7906 143.92 49.7431 138.309 62.2654 133.55C74.7356 128.851 88.7793 125.058 94.693 130.564C100.659 136.01 98.5466 150.696 97.2058 162.634C95.8687 174.629 95.3029 183.877 90.5127 187.732Z' fill='%236E3DC9'/%3E%3C/g%3E%3Cpath d='M457.366 625.759C434.868 615.416 413.401 606.1 407.822 590.775C402.193 575.364 412.5 554.031 425.752 533.459C439.14 512.926 455.657 493.279 473.594 491.968C491.395 490.617 510.664 507.689 528.053 526.727C545.442 545.765 560.863 566.818 560.271 589.139C559.767 611.412 543.161 635.002 523.204 641.107C503.21 647.348 479.816 636.015 457.366 625.759Z' fill='%236E3DC9'/%3E%3Cpath d='M499.889 659.977C499.126 662.059 498.447 664.043 497.119 664.637C495.784 665.236 493.807 664.44 491.876 663.375C489.949 662.298 488.078 660.934 487.833 659.332C487.586 657.741 488.973 655.908 490.549 654.231C492.124 652.554 493.893 651.042 495.89 650.959C497.881 650.869 500.105 652.217 500.791 653.972C501.49 655.729 500.645 657.899 499.889 659.977Z' fill='%236E3DC9'/%3E%3C/svg%3E");
  }

  &.svg-decoration-hiver {
    background-image: url("data:image/svg+xml,%3Csvg width='561' height='665' viewBox='0 0 561 665' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:plus-darker'%3E%3Cpath d='M68.8978 35.9499C87.2771 32.6454 108.273 32.935 118.106 43.503C127.939 54.0711 126.608 74.9176 123.409 95.0886C120.21 115.26 114.965 134.732 103.864 138.869C92.6964 142.96 75.5623 131.738 57.7715 124.23C40.0474 116.766 21.6666 113.016 15.0424 101.705C8.37343 90.4602 13.5724 71.633 24.0085 58.8367C34.5559 46.0186 50.4518 39.2097 68.8978 35.9499Z' fill='%235BBFED'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-darker'%3E%3Cpath d='M57.3943 9.91644C57.1323 12.1673 56.3601 14.6076 54.7846 15.4137C53.209 16.2199 50.8302 15.392 48.5956 14.3679C46.3611 13.3438 44.2798 12.1035 44.1889 10.6749C44.1056 9.24 46.0141 7.60312 47.5135 5.76979C49.0054 3.9428 50.0883 1.91936 51.6375 1.51151C53.1804 1.09629 55.1883 2.31036 56.3101 3.94082C57.4306 5.58497 57.6638 7.65921 57.3943 9.91644Z' fill='%235BBFED'/%3E%3C/g%3E%3Cg style='mix-blend-mode:plus-darker'%3E%3Cpath d='M90.5127 187.732C85.6666 191.59 76.6556 190.108 68.9434 187.922C61.2276 185.68 54.8663 182.731 48.2722 176.259C41.6186 169.735 34.6762 159.692 36.7334 151.806C38.7906 143.92 49.7431 138.309 62.2654 133.55C74.7356 128.851 88.7793 125.058 94.693 130.564C100.659 136.01 98.5466 150.696 97.2058 162.634C95.8687 174.629 95.3029 183.877 90.5127 187.732Z' fill='%23ED895B'/%3E%3C/g%3E%3Cpath d='M457.364 625.759C434.865 615.416 413.399 606.1 407.819 590.775C402.191 575.364 412.498 554.031 425.75 533.459C439.138 512.926 455.655 493.279 473.592 491.968C491.392 490.617 510.661 507.689 528.05 526.727C545.439 545.765 560.861 566.818 560.269 589.139C559.764 611.412 543.158 635.002 523.202 641.107C503.207 647.348 479.813 636.015 457.364 625.759Z' fill='%23ED895B'/%3E%3Cpath d='M499.891 659.977C499.128 662.059 498.449 664.043 497.121 664.637C495.785 665.236 493.808 664.44 491.878 663.375C489.95 662.298 488.079 660.934 487.835 659.332C487.588 657.741 488.974 655.908 490.55 654.231C492.126 652.554 493.895 651.042 495.891 650.959C497.883 650.869 500.106 652.217 500.793 653.972C501.492 655.729 500.647 657.899 499.891 659.977Z' fill='%23ED895B'/%3E%3C/svg%3E");
  }
}

.svg-decoration svg,
.svg-decoration-2 svg,
.svg-decoration-3 svg {
  mix-blend-mode: multiply;
}

/* Supprimer l'ancien ::after */
.media-content-large::after {
  display: none;
}

.carrousel-activite-container {
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
  align-items: center;
  overflow: visible;
  width: 100%;
}

.card-activite-container {
  display: flex;
  direction: row;
  gap: 1.5rem;
  height: 35vh;
  border-radius: 16px;
  background-color: var(--neutral-50);
  width: 50vw;
}

.card-activite-img img {
  width: 20vw;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0px 500px 500px 0px;
}

.card-activite-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
  padding: 1rem;
}

.card-activite-tag {
  display: flex;
  justify-content: flex-end;
}

.activite-swiper {
  .card-activite-tag p {
    color: var(--neutral-50);
    padding: 5px 30px !important;
    width: fit-content;
    line-height: 1;
    font-family: var(--ff-body);
    font-size: var(--fs-small);
    text-transform: uppercase;
    border-radius: 50px;
  }

  &.carousel-ete-swiper .card-activite-tag p {
    background-color: var(--ete-compl-500);
  }

  &.carousel-hiver-swiper .card-activite-tag p {
    background-color: var(--hiver-compl-700);
  }
}

.card-activite-main-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.card-activite-title {
  text-transform: uppercase;
  color: var(--neutral-900);
  line-height: 1 !important;
  padding: 0 !important;
}

/* === SWIPER FIX === */
.activite-swiper {
  width: 100% !important;
  height: auto !important;
  overflow: hidden !important;
}

.activite-swiper .swiper-wrapper {
  display: flex !important;
  transition-property: transform !important;
}

.activite-swiper .swiper-slide {
  flex-shrink: 0 !important;
  width: auto !important;
  height: auto !important;
  position: relative !important;
}

/* Empêcher les conflits Divi */
.activite-swiper .swiper-slide {
  float: none !important;
  display: block !important;
}

/* === SWIPER AUTO-CENTRÉ === */
.activite-swiper {
  width: 100%;
  padding: 40px 0;
  overflow: visible;
}

.activite-swiper .swiper-wrapper {
  align-items: center;
}

/* IMPORTANT : Définir une largeur fixe pour les slides */
.activite-swiper .swiper-slide {
  width: 400px; /* Largeur fixe - comme dans la démo */
  opacity: 0.6;
  transform: scale(0.9);
  transition: all 0.3s ease;
}

.activite-swiper .swiper-slide-active {
  opacity: 1 !important;
  transform: scale(1) !important;
  z-index: 2;
}

.card-activite-tag {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.activite-swiper {
  .card-activite-tag-item {
    padding: 5px 30px !important;
    color: var(--neutral-50);
    font-weight: 700;
    font-style: normal;
    border-radius: 50px;
    margin-bottom: 10px;
  }

  &.carousel-hiver-swiper .card-activite-tag-item:first-child {
    background-color: var(--hiver-compl-700);
  }

  &.carousel-hiver-swiper .card-activite-tag-item:nth-child(2) {
    background-color: var(--hiver-compl-300);
  }

  &.carousel-ete-swiper .card-activite-tag-item:first-child {
    background-color: var(--ete-compl-500);
  }

  &.carousel-ete-swiper .card-activite-tag-item:nth-child(2) {
    background-color: var(--ete-tri-600);
  }
}

/* Assurer que vos cartes respectent la largeur du slide */
.card-activite-container {
  width: 100%; /* Prend toute la largeur du slide */
  height: 300px; /* Hauteur fixe */
  background: white;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.card-activite-container-mobile {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  height: 350px;
  border-radius: 16px;
  background-color: var(--neutral-50);
}

.card-activite-img-mobile {
  height: 50%;
  width: auto;
  border-radius: 16px 16px 0 0;
}

.card-activite-img-mobile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 16px 16px 0 0;
}

.card-activite-content-mobile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  gap: 1rem;
}

.carousel-3d-swiper {
  position: relative;
  width: 100%;
  height: 80vh;
  overflow: hidden;
}

.carousel-3d-swiper .swiper-wrapper {
  width: 100%;
  border-top: 1px solid var(--neutral-50);
}

.carousel-3d-swiper .swiper-slide {
  height: 100%;
}

.carousel-3d-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.carousel-3d-image-container {
  height: 100%;
  width: 100%;
  position: relative;
}

.carousel-3d-swiper-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10; /* Au-dessus des slides */
  pointer-events: none; /* Permet les interactions avec le swiper en dessous */
}

.carousel-3d-swiper-bottom {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  z-index: 10; /* Au-dessus des slides */
  pointer-events: none; /* Permet les interactions avec le swiper en dessous */
  transform: rotate(
    180deg
  ); /* Retourne le SVG pour qu'il soit orienté vers le bas */
}

/* SVG responsive */
.carousel-3d-swiper-top svg,
.carousel-3d-swiper-bottom svg {
  width: 100%;
  height: auto;
  display: block;
}

/* Pagination au-dessus des SVG */
.carousel-3d-swiper .swiper-pagination {
  position: absolute;
  bottom: 40px;
  z-index: 11; /* Au-dessus de tout */
}

.carousel-3d-swiper .swiper-pagination-bullet {
  background: var(--neutral-50);

  opacity: 1;
}

.carousel-3d-swiper {
  &.carousel-ete-swiper {
    .swiper-pagination-bullet-active {
      background: var(--ete-primary-500);
    }

    .swiper-pagination-bullet {
      border: 1px solid var(--ete-primary-500);
    }
  }

  &.carousel-hiver-swiper {
    .swiper-pagination-bullet-active {
      background: var(--hiver-primary-700);
    }

    .swiper-pagination-bullet {
      border: 1px solid var(--hiver-primary-700);
    }
  }
}

/* Pagination */
.activite-swiper .swiper-pagination {
  position: relative;
  margin-top: 40px;
}

.activite-swiper .swiper-pagination-bullet {
  background: var(--neutral-300);
  opacity: 1;
}

.carousel-ete-swiper .swiper-pagination-bullet-active {
  background: var(--ete-primary-900);
}

.carousel-hiver-swiper .swiper-pagination-bullet-active {
  background: var(--hiver-primary-700);
}

.review-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 3vw 2.5vw;
  height: 45vh;
  min-height: fit-content;
  justify-content: center;
  align-items: flex-start;
  border-radius: 8px;
  background: var(--neutral-100);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  width: 100%;
}

.review-top-container {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  justify-content: flex-start;
  align-items: left;
}

.review-card-title p {
  color: var(--neutral-900);
  font-family: var(--ff-body);
  font-size: var(--fs-body);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.review-card-rating {
  width: fit-content;
  height: auto;
}

.review-card-rating svg {
  width: 1rem;
  height: auto;
}

.review-swiper {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.review-swiper .swiper-pagination {
  position: relative;
  margin-top: 40px;
}

.review-swiper {
  .swiper-pagination-bullet {
    background: var(--neutral-300);
    opacity: 1;
  }

  &.review-swiper-ete .swiper-pagination-bullet-active {
    background: var(--ete-primary-500);
  }

  &.review-swiper-hiver .swiper-pagination-bullet-active {
    background: var(--hiver-primary-300);
  }
}

/* Style commun a toutes les pages */
.header-section-divi-container {
  &::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-blend-mode: multiply, normal;
  }

  &:not(.header-hiver)::before {
    background: linear-gradient(
      0deg,
      rgba(57, 111, 14, 0.7) 0%,
      rgba(57, 111, 14, 0.7) 100%
    );
  }

  &.header-hiver::before {
    background: linear-gradient(
      0deg,
      rgba(35, 132, 197, 0.7) 0%,
      rgba(35, 132, 197, 0.7) 100%
    );
  }
}

.header-nav-content-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 8px 32px;
  border-radius: 50px;
  width: fit-content;
  margin: 0 auto;
  color: var(--neutral-900);

  &.header-nav-content-container-hiver {
    background-color: var(--hiver-compl-300);
  }

  &.header-nav-content-container-ete {
    background-color: var(--ete-compl-500);
  }

  a {
    color: var(--neutral-50);
    padding: 3px 0px 0px 0px !important;
    line-height: var(--fs-body) !important;
    font-weight: 700;
    text-transform: uppercase;

    &:hover {
      text-decoration: underline;
      text-underline-offset: 4px;
      text-decoration-thickness: 2px;
      text-decoration-color: var(--neutral-50);
      transition: all 0.3s ease;
    }
  }

  p {
    color: var(--neutral-50);
    padding: 0px !important;
    line-height: 1 !important;
  }
}

/* Calendrier */
#calendar-ouverture-ete .custom-date,
#calendar-ouverture-ete-mobile .custom-date,
#calendar-ouverture-hiver .custom-date,
#calendar-ouverture-hiver-mobile .custom-date,
#calendar-ouverture-full .custom-date,
#calendar-ouverture-full-mobile .custom-date {
  background-color: var(--neutral-50);
  width: 70%;
  color: var(--neutral-900);
  .custom-date-btn {
    background-color: var(--neutral-50);
    color: var(--neutral-900);
    pointer-events: none;
    cursor: default;
  }
}

#calendar-ouverture-ete .custom-date[data-vc-date-selected] .custom-date-btn,
#calendar-ouverture-ete-mobile
  .custom-date[data-vc-date-selected]
  .custom-date-btn {
  background-color: var(--ete-compl-500);
  color: var(--neutral-50);
  border-radius: 8px;
}

#calendar-ouverture-hiver .custom-date[data-vc-date-selected] .custom-date-btn,
#calendar-ouverture-hiver-mobile
  .custom-date[data-vc-date-selected]
  .custom-date-btn {
  background-color: var(--hiver-compl-700);
  color: var(--neutral-50);
  border-radius: 8px;
}

#calendar-ouverture-ete .custom-date[data-vc-date-today] .custom-date-btn,
#calendar-ouverture-ete-mobile,
#calendar-ouverture-hiver .custom-date[data-vc-date-today] .custom-date-btn,
#calendar-ouverture-hiver-mobile
  .custom-date[data-vc-date-today]
  .custom-date-btn {
  background-color: var(--neutral-200);
  color: var(--neutral-900);
}

#calendar-ouverture-ete
  .custom-date[data-vc-date-today].custom-date[data-vc-date-selected]
  .custom-date-btn,
#calendar-ouverture-ete-mobile
  .custom-date[data-vc-date-today].custom-date[data-vc-date-selected]
  .custom-date-btn {
  background-color: var(--ete-compl-500);
  color: var(--neutral-50);
}

#calendar-ouverture-hiver
  .custom-date[data-vc-date-today].custom-date[data-vc-date-selected]
  .custom-date-btn,
#calendar-ouverture-hiver-mobile
  .custom-date[data-vc-date-today].custom-date[data-vc-date-selected]
  .custom-date-btn {
  background-color: var(--hiver-compl-700);
  color: var(--neutral-50);
}

#calendar-ouverture-ete .custom-column,
#calendar-ouverture-ete .custom-column,
#calendar-ouverture-hiver .custom-column,
#calendar-ouverture-hiver-mobile .custom-column,
#calendar-ouverture-full .custom-column,
#calendar-ouverture-full-mobile .custom-column {
  background-color: var(--neutral-50) !important;
  padding: 1rem;
  border-radius: 8px;
}

#calendar-ouverture-ete-mobile.custom-calendar,
#calendar-ouverture-hiver-mobile.custom-calendar,
#calendar-ouverture-full-mobile.custom-calendar {
  background-color: var(--neutral-50);
}

#calendar-ouverture-ete
  .custom-date[data-vc-date-selected].color-september
  .custom-date-btn,
#calendar-ouverture-ete-mobile
  .custom-date[data-vc-date^='2026-09-'].custom-date[data-vc-date-selected]
  .custom-date-btn,
#calendar-ouverture-ete
  .custom-date[data-vc-date^='2026-09-'].custom-date[data-vc-date-selected]
  .custom-date-btn {
  background: var(--ete-tri-600) !important;
}

/* Section ouvertures activites */

.ouverture-activites-ete-container,
.ouverture-activites-hiver-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
  align-items: start;
}

.ouverture-activites-ete-column-container,
.ouverture-activites-hiver-column-container {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 2.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  border-radius: 16px;
  border: 1px solid var(--neutral-300);
  background-color: var(--neutral-50);

  hr {
    width: 100%;
    height: 1px;
    background-color: var(--neutral-300);
    border: none;
  }
}

.ouverture-activites-ete-title,
.ouverture-activites-hiver-title {
  color: var(--neutral-900);
  align-self: stretch;
  text-transform: uppercase;
}

.ouverture-activites-ete-content-section,
.ouverture-activites-hiver-content-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.ouverture-activites-ete-title-section,
.ouverture-activites-hiver-title-section {
  display: flex;
  align-self: stretch;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.6rem;

  p {
    color: var(--neutral-900);
    leading-trim: both;
    text-edge: cap;
    font-weight: 500;
  }
}

.ouverture-activites-ete-picto,
.ouverture-activites-hiver-picto {
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;

  svg path {
    color: var(--neutral-900);
  }

  .picto-large {
    width: 100%;
    height: auto;
  }

  .picto-haut {
    height: 100%;
    width: auto;
  }
}

.ouverture-activites-ete-content,
.ouverture-activites-hiver-content {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
  align-items: center;
  padding-left: 1.6rem;

  .nom-activite {
    color: var (--neutral-900);
    font-weight: 400;
    padding: 0px;
  }

  .ouverture-activite {
    padding: 2px 8px;
    border-radius: 4px;
  }

  &:not(.hiver) {
    .open {
      background-color: var(--ete-primary-900);
      color: var(--neutral-50);
    }
  }

  &.hiver {
    .open {
      background-color: var(--hiver-primary-700);
      color: var(--neutral-50);
    }
  }

  .closed {
    background-color: var(--neutral-900);
    color: var(--neutral-50);
  }
}

.ouverture-activite-title {
  padding-left: 1rem;
  padding-bottom: 0.2rem !important;
  padding-top: 0.2rem;
  padding-right: 1rem;
  border-radius: 9999px;

  &.closed {
    background-color: var(--hiver-comp-700);
  }

  &.open {
    background-color: var(--hiver-primary-700);
  }
}

.ouverture-activite-ete-chien-container,
.ouverture-activite-hiver-chien-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;

  .ouverture-activite {
    padding: 1px 8px;
    border-radius: 4px;
  }

  .open {
    background-color: var(--ete-primary-900);
    color: var(--neutral-50);
    transition: background-color 0.3s ease;
  }
}

.ouverture-activite-ete-chien-container .open:hover,
.ouverture-activite-hiver-chien-container .open:hover {
  background-color: var(--ete-primary-500);
  transition: background-color 0.3s ease;
}

/* Formulaire de contact */

.contact-form-main-container {
  br {
    display: none;
  }

  p {
    padding-bottom: 1rem;
  }

  label {
    padding-bottom: 0.5rem;
  }

  .contact-two-column {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    width: 100%;

    p {
      width: 100%;
      padding-bottom: 1rem;
    }
  }
}

.wpcf7-response-output,
.wpcf7-not-valid-tip {
  display: none !important;
}

#cf7-toasts-container {
  position: fixed;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 90vw;
  width: fit-content;
  align-items: center;
  pointer-events: none; /* pour ne pas bloquer les clics derrière */
}

.cf7-toast {
  pointer-events: auto;
  background-color: #333;
  color: #fff;
  padding: 1rem 1.5rem;
  border-radius: 6px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  font-size: 0.95rem;
  max-width: 100%;
  opacity: 1;
  transition: opacity 0.4s ease, transform 0.4s ease;
  animation: slide-up 0.4s ease-out;
  position: relative;
}

.cf7-toast.success {
  background-color: #28a745;
}

.cf7-toast.error {
  background-color: #dc3545;
}

.cf7-toast.fade-out {
  opacity: 0;
  transform: translateY(20px);
}

@keyframes slide-up {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.cf7-invalid-field {
  border: 2px solid #e74c3c !important;
  background: #fff0f0 !important;
}

/* Grille de filtre des activités */
.filter-activites-ete-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 colonnes */
  gap: 1rem;
}

.filter-activite-item {
  width: 100%;
  height: fit-content;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background-color: var(--neutral-200);
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.3s, transform 0.3s;
  pointer-events: auto;

  img {
    width: 100%;
    height: 25vh;
    object-fit: cover;
    object-position: center;
    border-radius: 8px 8px 0 0;
  }
}

.filter-activite-item.hide {
  opacity: 0;
  transform: scale(0.96);
  pointer-events: none;
}

.filter-activite-item.hidden {
  display: none !important;
}

.filter-activite-content-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 24px 31px;
}

.filter-activite-tag-container {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;

  p {
    padding: 5px 30px !important;
    color: var(--neutral-50);
    font-weight: 700;
    font-style: normal;
    border-radius: 50px;
    margin-bottom: 10px;
  }

  &:not(.hiver) p {
    background-color: var(--ete-compl-500);
  }

  &.hiver p {
    background-color: var(--hiver-compl-300);
  }
}

.filter-actitive-link {
  font-weight: 700;
  transition: all 0.3s ease;
}

.filter-activite-item:hover .filter-actitive-link {
  text-decoration: underline;
  transition: all 0.3s ease;
  text-decoration-offset: 2px;
}

.filter-activite-item {
  &:not(.hiver):hover {
    color: var(--ete-primary-500);
  }

  &.hiver:hover {
    color: var(--hiver-primary-700);
  }
}

.filter-actitive-link {
  &:not(.hiver) {
    color: var(--ete-primary-500);
  }

  &.hiver {
    color: var(--hiver-primary-700);
  }
}

.filter-activite-button {
  border: 0px;
  background-color: var(--neutral-500);
  color: var(--neutral-50);
  font-weight: 700;
  padding: 5px 30px;
  border-radius: 50px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.filter-activite-button:hover,
.filter-activite-button.active {
  &:not(.hiver) {
    background-color: var(--ete-compl-500);
  }

  &.hiver {
    background-color: var(--hiver-compl-300);
  }

  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: pointer;
}

.filter-activite-button-container {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 2.5rem;
}

/* PLAN DU SITE */
.plan-du-site {
  list-style-type: none;
  padding-left: 0;

  li {
    margin-bottom: 0.5rem;
  }

  a {
    color: inherit;
    text-decoration: underline;
  }

  ul {
    margin-left: 1rem;
  }
}

.plan-du-site a:hover,
.plan-du-site a:focus {
  background-color: #f0f0f0;
  color: #000;
  outline: none;
}

/* === STICKY CTA === */
.sticky-cta-container {
  position: fixed;
  top: 10rem;
  left: -100%; /* Caché par défaut */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0.5rem;
  border-radius: 0 32px 32px 0;
  border: 1px solid var(--neutral-50);

  &.sticky-cta-ete {
    background-color: var(--ete-primary-500);

    &.sticky-cta-container a:hover svg,
    .sticky-cta-container a:hover svg path {
      fill: var(--ete-primary-900) !important;
      stroke: var(--ete-primary-900) !important;
      color: var (--ete-primary-900) !important;
      transition: fill 0.3s ease, stroke 0.3s ease, color 0.3s ease;
    }

    &.sticky-cta-container .sticky-cta-item:hover svg,
    &.sticky-cta-container .sticky-cta-item:hover svg path {
      fill: var(--ete-primary-900) !important;
      stroke: var(--ete-primary-900) !important;
      color: var (--ete-primary-900) !important;
      transition: fill 0.3s ease, stroke 0.3s ease, color 0.3s ease;
    }
  }

  &.sticky-cta-hiver {
    background-color: var(--hiver-primary-300);
    &.sticky-cta-container a:hover svg,
    .sticky-cta-container a:hover svg path {
      fill: var(--hiver-primary-700) !important;
      stroke: var(--hiver-primary-700) !important;
      color: var (--hiver-primary-700) !important;
      transition: fill 0.3s ease, stroke 0.3s ease, color 0.3s ease;
    }

    &.sticky-cta-container .sticky-cta-item:hover svg,
    &.sticky-cta-container .sticky-cta-item:hover svg path {
      fill: var(--hiver-primary-700) !important;
      stroke: var(--hiver-primary-700) !important;
      color: var (--hiver-primary-700) !important;
      transition: fill 0.3s ease, stroke 0.3s ease, color 0.3s ease;
    }
  }

  transition: left 1s ease-in-out;
  z-index: 1000;
}

.sticky-cta-container.visible {
  left: 0; /* Apparaît quand la classe est ajoutée */
}

/* Styles de base */
.sticky-cta-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 8px;
  transition: all 0.3s ease;
  outline: none;
  /* Amélioration de l'accessibilité */
  text-decoration: none;
}

/* Hover et Focus (RGAA) */
.sticky-cta-link:hover,
.sticky-cta-link:focus {
  transform: translateY(-2px);
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Focus visible pour la navigation clavier (RGAA) */
.sticky-cta-link:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

/* Animation des icônes */
.sticky-cta-link svg {
  transition: transform 0.3s ease;
}

.sticky-cta-link:hover svg,
.sticky-cta-link:focus svg {
  transform: scale(1.05);
}

/* Tooltips */
.sticky-cta-link::before {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 90%;
  transform: translateX(-50%) translateY(-8px);
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  pointer-events: none;
  z-index: 1000;
}

/* Flèche du tooltip */
.sticky-cta-link::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-2px);
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(0, 0, 0, 0.9);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  pointer-events: none;
  z-index: 1000;
}

/* Affichage du tooltip au hover/focus */
.sticky-cta-link:hover::before,
.sticky-cta-link:hover::after,
.sticky-cta-link:focus::before,
.sticky-cta-link:focus::after {
  opacity: 1;
  visibility: visible;
}

/* === TABLEAU DE PRIX === */

.pricing-table-container {
  display: grid;
  grid-template-columns: 2fr 1fr 1.5fr; /* Grande - Normale - Grande */
  column-gap: 1rem; /* Gap uniquement horizontal */
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}

.pricing-table-header {
  background-color: var(--neutral-200);
  color: var(--neutral-900);
  padding: 2rem 1rem;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  border-radius: 8px 8px 0 0;
  font-size: var(--fs-menu);
  font-family: var(--ff-body);
}

.pricing-table-item {
  display: flex;
  justify-content: flex-end;

  span {
    background: var(--hiver-primary-300);
    color: var(--neutral-900);
    text-align: right;
    font-family: var(--ff-body);
    font-size: var(--fs-menu);
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    padding: 1rem 1rem;
    border-radius: 16px;
    width: fit-content;
  }
}

.pricing-table-price {
  background-color: var(--neutral-200);
  text-align: center;
  font-weight: bold;
  color: var(--neutral-900);
  padding: 1rem 4rem;
  font-size: var(--fs-head-6);
  font-family: var(--ff-body);
}

.pricing-table-separator {
  background-color: var(--neutral-200);
  padding: 1rem;
  text-align: center;
  font-weight: bold;
  color: var(--hiver-primary-700);
  padding: 0.5rem 4rem;
  font-size: var(--fs-head-6);
}

.empty-cell {
  background-color: transparent;
}

/* Ciblage des derniers éléments */
.pricing-table-price.last-row {
  border-radius: 0 0 8px 8px;
}

.mobile-view {
  display: none;
}

/* Effet de zoom sur l'image de fond au hover */
.divi-hover-zoom-image {
  position: relative;
  overflow: hidden;
}

.divi-hover-zoom-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: inherit;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  transition: transform 0.4s ease-in-out;
  z-index: -1;
}

.divi-hover-zoom-image:hover::before {
  transform: scale(1.1);
}

.divi-hover-zoom-image > * {
  position: relative;
  z-index: 1;
}

/* === MEDIA QUERIES GROUPED & CLEANED === */

/* Mobile portrait (max-width: 480px) */
@media (max-width: 480px) {
  .activite-swiper .swiper-slide {
    width: 280px;
  }
}

/* Mobile portrait & small tablets (max-width: 767px) */
@media (max-width: 767px) {
  .activite-swiper .swiper-slide {
    width: 100% !important;
  }
  .activite-swiper {
    padding: 20px;
  }
  .card-activite-container-mobile {
    width: 100%;
    margin: 0 auto;
    max-width: 350px;
  }
  .review-card {
    padding: 10vw !important;
    height: 70vh !important;
  }
  .review-top-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .media-content-large {
    height: 40vh;
  }
  .carousel-3d-swiper {
    height: 30vh;
  }
  .carousel-3d-swiper-top svg {
    margin-top: -1px;
  }
  .carousel-3d-swiper-top {
    top: -1px;
  }
  .carousel-3d-swiper-bottom {
    bottom: -1px;
  }
  .carousel-3d-swiper .swiper-pagination {
    position: absolute;
    bottom: -5px;
    z-index: 11;
  }
  .activite-swiper .swiper-slide {
    width: 300px;
  }
  .activite-swiper {
    padding: 20px 0;
  }

  .ouverture-activites-ete-container,
  .ouverture-activites-hiver-container {
    grid-template-columns: 1fr;
  }

  .ouverture-activites-ete-picto,
  .ouverture-activites-hiver-picto {
    display: none;
  }

  .ouverture-activites-ete-content,
  .ouverture-activites-hiver-content {
    padding-left: 0px;
  }

  .contact-form-main-container {
    .contact-two-column {
      flex-direction: column;
      gap: 0px;
    }
  }

  .filter-activites-ete-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .filter-activite-button-container {
    flex-direction: column;
  }

  .sticky-cta-container {
    display: none !important;
  }

  .desktop-view {
    display: none;
  }

  /* Afficher la version mobile */
  .mobile-view {
    display: block;
  }

  .pricing-cards-container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 400px;
    margin: 0 auto;
  }

  .pricing-card {
    background: var(--neutral-100);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 2px solid var(--hiver-primary-300);
  }

  .pricing-card-title {
    background: var(--hiver-primary-300);
    color: var(--neutral-900);
    font-family: var(--ff-body);
    font-size: var(--fs-menu);
    font-weight: 700;
    text-transform: uppercase;
    padding: 1rem;
    border-radius: 8px;
    margin: 0 0 1rem 0;
    text-align: center;
  }

  .pricing-card-prices {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .pricing-card-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background: var(--neutral-200);
    border-radius: 6px;
  }

  .price-label {
    font-family: var(--ff-body);
    font-size: var(--fs-body);
    font-weight: 600;
    color: var(--neutral-900);
  }

  .price-value {
    font-family: var(--ff-body);
    font-size: var(--fs-head-6);
    font-weight: bold;
    color: var(--hiver-primary-700);
  }

  .card-activite-title {
    text-align: center;
  }
}

/* Tablet portrait (min-width: 768px) and (max-width: 1024px) */
@media (min-width: 768px) and (max-width: 1023px) {
}

/* Styles spécifiques pour tablette landscape */

@media (min-width: 768px) and (max-width: 1366px) {
  .picto-hero-container {
    display: none;
  }

  .gauche-droite-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;

    div:first-child {
      width: 100% !important;
    }
  }

  .media-content-large {
    height: 30vh;
  }

  .activite-divi-container.et_pb_row_2.et_pb_row {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .card-activite-content {
    opacity: 1 !important;
    transform: none !important;
    z-index: auto !important;
  }

  .activite-swiper {
    padding-left: 1em;
    padding-right: 1em;
  }

  .activite-swiper .swiper-slide {
    width: 100% !important;
    margin: 0 auto;
    opacity: 1 !important;
    transform: scale(1) !important;
  }

  .restaurant-divi-container {
    display: flex;
    flex-direction: column-reverse;
    gap: 2rem;

    div {
      width: 100% !important;
    }

    .main-blur-section {
      left: 0px !important;
      top: 0px !important;
      padding: 0px !important;
    }

    .main-blur-left {
      left: 0px !important;
    }
  }

  .review-divi-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;

    div:not(.review-card-rating) {
      width: 100% !important;
    }
  }

  .review-card {
    height: 20vh !important;
  }

  .review-card-rating {
    width: 50% !important;
  }

  .carousel-3d-swiper {
    height: 40vh !important;
  }

  .droite-gauche-container {
    display: flex;
    flex-direction: column-reverse;
    gap: 2rem;

    div {
      width: 100% !important;
    }
  }

  .ouverture-activites-ete-container,
  .ouverture-activites-hiver-container {
    grid-template-columns: 1fr;
  }

  .filter-activites-ete-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .desktop-view {
    display: none;
  }

  /* Afficher la version mobile */
  .mobile-view {
    display: block;
  }

  .pricing-cards-container {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 400px;
    margin: 0 auto;
  }

  .pricing-card {
    background: var(--neutral-100);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 2px solid var(--hiver-primary-300);
  }

  .pricing-card-title {
    background: var(--hiver-primary-300);
    color: var(--neutral-900);
    font-family: var(--ff-body);
    font-size: var(--fs-menu);
    font-weight: 700;
    text-transform: uppercase;
    padding: 1rem;
    border-radius: 8px;
    margin: 0 0 1rem 0;
    text-align: center;
  }

  .pricing-card-prices {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .pricing-card-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background: var(--neutral-200);
    border-radius: 6px;
  }

  .price-label {
    font-family: var(--ff-body);
    font-size: var(--fs-body);
    font-weight: 600;
    color: var(--neutral-900);
  }

  .price-value {
    font-family: var(--ff-body);
    font-size: var(--fs-head-6);
    font-weight: bold;
    color: var(--hiver-primary-700);
  }
}

@media (min-width: 1367px) {
  .main-blur-section {
    border-radius: 16px;
    border: 1px solid var(--Neutral-Neutral-200);
    background: rgba(238, 236, 239, 0.7);
    backdrop-filter: blur(10px);
  }

  @media (prefers-reduced-motion: reduce) {
    .sticky-cta-link,
    .sticky-cta-link svg,
    .sticky-cta-link::before,
    .sticky-cta-link::after {
      transition: none;
    }

    .sticky-cta-link:hover,
    .sticky-cta-link:focus {
      transform: none;
    }

    .sticky-cta-link:hover svg,
    .sticky-cta-link:focus svg {
      transform: none;
    }
  }
}