/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 29 avr. 2026, 11:46:12
    Author     : Pixad
*/

/* ── Base ─────────────────────────────────────────────────── */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: "Roboto", sans-serif;
      font-optical-sizing: auto;
      background: #F8F5F0;
      color: #111;
      overflow-x: hidden;
    }
    .hidden {display:none;}
    h1,h2,h3,h4 {font-family: "Raleway", sans-serif!important;}

    /* ── Scroll-progress bar (right edge) ────────────────────── */
    #scroll-track {
      position: fixed;
      right: 1.5rem;
      top: 50%;
      transform: translateY(-50%);
      width: 2px;
      height: 130px;
      background: rgba(255,255,255,0.18);
      border-radius: 2px;
      z-index: 200;
      opacity: 0;
      transition: opacity .4s, background .4s;
      pointer-events: none;
    }
    #scroll-fill {
      width: 100%;
      height: 0%;
      background: #C4973F;
      border-radius: 2px;
      transition: height .08s linear;
    }
    #scroll-dot {
      position: absolute;
      left: 50%;
      top: 0%;
      transform: translate(-50%, -50%);
      width: 7px;
      height: 7px;
      background: #C4973F;
      border: 2px solid rgba(255,255,255,.6);
      border-radius: 50%;
      transition: top .08s linear;
    }
    body.scrolled #scroll-track { opacity: 1; }

    
    h2 {
        font-size: 2.0em!important;
        color: #1a472a;
        margin-bottom: 25px;
        font-weight: 500;
        /* font-family: 'Playfair Display', serif; */
        font-family: "Raleway", sans-serif;
        margin-top: 1.5rem;
    }
    
    /* ── Navbar ────────────────────────────────────────────────── */
    #navbar {
      position: fixed !important;
      inset: 0 0 auto !important;
      z-index: 1000 !important;
      padding: 1.5rem 2.5rem !important;
      transition: padding .35s, background .35s, box-shadow .35s;
      width: 100% !important;
      left: 0 !important;
      right: 0 !important;
      top: 0 !important;
      pointer-events: auto !important;
    }
    #navbar * {
      pointer-events: auto !important;
    }
    #navbar.solid {
      padding: 1rem 2.5rem;
      background: rgba(15,34,24,.96);
      backdrop-filter: blur(14px);
      box-shadow: 0 1px 40px rgba(0,0,0,.35);
    }
    .nav-link {
      color: rgba(255,255,255,.8);
      text-decoration: none;
      font-size: .8rem;
      font-weight: 500;
      letter-spacing: .07em;
      text-transform: uppercase;
      transition: color .2s;
    }
    .nav-link:hover { color: #C4973F; }
    .nav-cta {
      display: inline-block;
      background: #C4973F;
      color: #fff;
      text-decoration: none;
      font-size: .75rem;
      font-weight: 600;
      letter-spacing: .09em;
      text-transform: uppercase;
      padding: .55rem 1.4rem;
      border-radius: 2px;
      transition: background .2s, transform .2s;
    }
    .nav-cta:hover { background: #D4A84F; transform: translateY(-1px); }

    /* ── Dropdown desktop ────────────────────────────────────────── */
    .nav-has-sub {
      position: relative;
    }
    .nav-parent {
      cursor: default;
      display: flex;
      align-items: center;
      gap: .3rem;
    }
    .nav-arrow {
      font-size: .6rem;
      opacity: .7;
      transition: transform .2s;
      display: inline-block;
    }
    .nav-has-sub:hover .nav-arrow { transform: rotate(180deg); }
    .nav-sub {
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%) translateY(-6px);
      background: rgba(15,34,24,.97);
      backdrop-filter: blur(14px);
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 3px;
      list-style: none;
      margin: 0;
      padding: .75rem 0 .5rem;
      min-width: 200px;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .2s, transform .2s, visibility .2s;
      z-index: 200;
    }
    .nav-has-sub:hover .nav-sub {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateX(-50%) translateY(0);
    }
    .nav-sub li { display: block; }
    .nav-sub-link {
      display: block;
      padding: .55rem 1.4rem;
      color: rgba(255,255,255,.75);
      text-decoration: none;
      font-size: .76rem;
      font-weight: 500;
      letter-spacing: .06em;
      text-transform: uppercase;
      transition: color .15s, background .15s;
      white-space: nowrap;
    }
    .nav-sub-link:hover {
      color: #C4973F;
      background: rgba(196,151,63,.06);
    }

    /* ── Sélecteur de langue ─────────────────────────────────────── */
    .nav-lang {
      position: relative;
    }
    .nav-lang-btn {
      background: none;
      border: 1px solid rgba(255,255,255,.2);
      border-radius: 2px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: .35rem;
      padding: .3rem .55rem;
      transition: border-color .2s;
    }
    .nav-lang-btn:hover { border-color: rgba(255,255,255,.5); }
    .nav-lang-btn img { width: 18px; height: auto; display: block; }
    .nav-lang-list {
      position: absolute;
      top: calc(100% + .6rem);
      right: 0;
      background: rgba(15,34,24,.97);
      backdrop-filter: blur(14px);
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 3px;
      list-style: none;
      margin: 0;
      padding: .5rem 0;
      min-width: 140px;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .2s, visibility .2s;
      z-index: 200;
    }
    .nav-lang-list.open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }
    .nav-lang-list li { display: block; }
    .nav-lang-list a {
      display: flex;
      align-items: center;
      gap: .6rem;
      padding: .5rem 1rem;
      color: rgba(255,255,255,.75);
      text-decoration: none;
      font-size: .78rem;
      transition: color .15s, background .15s;
    }
    .nav-lang-list a:hover { color: #C4973F; background: rgba(196,151,63,.06); }
    .nav-lang-list img { width: 16px; height: auto; }

    /* ── Mobile button & menu ─────────────────────────────────── */
    .nav-mobile-btn {
      position: relative !important;
      z-index: 1001 !important;
      pointer-events: auto !important;
      min-width: 50px !important;
      min-height: 50px !important;
      display: none !important;
      flex-direction: column !important;
      gap: 5px !important;
      align-items: flex-end !important;
      background: none !important;
      border: none !important;
      padding: 0.4rem !important;
      cursor: pointer !important;
    }
    #mob-menu {
      position: absolute !important;
      top: 100% !important;
      left: 0 !important;
      right: 0 !important;
      z-index: 999 !important;
      pointer-events: auto !important;
      width: 100% !important;
      
      flex-direction:column;gap:1.25rem;padding:1.5rem 1.25rem 1.75rem;border-top:1px solid rgba(255,255,255,.08);margin-top:1rem; background-color: rgb(14 34 25)
    
    }

    
    /* Ensure navbar has proper click target area */
    #navbar > div:first-child {
      position: relative;
      z-index: 1001;
      pointer-events: auto;
    }

    /* ── Dropdown mobile ─────────────────────────────────────────── */
    .mob-has-sub { display: flex; flex-direction: column; gap: 0; min-height: 4vh; height:auto;}
    .mob-parent {
      background: none;
      border: none;
      cursor: pointer;
      text-align: left;
      display: flex;
      align-items: center;
      gap: .4rem;
      width: 100%;
      padding: 0;
    }
    .nav-arrow-mob {
      font-size: .6rem;
      opacity: .7;
      transition: transform .25s;
      display: inline-block;
      margin-left: auto;
    }
    .mob-parent.open .nav-arrow-mob { transform: rotate(180deg); }
    .mob-sub {
      display: none;
      flex-direction: column;
      gap: .6rem;
      padding: .6rem 0 .2rem 1rem;
      border-left: 2px solid rgba(196,151,63,.3);
      margin-left: .15rem;
      margin-bottom: 0.9rem;
    }
    .mob-sub-link {
      font-size: .75rem !important;
      opacity: .8;
    }

    /* ── Hero ──────────────────────────────────────────────────── */
    .hero {
      position: relative;
      height: 100vh;
      min-height: 600px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }
    .hero-bg {
      position: absolute;
      inset: 0;
      /* background-image: url('https://images.unsplash.com/photo-1587174486073-ae5e5cff23aa?w=1920&q=85'); */
      background-image: url('../img/Home_Vittel-Hazeau.jpg');
      background-size: cover;
      background-position: center bottom;
      will-change: transform;
    }
    .hero-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(
        to bottom,
        rgba(12,28,18,.62) 0%,
        rgba(12,28,18,.20) 45%,
        rgba(12,28,18,.42) 68%,
        rgba(12,28,18,.88) 100%
      );
    }
    /* center content occupies flexible space */
    .hero-center {
      position: relative;
      z-index: 2;
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 5rem 1.5rem 0;
    }
    /* icons strip pinned at hero bottom */
    .hero-bottom {
      position: relative;
      z-index: 2;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      gap: 2.5rem;
      padding: 1.5rem 2rem 3rem;
    }
    .hero-icon {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: .45rem;
      color: rgba(255,255,255,.82);
      cursor: default;
      transition: color .25s, transform .25s;
    }
    .hero-icon:hover { color: #C4973F; transform: translateY(-3px); }
    .hero-icon svg { width: 2rem; height: 2rem; }
    .hero-icon-label {
      font-size: .68rem;
      font-weight: 600;
      letter-spacing: .12em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    /* thin gold separator between icons */
    .hero-icon-sep {
      width: 1px;
      height: 40px;
      background: rgba(255,255,255,.18);
      align-self: center;
    }
    /* bounce arrow */
    .scroll-hint {
      position: absolute;
      bottom: 10.5rem;
      left: 50%;
      transform: translateX(-50%);
      z-index: 3;
      cursor: pointer;
      animation: arrowBounce 2.2s ease-in-out infinite;
    }
    @keyframes arrowBounce {
      0%,100% { transform: translateX(-50%) translateY(0); opacity: .6; }
      50%      { transform: translateX(-50%) translateY(8px); opacity: 1; }
    }

    /* ── Entrance animations ─────────────────────────────────── */
    .fadeUp {
      opacity: 0;
      transform: translateY(28px);
      animation: fadeUp .8s ease forwards;
    }
    @keyframes fadeUp { to { opacity:1; transform:translateY(0); } }
    .d1 { animation-delay: .15s; }
    .d2 { animation-delay: .35s; }
    .d3 { animation-delay: .55s; }
    .d4 { animation-delay: .75s; }
    .d5 { animation-delay: .95s; }

    /* scroll-reveal */
    .reveal {
      opacity: 0;
      transform: translateY(36px);
      transition: opacity .75s ease, transform .75s ease;
    }
    .reveal.in { opacity: 1; transform: translateY(0); }

    /* ── Shared helpers ─────────────────────────────────────────── */
    .gold-bar {
      width: 52px; height: 2px;
      background: #C4973F;
      border-radius: 1px;
    }
    .eyebrow {
      font-size: .72rem;
      font-weight: 600;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: #C4973F;
    }
    .h2-serif {
      /* font-family: 'Playfair Display', serif; */
      font-family: "Raleway", sans-serif;
      font-size: clamp(2.1rem,4.5vw,3.4rem);
      font-weight: 700;
      line-height: 1.18;
      color: #4B6154;
    }
    .h2-serif-light { color: #fff; }

    /* live status badge */
    .status-badge {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      padding: .32rem 1rem;
      border: 1px solid rgba(196,151,63,.45);
      background: rgba(196,151,63,.12);
      border-radius: 999px;
      font-size: .75rem;
      font-weight: 500;
      letter-spacing: .05em;
      color: #C4973F;
    }
    .pulse-dot {
      width: 6px; height: 6px;
      border-radius: 50%;
      background: #5cb85c;
      animation: pulse 2s ease-in-out infinite;
    }
    @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.35} }

    /* card hover lift */
    .lift {
      transition: transform .3s ease, box-shadow .3s ease;
      cursor: pointer;
    }
    .lift:hover {
      transform: translateY(-5px);
      box-shadow: 0 24px 64px rgba(27,58,45,.16);
    }

    /* Feature number */
    .stat-num {
      font-family: 'Playfair Display', serif;
      font-size: 3.6rem;
      font-weight: 700;
      line-height: 1;
      color: #C4973F;
    }

    /* ── Responsive ──────────────────────────────────────────── */
    @media (max-width: 900px) {
      .hero-bottom { gap: 1.2rem; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; --scroll-progress: 0; }
      .hero-bottom::-webkit-scrollbar { display: none; }
      .hero-bottom > :first-child { margin-left: 2rem; }
      .hero-bottom > :last-child { margin-right: 2rem; }
      .hero-scrollbar-container { position: fixed; bottom: 15px; left: 50%; transform: translateX(-50%); width: 50%; height: 4px; pointer-events: none; z-index: 50; }
      .hero-scrollbar-track { position: absolute; width: 100%; height: 4px; background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.15) 20%, rgba(255,255,255,.15) 80%, rgba(255,255,255,0)); border-radius: 2px; }
      .hero-scrollbar-thumb { position: absolute; width: 12%; height: 4px; background: rgba(255,255,255,1); border-radius: 2px; top: 0; transition: left .1s ease-out; }
      .hero-icon-label { display: block; }
      .hero-icon-sep { height: 28px; }
      .two-col { grid-template-columns: 1fr !important; gap: 3rem !important; }
      .three-col { grid-template-columns: 1fr !important; }
      .stats-grid { grid-template-columns: 1fr 1fr !important; }
      .nav-desktop { display: none !important; }
      .nav-mobile-btn { display: flex !important; }
    }
    @media (max-width: 600px) {
      .hero-icon-sep { display: none; }
      #navbar { padding: 1rem 1.25rem; }
    }

    /* ── Reduced motion ──────────────────────────────────────── */
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
      }
    }

    /* ── Scrollbar ───────────────────────────────────────────── */
    ::-webkit-scrollbar { width: 5px; }
    ::-webkit-scrollbar-track { background: #F8F5F0; }
    ::-webkit-scrollbar-thumb { background: #4B6154; border-radius: 3px; }
    
    
    
    .hero-bottom .hero-icon img {filter:grayscale(100%); width: 40px}
    .hero-bottom .hero-icon:hover img {filter:grayscale(0%);}
    
    
    
    
    
    /* CMS */
     /* Hero pour article */
    .article-hero {
      position: relative;
      height: 50vh;
      min-height: 400px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      margin-top: 0px;
    }
    .article-hero-bg {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      will-change: transform;
    }
    .article-hero-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(
        to bottom,
        rgba(12,28,18,.55) 0%,
        rgba(12,28,18,.35) 50%,
        rgba(12,28,18,.75) 100%
      );
    }
    .article-hero-content {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex: 1;
      text-align: center;
      padding: 3rem 2rem;
    }
    .article-hero-content h1 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(2rem, 5vw, 3.2rem);
      font-weight: 700;
      color: #fff;
      line-height: 1.2;
      text-shadow: 0 2px 8px rgba(0,0,0,.4);
      margin: 0;
      word-wrap: break-word;
      overflow-wrap: break-word;
    }

    .ContentPage {
      padding: 3rem 0;
      min-height: calc(100vh - 400px);
    }
    #CMSPage .container {
      max-width: 1200px;
    }
    .ContentPage #Ariane {
      padding-bottom: 1.5rem;
      border-bottom: 1px solid rgba(27,58,45,.15);
      margin-bottom: 2rem;
    }
    .ContentPage h2,
    .ContentPage h3,
    .ContentPage h4 {
      color: #4B6154;
      font-family: 'Playfair Display', serif;
    }

    .ContentPage h2 {font-size:1.5rem; border-bottom: 1px solid #C4973F; padding-bottom: 0.25rem;  transition: gap 0.2s, color 0.2s; }
    .ContentPage h3 {font-size:1.6rem; font-weight: 600; border-bottom: 1px solid #C4973F; padding-bottom: 0.25rem;  transition: gap 0.2s, color 0.2s;}
    .ContentPage h4 {font-size:1.1rem;}
    .ContentPage ul {list-style-type: circle;}
    .ContentPage ul li {padding-left: 5px; margin-left: 15px;}
    .ContentPage hr {color: #C4973F;}
    
    .ContentPage a {display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    color: #C4973F;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    /* border-bottom: 2px solid #C4973F; */
    padding-bottom: 0.25rem;
    transition: gap 0.2s, color 0.2s;}
    
    .ContentPage a:hover { gap: 1rem; color: #C4973F; }
    
    @media (max-width: 768px) {
      .article-hero { margin-top: 0px; height: 40vh; min-height: 300px; }
      .article-hero-content h1 { font-size: 1.8rem; }
      .ContentPage { padding: 2rem 1.5rem; }
    }
    
    
    /* widgets */
    .chrono-container .chrono-bookingbutton {
        width: 12%!important;
        min-width: 280px!important
    }
    
    
    
    
/* Custom flex automatique */
.custom-flex-2col {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 45px 0px;
}

.custom-flex-3col {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  margin: 45px 0px;
}

.custom-flex-2col h2,
.custom-flex-3col h2 {
  text-align: left;
}

/* Media query pour mobile et petits écrans */
@media (max-width: 768px) {
  .custom-flex-2col,
  .custom-flex-3col {
    flex-direction: column;
    align-items: stretch; /* ou center selon vos préférences */
  }
  .custom-flex-2col .col-md-6,
  .custom-flex-2col .col-3, .custom-flex-2col .col-6,
  .custom-flex-3col .col-md-4,
  .custom-flex-3col .col-6,
  .custom-flex-3col .col-3{
    width:100%;
    margin:25px 0;
  }
}

#CMSPage .custom-flex-2col img {border-radius: 25px !important;}
#CMSPage .custom-flex-2col h3 {text-align: left;}

/* Image alignment classes for CKEditor image2 widget */
.image-align-left {
    float: left;
    margin: 0 1.5em 1em 0;
    clear: left;
}

.image-align-center {
    margin: 0 auto 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.image-align-right {
    float: right;
    margin: 0 0 1em 1.5em;
    clear: right;
}

/* ════════════════════════════════════════════════════════════
   MENU NAVIGATION MOBILE
   Hauteur dynamique et comportement au scroll
════════════════════════════════════════════════════════════ */

/* Définir les hauteurs du navbar via des variables CSS */
#navbar {
  --navbar-height: 110px;
}

#navbar.solid {
  --navbar-height: 90px;
}

/* Sur mobile, adapter la hauteur du navbar */
@media (max-width: 900px) {
  #navbar {
    --navbar-height: 100px;
  }

  #navbar.solid {
    --navbar-height: 85px;
  }
}

@media (max-width: 600px) {
  #navbar {
    --navbar-height: 90px;
  }

  #navbar.solid {
    --navbar-height: 80px;
  }
}

