/* ============================================================
   Section skins — migrated from parts/block-concepts.css
   + maintained overrides below (if any).
   Module ownership: js/modules/<section>/
   ============================================================ */

/* --- from block-concepts (countdown) --- */

/* countdown from concept-1 */

/* countdown from concept-2 */

body .countdown.block-skin-concept-2 {
background: var(--concept-countdown-image, var(--countdown-image, url("../../img/anh_2.jpg"))) center/cover;
}

body .countdown.block-skin-concept-2::before {
background: var(--concept-countdown-image, var(--countdown-image, url("../../img/anh_2.jpg"))) center/cover;
    filter: blur(2px) brightness(1.04);
    opacity: .46;
}

body .countdown.block-skin-concept-2::after {
background: linear-gradient(135deg, rgba(255,254,250,.26), rgba(var(--botanical-mint-rgb), .14));
}

body .countdown.block-skin-concept-2 .count-item {
border-radius: .34rem;
    background: rgba(255,255,255,.68);
    border: 1px solid rgba(var(--botanical-leaf-rgb), .16);
    box-shadow: 0 14px 28px rgba(var(--botanical-ink-rgb), .12);
    backdrop-filter: blur(8px);
}

body .countdown.block-skin-concept-2 .count-item div {
color: var(--botanical-leaf);
    font-family: "Lora", Georgia, serif;
    font-size: .82rem;
    font-weight: 700;
}

body .countdown.block-skin-concept-2 .count-item span {
color: var(--botanical-muted);
    font-weight: 800;
}

body .countdown.block-skin-concept-2.section-subtitle {
color: rgba(var(--botanical-ink-rgb), .78);
    text-shadow: none;
}

/* countdown from concept-3 */

body .countdown.block-skin-concept-3 {
background: var(--concept-countdown-image, var(--countdown-image, url("../../img/anh_2.jpg"))) center/cover;
}

body .countdown.block-skin-concept-3::before {
background: var(--concept-countdown-image, var(--countdown-image, url("../../img/anh_2.jpg"))) center/cover;
    filter: blur(2px) brightness(1.08);
    opacity: .44;
}

body .countdown.block-skin-concept-3::after {
background: linear-gradient(135deg, rgba(var(--sunset-paper-rgb), .24), rgba(var(--sunset-sky-rgb), .12));
}

body .countdown.block-skin-concept-3 .count-item {
border-radius: .34rem;
    background: rgba(255,255,255,.7);
    border: 2px solid rgba(var(--sunset-coral-rgb), .1);
    box-shadow: 0 14px 28px rgba(var(--sunset-ink-rgb), .1);
    backdrop-filter: blur(8px);
}

body .countdown.block-skin-concept-3 .count-item div {
color: var(--sunset-coral);
    font-family: "DM Serif Display", Georgia, serif;
    font-size: .86rem;
}

body .countdown.block-skin-concept-3 .count-item span {
color: var(--sunset-muted);
    font-weight: 900;
}

body .countdown.block-skin-concept-3.section-subtitle {
color: var(--sunset-muted);
    text-shadow: none;
}

/* countdown from concept-4 */

body .countdown.block-skin-concept-4 {
min-height: 8.9rem;
    background: var(--concept-countdown-image, var(--countdown-image, url("../../img/anh_2.jpg"))) center/cover;
}

body .countdown.block-skin-concept-4::before {
content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.28);
}

body .countdown.block-skin-concept-4 > * {
position: relative;
    z-index: 1;
}

body .countdown.block-skin-concept-4.section-title,
body .countdown.block-skin-concept-4.section-subtitle {
color: #fff;
    text-shadow: 0 8px 24px rgba(0,0,0,.28);
}

body .countdown.block-skin-concept-4 .countdown-grid {
grid-template-columns: repeat(4, 1fr);
    gap: .12rem;
}

body .countdown.block-skin-concept-4 .count-item {
border: 1px solid rgba(255,255,255,.44);
    border-radius: 0;
    background: rgba(255,255,255,.16);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

body .countdown.block-skin-concept-4 .count-item div,
body .countdown.block-skin-concept-4 .count-item span {
color: #fff;
}

body .countdown.block-skin-concept-4 {
background-image: var(--concept-countdown-image, var(--countdown-image, url("../../img/anh_2.jpg"))) !important;
    background-position: center !important;
    background-size: cover !important;
}

body .countdown.block-skin-concept-4::before {
background: inherit !important;
    filter: blur(3px) brightness(.88);
    transform: scale(1.08);
}

body .countdown.block-skin-concept-4::after {
background: rgba(0,0,0,.38) !important;
}

body .countdown.block-skin-concept-4 > * {
position: relative;
    z-index: 5;
}


/* --- maintained overrides (were blocks/*/skins.css) --- */

