/* =========================================================
   1. 공통 설정
========================================================= */
.worship-page {
    --worship-main: #a56f52;
    --worship-main-dark: #7e5743;
    --worship-deep: #493b34;
    --worship-point: #c4926f;
    --worship-point-soft: #ead0ba;

    --worship-bg: #fbf6ef;
    --worship-bg-soft: #f4ebe1;
    --worship-card-bg: #fffdf9;

    --worship-text: #51453f;
    --worship-muted: #86766e;
    --worship-line: rgba(151, 106, 81, 0.18);

    width: 100%;
    overflow: hidden;
    color: var(--worship-text);
    background: #fff;
    font-family: "Noto Sans KR", sans-serif;
    word-break: keep-all;
}

.worship-page * {
    box-sizing: border-box;
}

.worship-page a {
    color: inherit;
    text-decoration: none;
}

.worship-page img {
    display: block;
    max-width: 100%;
}

.worship-page .worship-inner {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

/* =========================================================
   2. 공통 제목
========================================================= */
.worship-page .section-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 17px;
    color: var(--worship-main);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.worship-page .section-eyebrow::before {
    width: 32px;
    height: 1px;
    background: var(--worship-point);
    content: "";
}

.worship-page .section-title {
    margin: 0;
    color: var(--worship-deep);
    font-size: clamp(33px, 4vw, 58px);
    font-weight: 700;
    letter-spacing: -0.08em;
    line-height: 1.23;
}

.worship-page .section-desc {
    margin: 21px 0 0;
    color: var(--worship-muted);
    font-size: 16px;
    line-height: 1.92;
}

/* =========================================================
   3. 상단 비주얼
========================================================= */
.worship-page .worship-hero {
    position: relative;
    display: flex;
    min-height: 470px;
    align-items: center;
    isolation: isolate;
    overflow: hidden;
    color: #fff;

    /* 이미지가 없어도 따뜻한 배경색 표시 */
    background-color: #876655;

    /* 서버에 업로드한 이미지 */
    background-image:
        linear-gradient(
            90deg,
            rgba(81, 56, 46, 0.93) 0%,
            rgba(106, 75, 60, 0.76) 50%,
            rgba(133, 95, 74, 0.38) 100%
        ),
        url("/img/worship/worship_visual.jpg");

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.worship-page .worship-hero::after {
    position: absolute;
    right: -95px;
    bottom: -180px;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
    content: "";
}

.worship-page .worship-hero-content {
    position: relative;
    z-index: 2;
    max-width: 790px;
    padding: 94px 0;
}

.worship-page .hero-small {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, 0.73);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.worship-page .hero-small::before {
    width: 42px;
    height: 1px;
    background: rgba(255, 255, 255, 0.58);
    content: "";
}

.worship-page .worship-hero-title {
    margin: 0;
    color: #fff;
    font-size: clamp(43px, 5vw, 72px);
    font-weight: 700;
    letter-spacing: -0.09em;
    line-height: 1.16;
}

.worship-page .worship-hero-text {
    max-width: 680px;
    margin: 23px 0 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.9;
}

/* =========================================================
   4. 인트로 및 빠른 메뉴
========================================================= */
.worship-page .worship-intro {
    padding: 116px 0 61px;
    background: var(--worship-bg);
}

.worship-page .worship-intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.02fr);
    align-items: end;
    gap: 65px;
}

.worship-page .worship-intro-copy {
    max-width: 680px;
}

