/**
 * OCWD (/cwd, /sak) — Cab Istanbul visual parity with homepage.
 * Scope: body.ocwd-page.cab8b5-v2-shell (no .home-page; avoids homepage-only JS/layout hooks).
 * Palette: #111111, #0f0f0f, #ffffff, #fcb142, #e39b21
 */

body.ocwd-page.cab8b5-v2-shell {
  --cab-dark: #0f0f0f;
  --cab-black: #111111;
  --cab-gold: #fcb142;
  --cab-gold-dark: #e39b21;
  --cab-muted: #6f7785;
  --cab-card: #ffffff;
}

body.ocwd-page.cab8b5-v2-shell {
  background-color: var(--cab-dark) !important;
  color: #e8edf1;
}

/* --------------------------------------------------------------------------
   8H5 — Hero + booking: match homepage (cab-hero-home-layout + home-shell heights)
   -------------------------------------------------------------------------- */
body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page.hero-booking .carousel-captions.caption-1 {
  min-height: 560px !important;
  background-color: var(--cab-black) !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Same gradient language as resources/views/site/partials/hero-booking.blade.php */
body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page.hero-booking .carousel-captions.caption-1::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(
    95deg,
    rgba(7, 24, 33, 0.68) 0%,
    rgba(7, 24, 33, 0.42) 45%,
    rgba(7, 24, 33, 0.22) 100%
  ) !important;
}

body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page .carousel-captions .container,
body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page .carousel-captions .row {
  position: relative;
  z-index: 2;
}

/* Homepage-style stacked hero: full-width copy, centered wide form */
body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page.hero-booking .cab-hero-home-layout {
  display: block;
  text-align: center;
}

body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page.hero-booking .cab-hero-home-layout .hero-copy-col {
  max-width: 100%;
  flex: 0 0 100%;
  width: 100%;
}

body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page.hero-booking .cab-hero-home-layout .hero-form-col {
  max-width: min(1180px, 100%);
  margin: 26px auto 0;
  float: none;
  flex: 0 0 100%;
  width: 100%;
}

body.ocwd-page.cab8b5-v2-shell .rentacar-page.hero-booking .carousel-captions .content {
  padding-top: clamp(72px, 11vh, 130px) !important;
  padding-bottom: 20px !important;
}

body.ocwd-page.cab8b5-v2-shell .rentacar-page.hero-booking .carousel-captions .content_tabs {
  padding-top: 0 !important;
}

body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page .content h2,
body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page .content p {
  color: #ffffff !important;
  text-shadow: 0 6px 28px rgba(0, 0, 0, 0.55);
}

body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page .content p {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page .hs_effect_btn a {
  background: linear-gradient(90deg, var(--cab-gold-dark) 0%, var(--cab-gold) 55%, #ffd166 100%) !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.38) !important;
  font-weight: 700 !important;
}

body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page .hs_effect_btn a:hover {
  filter: brightness(1.05);
}

@media (max-width: 991px) {
  body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page.hero-booking .carousel-captions.caption-1 {
    min-height: 460px !important;
  }

  body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page.hero-booking .cab-hero-home-layout .hero-form-col {
    margin-top: 20px;
    max-width: 100%;
  }
}

/* --------------------------------------------------------------------------
   Booking card — premium white shell (homepage hero-form-col)
   -------------------------------------------------------------------------- */
body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page.hero-booking .cab-hero-home-layout .hero-form-col .content_tabs {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 54px rgba(7, 24, 33, 0.34) !important;
  padding: 14px 16px !important;
}

body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page .content_tabs {
  background: var(--cab-card) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.42) !important;
  padding: 10px 12px !important;
}

body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page .content_tabs .x_slider_form_main_wrapper {
  border: 1px solid rgba(17, 17, 17, 0.1) !important;
  border-radius: 12px !important;
}

/* Form fills the wide card (no 640px cap) */
body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop.hero-rentcar-form {
  width: 100% !important;
  max-width: 100% !important;
}

/* Daily / hourly — Cab gold accent (compact tab feel) */
body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_checkbox.float_left {
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
  justify-content: center;
  width: 100%;
  padding: 8px 10px !important;
  margin-bottom: 6px !important;
  border-radius: 10px !important;
  background: rgba(252, 177, 66, 0.12) !important;
  border: 1px solid rgba(252, 177, 66, 0.35) !important;
}

/* Daily / hourly only (avoid styling city_use radios) */
body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop #day:checked + label,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop #hour:checked + label {
  color: #111111 !important;
  border-bottom: 2px solid var(--cab-gold-dark) !important;
  padding-bottom: 2px;
}