/* Countdown block skins. Each concept is isolated and can be edited here. */
body.block-countdown-concept-1 .countdown,
.countdown.block-skin-concept-1,
body.block-countdown-concept-2 .countdown,
.countdown.block-skin-concept-2,
body.block-countdown-concept-3 .countdown,
.countdown.block-skin-concept-3,
body.block-countdown-concept-4 .countdown,
.countdown.block-skin-concept-4 {
    position: relative !important;
    min-height: auto !important;
    padding: .9rem .35rem 1rem !important;
    overflow: hidden !important;
}

body.block-countdown-concept-1 .countdown,
.countdown.block-skin-concept-1 {
    color: #fff !important;
    background: var(--countdown-image, url("../../img/anh_2.jpg")) center/cover no-repeat !important;
}

body.block-countdown-concept-2 .countdown,
.countdown.block-skin-concept-2 {
    color: var(--botanical-ink) !important;
    background: var(--concept-countdown-image, var(--countdown-image, url("../../img/anh_2.jpg"))) center/cover no-repeat !important;
}

body.block-countdown-concept-3 .countdown,
.countdown.block-skin-concept-3 {
    color: var(--sunset-ink) !important;
    background: var(--concept-countdown-image, var(--countdown-image, url("../../img/anh_2.jpg"))) center/cover no-repeat !important;
}

body.block-countdown-concept-4 .countdown,
.countdown.block-skin-concept-4 {
    color: var(--na01-ink, #444242) !important;
    background: var(--concept-countdown-image, var(--countdown-image, url("../../img/anh_2.jpg"))) center/cover no-repeat !important;
}

body.block-countdown-concept-1 .countdown::before,
body.block-countdown-concept-1 .countdown::after,
.countdown.block-skin-concept-1::before,
.countdown.block-skin-concept-1::after,
body.block-countdown-concept-2 .countdown::before,
body.block-countdown-concept-2 .countdown::after,
.countdown.block-skin-concept-2::before,
.countdown.block-skin-concept-2::after,
body.block-countdown-concept-3 .countdown::before,
body.block-countdown-concept-3 .countdown::after,
.countdown.block-skin-concept-3::before,
.countdown.block-skin-concept-3::after,
body.block-countdown-concept-4 .countdown::before,
body.block-countdown-concept-4 .countdown::after,
.countdown.block-skin-concept-4::before,
.countdown.block-skin-concept-4::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    transform: none !important;
    filter: none !important;
}

body.block-countdown-concept-1 .countdown::before,
.countdown.block-skin-concept-1::before {
    background: inherit !important;
    filter: blur(3px) !important;
    transform: scale(1.08) !important;
}

body.block-countdown-concept-1 .countdown::after,
.countdown.block-skin-concept-1::after {
    background: rgba(0,0,0,.45) !important;
}

body.block-countdown-concept-2 .countdown::before,
.countdown.block-skin-concept-2::before {
    background: inherit !important;
    opacity: .92 !important;
    filter: blur(3px) saturate(.95) !important;
    transform: scale(1.06) !important;
}

body.block-countdown-concept-2 .countdown::after,
.countdown.block-skin-concept-2::after {
    background: linear-gradient(180deg, rgba(255,255,255,.24), rgba(var(--botanical-mint-rgb), .16)) !important;
}

body.block-countdown-concept-3 .countdown::before,
.countdown.block-skin-concept-3::before {
    background: inherit !important;
    opacity: .9 !important;
    filter: blur(3px) saturate(.96) !important;
    transform: scale(1.06) !important;
}

body.block-countdown-concept-3 .countdown::after,
.countdown.block-skin-concept-3::after {
    background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(var(--sunset-cream-rgb), .18)) !important;
}

body.block-countdown-concept-4 .countdown::before,
.countdown.block-skin-concept-4::before {
    background: inherit !important;
    opacity: .9 !important;
    filter: blur(3px) saturate(.92) !important;
    transform: scale(1.06) !important;
}

body.block-countdown-concept-4 .countdown::after,
.countdown.block-skin-concept-4::after {
    background: linear-gradient(180deg, rgba(255,255,255,.2), rgba(251,246,235,.2)) !important;
}