.worship-page .worship-menu {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.worship-page .worship-menu a {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid rgba(165, 111, 82, 0.22);
    border-radius: 999px;
    color: var(--worship-main-dark);
    background: rgba(255, 255, 255, 0.58);
    font-size: 14px;
    font-weight: 700;
    transition: 0.25s ease;
}

.worship-page .worship-menu a:hover {
    border-color: var(--worship-main);
    color: #fff;
    background: var(--worship-main);
    transform: translateY(-3px);
}

.worship-page .worship-menu i {
    font-size: 12px;
}

/* =========================================================
   5. 주일예배
========================================================= */
.worship-page .sunday-section {
    padding: 61px 0 135px;
    background: var(--worship-bg);
}

.worship-page .sunday-heading {
    max-width: 730px;
    margin-bottom: 46px;
}

.worship-page .sunday-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.worship-page .sunday-card {
    position: relative;
    min-height: 330px;
    overflow: hidden;
    padding: 36px 31px 31px;
    border: 1px solid var(--worship-line);
    background: var(--worship-card-bg);
    transition: 0.28s ease;
}

.worship-page .sunday-card:hover {
    border-color: rgba(165, 111, 82, 0.43);
    box-shadow: 0 18px 42px rgba(108, 74, 56, 0.1);
    transform: translateY(-7px);
}

.worship-page .sunday-card.is-main {
    color: #fff;
    border-color: transparent;
    background:
        linear-gradient(
            145deg,
            rgba(122, 82, 63, 0.97),
            rgba(165, 111, 82, 0.9)
        );
}

.worship-page .sunday-card::after {
    position: absolute;
    right: -63px;
    bottom: -73px;
    width: 165px;
    height: 165px;
    border: 1px solid rgba(165, 111, 82, 0.15);
    border-radius: 50%;
    content: "";
}

.worship-page .sunday-card.is-main::after {
    border-color: rgba(255, 255, 255, 0.18);
}

.worship-page .service-icon {
    display: flex;
    width: 57px;
    height: 57px;
    align-items: center;
    justify-content: center;
    margin-bottom: 27px;
    border-radius: 50%;
    color: var(--worship-main-dark);
    background: rgba(196, 146, 111, 0.16);
    font-size: 20px;
}

.worship-page .sunday-card.is-main .service-icon {
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
}

.worship-page .service-label {
    display: block;
    margin-bottom: 9px;
    color: var(--worship-main);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.worship-page .sunday-card.is-main .service-label {
    color: rgba(255, 255, 255, 0.72);
}

.worship-page .service-title {
    margin: 0;
    color: var(--worship-deep);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.07em;
}

.worship-page .sunday-card.is-main .service-title {
    color: #fff;
}

.worship-page .service-time {
    display: block;
    margin-top: 22px;
    color: var(--worship-main-dark);
    font-family: "Cormorant Garamond", serif;
    font-size: 37px;
    font-weight: 700;
    line-height: 1;
}

.worship-page .sunday-card.is-main .service-time {
    color: #fff;
}

.worship-page .service-place {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    color: var(--worship-muted);
    font-size: 14px;
    line-height: 1.6;
}

.worship-page .sunday-card.is-main .service-place {
    color: rgba(255, 255, 255, 0.75);
}

.worship-page .service-place i {
    color: var(--worship-point);
    font-size: 12px;
}

.worship-page .sunday-card.is-main .service-place i {
    color: rgba(255, 255, 255, 0.82);
}

/* =========================================================
   6. 평일 예배 및 기도회
========================================================= */
.worship-page .weekday-section {
    padding: 133px 0;
    background: #fff;
}

.worship-page .weekday-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    align-items: start;
    gap: 78px;
}

.worship-page .weekday-copy {
    position: sticky;
    top: 35px;
}

.worship-page .weekday-list {
    border-top: 1px solid var(--worship-line);
}

.worship-page .weekday-item {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    padding: 25px 5px;
    border-bottom: 1px solid var(--worship-line);
}

.worship-page .weekday-icon {
    display: flex;
    width: 55px;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--worship-main-dark);
    background: var(--worship-bg-soft);
    font-size: 19px;
}

.worship-page .weekday-title {
    margin: 0;
    color: var(--worship-deep);
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.05em;
}

.worship-page .weekday-place {
    display: block;
    margin-top: 6px;
    color: var(--worship-muted);
    font-size: 13px;
}

.worship-page .weekday-time {
    min-width: 145px;
    color: var(--worship-main-dark);
    font-family: "Cormorant Garamond", serif;
    font-size: 26px;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}

