/*
Theme Name: Taaleva
Theme URI: https://taaleva.com
Author: Taaleva
Description: Brand theme for Taaleva – House of Music, Dance & Wellness. Peacock and gold, Outfit and Tiro Devanagari, seven ready-made pages and a floating WhatsApp button.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: taaleva
*/

/* Layout idea: dark Peacock bands for brand moments, Ivory bands for reading; gold only for actions and rules. */
:root{
  --tv-peacock:#063F45; --tv-deep:#0B2F34; --tv-ivory:#F7F3EC; --tv-paper:#FFFDF9;
  --tv-gold:#FFC857; --tv-gold-deep:#B8701A; --tv-teal:#3FE0C8; --tv-coral:#FF7FA0;
  --tv-mint:#BFE3E0; --tv-rule-dark:#2C6A6F; --tv-rule-light:#E2DACD;
}
html{scroll-behavior:smooth}
body{margin:0}
.wp-site-blocks{padding:0}
.wp-site-blocks > * + *{margin-block-start:0}
:where(.tv-band) > * + *{margin-block-start:0}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--tv-gold);outline-offset:3px;border-radius:4px}

/* ---------- Bands ---------- */
.tv-band{padding:clamp(56px,8vw,104px) clamp(18px,4vw,40px)}
.tv-band > *{max-width:1180px;margin-left:auto !important;margin-right:auto !important}
.tv-dark{background:var(--tv-peacock);color:var(--tv-ivory)}
.tv-light{background:var(--tv-ivory);color:var(--tv-deep)}
.tv-paper{background:var(--tv-paper);color:var(--tv-deep)}
.tv-goldband{background:var(--tv-gold);color:var(--tv-peacock)}
.tv-dark h1,.tv-dark h2,.tv-dark h3{color:var(--tv-ivory)}
.tv-dark p,.tv-dark li{color:var(--tv-mint)}
.tv-dark a:not(.wp-element-button){color:var(--tv-gold)}
.tv-goldband h2,.tv-goldband p{color:var(--tv-peacock)}

/* ---------- Type helpers ---------- */
.tv-eyebrow{font-size:14px !important;font-weight:500;letter-spacing:.28em;text-transform:uppercase;margin-bottom:14px !important}
.tv-dark .tv-eyebrow{color:var(--tv-gold) !important}
.tv-light .tv-eyebrow,.tv-paper .tv-eyebrow{color:var(--tv-gold-deep) !important}
.tv-lead{font-size:clamp(18px,1.6vw,21px) !important;line-height:1.6;max-width:62ch}
.tv-hindi{font-family:var(--wp--preset--font-family--deva);font-size:clamp(34px,4vw,52px) !important;color:var(--tv-gold) !important;line-height:1.2;margin:0 0 6px !important}
.tv-rule{width:72px;height:3px;background:var(--tv-gold);border:0;margin:18px 0 22px !important}
.tv-light .tv-rule,.tv-paper .tv-rule{background:var(--tv-gold-deep)}
.tv-center{text-align:center}
.tv-center .tv-lead{margin-left:auto;margin-right:auto}
.tv-center .wp-block-buttons{justify-content:center}
.tv-small{font-size:15px !important;opacity:.9}

/* ---------- Header ---------- */
.tv-header{background:var(--tv-peacock);padding:14px clamp(18px,4vw,40px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--tv-rule-dark)}
.tv-header > .wp-block-group{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.tv-header .tv-logo img{height:52px;width:auto;display:block}
.tv-header .tv-logo{margin:0}
.tv-header .wp-block-navigation{color:var(--tv-ivory);font-size:15px;gap:6px 22px}
.tv-header .wp-block-navigation a{color:var(--tv-ivory);text-decoration:none}
.tv-header .wp-block-navigation a:hover{color:var(--tv-gold)}
.tv-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--tv-peacock) !important;color:var(--tv-ivory) !important;padding:28px}
.tv-header .wp-block-navigation__responsive-container-open svg,.tv-header .wp-block-navigation__responsive-container-close svg{fill:var(--tv-ivory)}
.tv-header .wp-block-buttons{margin:0}
.admin-bar .tv-header{top:32px}
@media (max-width:782px){.admin-bar .tv-header{top:46px}}

/* ---------- Buttons ---------- */
.wp-block-button .wp-block-button__link{border-radius:999px;padding:14px 28px;font-weight:500;letter-spacing:.02em;text-decoration:none;transition:filter .15s ease}
.wp-block-button .wp-block-button__link:hover{filter:brightness(1.07)}
.wp-block-button.tv-btn-gold .wp-block-button__link{background:var(--tv-gold);color:var(--tv-peacock)}
.wp-block-button.tv-btn-outline .wp-block-button__link{background:transparent;color:inherit;border:1.5px solid currentColor}
.wp-block-button.tv-btn-dark .wp-block-button__link{background:var(--tv-peacock);color:var(--tv-ivory)}
.tv-header .wp-block-button__link{padding:10px 20px;font-size:14px}