body.block-countdown-concept-1 .countdown > *,
.countdown.block-skin-concept-1 > *,
body.block-countdown-concept-2 .countdown > *,
.countdown.block-skin-concept-2 > *,
body.block-countdown-concept-3 .countdown > *,
.countdown.block-skin-concept-3 > *,
body.block-countdown-concept-4 .countdown > *,
.countdown.block-skin-concept-4 > * {
    position: relative !important;
    z-index: 2 !important;
}

body.block-countdown-concept-1 .countdown .section-title,
.countdown.block-skin-concept-1 .section-title,
body.block-countdown-concept-2 .countdown .section-title,
.countdown.block-skin-concept-2 .section-title,
body.block-countdown-concept-3 .countdown .section-title,
.countdown.block-skin-concept-3 .section-title,
body.block-countdown-concept-4 .countdown .section-title,
.countdown.block-skin-concept-4 .section-title {
    color: inherit !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
}

body.block-countdown-concept-1 .countdown .section-title,
.countdown.block-skin-concept-1 .section-title {
    color: #fff !important;
    text-shadow: 0 5px 18px rgba(0,0,0,.35) !important;
}

body.block-countdown-concept-1 .countdown .count-item,
.countdown.block-skin-concept-1 .count-item,
body.block-countdown-concept-2 .countdown .count-item,
.countdown.block-skin-concept-2 .count-item,
body.block-countdown-concept-3 .countdown .count-item,
.countdown.block-skin-concept-3 .count-item,
body.block-countdown-concept-4 .countdown .count-item,
.countdown.block-skin-concept-4 .count-item {
    border-radius: .26rem !important;
    box-shadow: 0 .16rem .42rem rgba(50,40,30,.1) !important;
}

body.block-countdown-concept-1 .countdown .count-item,
.countdown.block-skin-concept-1 .count-item {
    border: 1px solid rgba(255,255,255,.24) !important;
    background: rgba(255,255,255,.25) !important;
}

body.block-countdown-concept-2 .countdown .count-item,
.countdown.block-skin-concept-2 .count-item {
    border: 1px solid rgba(var(--botanical-leaf-rgb), .16) !important;
    background: rgba(255,255,255,.78) !important;
}

body.block-countdown-concept-3 .countdown .count-item,
.countdown.block-skin-concept-3 .count-item {
    border: 1px solid rgba(var(--sunset-coral-rgb), .18) !important;
    background: linear-gradient(135deg, rgba(var(--sunset-lemon-rgb), .34), rgba(var(--sunset-sky-rgb), .18)) !important;
}

body.block-countdown-concept-4 .countdown .count-item,
.countdown.block-skin-concept-4 .count-item {
    border: 1px solid rgba(146,131,98,.22) !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.68) !important;
}

body.block-countdown-concept-1 .countdown .count-item div,
body.block-countdown-concept-1 .countdown .count-item span,
.countdown.block-skin-concept-1 .count-item div,
.countdown.block-skin-concept-1 .count-item span {
    color: #fff !important;
}

body.block-countdown-concept-2 .countdown .count-item div,
body.block-countdown-concept-2 .countdown .count-item span,
.countdown.block-skin-concept-2 .count-item div,
.countdown.block-skin-concept-2 .count-item span,
body.block-countdown-concept-3 .countdown .count-item div,
body.block-countdown-concept-3 .countdown .count-item span,
.countdown.block-skin-concept-3 .count-item div,
.countdown.block-skin-concept-3 .count-item span,
body.block-countdown-concept-4 .countdown .count-item div,
body.block-countdown-concept-4 .countdown .count-item span,
.countdown.block-skin-concept-4 .count-item div,
.countdown.block-skin-concept-4 .count-item span {
    color: inherit !important;
    text-shadow: none !important;
}

/* Keep countdown subtitle readable on photo backgrounds across all block choices. */
body[class*="block-"] .countdown .section-subtitle,
body.block-countdown-concept-1 .countdown .section-subtitle,
.countdown.block-skin-concept-1 .section-subtitle,
body.block-countdown-concept-2 .countdown .section-subtitle,
.countdown.block-skin-concept-2 .section-subtitle,
body.block-countdown-concept-3 .countdown .section-subtitle,
.countdown.block-skin-concept-3 .section-subtitle,
body.block-countdown-concept-4 .countdown .section-subtitle,
.countdown.block-skin-concept-4 .section-subtitle {
    display: block !important;
    max-width: 6.5rem !important;
    margin: .16rem auto .42rem !important;
    padding: .08rem .22rem !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
    text-shadow: 0 .04rem .1rem rgba(0, 0, 0, .95), 0 .1rem .28rem rgba(0, 0, 0, .78), 0 0 .04rem rgba(0, 0, 0, .9) !important;
    backdrop-filter: blur(2px) !important;
}