/* =========================================================
   7. 교회학교
========================================================= */
.worship-page .school-section {
    padding: 132px 0;
    background: var(--worship-bg-soft);
}

.worship-page .school-heading {
    max-width: 730px;
    margin-bottom: 47px;
}

.worship-page .school-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.worship-page .school-card {
    min-height: 268px;
    padding: 29px 24px 27px;
    border: 1px solid var(--worship-line);
    background: var(--worship-card-bg);
    transition: 0.27s ease;
}

.worship-page .school-card:hover {
    border-color: rgba(165, 111, 82, 0.44);
    box-shadow: 0 15px 34px rgba(108, 74, 56, 0.09);
    transform: translateY(-6px);
}

.worship-page .school-icon {
    display: flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border-radius: 50%;
    color: var(--worship-main-dark);
    background: rgba(196, 146, 111, 0.17);
    font-size: 18px;
}

.worship-page .school-title {
    margin: 0;
    color: var(--worship-deep);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.06em;
}

.worship-page .school-age {
    display: block;
    margin-top: 7px;
    color: var(--worship-main);
    font-size: 13px;
    font-weight: 700;
}

.worship-page .school-time {
    display: block;
    margin-top: 20px;
    color: var(--worship-main-dark);
    font-family: "Cormorant Garamond", serif;
    font-size: 27px;
    font-weight: 700;
}

.worship-page .school-place {
    display: block;
    margin-top: 7px;
    color: var(--worship-muted);
    font-size: 13px;
}

/* =========================================================
   8. 소그룹 및 모임
========================================================= */
.worship-page .meeting-section {
    padding: 133px 0;
    background: #fff;
}

.worship-page .meeting-heading {
    max-width: 750px;
    margin-bottom: 48px;
}

.worship-page .meeting-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--worship-line);
    border-bottom: 1px solid var(--worship-line);
}

.worship-page .meeting-card {
    padding: 38px 30px 36px;
    border-right: 1px solid var(--worship-line);
    transition: 0.27s ease;
}

.worship-page .meeting-card:first-child {
    border-left: 1px solid var(--worship-line);
}

.worship-page .meeting-card:hover {
    background: var(--worship-bg);
}

.worship-page .meeting-number {
    display: block;
    margin-bottom: 25px;
    color: var(--worship-point);
    font-family: "Cormorant Garamond", serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
}

.worship-page .meeting-icon {
    display: flex;
    width: 53px;
    height: 53px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 50%;
    color: var(--worship-main-dark);
    background: rgba(196, 146, 111, 0.16);
    font-size: 18px;
}

.worship-page .meeting-title {
    margin: 0;
    color: var(--worship-deep);
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.06em;
}

.worship-page .meeting-time {
    display: block;
    margin-top: 12px;
    color: var(--worship-main-dark);
    font-size: 14px;
    font-weight: 700;
}

.worship-page .meeting-desc {
    margin: 14px 0 0;
    color: var(--worship-muted);
    font-size: 14px;
    line-height: 1.82;
}

/* =========================================================
   9. 처음 방문하는 분 안내
========================================================= */
.worship-page .visitor-section {
    padding: 105px 0;
    background: var(--worship-bg);
}

.worship-page .visitor-box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 35px;
    padding: 42px 45px;
    border: 1px solid var(--worship-line);
    background: var(--worship-card-bg);
}

.worship-page .visitor-left {
    display: flex;
    align-items: center;
    gap: 24px;
}

.worship-page .visitor-icon {
    display: flex;
    width: 66px;
    height: 66px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--worship-main);
    font-size: 22px;
}

.worship-page .visitor-title {
    margin: 0;
    color: var(--worship-deep);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.07em;
}

.worship-page .visitor-desc {
    margin: 9px 0 0;
    color: var(--worship-muted);
    font-size: 14px;
    line-height: 1.78;
}

.worship-page .visitor-btn {
    display: inline-flex;
    min-height: 55px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 24px;
    border-radius: 999px;
    color: #fff;
    background: var(--worship-main);
    font-size: 14px;
    font-weight: 700;
    transition: 0.25s ease;
}

