/* === WRAPPER / CARD === */
.single-product .wc-bookings-booking-form {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    border: none;
    max-width: 490px;
    margin:40px auto 0;
	width:100%
}
.wc-bookings-booking-form fieldset {
    border: 0;
    margin: 0;
}
.wc-bookings-date-picker .ui-widget-content {
    border: none;
    background: #fff;
    box-shadow: none;
padding:10px;
}
.wc-bookings-booking-form fieldset .picker.hasDatepicker {
	margin-bottom: 0;
}
.wc-bookings-date-picker{
	padding:0;
}
.breakdance-woocommerce div.product form.cart {
    max-width:100%!important;
justify-content:center;
	
}
/* === SEATING OPTION TITLE (pill) === */
#tcx-addons .tcx-addons-title{
 border-radius: 40px;
border: 2px solid #D1E096;
background: #D1E096;
color: #23390C;
text-align: center;
font-family:Alkatra;
font-size: 23px;
text-transform: capitalize;
padding:10px 30px;
display:inline-block;
}

/* === SEATING CARDS === */
/* #tcx-addons .tcx-grid{
  display: grid;
  grid-template-columns: repeat(3,minmax(110px,1fr));
  gap: 24px;
 max-width: 500px;
 margin:35px auto;
} */

#tcx-addons .tcx-grid{
  display: flex;
  flex-wrap:wrap;
  justify-content:center;
  gap: 24px;
 max-width: 650px;
 margin:35px auto;
}
.tcx-addons-wrap {
    margin: 0;
}
.tcx-addons-wrap {
    margin: 0!important;
    width: 100%;
}
.breakdance .bde-wooproductcartbutton {
    width: 100%;
}
.breakdance-woocommerce div.product form.cart{
	gap:0!important;
}
@media (max-width: 480px){
  #tcx-addons .tcx-grid{ grid-template-columns: repeat(2,1fr); }
}
#tcx-addons .tcx-card{
  justify-content: center;
  text-align: center;
  padding: 20px 40px;
  border-radius: 16px;
  background: #ffffff;
  border: 2px solid #e5eddc;
  transition: box-shadow .2s, transform .2s, border-color .2s, background .2s;
}
#tcx-addons .tcx-card .label{
  font-size: 18px;
  font-weight: 700;
  color: #1f3c16;
  letter-spacing: .2px;
}
#tcx-addons .tcx-card .price{
  margin-top: 4px;
  font-size: 13px;
  color: #6a7a66;
}
#tcx-addons .tcx-card:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
}
#tcx-addons .tcx-card.active{
  border-radius: 14px;
border: 3px solid #FFBF00;
background: #FFF9E8;
}

/* === SUBTOTAL BAR === */
#tcx-addons .tcx-pill{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
     padding: 18px 50px 45px;
 color: #23390C;
text-align: center;
font-family:"Albert Sans";
font-size: 24px;
font-weight: 600;
line-height: 150%; 
	border-radius: 0 0 20px 20px;
border: 3px solid #D1E096;
background: rgba(209, 224, 150, 0.30);
	
}
#tcx-total-amount{ font-weight: 800; }

