/* =========================================================
   DAYVERO - ALIŞKANLIKLAR
   [dayvero_habits]
   ========================================================= */


/* =========================================================
   1. ANA ALIŞKANLIKLAR ALANI
   ========================================================= */

body.home .dayvero-habits {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}


/* =========================================================
   2. BAŞLIK ALANI
   ========================================================= */

body.home .dayvero-habits-header {
    margin: 0 0 28px 0;
    padding: 0;
}

body.home .dayvero-habits-header h2 {
    margin: 0 0 10px 0;
    padding: 0;
}

body.home .dayvero-habits-header p {
    margin: 0;
    padding: 0;
}


/* =========================================================
   3. SLIDER ALANI
   ========================================================= */

body.home .dayvero-habits-slider-wrap {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

body.home .dayvero-habits-swiper {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


/* =========================================================
   4. SLIDER SLIDE
   ========================================================= */

body.home .dayvero-habits-swiper .swiper-slide {
    height: auto;
    margin: 0;
    padding: 0;
}


/* =========================================================
   5. ALIŞKANLIK KARTI
   ========================================================= */

body.home .dayvero-habit-card {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


/* =========================================================
   6. KART GÖRSELİ
   ========================================================= */

body.home .dayvero-habit-image {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;

    border-radius: 18px;
}

body.home .dayvero-habit-image img {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;
    padding: 0;

    border: 0;

    border-radius: 18px;

    object-fit: cover;
}


/* =========================================================
   7. KART BAŞLIĞI
   ========================================================= */

body.home .dayvero-habit-card h3 {
    margin: 18px 0 0 0;
    padding: 0;
}

body.home .dayvero-habit-card h3 a {
    text-decoration: none;
}


/* =========================================================
   8. KART AÇIKLAMASI
   ========================================================= */

body.home .dayvero-habit-card > p {
    margin: 10px 0 0 0;
    padding: 0;
}


/* =========================================================
   9. KEŞFET BUTONU
   ========================================================= */

body.home .dayvero-habit-button {
    display: inline-block;
    margin-top: 14px;
    text-decoration: none;
}


/* =========================================================
   10. SOL / SAĞ BOŞ SLIDER BUTONLARINI KALDIR
   =========================================================

   HTML'de butonların içinde ikon yok.
   Eski CSS bunlardan yeşil şekiller oluşturuyordu.
   Bu nedenle tamamen gizliyoruz.
   */

body.home .dayvero-habits-prev,
body.home .dayvero-habits-next {
    display: none !important;
}


/* =========================================================
   11. PAGINATION
   ========================================================= */

body.home .dayvero-habits-pagination {
    display: flex !important;

    align-items: center;
    justify-content: center;

    gap: 7px;

    width: 100%;

    margin: 28px 0 0 0;
    padding: 0;
}

body.home .dayvero-habits-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;

    margin: 0;

    opacity: 0.7;
}

body.home .dayvero-habits-pagination .swiper-pagination-bullet-active {
    width: 28px;

    border-radius: 10px;

    opacity: 1;
}


/* =========================================================
   12. MOBİL
   ========================================================= */

@media (max-width: 767px) {

    body.home .dayvero-habits-header {
        margin-bottom: 20px;
    }

    body.home .dayvero-habit-image,
    body.home .dayvero-habit-image img {
        border-radius: 14px;
    }

    body.home .dayvero-habit-card h3 {
        margin-top: 14px;
    }

    body.home .dayvero-habits-pagination {
        margin-top: 20px;
    }

}


/* =========================================================
   DAYVERO - HABITS SLIDER ARROWS
   FINAL VISIBILITY OVERRIDE
   ========================================================= */

.dayvero-habits-slider-wrap {
    position: relative !important;
    overflow: visible !important;
}

.dayvero-habits-prev,
.dayvero-habits-next {
    display: flex !important;

    position: absolute !important;

    top: 50% !important;

    width: 46px !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;

    align-items: center !important;
    justify-content: center !important;

    opacity: 1 !important;
    visibility: visible !important;

    background: rgba(255, 255, 255, .94) !important;

    border: 1px solid rgba(23, 107, 85, .16) !important;
    border-radius: 50% !important;

    box-shadow: 0 6px 18px rgba(23, 34, 56, .13) !important;

    color: #176b55 !important;

    z-index: 20 !important;

    cursor: pointer !important;

    font-size: 0 !important;

    transition:
        background .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}

.dayvero-habits-prev {
    left: -23px !important;
}

.dayvero-habits-next {
    right: -23px !important;
}

.dayvero-habits-prev::before,
.dayvero-habits-next::before {
    display: none !important;
    content: none !important;
}

.dayvero-habits-prev::after,
.dayvero-habits-next::after {
    display: block !important;

    position: relative !important;

    color: #176b55 !important;

    font-size: 32px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    opacity: 1 !important;
    visibility: visible !important;
}

.dayvero-habits-prev::after {
    content: "‹" !important;
}

.dayvero-habits-next::after {
    content: "›" !important;
}

.dayvero-habits-prev:hover,
.dayvero-habits-next:hover {
    background: #ffffff !important;

    box-shadow: 0 8px 22px rgba(23, 34, 56, .18) !important;

    transform: translateY(-50%) scale(1.05) !important;
}

.dayvero-habits-prev:hover::after,
.dayvero-habits-next:hover::after {
    color: #0f4f3f !important;
}


@media (max-width: 767px) {

    .dayvero-habits-prev {
        left: 8px !important;
    }

    .dayvero-habits-next {
        right: 8px !important;
    }

    .dayvero-habits-prev,
    .dayvero-habits-next {
        width: 40px !important;
        height: 40px !important;
    }

    .dayvero-habits-prev::after,
    .dayvero-habits-next::after {
        font-size: 28px !important;
    }
}

/* =========================================================
   DAYVERO - HABITS ARROWS
   ========================================================= */

body.home .dayvero-habits-slider-wrap {
    position: relative !important;
    overflow: visible !important;
}

body.home .dayvero-habits-prev,
body.home .dayvero-habits-next {
    display: flex !important;

    position: absolute !important;

    top: 50% !important;

    width: 46px !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;

    align-items: center !important;
    justify-content: center !important;

    opacity: 1 !important;
    visibility: visible !important;

    background: rgba(255, 255, 255, .94) !important;

    border: 1px solid rgba(23, 107, 85, .16) !important;
    border-radius: 50% !important;

    box-shadow: 0 6px 18px rgba(23, 34, 56, .13) !important;

    color: #176b55 !important;

    z-index: 100 !important;

    cursor: pointer !important;

    font-size: 0 !important;
}

body.home .dayvero-habits-prev {
    left: -23px !important;
}

body.home .dayvero-habits-next {
    right: -23px !important;
}

body.home .dayvero-habits-prev::before,
body.home .dayvero-habits-next::before {
    content: none !important;
    display: none !important;
}

body.home .dayvero-habits-prev::after,
body.home .dayvero-habits-next::after {
    display: block !important;

    color: #176b55 !important;

    font-size: 32px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    opacity: 1 !important;
    visibility: visible !important;
}

body.home .dayvero-habits-prev::after {
    content: "‹" !important;
}

body.home .dayvero-habits-next::after {
    content: "›" !important;
}

body.home .dayvero-habits-prev:hover,
body.home .dayvero-habits-next:hover {
    background: #ffffff !important;

    box-shadow: 0 8px 22px rgba(23, 34, 56, .18) !important;

    transform: translateY(-50%) scale(1.05) !important;
}

body.home .dayvero-habits-prev:hover::after,
body.home .dayvero-habits-next:hover::after {
    color: #0f4f3f !important;
}


@media (max-width: 767px) {

    body.home .dayvero-habits-prev {
        left: 8px !important;
    }

    body.home .dayvero-habits-next {
        right: 8px !important;
    }

    body.home .dayvero-habits-prev,
    body.home .dayvero-habits-next {
        width: 40px !important;
        height: 40px !important;
    }

    body.home .dayvero-habits-prev::after,
    body.home .dayvero-habits-next::after {
        font-size: 28px !important;
    }
}