/*
Theme Name: KEINS Renewal
Theme URI: http://localhost:8888/keins/
Author: Cursor Agent
Author URI: http://localhost:8888/keins/
Description: KEINS CAFE TOKYO renewal theme (FV/Header/Footer first build).
Version: 0.1.2
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: keins-renewal
*/


/* ファーストビューの高さとレイアウトの調整 */
.kr-fv {
    height: 850px !important;
    min-height: 850px !important;
    background-color: rgb(211 194 187) !important;
}

.kr-message {
    background-color: rgb(211 194 187) !important;
}


.kr-message__title {
    text-shadow: none !important;
}

.kr-fv__split--left {
    height: 100% !important;
    overflow: hidden !important;
}

.kr-fv__videoWrap {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 20% !important;
    height: 100% !important;
    width: 80% !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.kr-fv__video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

@media (max-width: 768px) {
    .kr-fv__split--left {
        display: none !important;
    }
    .kr-fv__videoWrap {
        left: 15% !important;
        width: 85% !important;
    }
}


/* Navigation Font Change & Hover Effect */
.kr-header__menu li a,
.kr-footer__links li a {
    font-family: "Josefin Sans", "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-weight: 500;
    transition: color 0.3s ease;
}

.kr-header__menu li a:hover {
    color: rgb(211 194 187) !important;
}

.kr-footer__links li a:hover {
    opacity: 0.7;
}

/* ホバー時に現れる線の色を変更 */
.kr-header__menu li a::after {
    background-color: rgb(211 194 187) !important;
}

.kr-footer__links li a::after {
    background-color: #FFFFFF !important;
}


.kr-monde {
    background-color: #251308 !important;
}


.kr-recommend {
    background-color: #251308 !important;
}

.kr-news,
.kr-gallery {
    background-color: rgb(211 194 187) !important;
}

.kr-shop-news-wrapper,
.kr-shop {
    background-color: #1A110A;
}

.kr-footer {
    background-color: #251308 !important;
}


.kr-news__arrow {
    color: #251308 !important;
}


@keyframes changeBgToLight {
    0% {
        background-color: #251308;
    }
    100% {
        background-color: rgb(211 194 187);
    }
}

.kr-shop-news-wrapper.is-active,
.kr-shop-news-wrapper.is-active .kr-shop {
    animation: changeBgToLight 1.5s ease forwards;
}

@keyframes changeColorToDark {
    0% {
        color: #FFFFFF;
        border-color: #FFFFFF;
    }
    100% {
        color: #1A110A;
        border-color: #1A110A;
    }
}

.kr-shop-news-wrapper.is-active .kr-shop__titleJa,
.kr-shop-news-wrapper.is-active .kr-shop__titleEn,
.kr-shop-news-wrapper.is-active .kr-shop__footer .kr-recommend__viewAll {
    animation: changeColorToDark 1.5s ease forwards;
}


/* Button Hover Styles */
.kr-shop__footer .kr-recommend__viewAll:hover,
.kr-news__footer .kr-recommend__viewAll:hover {
    border-color: #FFFFFF !important;
}