.brand--official {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-width: 0;
  padding: 0;
  letter-spacing: 0;
}

.brand--official::before {
  content: '';
  display: block;
  width: 180px;
  height: 92px;
  background: url('/assets/caporal-deejay-logo.PNG') left center / contain no-repeat;
  filter: drop-shadow(0 3px 8px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(220,220,220,.20));
}

.brand--official .brand-logo {
  display: none !important;
}

.brand-logo {
  display: block;
  width: 180px;
  height: auto;
  max-width: 100%;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent;
  mix-blend-mode: normal;
  filter: brightness(0) saturate(100%) invert(78%) sepia(56%) saturate(590%) hue-rotate(357deg) brightness(94%) contrast(89%) drop-shadow(0 3px 8px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(217,181,111,.28));
}

.site-header {
  min-height: 112px;
  align-items: flex-start;
  padding-top: 14px;
  background: linear-gradient(180deg, rgba(5,6,9,.96) 0%, rgba(5,6,9,.88) 72%, rgba(5,6,9,.10) 100%);
  border-bottom-color: rgba(217,181,111,.24);
}

.site-header .brand-logo { width: 180px; }

.hero {
  background-image: url('/assets/caporal-events-hero-approved-bg.webp');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.hero .hero-image { opacity: 0; pointer-events: none; }

.hero .hero-overlay {
  background:
    linear-gradient(90deg, rgba(3,4,7,.97) 0%, rgba(3,4,7,.88) 28%, rgba(3,4,7,.55) 49%, rgba(3,4,7,.08) 77%, rgba(3,4,7,.04) 100%),
    linear-gradient(0deg, #07080d 0%, rgba(7,8,13,.16) 18%, transparent 42%);
}

.hero-content { padding-top: 124px; padding-bottom: 168px; }

.hero::after {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  padding: 28px max(24px, calc((100vw - 1180px) / 2));
  border-top: 1px solid rgba(217,181,111,.28);
  border-bottom: 1px solid rgba(217,181,111,.20);
  color: #f0d49d;
  background: linear-gradient(180deg, rgba(5,6,9,.60), rgba(5,6,9,.94));
  content: '◇  MARIAGES     |     ◇  SOIRÉES PRIVÉES     |     ◇  ANNIVERSAIRES     |     ◇  ÉVÉNEMENTS PRO     |     ◇  CLUB & FESTIVALS';
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
}

.quote-header,
.account-header { min-height: 112px; align-items: flex-start; padding-top: 14px; }

.quote-header .brand-logo,
.account-header .brand-logo { width: 170px; }

.site-footer .brand-logo { width: 190px; }

/* Vérification CAPORAL EVENTS : icône bleue seule, sans libellé visible. */
body.home-page .featured-provider-copy > span,
body.providers-page .verified-badge {
  display: inline-grid !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  place-items: center;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  color: transparent !important;
  background: #2da5e9 !important;
  box-shadow: 0 6px 18px rgba(45,165,233,.34) !important;
  clip-path: polygon(50% 0%,60% 9%,73% 7%,80% 19%,93% 24%,91% 38%,100% 50%,91% 62%,93% 76%,80% 81%,73% 93%,60% 91%,50% 100%,40% 91%,27% 93%,20% 81%,7% 76%,9% 62%,0 50%,9% 38%,7% 24%,20% 19%,27% 7%,40% 9%);
  font-size: 0 !important;
  letter-spacing: 0 !important;
  text-indent: -9999px;
  backdrop-filter: none !important;
}

body.home-page .featured-provider-copy > span { margin: 0 0 8px !important; }

body.providers-page .verified-badge {
  position: absolute !important;
  z-index: 3 !important;
  top: 18px !important;
  left: 18px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  margin: 0 !important;
}

body.home-page .featured-provider-copy > span::before,
body.providers-page .verified-badge::before {
  content: '✓';
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: #fff;
  background: transparent;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  text-indent: 0;
  transform: translateY(-1px);
}

body.providers-page .verified-badge::before { font-size: 22px; }

body.home-page .featured-provider-copy > span::after,
body.providers-page .verified-badge::after { content: none !important; display: none !important; }

@media (max-width: 820px) {
  .site-header {
    min-height: 104px;
    padding-top: 10px;
    align-items: flex-start;
    background: linear-gradient(180deg, rgba(5,6,9,.98) 0%, rgba(5,6,9,.88) 78%, rgba(5,6,9,.06) 100%);
  }
  .site-header .brand--official { max-width: calc(100% - 64px); margin: 0; padding: 0; }
  .site-header .brand--official::before {
    width: 132px;
    height: 84px;
  }
  .site-header .brand-logo {
    width: min(158px, 46vw);
    min-width: 136px;
    filter: brightness(0) saturate(100%) invert(78%) sepia(56%) saturate(590%) hue-rotate(357deg) brightness(100%) contrast(92%) drop-shadow(0 3px 8px rgba(0,0,0,.58)) drop-shadow(0 0 9px rgba(217,181,111,.38));
  }
  .nav-toggle { position: relative; z-index: 3; margin-top: 14px; }
  .navigation { top: 104px; }
  .hero { background-position: 68% center; }
  .hero .hero-overlay {
    background:
      linear-gradient(90deg, rgba(3,4,7,.90) 0%, rgba(3,4,7,.64) 46%, rgba(3,4,7,.24) 72%, rgba(3,4,7,.10) 100%),
      linear-gradient(0deg, #07080d 0%, rgba(7,8,13,.22) 24%, transparent 48%);
  }
  .hero-content { padding-top: 118px; padding-bottom: 148px; }
  .hero::after {
    padding: 20px 18px;
    content: 'MARIAGES  •  SOIRÉES PRIVÉES  •  ANNIVERSAIRES  •  ÉVÉNEMENTS PRO  •  CLUB & FESTIVALS';
    font-size: 9px;
    line-height: 1.6;
    letter-spacing: .11em;
  }
  .quote-header,
  .account-header { min-height: 104px; padding-top: 10px; align-items: flex-start; }
  .quote-header .brand-logo,
  .account-header .brand-logo {
    width: min(150px, 44vw);
    min-width: 132px;
    filter: brightness(0) saturate(100%) invert(78%) sepia(56%) saturate(590%) hue-rotate(357deg) brightness(100%) contrast(92%) drop-shadow(0 3px 8px rgba(0,0,0,.55)) drop-shadow(0 0 9px rgba(217,181,111,.35));
  }
  .site-footer .brand-logo {
    width: 178px;
    margin-inline: auto;
    filter: brightness(0) saturate(100%) invert(78%) sepia(56%) saturate(590%) hue-rotate(357deg) brightness(96%) contrast(90%);
  }
}