/*
==========================================================================
BLUEPRINT — INDUSTRY SLIDER
==========================================================================
*/

/* SECTION */

.rw-industry-section {
    width: 100%;
    padding: 80px 0;
}

.rw-industry-inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
}


/* INTRO */

.rw-industry-intro {
    max-width: 700px;
    margin: 0 auto 60px;
    text-align: center;
}

.rw-industry-eyebrow {
    margin-bottom: 0;
}

.rw-industry-title {
    margin-bottom: 20px;
}

.rw-industry-intro-content p {
    margin-bottom: 0;
}


/* SLIDER WRAPPER */

.rw-industry-slider {
    width: 100%;
}

/* Hide Slick default arrows always */
.rw-industry-slider .slick-prev,
.rw-industry-slider .slick-next {
    display: none !important;
}

/* Slick dots — hidden by default always */
.rw-industry-slider .slick-dots {
    display: none !important;
    list-style: none;
    padding: 0;
    margin: 24px 0 0;
    text-align: center;
    bottom: -40px;
}

.rw-industry-slider .slick-dots li {
    display: inline-block;
    margin: 0 5px 0 0;
}

.rw-industry-slider .slick-dots li button {
    background-color: var( --rw-main-secondary, #e7e9ed );
    border: 2px solid var( --rw-main-secondary, #e7e9ed );
    border-radius: 50%;
    width: 15px;
    height: 15px;
    padding: 0;
    font-size: 0;
    outline: none;
    opacity: 0.35;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
}

/* Hide Slick's default dot pseudo element */
.rw-industry-slider .slick-dots li button:before {
    content: '';
    width: 15px;
    height: 15px;
}

/* Active dot */
.rw-industry-slider .slick-dots li.slick-active button {
    background-color: var( --rw-main-primary, #333333 );
    border-color: var( --rw-main-primary, #333333 );
    opacity: 1;
}

/* Hover dot */
.rw-industry-slider .slick-dots li button:hover {
    background-color: var( --rw-main-primary, #333333 );
    border-color: var( --rw-main-primary, #333333 );
    opacity: 0.7;
}


/* SLIDE */

.rw-industry-slide {
    outline: none;
}

.rw-industry-split {
    display: flex;
    align-items: stretch;
    gap: 20px;
    overflow: hidden;
    position: relative;
}


/* CONTENT PANEL */

.rw-industry-content-panel {
    flex: 0 0 calc( 50% - 10px );
    background: var( --ind-panel-bg );
    display: flex;
    flex-direction: column;
    text-decoration: none;
    border-radius: var( --ind-border-radius, 15px );
    transition: background 0.3s ease;
    position: relative;
    cursor: pointer;
}

.rw-industry-content-panel:hover {
    background: var( --ind-panel-bg-hover );
    text-decoration: none;
    cursor: pointer;
}

/* No hover effect when panel has no link */
.rw-industry-content-panel--no-link {
    cursor: default;
}

.rw-industry-content-panel--no-link:hover {
    background: var( --ind-panel-bg );
    cursor: default;
}


/* CONTENT INNER */

.rw-industry-content-inner {
    padding: 100px 50px 140px;
}


/* CARD TITLE */

.rw-industry-card-title {
    color: var( --ind-title-color, #ffffff );
    margin-bottom: 20px;
    display: flex;
    align-items: baseline;
    gap: 10px;
    line-height: 1.2;
    transition: color 0.3s ease;
}

.rw-industry-content-panel:hover .rw-industry-card-title {
    color: var( --ind-title-color-hover, #ffffff );
}


/* CARD ARROW */

.rw-industry-card-arrow {
    color: var( --ind-arrow-color, #ffffff );
    font-size: var( --ind-card-arrow-size, 16px );
    transition: color 0.3s ease, transform 0.3s ease;
    display: inline-block;
    flex-shrink: 0;
}

.rw-industry-content-panel:hover .rw-industry-card-arrow {
    color: var( --ind-arrow-color-hover, #ffffff );
    transform: translate( 3px, -3px );
}


/* CARD CONTENT */

.rw-industry-card-content {
    color: var( --ind-content-color, #ffffff );
    transition: color 0.3s ease;
}

.rw-industry-content-panel:hover .rw-industry-card-content {
    color: var( --ind-content-color-hover, #ffffff );
}

.rw-industry-card-content p {
    margin-bottom: 0;
    line-height: 1.75;
}


/* SLICK ARROWS — absolute positioned over content panel */

.rw-industry-arrows {
    display: flex;
    align-items: center;
    gap: 10px;
    position: absolute;
    bottom: 50px;
    left: 50px;
    z-index: 10;
}

/* Remove the :has hover cancel — no longer needed with absolute */

.rw-ind-prev,
.rw-ind-next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var( --ind-slick-box-size, 40px );
    height: var( --ind-slick-box-size, 40px );
    font-size: var( --ind-slick-icon-size, 14px );
    border-radius: var( --ind-slick-radius, 50% );
    border: var( --ind-slick-bor-width, 1px ) solid var( --ind-slick-border, var( --rw-main-secondary ) );
    background: var( --ind-slick-bg, transparent );
    color: var( --ind-slick-icon, var( --rw-main-secondary ) );
    cursor: pointer;
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;

    /* Reset button defaults */
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    box-shadow: none !important;
    text-decoration: none !important;
}

.rw-ind-prev:hover,
.rw-ind-next:hover {
    background: var( --ind-slick-bg-hover, var( --rw-main-primary ) );
    border-color: var( --ind-slick-border-hover, var( --rw-main-primary ) );
    color: var( --ind-slick-icon-hover, #ffffff );
}


/* IMAGE PANEL */

.rw-industry-image-panel {
    flex: 0 0 calc( 50% - 10px );
    overflow: hidden;
    border-radius: var( --ind-border-radius, 15px );
    position: relative;
}

.rw-industry-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    aspect-ratio: var( --ind-aspect-ratio, 4/3 );
}

.rw-industry-image-panel::after {
    content: '';
    position: var(--rw-overlay-display);
    bottom: 0;
    right: 0;
    width: 25%;
    height: calc(100% - 100px);
    background-image: linear-gradient(var(--rw-grad-angle-img-split), var(--rw-grad-color-one-img-split) 0%, var(--rw-grad-color-two-img-split) 100%);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    z-index: 1;
    border-bottom-right-radius: var(--ind-border-radius, 15px);
}


/*
==========================================================================
RESPONSIVE
==========================================================================
*/

@media screen and ( max-width: 900px ) {

    .rw-industry-split {
        flex-direction: column;
        gap: 20px;
    }

    .rw-industry-content-panel,
    .rw-industry-image-panel {
        flex: 0 0 100%;
    }

    .rw-industry-image-panel {
        order: -1;
    }

    .rw-industry-content-inner {
        padding: 40px 30px 60px;
    }

    /* Hide custom arrows on tablet and mobile */
    .rw-industry-arrows {
        display: none !important;
    }

    /* Show dots on tablet and mobile */
    .rw-industry-slider .slick-dots {
        display: block !important;
    }

}

@media screen and ( max-width: 576px ) {

    .rw-industry-section {
        padding: 60px 0;
    }

    .rw-industry-inner {
        padding: 0 20px;
    }

    .rw-industry-intro {
        margin-bottom: 40px;
    }

}