/* fdbarfety PPR-077955 */
.form-horizontal .form-group label.endorsed-care {text-align: left; font-size: 14px; line-height: 1.2;}
.endorsed-care input[type=checkbox] {margin: 2px 0 0;}

/* ======================================== 
   DEALER.COM CONTENT OVERRIDES 
======================================== */
	
/* Change header contact bar background from black to brand blue */
.header-contact {
  background-color: #0164a0 !important;
  background: #0164a0 !important;
}

/* Dealer.com header phone numbers - make yellow */
.header-contact .tels .tel .value {
  color: #ffbf0b !important;
  font-weight: bold !important;
}	

/* ======================================== RESPONSIVE DESIGN ======================================== */

/* Desktop - Allow wrapping and ensure centering (FIXED) */
@media (min-width: 1367px) {
  #vehicle-uncertainty-section .main-title {
    white-space: normal !important; /* CHANGED: Allow wrapping */
    max-width: 1280px !important; /* ADDED */
    margin-left: auto !important; /* ADDED */
    margin-right: auto !important; /* ADDED */
  }
}

/* Medium devices: tablets / Nest Hub ( 1024px) */
@media (max-width: 1024px) {
  .section-wrapper {
    padding: 0 16px;
  }
  .main-title {
    font-size: 38pt !important;
  }
  .subtitle-light {
    font-size: 20pt !important;
  }
  .body-text {
    font-size: 18px !important;
  }
  #vehicle-uncertainty-section,
  #part-two-section,
  #part-three-section,
  #part-four-section,
  #part-five-section,
  #part-six-section,
  #part-seven-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .three-col-dept {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* TABLET LANDSCAPE - Keep side by side */
@media (min-width: 768px) and (max-width: 1180px) and (orientation: landscape) {
  .main-title {
    font-size: 36pt !important;
    white-space: normal !important;
  }
  
  .subtitle-light {
    font-size: 18pt !important;
  }
  
  #video-text-section .section-wrapper {
    gap: 30px !important;
  }
  
  #video-text-section .left-column,
  #video-text-section #part-two-section {
    flex: 1 1 calc(50% - 15px) !important;
    max-width: calc(50% - 15px) !important;
  }
  
  #video-text-section .left-column iframe {
    width: 100% !important;
    height: 180px !important;
    max-height: none !important;
  }
  
  .three-col-dept {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}

/* TABLET PORTRAIT - Force side-by-side (FIXED) */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .main-title {
    font-size: 40pt !important;
  }
  
  /* Dealer.com widget headings - tablet size */
  .widget-heading.display-4,
  h2.widget-heading,
  h3.widget-heading,
  #model-selector1-app-root h3.widget-heading {
    font-size: 40pt !important;
  }
  
  /* Force side-by-side layout - remove restrictions */
  #video-text-section .section-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 25px !important;
  }
  
  #video-text-section .left-column,
  #video-text-section #part-two-section {
    flex: 1 1 0 !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  
  #video-text-section .left-column iframe {
    width: 100% !important;
    height: 280px !important;
  }
  
  .three-col-dept {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* PHONES ( 767px) - Stack everything */
@media (max-width: 767px) {
  .main-title {
    font-size: 40pt !important;
  }
  
  .subtitle-light {
    font-size: 20pt !important;
  }
  
  /* Dealer.com widget headings - mobile size */
  .widget-heading.display-4,
  h2.widget-heading,
  h3.widget-heading,
  #model-selector1-app-root h3.widget-heading {
    font-size: 32pt !important;
    line-height: 1.1 !important;
  }
  
  #video-text-section .section-wrapper {
    flex-direction: column !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
  }
  
  #video-text-section .left-column,
  #video-text-section #part-two-section {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  
  #video-text-section .left-column iframe {
    height: 210px !important;
    max-width: 100% !important;
  }
  
  #part-six-section .why-buy-container,
  #part-six-section .why-buy-container.reverse {
    flex-direction: column;
    gap: 30px;
    margin-bottom: 40px;
  }
  
  #part-six-section .why-buy-image {
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  #part-six-section .why-buy-text h2 {
    font-size: 40pt !important;
  }
  
  .three-col-dept {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* Small tablets and larger phones ( 650px) */
@media (max-width: 650px) {
  .two-col-list {
    column-count: 1;
    column-gap: 30px;
  }
}

/* Mobile phones ( 480px) */
@media (max-width: 480px) {
  .main-title {
    font-size: 26pt !important;
  }
  
  .subtitle-light {
    font-size: 16pt !important;
  }
  
  /* Dealer.com widget headings - extra small mobile */
  .widget-heading.display-4,
  h2.widget-heading,
  h3.widget-heading,
  #model-selector1-app-root h3.widget-heading {
    font-size: 24pt !important;
    line-height: 1.15 !important;
    margin-bottom: 8px !important;
  }
  
  #vehicle-uncertainty-section .subtitle-light {
    font-size: 16pt !important;
  }
  
  #part-three-section .subtitle-yellow {
    font-size: 16pt !important;
  }
  
  #part-three-section .section-title-white-bold {
    font-size: 16pt !important;
  }
  
  .btn-search,
  .btn-testdrive {
    font-size: 1.265rem !important;
    padding: 0.385em 0.66em !important;
  }
}

/* Mobile phones in landscape */
@media (max-width: 767px) and (orientation: landscape) {
  .main-title {
    font-size: 22pt !important;
    line-height: 1.1 !important;
    margin-bottom: 8px !important;
  }
  
  .subtitle-light {
    font-size: 14pt !important;
  }
  
  section {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  
  #video-text-section .left-column iframe {
    height: 160px !important;
  }
}
