/* 1. WRAPPER & CONTAINER */   
 
.master-slider-wrapper {

    position: relative;

    width: 100%;

    overflow: hidden;

}
 


/* 2. THE IMAGE HANDLING */

.master-slider-wrapper img.slider-image {

    width: 100%;

    display: block;

    height: auto; 

    object-fit: cover;

    object-position: center;

}



/* 3. OVERLAY & CAPTION */

.slide-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center; 

    background: rgba(0, 0, 0, 0); 

    color: #fff;

}



.slide-content {

    max-width: 1400px;

    z-index: 5;

    opacity: 0;

    transform: translateY(30px);

    transition: all 0.8s ease-out;
	text-align: right;

}



.slick-active .slide-content {

    opacity: 1;

    transform: translateY(0);

}



/* 4. TYPOGRAPHY (Inheriting from Theme) */

.slide-text h1, 

.slide-text h2, 

.slide-text h3 {

    color: #ffffff;

    line-height: 1.1;

    margin: 0 0 15px 0;
}



.slide-text p {

    color: #ffffff;

    line-height: 1.6;

    margin-bottom: 25px;
}



/* 5. BUTTONS (Standardized) */

.slide-text .wp-block-buttons {

    display: flex;

    gap: 15px;

    margin-top: 20px;

}



.slide-text a.button, 

.slide-text a.btn,

.slide-text .wp-block-button__link {

    display: inline-block;

    padding: 12px 35px;

    background-color: #ffffff;

    color: #333 !important;

    text-decoration: none;

    border-radius: 4px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

    transition: all 0.3s ease;

}



.slide-text a.button:hover, 

.slide-text a.btn:hover,

.slide-text .wp-block-button__link:hover {

    background-color: #f8f8f8;

    transform: translateY(-2px);

}



/* 6. SLICK NAVIGATION */

.slick-prev, .slick-next {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 10;

    background: none;

    border: none;

    color: #fff;

    font-size: 2rem;

    cursor: pointer;

    transition: opacity 0.3s;

}



.slick-prev { left: 20px; }

.slick-next { right: 20px; }

.slick-prev:hover, .slick-next:hover { opacity: 0.7; }



.slick-dots {

    position: absolute;

    bottom: 20px;

    width: 100%;

    list-style: none;

    display: flex !important;

    justify-content: center;

    padding: 0;

    margin: 0;

}



.slick-dots li { margin: 0 5px; }

.slick-dots button {

    font-size: 0;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    border: 2px solid #fff;

    background: transparent;

    cursor: pointer;

}



.slick-dots li.slick-active button { background: #fff; }



/* 7. MOBILE ADJUSTMENTS */

@media (max-width: 767px) {

    .master-slider-wrapper img.slider-image {

        height: auto; 

    }

    .slide-overlay {

        text-align: center;

        align-items: flex-end; 

        padding-bottom: 60px;

    }

    .slide-content {

        padding: 0 30px 40px 30px;

        width: 100%;

    }

	.slide-text h1, .slide-text h2, .slide-text h3 {

        word-wrap: break-word;

        max-width: 100%;

    }
	.slick-active .slide-content {
    opacity: 1;
    transform: translateY(-30%);
}

}