/* Altea Rent – small follow-up fixes on top of style.css */

/* ---------- Booking pages: one shared column ---------- */
/* Astra's page-builder rule (.ast-page-builder-template .entry-content > *) removes our max-width */
.entry-content > .plugin-container,
.plugin-container.wrap { max-width: 1120px !important; margin-left: auto !important; margin-right: auto !important; padding-inline: 20px; box-sizing: border-box; }
.plugin-container > .vrcstepsbarcont,
.plugin-container > .vrc-itinerary-summary,
.plugin-container > .vrc-searchfilter-characteristics-container,
.plugin-container > .vrcarsfound,
.plugin-container > .vrc-search-results-block,
.plugin-container > form { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; box-sizing: border-box; }
/* duration sits inside the drop-off box, so only two columns */
.vrc-itinerary-summary, .vrc-itinerary-confirmation { grid-template-columns: 1fr 1fr !important; }
/* filter chips: no extra frame around the row */
.vrc-searchfilter-characteristics-container { background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 0 6px !important; }
.vrc-searchfilter-characteristic input[type="checkbox"] { margin: 0; }

/* ---------- Back button: solid, at the bottom (VikRentCar) and copied to the top (main.php script) ---------- */
.plugin-container .vrc-goback-block {
  border: 0 !important; border-radius: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important;
}
.plugin-container > .vrc-goback-block.ar-back-top { margin: 0 0 20px !important; }
.plugin-container .vrc-goback-block a,
.plugin-container .vrc-goback-block input,
.plugin-container .vrc-goback-block button {
  display: inline-flex !important; align-items: center; gap: 8px;
  background: var(--ar-ink) !important; color: #fff !important;
  border: 0 !important; outline: 0 !important; box-shadow: none !important;
  border-radius: var(--ar-radius) !important; padding: 11px 18px !important; min-height: 0 !important;
  font: 600 14px/1.2 var(--ar-body) !important; text-decoration: none !important; text-transform: none !important;
  transition: background .15s;
}
.plugin-container .vrc-goback-block a::before { content: "\2190"; }
.plugin-container .vrc-goback-block a:hover,
.plugin-container .vrc-goback-block input:hover,
.plugin-container .vrc-goback-block button:hover { background: #000 !important; color: #fff !important; }
.plugin-container .vrc-goback-block a:focus-visible { outline: 3px solid var(--ar-orange-soft) !important; outline-offset: 2px; }
.car_buttons_box .booknow { min-width: 220px; min-height: 54px; }

/* category pill on car list / results: hug its text instead of spanning the row */
.vrc-car-category, .vrclistcarcat { width: fit-content; max-width: 100%; }

/* ---------- Search / booking box: plain fields with an underline ---------- */
/* drop the extra layers: Elementor widget background + VikRentCar grey form */
.elementor-widget-wp-widget-mod_vikrentcar_search > .elementor-widget-container { background: transparent !important; }
.vrcdivsearch form,
.vrcdivsearch .vrcdivsearch-inner { background: transparent !important; border: 0 !important; padding: 0 !important; }

/* no grey tiles around the fields */
.vrcdivsearch .vrcsfentrycont,
.vrcdivsearch .vrcsfentrylabsel { background: transparent !important; padding: 0 !important; border-radius: 0 !important; }
.vrcdivsearch .vrc-searchmod-section-datetimes > .vrcsfentrycont,
.vrcdivsearch .vrc-searchf-section-datetimes > .vrcsfentrycont { gap: 6px 18px; }

/* every field gets a bottom border so it reads as an input */
.vrcdivsearch .vrcsfentryselect select,
.vrcdivsearch .vrcsfentrydate,
.vrcdivsearch .vrc-sf-time-container select {
  background-color: transparent !important;
  border: 0 !important;
  border-bottom: 1.5px solid #CFCBC4 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 40px !important;
  transition: border-color .15s;
}
.vrcdivsearch .vrcsfentrydate { display: flex !important; align-items: center; position: relative; }
.vrcdivsearch .vrcsfentrydate input,
.vrcdivsearch .vrcsfentrydate .hasDatepicker {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  width: 100% !important; height: 38px !important; min-height: 0 !important; padding: 0 28px 0 0 !important; margin: 0 !important; float: none !important;
}
.vrcdivsearch .vrcsfentryselect select { width: 100% !important; padding: 0 28px 0 0 !important; }
.vrcdivsearch .vrc-sf-time-container select { padding: 0 24px 0 4px !important; min-width: 62px; }
.vrcdivsearch .vrc-sf-time-container span { background: transparent !important; }
.vrcdivsearch .vrcsfentryselect select:focus,
.vrcdivsearch .vrc-sf-time-container select:focus,
.vrcdivsearch .vrcsfentrydate:focus-within { border-bottom-color: var(--ar-orange) !important; outline: 0 !important; }
.vrcdivsearch .vrcsfentrydate input:focus { box-shadow: none !important; }

/* submit buttons are inputs too: keep them orange */
.vrcdivsearch .vrcsfentrysubmit input[type="submit"],
.vrcdivsearch .vrcsfentrysubmit button {
  background: var(--ar-orange) !important; color: #fff !important;
  border: 0 !important; border-radius: var(--ar-radius) !important;
  width: 100% !important; min-height: 56px !important; padding: 0 22px !important;
}
.vrcdivsearch .vrcsfentrysubmit input[type="submit"]:hover,
.vrcdivsearch .vrcsfentrysubmit button:hover { background: var(--ar-orange-dark) !important; }
.vrcdivsearch .vrc-searchmod-section-sbmt > .vrcsfentrycont,
.vrcdivsearch .vrc-searchf-section-sbmt > .vrcsfentrycont { align-self: end; }

/* language switcher (GTranslate): rounded corners instead of a pill, also when the list is open */
.gt_float_switcher { border-radius: 12px !important; }
.gt_float_switcher .gt_options { border-radius: 12px 12px 0 0 !important; }

/* header: show the Sarako Travel partner logo again (style.css hid it) and keep the menu on one row */
#ast-desktop-header .header-widget-area { order: 2; margin-left: 16px; }
.site-header .header-widget-area .widget_media_image { display: block !important; margin: 0; }
.site-header .header-widget-area .widget_media_image img { max-height: 34px; width: auto; display: block; }
#ast-desktop-header .main-header-menu { flex-wrap: nowrap !important; }
#ast-desktop-header .main-header-menu > .menu-item > .menu-link { white-space: nowrap; padding: 0 11px !important; }
#ast-desktop-header .main-header-menu > .menu-item > .menu-link::after { left: 11px; right: 11px; }