/* ================================================================= */
/* --- PART 1: Banner Button Styles (Corrected & Protected) --- */
/* ================================================================= */

/* This targets the banner link to act as a container (DO NOT CHANGE) */
.home-slider .swiper-slide a {
    position: relative !important;
    display: block;
}

/* --- FIX: We add "a" before the class to make the rule more specific --- */
/* This now ONLY targets <a> tags with this class. */
a.custom-unfold-cta {
    /* --- Centering (No Change) --- */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;

    /* --- Appearance & Dimensions --- */
    background-color: rgba(0,169,143, 0.85); /* teal with 85% opacity */
    color: #FFFFFF; /* White text */
    padding: 14px 30px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid rgba(255, 255, 255, 0.5);
    
    /* --- Extra Polish --- */
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

/* --- FIX: We also add "a" to the hover state for the same reason --- */
a.custom-unfold-cta:hover {
    background-color: rgba(0, 95, 95, 1); /* Darker, fully opaque aqua */
    transform: translate(-50%, -50%) scale(1.05);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    border-color: rgba(255, 255, 255, 0.75);
}


/* ================================================================= */
/* --- PART 2: Style for the Product Booking Buttons --- */
/* ================================================================= */

button[product-type="booking"] {
    background-color: #218365 !important; /* Your new green background color */
    color: #FFFFFF !important;             /* White text color */
    border-color: #218365 !important;     /* Makes the border match */
    transition: background-color 0.3s ease;
}

button[product-type="booking"]:hover {
    background-color: #1a6951 !important; /* A slightly darker shade for hover */
    border-color: #1a6951 !important;
}