/*
Theme Name: TIỆM MÁT Coming Soon
Theme URI: https://tiemmat.com/
Author: TIỆM MÁT
Description: Trang sắp khai trương TIỆM MÁT tại Quận 3.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: tiemmat-coming-soon
*/

:root{--tm-ink:#073b3c;--tm-teal:#087f87;--tm-aqua:#19b8cf;--tm-lime:#b7dc18;--tm-green:#17883e;--tm-cream:#f8fff5;--tm-white:#fff;--tm-shadow:0 24px 70px rgba(7,59,60,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--tm-cream);color:var(--tm-ink);font-family:Inter,ui-rounded,"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}.tm-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.tm-nav{position:absolute;inset:0 0 auto;z-index:5;padding:24px 0}.tm-nav__inner{display:flex;align-items:center;justify-content:space-between}.tm-wordmark{display:inline-flex;align-items:center;gap:10px;color:var(--tm-ink);font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:950;letter-spacing:-.055em;text-decoration:none}.tm-wordmark__drop{display:grid;place-items:center;width:35px;height:35px;border-radius:50% 50% 54% 46%/64% 58% 42% 36%;background:linear-gradient(145deg,var(--tm-aqua),var(--tm-teal));color:white;transform:rotate(8deg);box-shadow:0 8px 24px rgba(25,184,207,.32)}.tm-nav__pill{border:1px solid rgba(7,59,60,.12);border-radius:999px;background:rgba(255,255,255,.72);padding:9px 15px;font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(12px)}
.tm-hero{position:relative;isolation:isolate;min-height:760px;display:grid;align-items:center;overflow:hidden;background:#eef9f2}.tm-hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:image-set(url('assets/tiemmat-hero-september.webp') type('image/webp'),url('assets/tiemmat-hero-september.png') type('image/png'));background-position:center;background-size:cover;background-repeat:no-repeat}.tm-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(248,255,245,.98) 0%,rgba(248,255,245,.91) 29%,rgba(248,255,245,.30) 52%,rgba(248,255,245,0) 74%)}.tm-hero__copy{max-width:570px;padding:145px 0 90px}.tm-kicker{display:inline-flex;align-items:center;gap:9px;margin:0 0 21px;padding:8px 13px;border:1px solid rgba(23,136,62,.17);border-radius:999px;background:rgba(255,255,255,.8);color:var(--tm-green);font-size:.78rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.tm-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tm-lime);box-shadow:0 0 0 5px rgba(183,220,24,.19)}h1{max-width:620px;margin:0;font-size:clamp(3.15rem,7.3vw,6.6rem);line-height:.9;letter-spacing:-.075em;font-weight:950}.tm-accent{display:block;color:var(--tm-teal);text-shadow:0 4px 0 rgba(255,255,255,.82)}.tm-lead{max-width:510px;margin:28px 0;color:#315e5d;font-size:clamp(1.04rem,1.6vw,1.22rem);font-weight:560}.tm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.tm-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border-radius:999px;font-weight:900;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.tm-btn--primary{background:var(--tm-ink);color:#fff;box-shadow:0 14px 34px rgba(7,59,60,.25)}.tm-btn--ghost{border:1px solid rgba(7,59,60,.15);background:rgba(255,255,255,.8)}.tm-btn:hover{transform:translateY(-2px)}.tm-meta{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:34px;color:#356766;font-size:.88rem;font-weight:800}.tm-meta span{display:flex;align-items:center;gap:8px}.tm-meta span::before{content:"✓";display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#dff3a5;color:#256b2c;font-size:.72rem}
.tm-section{padding:100px 0}.tm-section--white{background:white}.tm-intro{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:start}.tm-eyebrow{margin:0 0 12px;color:var(--tm-teal);font-size:.78rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.tm-heading{margin:0;font-size:clamp(2.25rem,4.4vw,4.3rem);line-height:1;letter-spacing:-.055em;font-weight:950}.tm-intro__text{margin:7px 0 0;color:#416a68;font-size:clamp(1.05rem,1.7vw,1.25rem)}.tm-flavours{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px}.tm-card{position:relative;overflow:hidden;min-height:280px;padding:30px;border:1px solid rgba(7,59,60,.08);border-radius:32px;background:linear-gradient(145deg,#fff,#f0fbf5);box-shadow:0 16px 48px rgba(7,59,60,.07)}.tm-card::after{content:"";position:absolute;right:-36px;bottom:-48px;width:150px;height:150px;border-radius:50%;background:var(--orb,#d9f6f6);opacity:.75}.tm-card__number{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:var(--tm-ink);color:white;font-weight:950}.tm-card h3{position:relative;z-index:1;margin:64px 0 5px;font-size:1.55rem;letter-spacing:-.04em}.tm-card p{position:relative;z-index:1;margin:0;color:#5d7d7b}.tm-card:nth-child(2){--orb:#f0f8a7}.tm-card:nth-child(3){--orb:#d6f1cb}
.tm-opening{position:relative;overflow:hidden;border-radius:40px;background:var(--tm-ink);color:white;padding:clamp(40px,7vw,80px);box-shadow:var(--tm-shadow)}.tm-opening::before,.tm-opening::after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}.tm-opening::before{width:360px;height:360px;right:-80px;top:-160px;background:rgba(25,184,207,.28)}.tm-opening::after{width:240px;height:240px;right:170px;bottom:-170px;background:rgba(183,220,24,.24)}.tm-opening__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:end}.tm-opening h2{max-width:720px;margin:0;font-size:clamp(2.55rem,5.5vw,5rem);line-height:.96;letter-spacing:-.06em}.tm-opening p{max-width:600px;margin:22px 0 0;color:#cfe7e3;font-size:1.05rem}.tm-date{justify-self:end;text-align:right}.tm-date strong{display:block;color:var(--tm-lime);font-size:clamp(3.6rem,8vw,7rem);line-height:.8;letter-spacing:-.07em}.tm-date span{font-weight:900;letter-spacing:.12em;text-transform:uppercase}.tm-footer{padding:38px 0;background:#062f30;color:#c6dedb}.tm-footer__inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.tm-footer p{margin:0;font-size:.88rem}.tm-footer a{font-weight:900;text-decoration:none;color:white}
@media(max-width:900px){.tm-hero{min-height:800px;align-items:end}.tm-hero::before{background-position:64% center}.tm-hero::after{background:linear-gradient(180deg,rgba(248,255,245,.88) 0%,rgba(248,255,245,.64) 38%,rgba(248,255,245,.96) 67%,#f8fff5 100%)}.tm-hero__copy{max-width:650px;padding:380px 0 65px}.tm-intro,.tm-opening__grid{grid-template-columns:1fr;gap:30px}.tm-date{justify-self:start;text-align:left}.tm-flavours{grid-template-columns:1fr}.tm-card{min-height:220px}.tm-card h3{margin-top:42px}}
@media(max-width:600px){.tm-shell{width:min(100% - 28px,1180px)}.tm-nav{padding-top:18px}.tm-nav__pill{font-size:.66rem;padding:8px 10px}.tm-hero{min-height:760px}.tm-hero::before{background-position:63% 15%;background-size:auto 54%;background-repeat:no-repeat}.tm-hero__copy{padding-top:390px}.tm-kicker{font-size:.68rem}.tm-lead{margin-top:21px}.tm-actions{display:grid}.tm-btn{width:100%}.tm-section{padding:72px 0}.tm-opening{border-radius:28px}.tm-footer__inner{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tm-btn{transition:none}}