/* ═══════════════════════════════════════════════════════════════
   GUIDE ACHAT PORSCHE — PREMIUM DESIGN OVERRIDE
   Matching the Porsche Tools design: dark header, gold accents
   v2.0 — stronger Avada overrides, CTA menu buttons
   ═══════════════════════════════════════════════════════════════ */

/* ── Design Tokens ── */
:root {
  --gap-primary: #066aab;
  --gap-primary-dark: #044e7e;
  --gap-primary-light: #e8f4fc;
  --gap-accent: #d4a843;
  --gap-accent-dark: #b8922e;
  --gap-dark: #1a1a2e;
  --gap-dark-mid: #16213e;
  --gap-text: #1a1a2e;
  --gap-text-muted: #6b7280;
  --gap-bg: #f5f6f8;
  --gap-card: #ffffff;
  --gap-border: #e2e5ea;
  --gap-radius: 10px;
  --gap-shadow: 0 2px 12px rgba(0,0,0,0.06);
  --gap-transition: 0.25s ease;
}

/* ══════════════════════════════════════
   TOP HEADER BAR — dark premium
   ══════════════════════════════════════ */
.fusion-top-header,
.fusion-header-v2 .fusion-secondary-header,
.fusion-secondary-header {
  background: var(--gap-dark) !important;
  background-color: var(--gap-dark) !important;
  border-bottom: none !important;
  padding: 6px 0 !important;
}

.fusion-top-header .fusion-secondary-menu a,
.fusion-top-header .fusion-contact-info,
.fusion-top-header .fusion-contact-info a,
.fusion-secondary-header .fusion-row,
.fusion-secondary-header a,
.fusion-secondary-header .fusion-secondary-menu > ul > li > a {
  color: rgba(255,255,255,0.7) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
  transition: var(--gap-transition) !important;
}

.fusion-top-header .fusion-secondary-menu a:hover,
.fusion-top-header .fusion-contact-info a:hover,
.fusion-secondary-header a:hover {
  color: var(--gap-accent) !important;
}

/* ══════════════════════════════════════
   MAIN HEADER — dark gradient
   Aggressive selectors to beat Avada inline styles
   ══════════════════════════════════════ */
.fusion-header-wrapper .fusion-header,
.fusion-header-v2 .fusion-header,
.fusion-header-wrapper .fusion-header-v2,
.fusion-header,
body .fusion-header-wrapper .fusion-header,
body .fusion-header-v2 .fusion-header {
  background: linear-gradient(135deg, var(--gap-dark) 0%, var(--gap-dark-mid) 60%, var(--gap-dark) 100%) !important;
  background-color: var(--gap-dark) !important;
  border-bottom: none !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
  position: relative !important;
}

/* Override any Avada row backgrounds inside header */
.fusion-header .fusion-row,
.fusion-header-v2 .fusion-row {
  background: transparent !important;
  background-color: transparent !important;
}

/* Gold accent line under header */
.fusion-header-wrapper .fusion-header::after,
body .fusion-header::after {
  content: '' !important;
  display: block !important;
  height: 3px !important;
  background: linear-gradient(90deg, transparent, var(--gap-accent), transparent) !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 10 !important;
}

/* ── Logo ── */
.fusion-header .fusion-logo a img,
.fusion-logo a img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.95 !important;
  transition: var(--gap-transition) !important;
  max-height: 60px !important;
}

.fusion-header .fusion-logo a:hover img,
.fusion-logo a:hover img {
  opacity: 1 !important;
}

/* ══════════════════════════════════════
   MAIN MENU — white text on dark
   ══════════════════════════════════════ */

/* Force single-row menu */
.fusion-main-menu > ul {
  flex-wrap: nowrap !important;
  align-items: center !important;
}

/* Hide search overlay icon in menu (looks like hamburger) */
.fusion-main-menu .fusion-custom-menu-item.fusion-main-menu-search {
  display: none !important;
}

/* Hide mobile hamburger on desktop */
.fusion-header .fusion-mobile-menu-icons {
  display: none !important;
}

/* Hide arrow indicator on menu items without children */
.fusion-main-menu > ul > li:not(.menu-item-has-children) > a .fusion-arrow-svg {
  display: none !important;
}

