:root {
--main-bg-color: #01031a;
}
.slot-activityInfo{
        visibility: visible;
        width: 120px!important;
        display: block;
        font-size: 11px;
        color: navy;
    }
.slot-activityName-label{
      color: #00A7D6;
}
.slot-activityName-117{
        visibility: hidden;
        width: 0px!important;
        display: none;
}

/*   pokazywanie liczy osob przy wyborze terminu  hidden/visible  height: 24px; */
  .slot-availablePlaces{
        visibility: hidden;
        display: block;
height: 0px;
  }
.slot-availablePlaces-value{
color: #00A7D6;
font-size:12px;
}
.slotInfoFor-131{
        visibility: hidden;
        display: none;
}
.slotInfoFor-134{
        visibility: hidden;
        display: none;
}
.slotInfoFor-133{
        visibility: hidden;
        display: none;
}
.slotInfoFor-132{
        visibility: hidden;
        display: none;
}
    .slot-activityInfo{
        visibility: visible;
        width: auto!important;
        height: auto!important;
    }
.card-deck > .card {
    border-radius: 16px!important;
} 
.bookItNEW-step1-attractionDescription{
display: block;
color: white;
}
.attraction-description-icon{
visibility: hidden;
}
.bookItNEW-step1-attractionDescription-info{
display: block;
color: white;
}

.basketItemprice {
    color: white;
}
.text-body{
    color: white!important;
}
.basketItemSinglePrice {
color: white!important;
}
.card-deck{
min-height:auto!important;
border-radius:16px!important;
}

.card-ticket{
border-radius:16px!important;
background-color: #F5FCD;

}
.card-ticket:hover {
   
    box-shadow:
        0 0 30px rgba(0, 220, 255, 0.6),
        0 0 70px rgba(0, 140, 255, 0.45),
        0 0 120px rgba(80, 100, 255, 0.35);
}
.selectedAttraction{
 
image-rendering: pixelated;
background: linear-gradient(
    90deg,
    #00eaff,
    #5b7cff,
    #8f5bff,
    #00eaff
);
 
    position: relative;
    background: #0c1022; /* ciemne tło jak voucher */
    border-radius: 18px;
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    
    /* GŁÓWNY GLOW */
    box-shadow:
        0 0 20px rgba(0, 200, 255, 0.35),
        0 0 40px rgba(0, 120, 255, 0.25),
        0 0 80px rgba(0, 80, 255, 0.15);
}

/* dodatkowa poświata jako obwódka */
.selectedAttraction::before {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: 22px;
    background: linear-gradient(
        135deg,
        #00f6ff,
        #4a7dff,
        #7b5cff
    );
    opacity: 0.75;
    filter: blur(14px);
    z-index: -1;
}

/* HOVER – lekki lift + mocniejszy glow */
.card-attraction:hover {
   border-radius:  var(--border-radius);
    box-shadow:
        0 0 30px rgba(0, 220, 255, 0.6),
        0 0 70px rgba(0, 140, 255, 0.45),
        0 0 120px rgba(80, 100, 255, 0.35);
}

.selectedVT { 
border-color: var(--kolor-zolty)!important;
border-width: 3px; 
}

.selectedSlot{
border-color: var(--kolor-zolty)!important;
border-width: 5px!important; 
}

.btn-payIt{
padding: 14px 55px;
border-radius: 18px;
font-size:21px;
}
.btnVoucher {
border-radius:  var(--border-radius);
 padding: 14px 55px;
}

.step3_TableLabelxxx{
    margin-left: 10px;
    margin-right: 10px;
color:white;
}
.btnAddNextTicket{
        padding: 14px 55px;
}

.card-additionalItem{
border-color: pink;
border-width: 1px;
}
.fv-choice{
color:wheat !important;
}
.submit-company-btn{
    border-radius: 16px;
    padding: 14px 55px;
}
.ats-switch.switch-success span.switch-left {
background: linear-gradient(90deg, rgba(2, 197, 229, 1) 0%, rgba(112, 22, 249, 1) 100%) !important;
}

    .btn-outline-success:hover:not(.active) {
        background-color: transparent;
        opacity: .75;
        box-shadow: none;
        color: rgb(249, 177, 4);
	background: none;
    }

.btn-info:hover, .btn.bg-gradient-info:hover {
    background-color: rgb(249, 177, 4);
    border-color: rgb(249, 177, 4);
	background: none;
}

.btn-info .btn.bg-outline-info, .btn.bg-gradient-info .btn.bg-outline-info {
    border: 1px solid rgb(249, 177, 4);
	background: none;
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .btn.bg-gradient-info:not(:disabled):not(.disabled).active, .btn.bg-gradient-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle, .show > .btn.bg-gradient-info.dropdown-toggle {
    color: color-yiq(rgb(249, 177, 4))!important;
	background: none;
    background-color: rgb(249, 177, 4);
}

.btn-default.text-info {
    color: rgb(249, 177, 4) !important;
}

.row>* {
    padding-bottom: calc(var(--bs-gutter-x) * .5);
}

.attraction-description {
    border-radius: 12px;
}