/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/*--------Jetformbuilder select field styling--------*/

.select2-selection__rendered{
  color: var(--text-primary)!important;
}

/* Apply similar styles to the Select2 dropdown */
.form-row .select2-selection--single {
    border: 1px solid var(--border-secondary) !important;
    background-color: unset !important;
    height: auto !important; /* Allow height to adjust based on content and padding */
    line-height: 1.5em;
}

/* Style the rendered text inside the Select2 dropdown */
.form-row .select2-selection__rendered {
    color: var(--fg-primary)!important;
    padding: var(--space-lg) var(--space-xl) !important;
    line-height: 1.5em;
}

/* Style the dropdown arrow if needed */
.form-row .select2-selection__arrow {
    height: calc(2 * var(--space-lg) + 1.5em) !important; /* Approximate height based on padding and line-height */
}

/* Ensure the container takes full height */
.form-row .select2-container .select2-selection--single {
     height: calc(2 * var(--space-lg) + 1.5em + 2px) !important; /* Recalculate height based on inner padding and border */
     display: flex; /* Use flexbox for alignment */
     align-items: center; /* Center items vertically */
}

/* Style the main dropdown container */
.select2-dropdown {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-secondary) !important; /* Optional: Match border style */
    color: var(--text-primary); /* Default text color for the dropdown */
}

/* Style individual options */
.select2-results__option {
    color: var(--text-primary);
    padding: var(--space-sm, 6px) var(--space-lg, 12px); /* Add padding; adjust variables/values as needed */
}


/* Style the search input field within the dropdown (if applicable) */
.select2-search--dropdown .select2-search__field {
    background-color: var(--bg-secondary) !important; /* Match dropdown background */
    color: var(--text-primary) !important; /* Match dropdown text color */
    border: 1px solid var(--border-secondary) !important; /* Match border style */
    padding: var(--space-sm, 6px) var(--space-lg, 12px); /* Match option padding */
}

/* Style placeholder text like 'No results found' */
.select2-results__message {
    color: var(--text-primary);
    opacity: 0.7; /* Make it slightly less prominent */
}

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: var(--bg-primary)!important;
}


/* Mini Cart Global Styles */

/* DESKTOP */

/* GLOBALCLASS: DESKTOP */
.cart-card__card-wrapp {
  row-gap: var(--space-2xl);
}

/* GLOBALCLASS: DESKTOP */
.cart-card {
  background-color: var(--bg-secondary);
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}

/* GLOBALCLASS: DESKTOP */
/* CUSTOM CSS */
.cart-card button {
  line-height: 0 !important;
}

/* GLOBALCLASS: MOBILE LANDSCAPE */
@media (max-width: 767px) {
  .cart-card {
    flex-wrap: nowrap;
  }
}

/* GLOBALCLASS: DESKTOP */
.cart-card__thumb-wrapp {
  justify-content: center;
  background-color: var(--bg-brand-secondary);
  padding-top: var(--space-md);
  padding-right: var(--space-md);
  padding-bottom: var(--space-md);
  padding-left: var(--space-md);
  max-width: calc(100% / 3);
  align-items: center;
}

/* MOTORBIKE THUMBNAIL */
.cart-card__moto-thumb{
	width: 100%!important;
	height: auto!important;
	display: flex;
    justify-content: center;
}

.cart-card__moto-thumb img{
	max-height: 130px!important;
}


/* GLOBALCLASS: DESKTOP */
.cart-card__infos {
  row-gap: var(--space-xl);
  padding-top: var(--space-xl);
  padding-right: var(--space-xl);
  padding-bottom: var(--space-xl);
  padding-left: var(--space-xl);
  justify-content: space-between;
  flex-direction: row;
}

/* GLOBALCLASS: DESKTOP */
.cart-card__content {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: var(--space-md);
}

/* GLOBALCLASS: DESKTOP */
.cart-card__name {
  color: var(--text-primary);
  font-weight: 900;
  font-size: var(--text-m);
  line-height: 1.5em;
}

/* GLOBALCLASS: DESKTOP */
.cart-card__price {
  font-weight: 700;
  font-size: var(--text-m);
  letter-spacing: -0.32px;
  line-height: 1.32em;
  color: var(--text-primary);
}

/* GLOBALCLASS: DESKTOP */
.cart-card__controls {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--space-xl)!important;
  height: 100%;
  width: fit-content;
}

/* GLOBALCLASS: DESKTOP */
.cart-card__quantity .afcb-qty-input {
  width: 40px;
}

