/* Custom Site Wrapper Styles */

/* Gotham Font Face Declarations */
@font-face {
    font-family: 'Gotham';
    src: url('./fonts/gotham/Gotham-Book.otf') format('opentype'),
         url('./fonts/gotham/GOTHAM-BOLD.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('./fonts/gotham/Gotham-BookItalic.otf') format('opentype'),
         url('./fonts/gotham/GOTHAM-BOLDITALIC.TTF') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('./fonts/gotham/Gotham-Light.otf') format('opentype'),
         url('./fonts/gotham/GOTHAM-LIGHT.TTF') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('./fonts/gotham/Gotham-LightItalic.otf') format('opentype'),
         url('./fonts/gotham/GOTHAM-LIGHTITALIC.TTF') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('./fonts/gotham/Gotham-Medium.otf') format('opentype'),
         url('./fonts/gotham/GOTHAM-MEDIUM.TTF') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('./fonts/gotham/Gotham-MediumItalic.otf') format('opentype'),
         url('./fonts/gotham/GOTHAM-MEDIUMITALIC.TTF') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('./fonts/gotham/GOTHAM-BOLD.TTF') format('truetype'),
         url('./fonts/gotham/Gotham-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('./fonts/gotham/Gotham-BoldItalic.otf') format('opentype'),
         url('./fonts/gotham/GOTHAM-BOLDITALIC.TTF') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('./fonts/gotham/GOTHAM-BLACK.TTF') format('truetype'),
         url('./fonts/gotham/GOTHAM-BLACKITALIC.TTF') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('./fonts/gotham/GOTHAM-BLACKITALIC.TTF') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* Apply Gotham font to entire site - COMPREHENSIVE COVERAGE */
* {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Override all possible text elements */
body, html {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Paragraphs and text elements */
p, div, span, a, li, ul, ol, td, th, tr, table {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Form elements */
input, textarea, select, button, label {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Navigation and menu items */
nav, .nav, .menu, .navbar, .navigation {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

nav *, .nav *, .menu *, .navbar *, .navigation * {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* WordPress specific elements */
.site-title, .site-description, .entry-title, .entry-content, .widget-title, .widget {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

.site-title *, .site-description *, .entry-title *, .entry-content *, .widget-title *, .widget * {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Footer elements */
footer, .footer, .site-footer {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

footer *, .footer *, .site-footer * {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Header elements */
header, .header, .site-header {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

header *, .header *, .site-header * {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Content areas */
.content, .main, .primary, .secondary, .sidebar {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

.content *, .main *, .primary *, .secondary *, .sidebar * {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Cards and components */
.card, .component, .element, .block {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

.card *, .component *, .element *, .block * {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Override any inline styles */
[style*="font-family"] {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Override any Poppins or other font references */
[style*="Poppins"], [style*="Arial"], [style*="Helvetica"], [style*="sans-serif"] {
    font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Main site wrapper with max-width and styling */
.site-wrapper {
  max-width: 1941px;
  margin: 0 auto;
  box-shadow: -1px 22px 20px 0 rgba(0, 0, 0, 0.10);
  border-right: 1px solid #E1E9ED;
  min-height: 100vh;
  position: relative;
  background-color: #fff; /* Ensure white background */
  padding: 0 20px;
}

.site-wrapper.homepage-wrapper {
  max-width: 1941px;
  margin: 0 auto;
  min-height: 100vh;
  position: relative;
  background-color: #fff; /* Ensure white background */
  padding: 0 !important;
}


.site-wrapper .hoempage-gradient {
  background: linear-gradient(180deg, #FFF 0%, #F5F7F9 38.89%, #EBEEF4 100%);
  padding-left:  20px !important;
  padding-right:  20px !important;
  padding-bottom: 60px !important;
}

@media (max-width: 768px) {
  .site-wrapper .hoempage-gradient {
    background: linear-gradient(180deg, #FFF 0%, #F5F7F9 38.89%, #EBEEF4 100%);
    padding-left:  0 !important;
    padding-right:  0 !important;
    padding-bottom: 30px !important;
  }
}

.site {
  max-width: 1941px;
  margin: 0 auto;
}

/* Ensure the wrapper takes full width on smaller screens */
@media (max-width: 1941px) {
  .site-wrapper {
    margin: 0;
    max-width: 100%;
    padding: unset;
  }
}

/* Ensure the header navigation stays within the wrapper */
.site-header {
  position: relative;
  z-index: 1000;
}

/* Ensure the footer stays within the wrapper */
.site-footer {
  position: relative;
  z-index: 100;
}

/* Ensure proper stacking context for fixed elements */
.site-wrapper {
  z-index: 1;
}

/* Ensure the body and html have proper height */
html, body {
  height: 100%;
}

/* Ensure the page container has proper height */
#page {
  min-height: 100vh;
}

.site-header nav{
  max-width: 1937px;
  transform: translateX(-50%);
  left: 50%;
}


.front-glass-image{
  left: 50%;
  transform: translateX(-50%);
  top: 21%;
}

.rear-glass-image{
  left: 50%;
  transform: translateX(-50%);
  bottom: 8%;
  width: 32%;
  margin: auto;
}

.new-front-glass-image{
  left: 50%;
  transform: translateX(-50%);
  top: -4%;
  transition: top 0.3s ease-in-out;
}

.new-rear-glass-image{
  left: 50%;
  transform: translateX(-50%);
  bottom: -2%;
  transition: bottom 0.3s ease-in-out;
}

/* Truck-specific styling for front glass image */
#truck-wrapper .new-front-glass-image {
  width: 57%;
}

/* Truck-specific styling for original front glass image */
#truck-wrapper .front-glass-image {
  width: 57%;
  top: 22%;
}

.sidebar-swiper {
  margin: 0 16.5px;
}


@media (max-width: 768px) {
  .new-rear-glass-image {
    width: 33%;
  }
  .new-front-glass-image {
    width: 36%;
  }

  #personenwagen-wrapper .front-glass-image{
    width: 36% !important;
  }

  .mobile-border-b{
    border-bottom: 1px solid #f3f4f6;
    padding-bottom: 20px;
  }
}

.mapboxgl-ctrl-bottom-left{
  display: none;
}

/* Contact Button Positioning - Sticky within site-wrapper */
#contactDropdown {
  position: sticky !important;
  bottom: 100px !important;
  right: 32px !important;
  z-index: 1000 !important;
  pointer-events: auto;
  float: right;
  margin-top: -100px; /* Pull it up to avoid taking space in document flow */
}

/* Ensure contact button doesn't affect page layout */
#contactButton {
  position: relative;
  display: block;
}