/* Thai Massage Center — new home page layout (slideshow + welcome column)
   Decorative font = Papyrus, the same face as the header logo. Ships on macOS, iOS and Windows;
   other devices fall back to a plain serif. */
:root{--tmc-deco:Papyrus,"Papyrus Std","Papyrus Condensed",Georgia,"Times New Roman",serif}

/* hide the theme's page title so the slideshow sits level with the photo strip */
.page-id-882 .fl-post-title,.fl-post:has(.tmc-hero) .fl-post-title{display:none}
.page-id-882 .fl-post-header,.fl-post:has(.tmc-hero) .fl-post-header{margin:0;padding:0}

.tmc-hero{display:flex;gap:28px;align-items:flex-start;margin:0 0 32px}
.tmc-left{flex:0 0 64%;max-width:64%}
.tmc-slideshow{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:6px;box-shadow:0 6px 22px rgba(0,40,80,.28);background:#2a3a44}
.tmc-slideshow img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:0;animation:tmcFade 25s infinite;margin:0;display:block}
.tmc-slideshow img.tmc-s1{animation-name:tmcFadeFirst}
.tmc-slideshow img.tmc-s2{animation-delay:5s}
.tmc-slideshow img.tmc-s3{animation-delay:10s}
.tmc-slideshow img.tmc-s4{animation-delay:15s}
.tmc-slideshow img.tmc-s5{animation-delay:20s}
/* 5 slides x 5s = 25s cycle: 1s fade in, 4s hold, 1s fade out */
@keyframes tmcFade{0%{opacity:0}4%{opacity:1}20%{opacity:1}24%{opacity:0}100%{opacity:0}}
@keyframes tmcFadeFirst{0%{opacity:1}20%{opacity:1}24%{opacity:0}96%{opacity:0}100%{opacity:1}}

/* welcome column, level with the top of the slideshow */
.tmc-intro{flex:1 1 36%;min-width:0;padding-top:4px}
.tmc-intro h2{font-family:var(--tmc-deco);font-size:30px;line-height:1.25;font-weight:400;color:#333;margin:0 0 22px;letter-spacing:.01em}
.tmc-intro .tmc-enter{font-family:var(--tmc-deco);font-size:28px;line-height:1.2;color:#333;margin:0 0 8px}
.tmc-intro p{font-size:16px;line-height:1.7;color:#0a0a0a;margin:0 0 16px}

/* main text, under the slideshow */
.tmc-body h3{font-family:var(--tmc-deco);color:#333;font-weight:400;font-size:28px;line-height:1.25;margin:0 0 14px}
.tmc-body p{color:#0a0a0a;font-size:15px;line-height:1.7;margin:0 0 15px}
.tmc-contact{text-align:center;margin:32px 0 36px}
.tmc-contact p{color:#0a0a0a;font-size:15px;line-height:1.7;margin:0 0 8px}

/* health / safety notice — white on the blue, at the very bottom */
.tmc-safety{margin:0 0 10px;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.6)}
.tmc-safety h4{color:#fff;font-size:15px;font-weight:700;margin:0 0 6px}
.tmc-safety p{color:#fff;font-size:14px;line-height:1.65;margin:0 0 12px}

/* music preview bar (not currently on the page; kept for later) */
.tmc-music{margin:12px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tmc-music span{font-size:13px;color:#0a0a0a;margin-right:4px}
.tmc-music button{font:inherit;font-size:13px;line-height:1;padding:9px 14px;border:1px solid rgba(0,0,0,.25);border-radius:20px;background:#ffd470;color:#0a0a0a;cursor:pointer}
.tmc-music button.on{background:#dd9933;color:#fff;border-color:#dd9933}

@media(max-width:860px){.tmc-hero{display:block}.tmc-left{max-width:100%;flex:none;margin-bottom:22px}.tmc-intro h2{font-size:26px}.tmc-intro .tmc-enter,.tmc-body h3{font-size:24px}}