.worship-page .visitor-btn:hover {
    background: var(--worship-main-dark);
    transform: translateY(-3px);
}

.worship-page .visitor-btn i {
    font-size: 12px;
}

/* =========================================================
   10. 하단 메시지
========================================================= */
.worship-page .worship-bottom {
    padding: 105px 0;
    color: #fff;
    background-color: #896654;
    background-image:
        linear-gradient(
            90deg,
            rgba(91, 61, 49, 0.95) 0%,
            rgba(119, 81, 63, 0.84) 58%,
            rgba(144, 99, 75, 0.54) 100%
        ),
        url("/img/worship/worship_bottom.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.worship-page .bottom-content {
    max-width: 780px;
}

.worship-page .bottom-small {
    display: block;
    margin-bottom: 14px;
    color: #f0d0b6;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.worship-page .bottom-title {
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 4vw, 49px);
    font-weight: 700;
    letter-spacing: -0.08em;
    line-height: 1.3;
}

.worship-page .bottom-desc {
    margin: 18px 0 0;
    color: rgba(255, 255, 255, 0.77);
    font-size: 15px;
    line-height: 1.9;
}

/* =========================================================
   태블릿 반응형
========================================================= */
@media (max-width: 1024px) {
    .worship-page .worship-hero {
        min-height: 430px;
    }

    .worship-page .worship-intro {
        padding: 94px 0 54px;
    }

    .worship-page .worship-intro-grid {
        grid-template-columns: 1fr;
        gap: 33px;
    }

    .worship-page .sunday-section {
        padding: 54px 0 101px;
    }

    .worship-page .weekday-section {
        padding: 100px 0;
    }

    .worship-page .weekday-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .worship-page .weekday-copy {
        position: static;
    }

    .worship-page .school-section {
        padding: 100px 0;
    }

    .worship-page .school-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .worship-page .meeting-section {
        padding: 100px 0;
    }
}

