/*

 Theme Name: OceanDentalHH
 Theme URI:
 Description:
 Author: CTA
 Author URI:
 Template: kadence
 Version: 1.0

*/


/* Gutenberg-editorin post/page title (H1) mustaksi */
.edit-post-visual-editor__post-title-wrapper h1 {
    color: #000 !important;
}



/* Vain Featured Dental Services -karuselli, jolla on luokka featured-carousel */

/* Piilota Splide-pallukat (valinnainen) */
.featured-carousel .splide__pagination {
    /* jos haluat pitää pallukat näkyvissä, kommentoi tämä rivi pois */
     display: none !important;
}

/* Progress barin tausta */
.featured-carousel .kb-carousel-progress {
    position: relative;
    width: 100%;
    height: 4px;
    margin-top: 1rem;
    background: rgba(255, 255, 255, 0.2); /* taustaviiva */
    border-radius: 999px;
    overflow: hidden;
}

/* Täyttyvä palkki */
.featured-carousel .kb-carousel-progress__fill {
    display: block;
    height: 100%;
    width: 0;
    background: #ffffff; /* vaihda brändiväriin jos haluat */
    transition: width 0.3s ease;
}

/* Korttilistaus */
.tiimi-lista {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 2.5rem;
}

/* Yksittäinen kortti */
.tiimi-card {
    display: flex;
    flex-direction: column;
}

/* Kuvan wrap + overlay */
.tiimi-card__image-wrap {
    position: relative;
    overflow: hidden;
}

.tiimi-card__image {
    display: block;
    width: 100%;
    height: auto;
}

/* "Read Bio +" -laatikko kuvan päällä */
.tiimi-card__overlay {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    font-size: 0.85rem;
    padding: 0.35rem 0.9rem;
    white-space: nowrap;
}

/* Sisältö kuvan alla */
.tiimi-card__content {
    margin-top: 0.85rem;
}

.tiimi-card__title-link {
    text-decoration: none;
}

.tiimi-card__name {
    display: block;
    font-weight: 600;
    margin-bottom: 0.15rem;
}

/* ACF "position" */
.tiimi-card__position {
    display: inline-block;
    font-size: 0.9rem;
    opacity: 0.8;
}


.kt-post-grid-layout-carousel .kadence-post-image-inner-wrap {
    position: relative;
}
.kt-post-grid-layout-carousel .kt-post-slider-item .kadence-post-image-inner-wrap:before {
    background-image: linear-gradient( 241deg, #3d7eff00 32.29%, #3d7eff80 99.42% );
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.25s ease;
    z-index: 5;
}
.kt-post-grid-layout-carousel .kt-post-slider-item:hover .kadence-post-image-inner-wrap:before {
    opacity: 1.0;
}