.fusion-main-menu > ul > li > a,
.fusion-header-v2 .fusion-main-menu > ul > li > a,
body .fusion-main-menu > ul > li > a .menu-text {
  color: rgba(255,255,255,0.85) !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  text-transform: none !important;
  padding: 8px 9px !important;
  transition: var(--gap-transition) !important;
  border-radius: 6px !important;
  position: relative !important;
  white-space: nowrap !important;
}

.fusion-main-menu > ul > li > a:hover,
.fusion-main-menu > ul > li.current-menu-item > a,
.fusion-main-menu > ul > li.current-menu-ancestor > a,
.fusion-main-menu > ul > li.current_page_item > a {
  color: #fff !important;
  background: rgba(255,255,255,0.08) !important;
}

/* Active menu gold underline */
.fusion-main-menu > ul > li.current-menu-item > a::after,
.fusion-main-menu > ul > li.current_page_item > a::after {
  content: '' !important;
  display: block !important;
  height: 2px !important;
  background: var(--gap-accent) !important;
  position: absolute !important;
  bottom: 2px !important;
  left: 9px !important;
  right: 9px !important;
  border-radius: 1px !important;
}

/* Menu arrow SVGs — white */
.fusion-main-menu .fusion-arrow svg,
.fusion-main-menu .fusion-arrow-svg svg {
  fill: rgba(255,255,255,0.5) !important;
}

.fusion-main-menu > ul > li > a:hover .fusion-arrow svg,
.fusion-main-menu > ul > li > a:hover .fusion-arrow-svg svg {
  fill: rgba(255,255,255,0.8) !important;
}

/* ── OUTILS menu — CTA button style ── */
.fusion-main-menu > ul > li.menu-item-711 {
  align-self: center !important;
}

