﻿/*Offer List V3*/
.c_pagination {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgba(0,0,0,.07);
    display: flex;
    font-size: .8333333333rem;
    font-weight: 400;
    justify-content: space-between;
    margin-top: 2.327421875rem;
}

@media (min-width:768px) {
    .c_pagination {
        margin-top: 3.6075039063rem;
    }
}

.c_pagination a,
.c_pagination button {
    align-items: center;
    color: #5e5969;
    display: flex;
    height: 40px;
    justify-content: center;
    min-width: 40px;
    text-decoration: none;
    transition: background-color .1s ease-in-out;
    background: none;
    border: none;
}

@media (min-width:768px) {
    .c_pagination a,
    .c_pagination button {
        height: 50px;
        min-width: 50px;
    }
}

.c_pagination a:focus,
.c_pagination a:hover,
.c_pagination button:focus,
.c_pagination button:hover {
    background-color: #fbfbfb;
}

.c_pagination a.--disable,
.c_pagination button.--disable {
    cursor: not-allowed;
    opacity: .25;
}

.c_pagination a.--prev,
.c_pagination button.--prev {
    border-radius: 5px 0 0 5px;
    font-size: 1.2rem;
    order: 1;
    padding: 0 1.44em;
}

.c_pagination a.--next,
.c_pagination button.--next {
    border-radius: 0 5px 5px 0;
    font-size: 1.2rem;
    order: 3;
    padding: 0 1.44em;
}

.c_pagination a.--active,
.c_pagination button.--active {
    border-color: #5e5969;
}

.c_pagination a.--current,
.c_pagination button.--current {
    font-weight: 600;
}

.c_pagination .__numbers {
    border-color: #e3e2e6;
    border-style: solid;
    border-width: 0 1px;
    display: inherit;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0 auto;
    order: 2;
    padding: 0;
}

    .c_pagination .__numbers li {
        margin: 0;
    }

        .c_pagination .__numbers li + li {
            border-left: 1px solid #e3e2e6;
        }

.v3-item {
    height: 300px; /* or 300px; a fixed height like 300px */
}

/*.glide__controls {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;*/ /* Optional: spacing between bullets */
/*list-style: none;
    padding: 0;
    margin: 0;
}*/

.slick-carousel .slide {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    height: 330px; /*100%; optional, depending on parent */
    margin: 0 10px; /*Adjust spacing as needed */
}

.slick-list {
    margin: 0 -10px; /*Negative margin to compensate for slide margins */
    height: 500px; /*100%; optional, depending on parent */
}

/*
.c_diamond-offer {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}*/