/* Drone & Cam — CSS partagé WordPress / comparateur. Aucun style global. */
.dac-header {
  --dac-red: #ec3013;
  --dac-ink: #201e1d;
  --dac-paper: #f3f2f2;
  --dac-line: #d4d0cc;
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  color: var(--dac-ink);
  background: var(--dac-paper);
  font: 400 14px/1.5 Arial, Helvetica, sans-serif;
  text-align: left;
  border-bottom: 1px solid var(--dac-line);
}
.dac-header *, .dac-header *::before, .dac-header *::after { box-sizing: border-box; }
.dac-header a, #site-header .dac-header a { color: var(--dac-ink); text-decoration: none; }
.dac-header a:focus-visible, .dac-header summary:focus-visible {
  outline: 3px solid var(--dac-red); outline-offset: 3px;
}
.dac-header .dac-inner { width: min(1280px, calc(100% - 48px)); margin: 0 auto; }
.dac-header .dac-top { display: flex; align-items: center; gap: 24px; min-height: 82px; }
.dac-header .dac-brand { display: flex; flex-direction: column; flex: 0 0 auto; line-height: 1.2; }
.dac-header .dac-wordmark { font-size: 23px; font-weight: 900; letter-spacing: -.055em; white-space: nowrap; }
.dac-header .dac-wordmark b { color: var(--dac-red); font-weight: 900; }
.dac-header .dac-tagline { margin-top: 5px; font-size: 9px; letter-spacing: .14em; color: #66615d; }
.dac-header .dac-primary { display: flex; align-items: center; gap: 20px; margin-left: auto; }
.dac-header .dac-primary a, .dac-header .dac-mobile-nav a {
  position: relative; font-size: 12px; font-weight: 800; white-space: nowrap; padding: 12px 0;
}
.dac-header .dac-youtube { border: 1px solid var(--dac-line); padding: 10px 13px; white-space: nowrap; font-size: 11px; font-weight: 800; }
.dac-header .dac-youtube:hover { border-color: var(--dac-red); }
.dac-header a:hover, #site-header .dac-header a:hover { color: var(--dac-red); }
.dac-header a[aria-current], #site-header .dac-header a[aria-current] { color: var(--dac-red); }
.dac-header .dac-primary a[aria-current]::after, .dac-header .dac-categories a[aria-current]::after {
  position: absolute; content: ''; height: 3px; background: var(--dac-red); left: 0; right: 0; bottom: 0;
}
.dac-header .dac-category-bar { border-top: 1px solid var(--dac-line); }
.dac-header .dac-category-inner { display: flex; align-items: center; gap: 24px; }
.dac-header .dac-comparer { font-size: 10px; font-weight: 800; letter-spacing: .12em; white-space: nowrap; }
.dac-header .dac-categories { display: flex; align-items: stretch; gap: 30px; min-width: 0; }
.dac-header .dac-categories a { position: relative; padding: 13px 0; font-size: 12px; font-weight: 800; white-space: nowrap; }
.dac-header .dac-short { display: none; }
.dac-header .dac-mobile-menu { display: none; margin: 0 0 0 auto; padding: 0; border: 0; }
.dac-header .dac-mobile-menu summary { cursor: pointer; border: 1px solid var(--dac-line); padding: 9px 12px; font-size: 12px; font-weight: 800; list-style: none; }
.dac-header .dac-mobile-menu summary::-webkit-details-marker { display: none; }
.dac-header .dac-mobile-menu summary::after { content: ' +'; color: var(--dac-red); }
.dac-header .dac-mobile-menu[open] summary::after { content: ' −'; }
.dac-header .dac-mobile-nav {
  position: absolute; z-index: 10; top: 100%; left: 0; right: 0;
  background: var(--dac-paper); border-bottom: 2px solid var(--dac-red);
  padding: 16px 24px; max-height: min(70dvh, 540px); overflow-y: auto;
  box-shadow: 0 12px 16px rgb(0 0 0 / 8%);
}
.dac-header .dac-mobile-nav a { display: block; border-bottom: 1px solid var(--dac-line); }
.dac-header .dac-mobile-nav a:last-child { border-bottom: 0; }
/* À poser sur le groupe extérieur de l’en-tête, pas sur tous les groupes. */
.dac-header-host { position: sticky; top: 0; z-index: 60; padding: 0 !important; margin-block: 0 !important; max-width: none !important; background: #f3f2f2; }
body.admin-bar .dac-header-host { top: 32px; }
@media (max-width: 1150px) {
  .dac-header .dac-top { gap: 20px; }
  .dac-header .dac-primary { gap: 14px; }
  .dac-header .dac-top > .dac-youtube { display: none; }
}
@media (max-width: 900px) {
  .dac-header .dac-primary { display: none; }
  .dac-header .dac-mobile-menu { display: block; }
  .dac-header .dac-top { min-height: 72px; }
}
@media (max-width: 782px) { body.admin-bar .dac-header-host { top: 46px; } }
@media (max-width: 600px) { body.admin-bar .dac-header-host { top: 0; } }
@media (max-width: 760px) {
  .dac-header .dac-inner { width: calc(100% - 32px); }
  .dac-header .dac-wordmark { font-size: 21px; }
  .dac-header .dac-tagline { font-size: 8px; letter-spacing: .09em; }
  .dac-header .dac-category-inner { gap: 16px; }
  .dac-header .dac-comparer { font-size: 9px; letter-spacing: .03em; }
  .dac-header .dac-categories { gap: 20px; flex: 1; justify-content: space-between; overflow-x: auto; }
  .dac-header .dac-categories a { flex-shrink: 0; min-height: 44px; }
  .dac-header .dac-full { display: none; }
  .dac-header .dac-short { display: inline; }
}