.fusion-main-menu > ul > li.menu-item-711 > a {
  background: var(--gap-primary) !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
  box-shadow: 0 2px 8px rgba(6,106,171,0.25) !important;
  transition: all 0.25s ease !important;
  height: auto !important;
  line-height: 1.4 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.fusion-main-menu > ul > li.menu-item-711 > a:hover {
  background: var(--gap-primary-dark) !important;
  box-shadow: 0 4px 16px rgba(6,106,171,0.35) !important;
  transform: translateY(-1px) !important;
}

/* ── ASSURANCE menu — accent gold CTA ── */
.fusion-main-menu > ul > li.menu-item-708 {
  align-self: center !important;
}

.fusion-main-menu > ul > li.menu-item-708 > a {
  background: linear-gradient(135deg, var(--gap-accent), var(--gap-accent-dark)) !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
  box-shadow: 0 2px 8px rgba(212,168,67,0.3) !important;
  transition: all 0.25s ease !important;
  height: auto !important;
  line-height: 1.4 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.fusion-main-menu > ul > li.menu-item-708 > a:hover {
  background: linear-gradient(135deg, var(--gap-accent-dark), #9a7a22) !important;
  box-shadow: 0 4px 16px rgba(212,168,67,0.4) !important;
  transform: translateY(-1px) !important;
}

/* ── Submenu dropdown ── */
.fusion-main-menu ul.sub-menu,
.fusion-main-menu .fusion-dropdown-menu ul,
.fusion-dropdown-menu .sub-menu,
.fusion-main-menu > ul > li > ul,
body .fusion-main-menu ul ul {
  background: var(--gap-card) !important;
  background-color: var(--gap-card) !important;
  border: 1px solid var(--gap-border) !important;
  border-radius: var(--gap-radius) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.12) !important;
  padding: 8px !important;
  margin-top: 0 !important;
  border-top: 3px solid var(--gap-accent) !important;
}

.fusion-main-menu ul.sub-menu li a,
.fusion-main-menu .sub-menu li a,
.fusion-dropdown-menu .sub-menu li a,
body .fusion-main-menu ul ul li a {
  color: var(--gap-text) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 10px 16px !important;
  border-radius: 6px !important;
  transition: var(--gap-transition) !important;
  background: transparent !important;
}

.fusion-main-menu ul.sub-menu li a:hover,
.fusion-main-menu .sub-menu li a:hover,
body .fusion-main-menu ul ul li a:hover {
  background: var(--gap-primary-light) !important;
  color: var(--gap-primary) !important;
}

/* Submenu item separator override */
.fusion-main-menu ul.sub-menu li,
.fusion-dropdown-menu .sub-menu li {
  border-bottom: none !important;
}

/* ══════════════════════════════════════
   STICKY HEADER
   ══════════════════════════════════════ */
.fusion-header-wrapper.fusion-is-sticky .fusion-header,
.fusion-sticky-header-wrapper .fusion-header,
.fusion-is-sticky .fusion-header {
  background: linear-gradient(135deg, var(--gap-dark) 0%, var(--gap-dark-mid) 100%) !important;
  background-color: var(--gap-dark) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2) !important;
}

/* ══════════════════════════════════════
   MOBILE MENU
   ══════════════════════════════════════ */
.fusion-mobile-menu-design-modern .fusion-mobile-nav-holder,
.fusion-mobile-nav-holder,
.fusion-mobile-menu-design-classic .fusion-mobile-nav-holder {
  background: var(--gap-dark) !important;
  background-color: var(--gap-dark) !important;
}

.fusion-mobile-nav-holder li a,
.fusion-mobile-nav-holder .menu-item a {
  color: rgba(255,255,255,0.85) !important;
  border-color: rgba(255,255,255,0.08) !important;
  font-weight: 500 !important;
}

.fusion-mobile-nav-holder li a:hover,
.fusion-mobile-nav-holder li.current-menu-item a {
  color: var(--gap-accent) !important;
  background: rgba(255,255,255,0.05) !important;
}

/* Mobile CTA items */
.fusion-mobile-nav-holder li.menu-item-711 > a {
  color: var(--gap-primary) !important;
  font-weight: 700 !important;
}

.fusion-mobile-nav-holder li.menu-item-708 > a {
  color: var(--gap-accent) !important;
  font-weight: 700 !important;
}

/* Mobile toggle icon */
.fusion-icon-bars,
.fusion-mobile-menu-icons a,
.fusion-flyout-menu-toggle {
  color: #fff !important;
}

/* Mobile "Go to..." selector button — dark to match header */
.fusion-mobile-selector,
body .fusion-mobile-selector {
  background: var(--gap-dark-mid) !important;
  background-color: var(--gap-dark-mid) !important;
  color: rgba(255,255,255,0.85) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  height: 40px !important;
  line-height: 40px !important;
}

.fusion-mobile-selector span {
  color: rgba(255,255,255,0.85) !important;
}

/* Mobile selector dropdown arrow — white */
.fusion-selector-down {
  border-color: rgba(255,255,255,0.6) transparent transparent !important;
}

/* Mobile submenu toggle arrows */
.fusion-open-nav-submenu {
  color: rgba(255,255,255,0.5) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

.fusion-open-nav-submenu:hover {
  color: var(--gap-accent) !important;
}

/* ══════════════════════════════════════
   BODY & CONTENT
   ══════════════════════════════════════ */
body {
  background: var(--gap-bg) !important;
  color: var(--gap-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

#main {
  background: var(--gap-bg) !important;
}

/* ── Page Title Bar ── */
.fusion-page-title-bar,
body .fusion-page-title-bar {
  background: linear-gradient(135deg, var(--gap-dark) 0%, var(--gap-dark-mid) 60%, var(--gap-dark) 100%) !important;
  background-color: var(--gap-dark) !important;
  border-bottom: 3px solid var(--gap-accent) !important;
  padding: 40px 0 !important;
}

.fusion-page-title-bar .fusion-page-title-row h1,
.fusion-page-title-bar h1,
.fusion-page-title-bar .entry-title {
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
}

.fusion-page-title-bar .fusion-page-title-secondary {
  color: rgba(255,255,255,0.7) !important;
}

/* Breadcrumbs */
.fusion-breadcrumbs,
.fusion-breadcrumbs a,
.fusion-breadcrumbs span {
  color: rgba(255,255,255,0.6) !important;
}

.fusion-breadcrumbs a:hover {
  color: var(--gap-accent) !important;
}

/* ══════════════════════════════════════
   TYPOGRAPHY
   ══════════════════════════════════════ */
h1, h2, h3, h4, h5, h6,
.entry-title,
.fusion-title h1,
.fusion-title h2,
.fusion-title h3 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  color: var(--gap-text) !important;
  font-weight: 700 !important;
  letter-spacing: -0.3px !important;
}

/* Content area — better readability */
.post-content,
.fusion-post-content,
.panel-body {
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #374151 !important;
}

.post-content p,
.fusion-post-content p {
  margin-bottom: 1.25em !important;
}

/* Content headings — better hierarchy & spacing */
.post-content h2,
.fusion-post-content h2 {
  font-size: 28px !important;
  margin-top: 2.5em !important;
  margin-bottom: 0.8em !important;
  padding-bottom: 0.4em !important;
  border-bottom: 2px solid var(--gap-primary-light) !important;
  color: var(--gap-text) !important;
}

.post-content h3,
.fusion-post-content h3 {
  font-size: 22px !important;
  margin-top: 2em !important;
  margin-bottom: 0.6em !important;
  color: var(--gap-primary-dark) !important;
}

.post-content h4,
.fusion-post-content h4 {
  font-size: 18px !important;
  margin-top: 1.5em !important;
  margin-bottom: 0.5em !important;
  color: var(--gap-text) !important;
}

/* Content images — rounded + shadow */
.post-content img,
.fusion-post-content img,
.wp-block-image img {
  border-radius: var(--gap-radius) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}

/* Links in content */
.post-content a,
.fusion-post-content a,
article a {
  color: var(--gap-primary) !important;
  transition: var(--gap-transition) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(6,106,171,0.2) !important;
}

.post-content a:hover,
.fusion-post-content a:hover,
article a:hover {
  border-bottom-color: var(--gap-accent) !important;
}

.post-content a:hover,
.fusion-post-content a:hover,
article a:hover {
  color: var(--gap-accent) !important;
}

/* Buttons */
.fusion-button,
.fusion-button-default-size,
body .fusion-button {
  background: var(--gap-primary) !important;
  background-color: var(--gap-primary) !important;
  border-color: var(--gap-primary) !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  transition: var(--gap-transition) !important;
  box-shadow: 0 2px 8px rgba(6,106,171,0.2) !important;
}

.fusion-button:hover,
.fusion-button-default-size:hover {
  background: var(--gap-primary-dark) !important;
  background-color: var(--gap-primary-dark) !important;
  border-color: var(--gap-primary-dark) !important;
  box-shadow: 0 4px 16px rgba(6,106,171,0.3) !important;
  transform: translateY(-1px) !important;
}

/* ══════════════════════════════════════
   CARDS & BLOG POSTS
   ══════════════════════════════════════ */
.fusion-blog-layout-grid .post,
.fusion-portfolio-one .fusion-portfolio-content,
article.post {
  background: var(--gap-card) !important;
  border-radius: var(--gap-radius) !important;
  box-shadow: var(--gap-shadow) !important;
  border: 1px solid var(--gap-border) !important;
  overflow: hidden !important;
  transition: var(--gap-transition) !important;
}

.fusion-blog-layout-grid .post:hover,
article.post:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.1) !important;
  transform: translateY(-2px) !important;
}