/* Menu mobile : hauteur = viewport - navbar */
#mob-menu {
  min-height: calc(100vh - var(--navbar-height)) !important;
  overflow-y: auto !important;
}

/* Supprimer le margin-top quand le navbar scroll (class solid) */
#navbar.solid #mob-menu {
  margin-top: 0 !important;
}

/* ════════════════════════════════════════════════════════════
   ANIMATIONS DU MENU MOBILE
   Voile de révélation diagonal + entrée en cascade
════════════════════════════════════════════════════════════ */

/* Voile de révélation en diagonale (2 triangles clip-path) */
.mob-menu-overlay {
  position: fixed;
  inset: 0;
  z-index: 990;
  pointer-events: none;
}
.mob-menu-overlay__part {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(15,34,24,.96) 0%, rgba(15,34,24,.88) 100%);
  transition: none;
}
.mob-menu-overlay__top {
  clip-path: polygon(0 0, 0 0, 0 0);
  z-index: 2;
}
.mob-menu-overlay__bottom {
  clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
  z-index: 1;
}

body.mob-menu-open .mob-menu-overlay__top {
  clip-path: polygon(0 0, 101% 0, 0 101%);
  transition: clip-path .6s cubic-bezier(.76,0,.24,1);
}
body.mob-menu-open .mob-menu-overlay__bottom {
  clip-path: polygon(101% -1%, 101% 101%, -1% 101%);
  transition: clip-path .6s cubic-bezier(.76,0,.24,1);
}