@media (min-width: 992px) {
  /* Two-column flow for main field row — yatay, kompakt */
  body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_form_main_wrapper > .row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_form_main_wrapper > .row > [class*="col-"],
  body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_form_main_wrapper > .row > #driver-language-wrapper {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
  }

  body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_form_main_wrapper > .row > .col-md-12,
  body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_form_main_wrapper > .row > #driver-language-wrapper {
    grid-column: 1 / -1 !important;
  }

  body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_form_main_wrapper > .row > .col-md-6 {
    grid-column: auto !important;
  }

  body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_checkbox_bottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_checout_left,
  body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_checout_right {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
  }

  body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_checout_right ul {
    margin: 0 auto !important;
      max-width: 520px !important;
  }

  body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .submitForm {
    width: 100% !important;
    max-width: 520px !important;
    justify-content: center !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
}

@media (max-width: 991.98px) {
  body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_form_main_wrapper > .row {
    display: block !important;
  }

  body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_form_main_wrapper > .row > .col-md-12,
  body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_form_main_wrapper > .row > .col-md-6,
  body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_form_main_wrapper > .row > #driver-language-wrapper {
    grid-column: unset !important;
    width: 100% !important;
  }

  body.ocwd-page.cab8b5-v2-shell .slider-area.rentacar-page.hero-booking .cab-hero-home-layout .hero-form-col .content_tabs {
    padding: 10px 12px !important;
    border-radius: 12px !important;
  }
}

body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop.hero-rentcar-form .x_slider_form_heading_wrapper h3,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile.hero-rentcar-form .x_slider_form_heading_wrapper h3 {
  color: #21252d !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_form_input_wrapper h3,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .form-sec-header h3,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile .x_slider_form_input_wrapper h3,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile .form-sec-header h3 {
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin: 0 0 4px !important;
  font-weight: 700 !important;
  color: #4a5568 !important;
}

body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .form-control,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile .form-control {
  padding: 8px 11px !important;
  font-size: 14px !important;
  min-height: 40px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(17, 17, 17, 0.12) !important;
}

body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_select .myselect,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_select select,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile .x_slider_select .myselect,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile .x_slider_select select {
  min-height: 40px !important;
  font-size: 14px !important;
  border-radius: 8px !important;
}

body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_checkbox input[type="radio"] + label,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_checkbox input[type="checkbox"] + label,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile .x_slider_checkbox input[type="radio"] + label,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile .x_slider_checkbox input[type="checkbox"] + label,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile .city-use-radio-item {
  color: #2d3340 !important;
}

body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_checkbox input[type="radio"]:checked + label,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_checkbox input[type="checkbox"]:checked + label,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile .x_slider_checkbox input[type="radio"]:checked + label,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile .x_slider_checkbox input[type="checkbox"]:checked + label {
  color: #111111 !important;
  font-weight: 700 !important;
}

body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .submitForm,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile .submitForm {
  background: var(--cab-gold) !important;
  border: 1px solid var(--cab-gold-dark) !important;
  color: #111111 !important;
  box-shadow: 0 10px 24px rgba(252, 177, 66, 0.33) !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  padding: 13px 18px !important;
}

body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .submitForm:hover,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile .submitForm:hover {
  background: var(--cab-gold-dark) !important;
  border-color: var(--cab-gold-dark) !important;
}

body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_checkbox_bottom,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile .x_slider_checkbox_bottom {
  border-top: 1px solid rgba(17, 17, 17, 0.08) !important;
  padding-top: 8px !important;
  margin-top: 6px !important;
}

body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_checout_left ul li,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile .x_slider_checout_left ul li {
  color: #3d4654 !important;
  font-size: 12px !important;
}

