/* ============================================================
   CSOB – Minimal overrides (v4, same look for search + CPT bar)
   + Perfect center text in buttons
   ============================================================ */

/* 1) Shortcode-wrappers: 7px radie, ingen skugga */
#csobBookingBarContainer,
.csob-hero-search {
  border-radius: 7px !important;
  box-shadow: none !important;
}

/* === Gemensam scope för båda barerna:
   - #BookingBarWrapper (csob_search)
   - [id^="CptBookingBarWrapper"] (csob_cpt_bar)
=============================================================== */
:root { --csob-btn: #2C3968; --csob-btn-hover: #242F56; }

/* 2) Ta bort datepicker-ikoner (Ankomst/Avresa) */
#BookingBarWrapper .csob-field .csob-field__input-wrapper:has(.csob-field__input.use-calendar)::after,
#BookingBarWrapper .csob-field .csob-field__input-wrapper:has(.csob-field__input.use-calendar)::before,
#BookingBarWrapper [data-csob-element="datePickerFrom"] svg,
#BookingBarWrapper [data-csob-element="datePickerTo"] svg,
#BookingBarWrapper .datePickerFrom svg,
#BookingBarWrapper .datePickerTo svg,
#BookingBarWrapper [data-csob-element="datePickerFrom"] .csob-field__input-wrapper::after,
#BookingBarWrapper [data-csob-element="datePickerTo"] .csob-field__input-wrapper::after,
#BookingBarWrapper .datePickerFrom .csob-field__input-wrapper::after,
#BookingBarWrapper .datePickerTo .csob-field__input-wrapper::after,

[id^="CptBookingBarWrapper"] .csob-field .csob-field__input-wrapper:has(.csob-field__input.use-calendar)::after,
[id^="CptBookingBarWrapper"] .csob-field .csob-field__input-wrapper:has(.csob-field__input.use-calendar)::before,
[id^="CptBookingBarWrapper"] [data-csob-element="datePickerFrom"] svg,
[id^="CptBookingBarWrapper"] [data-csob-element="datePickerTo"] svg,
[id^="CptBookingBarWrapper"] .datePickerFrom svg,
[id^="CptBookingBarWrapper"] .datePickerTo svg,
[id^="CptBookingBarWrapper"] [data-csob-element="datePickerFrom"] .csob-field__input-wrapper::after,
[id^="CptBookingBarWrapper"] [data-csob-element="datePickerTo"] .csob-field__input-wrapper::after,
[id^="CptBookingBarWrapper"] .datePickerFrom .csob-field__input-wrapper::after,
[id^="CptBookingBarWrapper"] .datePickerTo .csob-field__input-wrapper::after {
  display: none !important;
  content: none !important;
}

/* 3) Knapp – perfekt centrerad label (horisontellt & vertikalt) */
#BookingBarWrapper .csob-btn,
#BookingBarWrapper button,
#BookingBarWrapper a[href],
[id^="CptBookingBarWrapper"] .csob-btn,
[id^="CptBookingBarWrapper"] button,
[id^="CptBookingBarWrapper"] a[href]{
  background: var(--csob-btn) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 4px !important;
  transition: none !important;
  text-decoration: none;
  text-align: center !important;

  /* Centering core */
  display: inline-flex !important;
  align-items: center !important;      /* vertikalt center */
  justify-content: center !important;  /* horisontellt center */
  gap: 0 !important;

  /* Stabil höjd & typografi */
  height: 48px !important;
  min-height: 48px !important;
  line-height: 3 !important;
  padding: 0 16px !important;
  white-space: nowrap !important;

  /* Rensa ev. OS-stilar */
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* Säkerställ att inner-element inte bryter centreringen */
#BookingBarWrapper .csob-btn > *,
#BookingBarWrapper button > *,
#BookingBarWrapper a[href] > *,
[id^="CptBookingBarWrapper"] .csob-btn > *,
[id^="CptBookingBarWrapper"] button > *,
[id^="CptBookingBarWrapper"] a[href] > *{
  display: inline-block !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

/* Hoverfärg, oförändrad alignment */
#BookingBarWrapper .csob-btn:hover,
#BookingBarWrapper button:hover,
#BookingBarWrapper a[href]:hover,
[id^="CptBookingBarWrapper"] .csob-btn:hover,
[id^="CptBookingBarWrapper"] button:hover,
[id^="CptBookingBarWrapper"] a[href]:hover {
  background: var(--csob-btn-hover) !important;
  color: #FFFFFF !important;
  border: none !important;
}

/* 4) ResultListWrapper utan bakgrund */
#ResultListWrapper { background: transparent !important; }

/* 5) Endast .has-profiles i vitt (t.ex. rubriker i resultat) */
.csob-content .has-profiles,
.csob-content .has-profiles * { color: #FFFFFF !important; }

/* 6) csob-content: ingen bakgrund + padding som tidigare */
.csob-content {
  background: transparent !important;
  padding: 5% !important;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .csob-content { padding: 10% 0 !important; }
}