/* ══════════════════════════════════════
   SIDEBAR WIDGETS
   ══════════════════════════════════════ */
.sidebar .widget {
  background: var(--gap-card) !important;
  border-radius: var(--gap-radius) !important;
  padding: 24px !important;
  box-shadow: var(--gap-shadow) !important;
  margin-bottom: 24px !important;
  border-left: 3px solid var(--gap-accent) !important;
}

.sidebar .widget-title,
.sidebar .heading h4 {
  color: var(--gap-text) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid var(--gap-primary-light) !important;
  margin-bottom: 16px !important;
}

/* ══════════════════════════════════════
   FOOTER — premium dark
   ══════════════════════════════════════ */
.fusion-footer-widget-area,
body .fusion-footer-widget-area {
  background: linear-gradient(135deg, var(--gap-dark) 0%, var(--gap-dark-mid) 100%) !important;
  background-color: var(--gap-dark) !important;
  padding: 50px 0 30px !important;
  border-top: 3px solid var(--gap-accent) !important;
}

.fusion-footer-widget-area .widget-title,
.fusion-footer-widget-area .heading h4 {
  color: var(--gap-accent) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

.fusion-footer-widget-area,
.fusion-footer-widget-area p,
.fusion-footer-widget-area li,
.fusion-footer-widget-area span,
.fusion-footer-widget-area .textwidget {
  color: rgba(255,255,255,0.7) !important;
}

.fusion-footer-widget-area a {
  color: rgba(255,255,255,0.7) !important;
}

.fusion-footer-widget-area a:hover {
  color: var(--gap-accent) !important;
}

/* Footer copyright */
.fusion-footer-copyright-area,
.fusion-copyright-content,
body .fusion-footer-copyright-area {
  background: #0f0f1e !important;
  background-color: #0f0f1e !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  padding: 18px 0 !important;
}

.fusion-copyright-content,
.fusion-copyright-content a,
.fusion-footer-copyright-area .fusion-row {
  color: rgba(255,255,255,0.4) !important;
  font-size: 12px !important;
}

.fusion-copyright-content a:hover {
  color: var(--gap-accent) !important;
}

/* ══════════════════════════════════════
   REVOLUTION SLIDER
   ══════════════════════════════════════ */
.rev_slider_wrapper {
  border-bottom: 3px solid var(--gap-accent) !important;
}

/* ══════════════════════════════════════
   MISC REFINEMENTS
   ══════════════════════════════════════ */

/* Search */
.searchform .fusion-search-form-content .fusion-search-field input,
.fusion-search-form input[type="text"],
.fusion-main-menu-search-open .fusion-custom-menu-item-contents input {
  border-radius: 8px !important;
  border: 1.5px solid var(--gap-border) !important;
  padding: 10px 16px !important;
  transition: var(--gap-transition) !important;
  background: #fff !important;
}

.searchform .fusion-search-form-content .fusion-search-field input:focus {
  border-color: var(--gap-primary) !important;
  box-shadow: 0 0 0 3px rgba(6,106,171,0.1) !important;
}

/* Separator */
.fusion-separator .icon-wrapper {
  background: var(--gap-bg) !important;
}

/* Scroll to top */
.fusion-top-top-link {
  background: var(--gap-dark) !important;
  color: var(--gap-accent) !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

.fusion-top-top-link:hover {
  background: var(--gap-accent) !important;
  color: #fff !important;
}

/* Tabs */
.fusion-tabs .nav-tabs > li > a,
.fusion-tabs .nav-tabs > li.active > a {
  border-radius: 8px 8px 0 0 !important;
  font-weight: 600 !important;
}

/* Images */
.fusion-imageframe {
  border-radius: var(--gap-radius) !important;
  overflow: hidden !important;
}

/* Social icons */
.fusion-social-links .fusion-social-network-icon {
  background: rgba(255,255,255,0.08) !important;
  border-radius: 50% !important;
  transition: var(--gap-transition) !important;
}

.fusion-social-links .fusion-social-network-icon:hover {
  background: var(--gap-accent) !important;
  transform: translateY(-2px) !important;
}

/* Fullwidth section borders */
.fusion-fullwidth {
  border: none !important;
}

/* ══════════════════════════════════════
   CONTENT WRAPPER — white card on gray bg
   ══════════════════════════════════════ */
.fusion-post-content-container,
#content > .fusion-fullwidth:first-child,
.post-content-container {
  max-width: 900px !important;
}

/* Better blockquotes */
.post-content blockquote,
.fusion-post-content blockquote {
  border-left: 4px solid var(--gap-accent) !important;
  background: var(--gap-primary-light) !important;
  padding: 20px 24px !important;
  margin: 1.5em 0 !important;
  border-radius: 0 var(--gap-radius) var(--gap-radius) 0 !important;
  font-style: italic !important;
  color: var(--gap-text) !important;
}

/* Better lists in content */
.post-content ul,
.post-content ol,
.fusion-post-content ul,
.fusion-post-content ol {
  padding-left: 1.5em !important;
  margin-bottom: 1.25em !important;
}

.post-content li,
.fusion-post-content li {
  margin-bottom: 0.5em !important;
  line-height: 1.7 !important;
}

/* ══════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════ */
@media (max-width: 800px) {
  .fusion-header-wrapper .fusion-header::after,
  body .fusion-header::after {
    display: none !important;
  }

  .fusion-page-title-bar {
    padding: 24px 0 !important;
  }

  .fusion-page-title-bar h1 {
    font-size: 24px !important;
  }

  .fusion-footer-widget-area {
    padding: 30px 0 20px !important;
  }

  .fusion-main-menu > ul > li > a {
    font-size: 12px !important;
    padding: 8px 10px !important;
  }

  .fusion-main-menu > ul > li.menu-item-711 > a,
  .fusion-main-menu > ul > li.menu-item-708 > a {
    padding: 6px 12px !important;
    font-size: 11px !important;
  }

  /* Mobile content adjustments */
  .post-content h2,
  .fusion-post-content h2 {
    font-size: 22px !important;
    margin-top: 2em !important;
  }

  .post-content h3,
  .fusion-post-content h3 {
    font-size: 18px !important;
  }

  .post-content,
  .fusion-post-content {
    font-size: 15px !important;
  }
}