/* === BOOK NOW BUTTON (rounded, prominent) === */
.single-product .wc-bookings-booking-form-button.button{
/*  display: inline-flex;
min-width: 150px;
padding: 18px 26px;
justify-content: center;
align-items: center;
gap: 10px; */
	position: absolute;
    bottom: -25px;
background: linear-gradient(180deg, #F2FF00 0%, #FFBF00 62.5%, #FF8000 100%);
box-shadow: 0 13px 30px 0 rgba(20, 61, 130, 0.30);
}
.wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day a
 {
  border-radius: 6px!important;
border: 1px solid #F0F1EA!important;
background: #CCEB53!important;
}
.wc-bookings-date-picker .ui-datepicker td.bookable a {
    border-radius: 6px!important;
border: 1px solid #F0F1EA!important;
background: #CCEB53!important;
    color:#23390C!important;
    text-shadow: none!important;
text-align: center;
font-family: "Albert Sans";
font-size: 12px;
font-weight: 700;
line-height: 150%; /* 18px */
}
.wc-bookings-date-picker .ui-datepicker-header {
    background-color: transparent!important;
    background-image: none!important;
	color: #23390C;
text-align: center;
font-family: "Albert Sans";
font-size:18px;
font-weight: 600;
line-height: 150%;
	border-radius: 20px;
border: 2px solid #9EB44A!important;
}
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next {
    top: 10px;
    background: transparent;
    border-radius: 50%;
    height: 1.2em;
    width: 1.2em;
    border: 2px solid #9EB44A;
}
.ui-datepicker .ui-datepicker-prev {
    left: 15px;
}
.ui-datepicker .ui-datepicker-next {
    right: 15px;
}
.wc-bookings-date-picker .ui-icon-circle-triangle-w {
    background-image: url('/wp-content/uploads/2025/10/right-arrow-b.svg');
	background-position: center;
}
.ui-datepicker .ui-datepicker-prev span {
    margin-left: -7.2px;
    margin-top: -6px!important;
}
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev.ui-state-hover,.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next.ui-state-hover {
    background: transparent;
}
.wc-bookings-date-picker .ui-icon-circle-triangle-e
 {
    background-image: url('/wp-content/uploads/2025/10/left-arrow-b.svg');
    background-position: center;
}
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next span {
    margin-top: -6px;
}
.grp-icon{
    display: block;
    width: 100%;
    margin: auto;
    margin-bottom: 10px;
	height:40px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.grp-icon.persons-1{
    background-image:url('/wp-content/uploads/2025/10/1to4.png');
}
.grp-icon.persons-2{
    background-image:url('/wp-content/uploads/2025/10/5to6.png');
}
.grp-icon.persons-3{
    background-image:url('/wp-content/uploads/2025/10/7to10.png');
}
.wc-bookings-date-picker .ui-datepicker .ui-datepicker-title {
    padding: 10px 0;
    color:  #23390C;
    text-align: center;
    font-family: "Albert Sans";
    font-size: var(--Text---normal, 18px);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
.wc-bookings-date-picker .ui-datepicker table {
    margin: 35px auto;
    max-width: 465px;
}
.wc-bookings-date-picker .ui-datepicker th {
    border: none;
    color: #C0D1AF;
    text-align: center;
    font-family:"Albert Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.wc-bookings-date-picker .ui-datepicker td.ui-datepicker-other-month {
    border-radius: 6px;
    border: 1px solid #F0F1EA;
}
.wc-bookings-date-picker .ui-datepicker td{
	border:none;
	font-size: 12px;
}
.wc-bookings-date-picker .ui-datepicker td.ui-datepicker-other-month {
    border-radius: 6px;
    border: 1px solid #F0F1EA;
    background: #F6FFD3;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 1;
}

.wc-bookings-booking-cost{
	display:none!important;
}

.wc-bookings-date-picker .ui-datepicker td.fully_booked:not(.not_bookable_by_rules) span{
	border-radius:6px;
}

/* === BUTTONS CSS === */
:root {
  --accent-bubble: #D1E096;
}

/* === BASE WRAPPER (the DIV with id="btn-1" / id="btn-2") === */
#btn-1, #btn-2,
.toggle-btn {
  position: relative;
  display: inline-block;
  border: 8px solid #fff;          /* white border initially */
  border-radius: 999px;
  background: transparent;
  margin-bottom: 28px;
  overflow: visible;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

/* === INNER BUTTON === */
#btn-1 .bde-button__button,
#btn-2 .bde-button__button,
.toggle-btn .bde-button__button {
  background: transparent;
  border: none;
  color: #fff;                     /* white text initially */
  font-weight: 600;
  cursor: pointer;
  transition: color 0.25s ease;
}

/* === Ensure text span inherits color properly === */
#btn-1 .button-atom__text,
#btn-2 .button-atom__text,
.toggle-btn .button-atom__text {
  color: inherit;
}

/* === Pointer tail (hidden initially) === */
#btn-1::after, #btn-2::after,
.toggle-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -32px;
  transform: translateX(-50%);
  width: 50px;
  height: 26px;
  opacity: 0;                      /* hidden initially */
  pointer-events: none;
  background-color: currentColor;
  -webkit-mask-image: url("/wp-content/uploads/2025/10/Rectangle-98-1.png");
  mask-image: url("/wp-content/uploads/2025/10/Rectangle-98-1.png");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: opacity 0.15s ease,*/
}

/* === HOVER + ACTIVE TAB STATES === */
#btn-1:hover,
#btn-2:hover,
#btn-1.active-tab,
#btn-2.active-tab,
.toggle-btn:hover,
.toggle-btn.active-tab {
  border-color: var(--accent-bubble);   /* border turns gold */
  color: var(--accent-bubble);          /* inherit to inner text */
}

/* make sure the inner button text also gets the color */
#btn-1:hover .bde-button__button,
#btn-2:hover .bde-button__button,
#btn-1.active-tab .bde-button__button,
#btn-2.active-tab .bde-button__button,
.toggle-btn:hover .bde-button__button,
.toggle-btn.active-tab .bde-button__button {
  color: var(--accent-bubble);
}

/* === Tail visible on hover or active === */
#btn-1:hover::after,
#btn-2:hover::after,
#btn-1.active-tab::after,
#btn-2.active-tab::after,
.toggle-btn:hover::after,
.toggle-btn.active-tab::after {
  opacity: 1;
  background-color: var(--accent-bubble);
}

/* === Optional: small lift effect === */
#btn-1:hover,
#btn-2:hover,
#btn-1.active-tab,
#btn-2.active-tab,
.toggle-btn:hover,
.toggle-btn.active-tab {
  transform: translateY(-1px);
}

/* === Reduce motion preference === */
@media (prefers-reduced-motion: reduce) {
  #btn-1, #btn-2, .toggle-btn,
  #btn-1::after, #btn-2::after, .toggle-btn::after {
    transition: none;
  }
}

/* Wrapper holds the wings */
.aleman-wrap {
  position: relative;
  display: inline-block;   /* keeps natural image size */
  line-height: 0;          /* avoids extra inline spacing */
	margin-top:-20px;
}

/* The main image (unchanged size) */
.aleman-wrap .aleman-img {
  display: block;          /* removes inline gap */
  border-radius: 50%;
  height: auto;
  max-width: 100%;
  position: relative;
  z-index: 1;              /* above the wings */
}

/* --- Wings as pseudo-elements on the WRAPPER --- */
.aleman-wrap::before,
.aleman-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;            /* ← adjust to taste */
  height: 28px;           /* ← adjust to taste */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 0;             /* behind the circle */
  pointer-events: none;
}

/* Left wing */
.aleman-wrap::before {
  left: -15px;  /* negative = overlaps the circle; tweak */
  background-image: url("/wp-content/uploads/2025/11/aaroww.png");
}

/* Right wing */
.aleman-wrap::after {
  right: -15px; /* tweak */
  background-image: url("/wp-content/uploads/2025/11/arrowww.png");
}



@media (max-width: 1024px) {
    .breakdance-woocommerce table:not(table.order_details.shop_table, .woocommerce .woocommerce-product-attributes, .cart, .cart_totals .shop_table, .woocommerce .variations_form table.variations, .woocommerce-table--order-details, .woocommerce-checkout-review-order-table, .woocommerce-grouped-product-list) td {
        display: table-cell!important;
           }
	.breakdance-woocommerce table:not(table.order_details.shop_table, .woocommerce .woocommerce-product-attributes, .cart, .cart_totals .shop_table, .woocommerce .variations_form table.variations, .woocommerce-table--order-details, .woocommerce-checkout-review-order-table, .woocommerce-grouped-product-list) tr:not(.cart_item) {
        display: table-row!important; 
        padding: unset!important;
       
    }
}


.book-now, .form-contact {
  transition: opacity 0.3s ease;
  will-change: opacity;
}