/* GLOBALCLASS: DESKTOP */
/* CUSTOM CSS */
.cart-card__quantity {
  display: flex;
  flex-wrap: nowrap;
}

.cart-card__quantity .afcb-qty-minus,
.afcb-qty-plus {
  padding: var(--space-sm) !important;
  background-color: var(--button-primary-bg) !important;
}

.cart-card__quantity .afcb-qty-minus:hover,
.afcb-qty-plus:hover {
  background-color: var(--button-primary-bg_hover) !important;
}

.cart-card__quantity input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.cart-card__quantity .afcb-qty-input {
  outline: none;
  border: none;
  background-color: unset;
  font-family: Satoshi;
  font-size: var(--text-s);
  font-weight: 700;
  line-height: 1.5em;
  color: var(--text-primary);
  padding: 0 13px;
  text-align: center;
  max-width: min-content;
}

/* GLOBALCLASS: DESKTOP */
.cart-card__dates {
  color: var(--text-secondary);
  font-size: var(--text-s);
  font-weight: 400;
  line-height: 1.43em;
  width: 100%!important;
 max-width: 245px;
}

/* GLOBALCLASS: DESKTOP */
/* CUSTOM CSS */
.cart-card__dates .check-in {
  margin-bottom: var(--space-md);
}

.cart-card__dates .check-in,
.check-out {
  display: flex;
  justify-content: space-between;
  column-gap: var(--space-2xl);
}

/* GLOBALCLASS: DESKTOP */
/* CUSTOM CSS */
.cart-card__rmv {
  background-color: var(--button-primary-bg)!important;
  padding: var(--space-md)!important;
  border-radius: var(--radius-full);
}

.cart-card__rmv:hover {
  background-color: var(--button-primary-bg_hover);
}

/* GLOBALCLASS: DESKTOP */
.cart-totals {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #3a3b3f;
  padding-top: var(--space-xl);
  gap: var(--space-3xl)!important;
}

/* GLOBALCLASS: DESKTOP */
.cart-totals__grand-total {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* GLOBALCLASS: DESKTOP */
.cart-card__total {
  color: var(--text-primary);
  font-weight: 700;
  font-size: var(--text-2xl);
  line-height: 1.55em;
  letter-spacing: -0.48px;
}
/* Mini Cart Count Items */
.mini-cart__count{
	color: var(--text-primary);
  font-weight: 900;
  font-size: var(--text-2xl);
  line-height: 1.25em;
	margin-bottom: 8px;
}

/* Mini Cart Close Button */
.bricks-mini-cart-close svg{
	width: 30px!important;
	height: auto!important;
}

.brxe-woocommerce-mini-cart .cart-detail img{
	margin-inline-end: 0!important;
	width: auto!important;
}

/* Add t oCart Widget -- Select Picker Time Styling */

.jet-abaf-timepicker select#check-in-time option{
  background-color: var(--bg-secondary)!important;
  color: var(--fg-white)!important;
}

.jet-abaf-timepicker select#check-out-time option{
  background-color: var(--bg-secondary)!important;
  color: var(--fg-white)!important;
}

body.bricks-is-frontend :focus-visible {
    outline: none;
}

/* Disable all WooCommerce notices */
 .woocommerce-NoticeGroup{
  display: none!important;
}

body .ui-datepicker{
  width: calc(500px - var(--space-2xl) * 2);
  background-color: var(--bg-brand-section);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

body .ui-datepicker .ui-datepicker-current-day {
    background-color: var(--bg-brand-primary)!important;
    color: var(--fg-primary)!important;
}

body .ui-datepicker .ui-datepicker-today {
  background-color: var(--bg-tertiary);
    color: var(--fg-secondary);
}

@media only screen and (max-width: 767px) {
  body .ui-datepicker{
    width: calc(100% - var(--container-padding)*2)!important;
   left: var(--container-padding)!important;
  }
}

@media only screen and (max-width: 767px) {
  .brx-header-right main#brx-content, .brx-header-right footer#brx-footer{
    margin-right: 0;
  }
}


.booking-totals{
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.js-qty-price-wrapper{
  display: flex;
  gap: 4px;
}

.booking-totals.qty{
	font-size: var(--text-m);
	font-weight: 400;
	line-height: 1.5em;
  color: var(--fg-white);
  padding-bottom: var(--space-lg);
}

.final-price{
  font-size: var(--text-l);
	font-weight: 700;
	line-height: 1.55em;
  color: var(--fg-white);
  letter-spacing: -0.36px;
  border-top: 1px solid #3A3B3F;
  padding-top: var(--space-xl);
}

span[data-currency="$"]{
  display: none!important;
}