/* Ben Rental production — native Full Insurance selector clarity.
 * CSS reads the existing .toggle-extra checkbox only; it changes no booking data. */
@supports selector(tr:has(input.toggle-extra)) {
  .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra) > td {
    background: #fff8f7 !important;
    border-top: 1px solid #f1c7c3 !important;
    border-bottom: 1px solid #f1c7c3 !important;
  }
  .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra) > td:first-child {
    border-left: 5px solid #d93025 !important;
    padding-left: 18px !important;
  }
  .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra) > td:last-child {
    min-width: 264px;
    text-align: right;
  }

  .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra) .extra-selection::before {
    content: '⊕  Full Insurance not selected\A Click “Add insurance” to include 0€ excess cover';
    display: inline-block;
    max-width: 218px;
    margin: 0 10px 0 0;
    padding: 9px 11px;
    border: 1px solid #e7b4af;
    border-radius: 6px;
    background: #fff;
    color: #7b2520;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.35;
    text-align: left;
    white-space: pre-line;
    vertical-align: middle;
  }
  .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra) .extra-selection::first-line {
    font-size: 12px;
    font-weight: 700;
  }

  .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra:checked) > td {
    background: #f0faf3 !important;
    border-top-color: #abd9b9 !important;
    border-bottom-color: #abd9b9 !important;
  }
  .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra:checked) > td:first-child {
    border-left-color: #137a3b !important;
  }
  .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra:checked) .extra-selection::before {
    content: '✓  Full Insurance added\A 0€ excess cover is active · click to remove';
    border-color: #8dce9f;
    background: #e5f6ea;
    color: #126d35;
  }

  /* Bootstrap Toggle’s existing select/selected states, clarified with explicit labels. */
  .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra) .toggle.btn {
    min-width: 174px !important;
    min-height: 44px !important;
    margin: 0 !important;
    border-radius: 5px !important;
    box-shadow: 0 2px 5px rgba(128, 0, 0, .16) !important;
    vertical-align: middle;
  }
  .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra) .toggle.btn .toggle-on,
  .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra) .toggle.btn .toggle-off {
    padding: 10px 14px !important;
    font-size: 0 !important;
    font-weight: 700 !important;
    line-height: 22px !important;
  }
  .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra) .toggle.btn .toggle-off { background: #d93025 !important; color: #fff !important; }
  .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra) .toggle.btn .toggle-on { background: #137a3b !important; color: #fff !important; }
  .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra) .toggle.btn .toggle-off::after { content: '+ Add insurance'; font-size: 13px; }
  .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra) .toggle.btn .toggle-on::after { content: '✓ Insurance added'; font-size: 13px; }

  @media (max-width: 680px) {
    .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra) > td:last-child { min-width: 0; }
    .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra) .extra-selection::before { display: block; max-width: none; margin: 0 0 9px; }
    .car-rental-options #form1 table.extras tr.extra-details:has(input.toggle-extra) .toggle.btn { display: block !important; width: 100% !important; }
  }
}