/*
Theme Name: Tatva Fine Dine
Theme URI: https://tatvafinedine.com/
Author: Tatva Fine Dine Project
Description: A polished, responsive starter theme for Tatva Fine Dine in Hyderabad. Branch details in this draft must be verified before launch.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: tatva-fine-dine
*/
:root{--green:#17352b;--green2:#264d3e;--cream:#f7f3e9;--gold:#d2b477;--ink:#1e2923;--muted:#687168;--line:#ded7c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.draft-banner{padding:10px 18px;text-align:center;background:#fff0c2;color:#553b00;font-size:.82rem}.site-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px clamp(20px,5vw,76px);background:var(--green);color:#fff}.brand{display:flex;flex-direction:column;line-height:1.15;text-decoration:none}.brand strong{font-size:1.45rem;letter-spacing:.21em}.brand span{margin-top:6px;color:#e7d7b1;font-size:.7rem;letter-spacing:.17em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:clamp(14px,3vw,32px);font-size:.92rem}.nav-links a{color:#f5f1e8;text-decoration:none}.nav-links a:hover{color:var(--gold)}.hero{min-height:610px;display:grid;place-items:center;padding:90px 24px;text-align:center;color:#fff;background:radial-gradient(ellipse at 75% 15%,rgba(210,180,119,.2),transparent 33%),linear-gradient(135deg,#132c23 0%,#244b3b 62%,#5b6046 100%);position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border:1px solid rgba(231,215,177,.15);border-radius:50%;width:480px;height:480px;pointer-events:none}.hero:before{left:-260px;bottom:-240px}.hero:after{right:-270px;top:-275px;width:620px;height:620px}.hero-inner{max-width:880px;position:relative;z-index:1}.eyebrow,.kicker{color:#8c7138;text-transform:uppercase;letter-spacing:.22em;font-size:.76rem;font-weight:750}.hero .eyebrow{color:#e4c98e}.hero h1{margin:20px 0;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(3rem,8vw,6.1rem);line-height:.99;letter-spacing:-.035em}.hero p{margin:0 auto;max-width:650px;color:#f0eee6;font-size:clamp(1rem,2vw,1.17rem)}.button{display:inline-block;margin-top:32px;padding:13px 22px;color:var(--green);background:var(--gold);text-decoration:none;border-radius:3px;font-weight:750}.button:hover{background:#e4c98e}section{padding:76px clamp(20px,5vw,76px)}.section-head{max-width:740px;margin:0 auto 34px;text-align:center}.kicker{margin-bottom:8px}.hero .eyebrow{letter-spacing:.24em;font-size:.76rem}.section-title{margin:0 0 12px;font:400 clamp(2.15rem,5vw,3.25rem)/1.1 Georgia,"Times New Roman",serif;color:var(--green);letter-spacing:-.02em}.about{background:#fffdf8}.about-inner{max-width:840px;margin:auto;text-align:center}.about-inner p{font-size:1.08rem;color:var(--muted)}.note,.section-head p{color:var(--muted)}.locations{background:var(--cream)}.cards{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));max-width:1180px;margin:auto}.card{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);background:rgba(255,255,255,.62);min-height:295px}.card .number{color:#8c7138;font-size:.72rem;font-weight:800;letter-spacing:.18em}.card h3{margin:10px 0 12px;color:var(--green);font:400 1.65rem/1.15 Georgia,"Times New Roman",serif}.card p{color:var(--muted);margin:0 0 10px;font-size:.94rem}.card .actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:auto;padding-top:18px}.card .actions a{color:var(--green);font-weight:750;text-decoration-thickness:1px;text-underline-offset:4px;font-size:.92rem}.contact-band{background:var(--green);color:#fff;text-align:center}.contact-band h2{color:#fff}.contact-band p{color:#e7e4da;max-width:680px;margin:0 auto}.site-footer{padding:28px 20px;text-align:center;background:#10261e;color:#e7e4da;font-size:.88rem}.site-footer a{color:#e7d7b1}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.site-header{align-items:flex-start;flex-direction:column}.nav-links{flex-wrap:wrap}.hero{min-height:530px}section{padding-top:58px;padding-bottom:58px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}