/* ---------- Hero ---------- */
.tv-hero{padding-top:clamp(64px,9vw,120px);padding-bottom:clamp(64px,9vw,120px)}
.tv-hero h1{font-size:clamp(44px,6.5vw,84px);line-height:1.02;letter-spacing:-.01em;margin:0}
.tv-hero h1 strong{font-weight:600}
.tv-hero h1 em{font-style:normal;font-weight:200}
.tv-hero .wp-block-columns{align-items:center;gap:56px}
.tv-hero-logo img{width:100%;max-width:460px;display:block;margin:0 auto}
.tv-pagehero{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(48px,6vw,80px)}
.tv-pagehero h1{font-size:clamp(40px,5.5vw,68px);line-height:1.05;margin:0}

/* ---------- Cards ---------- */
.tv-cards{gap:22px !important}
.tv-card{background:#fff;border:1px solid var(--tv-rule-light);border-radius:22px;padding:30px 28px !important;height:100%;box-sizing:border-box}
.tv-dark .tv-card{background:#0A4A51;border-color:var(--tv-rule-dark)}
.tv-card h3{font-size:22px;margin:14px 0 8px !important}
.tv-card p{margin:0 0 6px}
.tv-card .tv-icon img{width:44px;height:44px;display:block}
.tv-card .tv-icon{margin:0}
.tv-card a{font-weight:500}
.tv-cards > .wp-block-column{display:flex}
.tv-cards > .wp-block-column > .tv-card{width:100%}

/* ---------- Lists ---------- */
.tv-list{list-style:none;padding:0 !important;margin:12px 0 0}
.tv-list li{position:relative;padding-left:22px;margin:0 0 10px;line-height:1.55}
.tv-list li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:var(--tv-gold-deep)}
.tv-dark .tv-list li::before{background:var(--tv-gold)}

/* ---------- Packages ---------- */
.tv-pkg{border-top:4px solid var(--tv-gold-deep)}
.tv-pkg.tv-featured{border-top-color:var(--tv-coral);box-shadow:0 18px 40px rgba(6,63,69,.12)}
.tv-tier{font-size:13px !important;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--tv-gold-deep) !important;margin:0 !important}

/* ---------- Meaning ---------- */
.tv-meaning .tv-equation{font-size:clamp(26px,3.4vw,40px) !important;font-weight:300;color:var(--tv-ivory) !important;letter-spacing:.02em}
.tv-meaning .tv-equation strong{font-weight:600;color:var(--tv-gold)}

/* ---------- Regions ---------- */
.tv-region{background:#fff;border:1px solid var(--tv-rule-light);border-radius:16px;padding:20px 22px !important}
.tv-region p{margin:0}
.tv-region .tv-region-name{font-weight:600;font-size:18px}

/* ---------- Contact ---------- */
.tv-contact-row{display:flex;align-items:center;gap:14px;margin:0 0 16px}
.tv-contact-row img{width:28px;height:28px;flex:none}
.tv-contact-row a{color:inherit;font-weight:500;text-decoration:none;border-bottom:1px solid var(--tv-rule-light)}

/* ---------- Footer ---------- */
.tv-footer{background:var(--tv-deep);color:var(--tv-mint);padding:64px clamp(18px,4vw,40px) 28px}
.tv-footer > *{max-width:1180px;margin-left:auto;margin-right:auto}
.tv-footer h3{color:var(--tv-ivory);font-size:15px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 14px}
.tv-footer p{margin:0 0 8px;font-size:15px}
.tv-footer a{color:var(--tv-mint);text-decoration:none}
.tv-footer a:hover{color:var(--tv-gold)}
.tv-footer .tv-footer-logo img{width:260px;max-width:100%}
.tv-footer .tv-copy{border-top:1px solid #1C4A50;margin-top:40px !important;padding-top:20px;font-size:13px;opacity:.8}

/* ---------- Floating WhatsApp ---------- */
.tv-wa{position:fixed;right:20px;bottom:20px;z-index:99;display:inline-flex;align-items:center;gap:10px;background:var(--tv-gold);color:var(--tv-peacock);font:500 15px/1 var(--wp--preset--font-family--outfit),sans-serif;padding:14px 20px;border-radius:999px;text-decoration:none;box-shadow:0 10px 30px rgba(6,63,69,.35)}
.tv-wa svg{width:20px;height:20px;flex:none}
.tv-wa:hover{filter:brightness(1.06);color:var(--tv-peacock)}
@media (max-width:600px){.tv-wa span{display:none}.tv-wa{padding:16px}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none !important}}

@media (max-width:781px){
  .tv-hero-logo{display:none}
  .tv-header .tv-logo img{height:40px}
  .tv-hero .wp-block-columns{gap:0}
}