/*
Theme Name: dharmesh07
Theme URI: https://sugatewelness.com
Author: Sugate Wellness
Description: Ayurveda & wellness theme with left sidebar, ticker, and Instagram footer.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8.3
Requires PHP: 8.1
Text Domain: dharmesh07
Tags: responsive, accessibility, SEO, wellness, Ayurveda
*/

:root{ --sw-green:#106d50; --sw-cream:#f6f7f2; --sw-gold:#f4c542; --sw-text:#303030; }
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:var(--sw-text);background:var(--sw-cream)}
a{color:var(--sw-green);text-decoration:none} a:hover{color:var(--sw-gold)}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
#sidebar-menu{position:fixed;top:0;left:0;width:240px;height:100vh;background:var(--sw-green);color:#fff;z-index:1000;transform:translateX(0);transition:transform .3s}
#sidebar-menu.collapsed{transform:translateX(-240px)}
#sidebar-menu .menu-inner{padding:40px 24px}
#sidebar-menu .menu-logo{color:#fff;margin:0 0 24px;font-size:20px;font-weight:700}
#sidebar-menu nav ul{list-style:none;margin:0;padding:0}
#sidebar-menu nav li a{display:block;color:#fff;padding:10px 0} #sidebar-menu nav li a:hover{color:var(--sw-gold)}
#sidebar-menu .social a{color:#fff;margin-right:10px}
.hamburger{position:fixed;top:16px;left:16px;width:30px;height:22px;z-index:2000;cursor:pointer;display:none}
.hamburger span{display:block;height:4px;background:var(--sw-green);margin:5px 0;transition:all .3s}
.hamburger.active span:nth-child(1){transform:translateY(9px) rotate(45deg)} .hamburger.active span:nth-child(2){opacity:0} .hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1500}
#main{margin-left:240px;padding:60px 20px;transition:margin-left .3s} #sidebar-menu.collapsed ~ #main{margin-left:0}
.site-header-title{text-align:center;margin:20px 0 10px}
.site-header-title h1{margin:0 0 8px;color:var(--sw-green);font-size:2.4rem;font-weight:800;letter-spacing:.3px}
.site-header-title .tagline{margin:0;color:#666}
#flash-ticker{width:700px;height:400px;max-width:90%;margin:32px auto;background:#fff;border:3px solid var(--sw-green);border-radius:20px;padding:30px;box-shadow:0 6px 16px rgba(0,0,0,.15);position:relative;overflow:hidden}
#flash-ticker .ticker-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity 1s}
#flash-ticker .ticker-slide.active{opacity:1}
#flash-ticker img{width:100%;height:auto;max-height:240px;border-radius:12px;object-fit:cover;margin-bottom:14px}
#flash-ticker p{font-size:22px;font-weight:600;color:var(--sw-green);margin:0 12px;text-align:center}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px auto;max-width:1100px}
.services-grid .card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 6px 14px rgba(0,0,0,.06);border:1px solid #eaeaea;transition:transform .2s, box-shadow .2s}
.services-grid .card:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.08)}
#footer-instagram{background:#f9f9f9;padding:40px 0;text-align:center} #footer-instagram h3{color:var(--sw-green);margin:0 0 16px}
@media (max-width:991px){ .hamburger{display:block} #sidebar-menu{transform:translateX(-240px)} #sidebar-menu.active{transform:translateX(0)} #main{margin-left:0;padding:24px} .site-header-title h1{font-size:1.9rem} #flash-ticker{width:350px;height:250px;padding:18px} #flash-ticker img{max-height:140px} #flash-ticker p{font-size:18px} .services-grid{grid-template-columns:1fr 1fr} }
@media (max-width:600px){ .services-grid{grid-template-columns:1fr} }