body.ocwd-page.cab8b5-v2-shell #soforluAracRentDesktop .x_slider_checout_left .fa-check-circle,
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile .x_slider_checout_left .fa-check-circle {
  color: var(--cab-gold-dark) !important;
}

/* Mobile form panel */
body.ocwd-page.cab8b5-v2-shell #soforluAracRentMobile .x_slider_form_main_wrapper,
body.ocwd-page.cab8b5-v2-shell .x_responsive_form_wrapper2 .x_slider_form_main_wrapper {
  background: var(--cab-card) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28) !important;
  padding: 12px !important;
}

body.ocwd-page.cab8b5-v2-shell .x_responsive_form_wrapper.x_responsive_form_wrapper2 {
  background: transparent !important;
}

/* No legacy “zoom” on form — compact card like homepage */
body.ocwd-page.cab8b5-v2-shell.rentacar-page.rentacar-ocwd .hero-rentcar-form {
  transform: none !important;
  will-change: auto !important;
}

/* Below-hero homepage blocks: ocwd-cab-v2-shell-parity.css (from cab-v2-shell-8b5). */

/* --------------------------------------------------------------------------
   Footer — match homepage cab-v2-shell 8E7 / 8G5 (scoped to OCWD body only)
   -------------------------------------------------------------------------- */
body.ocwd-page.cab8b5-v2-shell footer.cab8b8-footer .cab8b8-footer__social {
  gap: 7px;
  row-gap: 7px;
  align-items: center;
  align-content: center;
}

body.ocwd-page.cab8b5-v2-shell footer.cab8b8-footer .cab8b8-footer__social li {
  display: flex;
  align-items: center;
}

body.ocwd-page.cab8b5-v2-shell footer.cab8b8-footer .cab8b8-footer__social li > a {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px;
  min-height: 30px;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

body.ocwd-page.cab8b5-v2-shell footer.cab8b8-footer .cab8b8-footer__social li > a:hover {
  transform: translateY(-1px) scale(1.05);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
  filter: brightness(1.05);
}

body.ocwd-page.cab8b5-v2-shell footer.cab8b8-footer .cab8b8-footer__social li > a svg {
  width: 17px !important;
  height: 17px !important;
  flex-shrink: 0;
}

body.ocwd-page.cab8b5-v2-shell footer.cab8b8-footer .cab8b8-footer__cta {
  background: #1440a8 !important;
  background-image: none !important;
}

body.ocwd-page.cab8b5-v2-shell footer.cab8b8-footer .cab8b8-footer__cta-copy h3 {
  color: #fcb142 !important;
}

body.ocwd-page.cab8b5-v2-shell footer.cab8b8-footer .cab8b8-footer__cta-copy p {
  color: rgba(252, 177, 66, 0.92) !important;
}

body.ocwd-page.cab8b5-v2-shell footer.cab8b8-footer .cab8b8-footer__cta .cab8b8-btn {
  background: #fcb142 !important;
  color: #111111 !important;
  border: 1px solid #fcb142 !important;
}

body.ocwd-page.cab8b5-v2-shell footer.cab8b8-footer .cab8b8-footer__cta .cab8b8-btn:hover {
  background: #111111 !important;
  color: #fcb142 !important;
  border: 1px solid #fcb142 !important;
}

@media (max-width: 991px) {
  body.ocwd-page.cab8b5-v2-shell footer.cab8b8-footer .cab8b8-footer__social li > a {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px;
    min-height: 28px;
  }

  body.ocwd-page.cab8b5-v2-shell footer.cab8b8-footer .cab8b8-footer__social li > a svg {
    width: 16px !important;
    height: 16px !important;
  }
}

/* Floating stack: explicit parity with homepage selectors */
body.ocwd-page.cab8b5-v2-shell .cab8e8-float-stack #return-to-top {
  background: #fcb142 !important;
  color: #111111 !important;
}

body.ocwd-page.cab8b5-v2-shell .cab8e8-float-stack #return-to-top:hover {
  background: #111111 !important;
  color: #fcb142 !important;
  border: 1px solid #fcb142 !important;
}