/* Animation du menu mobile */
#mob-menu {
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s ease, visibility .4s ease;
}

body.mob-menu-open #mob-menu {
  opacity: 1;
  visibility: visible;
  transition: opacity .5s ease .3s, visibility .5s ease .3s;
}

/* Entrée en cascade des liens du menu */
#mob-menu a {
  opacity: 0;
  transform: translateY(12px);
  transition: none;
}

body.mob-menu-open #mob-menu a {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .35s ease, transform .35s ease;
  transition-delay: var(--item-delay, 0ms);
}

/* Section contact et drapeaux */
#mob-menu .mob-menu-footer {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.08);
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

#mob-menu .mob-menu-langs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

#mob-menu .mob-menu-langs__flag {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 16px;
  line-height: 1;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.15);
  cursor: pointer;
  transition: background .2s, border-color .2s;
}

#mob-menu .mob-menu-langs__flag:hover {
  background: rgba(196,151,63,.2);
  border-color: rgba(196,151,63,.4);
}

#mob-menu .mob-menu-langs__flag img {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

/* Contact rapide */
#mob-menu .mob-menu-contact {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  font-size: .85rem;
}

#mob-menu .mob-menu-contact a {
  color: rgba(255,255,255,.7);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: color .2s;
}

#mob-menu .mob-menu-contact a:hover {
  color: #C4973F;
}