/* =========================================================
   모바일 반응형
========================================================= */
@media (max-width: 767px) {
    .worship-page .worship-inner {
        width: min(100% - 32px, 620px);
    }

    .worship-page .section-eyebrow {
        margin-bottom: 13px;
        font-size: 11px;
        letter-spacing: 0.14em;
    }

    .worship-page .section-eyebrow::before {
        width: 23px;
    }

    .worship-page .section-title {
        font-size: 34px;
        line-height: 1.28;
    }

    .worship-page .section-desc {
        margin-top: 17px;
        font-size: 15px;
        line-height: 1.84;
    }

    /* 상단 */
    .worship-page .worship-hero {
        min-height: 380px;
        background-position: 61% center;
    }

    .worship-page .worship-hero-content {
        padding: 74px 0;
    }

    .worship-page .hero-small {
        margin-bottom: 15px;
        font-size: 10px;
        letter-spacing: 0.15em;
    }

    .worship-page .hero-small::before {
        width: 27px;
    }

    .worship-page .worship-hero-title {
        font-size: 44px;
    }

    .worship-page .worship-hero-text {
        margin-top: 18px;
        font-size: 14px;
        line-height: 1.82;
    }

    /* 인트로 */
    .worship-page .worship-intro {
        padding: 76px 0 40px;
    }

    .worship-page .worship-menu {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .worship-page .worship-menu a {
        min-height: 49px;
        font-size: 13px;
    }

    /* 주일예배 */
    .worship-page .sunday-section {
        padding: 40px 0 76px;
    }

    .worship-page .sunday-heading {
        margin-bottom: 30px;
    }

    .worship-page .sunday-grid {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .worship-page .sunday-card {
        min-height: auto;
        padding: 27px 23px 26px;
    }

    .worship-page .sunday-card:hover {
        transform: none;
    }

    .worship-page .service-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px;
        font-size: 18px;
    }

    .worship-page .service-title {
        font-size: 21px;
    }

    .worship-page .service-time {
        margin-top: 17px;
        font-size: 31px;
    }

    /* 평일예배 */
    .worship-page .weekday-section {
        padding: 76px 0;
    }

    .worship-page .weekday-grid {
        gap: 30px;
    }

    .worship-page .weekday-item {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 13px;
        padding: 18px 0;
    }

    .worship-page .weekday-icon {
        width: 44px;
        height: 44px;
        font-size: 16px;
    }

    .worship-page .weekday-title {
        font-size: 17px;
    }

    .worship-page .weekday-place {
        margin-top: 5px;
        font-size: 12px;
    }

    .worship-page .weekday-time {
        grid-column: 2;
        min-width: auto;
        margin-top: 2px;
        font-size: 22px;
        text-align: left;
    }

    /* 교회학교 */
    .worship-page .school-section {
        padding: 76px 0;
    }

    .worship-page .school-heading {
        margin-bottom: 31px;
    }

    .worship-page .school-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .worship-page .school-card {
        min-height: auto;
        padding: 23px 21px 22px;
    }

    .worship-page .school-card:hover {
        transform: none;
    }

    .worship-page .school-icon {
        width: 47px;
        height: 47px;
        margin-bottom: 17px;
        font-size: 16px;
    }

    /* 소그룹 */
    .worship-page .meeting-section {
        padding: 76px 0;
    }

    .worship-page .meeting-heading {
        margin-bottom: 31px;
    }

    .worship-page .meeting-grid {
        display: block;
        border: 0;
    }

    .worship-page .meeting-card,
    .worship-page .meeting-card:first-child {
        padding: 25px 22px 24px;
        border: 1px solid var(--worship-line);
        border-bottom: 0;
    }

    .worship-page .meeting-card:last-child {
        border-bottom: 1px solid var(--worship-line);
    }

    .worship-page .meeting-number {
        margin-bottom: 18px;
        font-size: 30px;
    }

    .worship-page .meeting-icon {
        width: 47px;
        height: 47px;
        margin-bottom: 16px;
        font-size: 16px;
    }

    /* 방문자 안내 */
    .worship-page .visitor-section {
        padding: 76px 0;
    }

    .worship-page .visitor-box {
        display: block;
        padding: 25px 22px;
    }

    .worship-page .visitor-left {
        display: block;
    }

    .worship-page .visitor-icon {
        width: 55px;
        height: 55px;
        margin-bottom: 18px;
        font-size: 19px;
    }

    .worship-page .visitor-title {
        font-size: 21px;
    }

    .worship-page .visitor-btn {
        width: 100%;
        margin-top: 21px;
    }

    /* 하단 */
    .worship-page .worship-bottom {
        padding: 76px 0;
        background-position: 62% center;
    }

    .worship-page .bottom-small {
        margin-bottom: 10px;
        font-size: 17px;
    }

    .worship-page .bottom-title {
        font-size: 32px;
    }

    .worship-page .bottom-desc {
        margin-top: 15px;
        font-size: 14px;
    }
}


/* =========================================================
   예배 및 모임 시간 페이지
   소프트 블루 + 네이비 스타일
   기존 CSS 가장 아래에 추가
========================================================= */
.worship-page {
    /* 메인 색상 */
    --worship-main: #6f91a6 !important;
    --worship-main-dark: #395b70 !important;
    --worship-deep: #243c4b !important;
    --worship-point: #a7c4d3 !important;
    --worship-point-soft: #d9e8ef !important;

    /* 배경 */
    --worship-bg: #f7fafb !important;
    --worship-bg-soft: #edf4f6 !important;
    --worship-card-bg: #ffffff !important;

    /* 텍스트와 선 */
    --worship-text: #40535e !important;
    --worship-muted: #75858d !important;
    --worship-line: rgba(76, 111, 129, 0.18) !important;
}

/* =========================================================
   1. 상단 비주얼
========================================================= */
.worship-page .worship-hero {
    min-height: 500px !important;
    background-color: #536f7e !important;
    background-image:
        linear-gradient(
            90deg,
            rgba(25, 52, 67, 0.93) 0%,
            rgba(42, 75, 91, 0.78) 48%,
            rgba(79, 115, 133, 0.36) 100%
        ),
        url("/img/worship/worship_visual.jpg") !important;

    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.worship-page .worship-hero::after {
    right: -120px !important;
    bottom: -220px !important;
    width: 560px !important;
    height: 560px !important;
    border-color: rgba(255, 255, 255, 0.13) !important;
}

.worship-page .hero-small {
    color: rgba(255, 255, 255, 0.72) !important;
}

.worship-page .hero-small::before {
    background: rgba(255, 255, 255, 0.62) !important;
}

/* =========================================================
   2. 인트로 영역
========================================================= */
.worship-page .worship-intro {
    background: #f7fafb !important;
}

.worship-page .section-eyebrow {
    color: #5e8498 !important;
}

.worship-page .section-eyebrow::before {
    background: #90b3c5 !important;
}

.worship-page .section-title {
    color: #243c4b !important;
}

.worship-page .section-desc {
    color: #75858d !important;
}

/* 상단 바로가기 메뉴 */
.worship-page .worship-menu a {
    border-color: rgba(94, 132, 152, 0.25) !important;
    border-radius: 4px !important;
    color: #456a7e !important;
    background: #ffffff !important;
}

.worship-page .worship-menu a:hover {
    border-color: #5e8498 !important;
    color: #ffffff !important;
    background: #5e8498 !important;
    transform: translateY(-3px);
}

/* =========================================================
   3. 주일예배 영역
========================================================= */
.worship-page .sunday-section {
    background: #f7fafb !important;
}

/* 카드 전체 */
.worship-page .sunday-card {
    min-height: 345px !important;
    padding: 38px 32px 33px !important;
    border: 1px solid rgba(76, 111, 129, 0.17) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

/* 카드 상단 라인 */
.worship-page .sunday-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: #a7c4d3;
    content: "";
}

.worship-page .sunday-card:hover {
    border-color: rgba(63, 101, 120, 0.42) !important;
    box-shadow: 0 18px 40px rgba(55, 88, 104, 0.1) !important;
    transform: translateY(-7px);
}

/* 가운데 강조 카드 */
.worship-page .sunday-card.is-main {
    border-color: transparent !important;
    color: #ffffff !important;
    background:
        linear-gradient(
            145deg,
            #365b70 0%,
            #62899e 100%
        ) !important;
}

.worship-page .sunday-card.is-main::before {
    background: rgba(255, 255, 255, 0.4) !important;
}

.worship-page .sunday-card::after {
    border-color: rgba(111, 145, 166, 0.14) !important;
}

.worship-page .sunday-card.is-main::after {
    border-color: rgba(255, 255, 255, 0.18) !important;
}

/* 아이콘 */
.worship-page .service-icon {
    color: #456f85 !important;
    background: #edf4f6 !important;
}

.worship-page .sunday-card.is-main .service-icon {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.14) !important;
}

/* 텍스트 */
.worship-page .service-label {
    color: #6f91a6 !important;
}

.worship-page .sunday-card.is-main .service-label {
    color: rgba(255, 255, 255, 0.72) !important;
}

.worship-page .service-title {
    color: #243c4b !important;
}

.worship-page .sunday-card.is-main .service-title {
    color: #ffffff !important;
}

.worship-page .service-time {
    color: #395b70 !important;
}

.worship-page .sunday-card.is-main .service-time {
    color: #ffffff !important;
}

.worship-page .service-place {
    color: #75858d !important;
}

.worship-page .service-place i {
    color: #7ca4b8 !important;
}

.worship-page .sunday-card.is-main .service-place,
.worship-page .sunday-card.is-main .service-place i {
    color: rgba(255, 255, 255, 0.78) !important;
}

/* =========================================================
   4. 평일예배 및 기도회
========================================================= */
.worship-page .weekday-section {
    background: #ffffff !important;
}

.worship-page .weekday-list {
    border-top-color: rgba(76, 111, 129, 0.18) !important;
}

.worship-page .weekday-item {
    border-bottom-color: rgba(76, 111, 129, 0.18) !important;
    transition: 0.25s ease;
}

.worship-page .weekday-item:hover {
    padding-right: 16px !important;
    padding-left: 16px !important;
    background: #f7fafb !important;
}

.worship-page .weekday-icon {
    border-radius: 4px !important;
    color: #456f85 !important;
    background: #edf4f6 !important;
}

.worship-page .weekday-title {
    color: #294554 !important;
}

.worship-page .weekday-place {
    color: #819099 !important;
}

.worship-page .weekday-time {
    color: #456f85 !important;
}

/* =========================================================
   5. 다음 세대 예배
========================================================= */
.worship-page .school-section {
    background: #edf4f6 !important;
}

.worship-page .school-card {
    border-color: rgba(76, 111, 129, 0.16) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
}

.worship-page .school-card:hover {
    border-color: rgba(76, 111, 129, 0.42) !important;
    box-shadow: 0 16px 34px rgba(53, 88, 104, 0.1) !important;
}

.worship-page .school-icon {
    border-radius: 4px !important;
    color: #456f85 !important;
    background: #e5f0f4 !important;
}

.worship-page .school-title {
    color: #294554 !important;
}

.worship-page .school-age {
    color: #6f91a6 !important;
}

.worship-page .school-time {
    color: #395b70 !important;
}

.worship-page .school-place {
    color: #819099 !important;
}

/* =========================================================
   6. 교회 모임
========================================================= */
.worship-page .meeting-section {
    background: #ffffff !important;
}

.worship-page .meeting-grid {
    border-color: rgba(76, 111, 129, 0.18) !important;
}

.worship-page .meeting-card {
    border-color: rgba(76, 111, 129, 0.18) !important;
}

.worship-page .meeting-card:hover {
    background: #f7fafb !important;
}

.worship-page .meeting-number {
    color: #9abccc !important;
}

.worship-page .meeting-icon {
    border-radius: 4px !important;
    color: #456f85 !important;
    background: #edf4f6 !important;
}

.worship-page .meeting-title {
    color: #294554 !important;
}

.worship-page .meeting-time {
    color: #52798e !important;
}

.worship-page .meeting-desc {
    color: #819099 !important;
}

/* =========================================================
   7. 처음 방문하는 분 안내
========================================================= */
.worship-page .visitor-section {
    background: #f7fafb !important;
}

.worship-page .visitor-box {
    border-color: rgba(76, 111, 129, 0.18) !important;
    background: #ffffff !important;
}

.worship-page .visitor-icon {
    border-radius: 4px !important;
    background: #5e8498 !important;
}

.worship-page .visitor-title {
    color: #294554 !important;
}

.worship-page .visitor-desc {
    color: #819099 !important;
}

.worship-page .visitor-btn {
    border-radius: 4px !important;
    background: #5e8498 !important;
}

.worship-page .visitor-btn:hover {
    background: #395b70 !important;
}

/* =========================================================
   8. 하단 메시지
========================================================= */
.worship-page .worship-bottom {
    background-color: #496b7d !important;
    background-image:
        linear-gradient(
            90deg,
            rgba(31, 64, 80, 0.95) 0%,
            rgba(53, 91, 110, 0.84) 58%,
            rgba(92, 133, 151, 0.52) 100%
        ),
        url("/img/worship/worship_bottom.jpg") !important;

    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.worship-page .bottom-small {
    color: #c7e0eb !important;
}

/* =========================================================
   모바일 반응형 보정
========================================================= */
@media (max-width: 767px) {
    .worship-page .worship-hero {
        min-height: 390px !important;
        background-position: 62% center !important;
    }

    .worship-page .sunday-card {
        min-height: auto !important;
        padding: 27px 23px 26px !important;
    }

    .worship-page .weekday-item:hover {
        padding-right: 0 !important;
        padding-left: 0 !important;
        background: transparent !important;
    }

    .worship-page .visitor-box {
        padding: 25px 22px !important;
    }
}