/* --- Custom css code Styles --- */


/* --- Custom Booking Detail Button Styles --- */

/* 1. Pre-checkin: Luxury Green */
/* This rule targets the button with the .vbo-booking-precheckin-cmd class. */
.vbo-booking-details-actions-inner .vbo-booking-mod-cmd.vbo-booking-precheckin-cmd a {
    background: #008000;  /* Luxury Green */
    color: #FFFFFF;
}

/* 2. Reserve additional service: Luxury Green */
/* This rule targets the button inside the .vbo-booking-upselling-wrap container. */
.vbo-booking-details-actions-inner .vbo-booking-upselling-wrap .vbo-booking-mod-cmd a {
    background: #008000;  /* Luxury Green */
    color: #FFFFFF;
}

/* 3. Cancellation: Luxury Red */
/* This targets the link with the specific onclick attribute for the cancellation form. */
.vbo-booking-details-actions-inner .vbo-booking-mod-cmd a[onclick*="vbOpenCancOrdForm"] {
    background: #c70000;  /* Luxury Red (using the plugin's --vbo-red-color) */
    color: #FFFFFF;
}


/* --- Optional Hover Effect for all three --- */
.vbo-booking-details-actions-inner .vbo-booking-mod-cmd.vbo-booking-precheckin-cmd a:hover,
.vbo-booking-details-actions-inner .vbo-booking-upselling-wrap .vbo-booking-mod-cmd a:hover,
.vbo-booking-details-actions-inner .vbo-booking-mod-cmd a[onclick*="vbOpenCancOrdForm"]:hover {
    opacity: 0.85;
}


/*
 * Makes the VikBooking option checkboxes larger and easier to click.
 */
.vbo-showprc-option-entry-input input[type="checkbox"] {
    
    /* This makes the checkbox 2x bigger */
    transform: scale(1.8);
    
    /* Adds some extra space so it doesn't touch other elements */
    margin: 3px;
    
    /* Ensures the hand cursor appears */
    cursor: pointer;
}