/*
Theme Name: Manoddaayaa
Theme URI: https://manoddaayaa.com
Author: Manoddaayaa
Author URI: https://manoddaayaa.com
Description: Custom WordPress theme built from the client-approved final UI files (Home, About, Services, Blog/Reflections, Contact). No plugins required.
Version: 2.0
Requires at least: 5.0
Requires PHP: 7.4
Text Domain: manoddaayaa
*/

/* ==========================================================================
   Styles below are taken directly from the approved final UI files.
   Only additions (clearly marked) are technical fixes, not design changes.
   ========================================================================== */

:root{--teal:#1A5C5A;--teal-deep:#0F3E3D;--ivory:#F8F4EA;--gold:#B5860D;--charcoal:#333;--muted:#666;--line:#E4DBC5;--white:#fff;}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Georgia,"Times New Roman",serif;color:var(--charcoal);background:var(--ivory);line-height:1.65}
a{color:inherit}
h1,h2,h3,h4{font-weight:normal}
nav{background:var(--teal);color:var(--ivory);padding:20px 6%;display:flex;justify-content:space-between;align-items:center;position:relative}
.logo-mini{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:1.5px}.logo-dot{width:13px;height:13px;border:2px solid var(--gold);border-radius:50% 50% 50% 0;transform:rotate(45deg)}
.navlinks{display:flex;gap:28px;align-items:center;font-size:14px}.navlinks a{text-decoration:none}.navlinks a:hover{text-decoration:underline;text-decoration-color:var(--gold)}
.nav-cta{background:var(--gold);color:#fff!important;padding:10px 18px;border-radius:2px}
.hamburger{display:none;background:none;border:0}.hamburger span{display:block;width:24px;height:2px;background:#fff;margin:5px}
.mobile-menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--teal-deep);z-index:20;padding:12px 6% 18px;flex-direction:column}.mobile-menu a{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);text-decoration:none}
section{padding:78px 6%}.eyebrow{display:block;color:var(--gold);font-size:11px;letter-spacing:2.6px;text-transform:uppercase;font-weight:bold;margin-bottom:10px}.section-head{text-align:center;max-width:760px;margin:0 auto 44px}.section-head h2{font-size:30px;color:var(--teal)}
.btn{display:inline-block;background:var(--gold);color:#fff;padding:13px 25px;border-radius:2px;text-decoration:none;font-size:13px}.btn-outline{display:inline-block;border:1px solid var(--ivory);color:var(--ivory);padding:12px 23px;border-radius:2px;text-decoration:none;font-size:13px;margin-left:10px}.btn-ghost{display:inline-block;color:var(--teal);border-bottom:1px solid var(--gold);text-decoration:none;font-size:13px;padding-bottom:2px}
.hero{background:linear-gradient(180deg,var(--teal),var(--teal-deep));color:var(--ivory);display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;min-height:620px}.hero-copy{max-width:650px}.hero h1{font-size:44px;line-height:1.2;margin:12px 0 20px}.hero p{max-width:520px;color:rgba(248,244,234,.84);margin-bottom:30px}.hero-art{display:flex;justify-content:center;align-items:center}.hero-art img{width:min(360px,78%);height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:10px;filter:drop-shadow(0 15px 30px rgba(0,0,0,.15))}
.quote{text-align:center;background:#fff}.quote p{font-size:29px;font-style:italic;color:var(--teal);max-width:700px;margin:auto}
.text-block{max-width:760px;margin:auto;text-align:center}.text-block p{margin-bottom:16px}
.practice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:980px;margin:auto}.practice-card{padding:24px 20px;background:var(--ivory);border-top:2px solid var(--gold);text-align:center}.practice-card h3{font-size:16px;color:var(--teal)}
.split{display:grid;grid-template-columns:260px 1fr;gap:54px;align-items:center}.portrait{width:260px;height:320px;border-radius:0 60px 0 60px;object-fit:cover;background:#ddd}.about-copy h2{font-size:29px;color:var(--teal);margin-bottom:14px}.stats{display:flex;gap:35px;margin:23px 0}.stat b{font-size:26px;color:var(--teal);display:block}.stat span{font-size:11px;color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:auto}.service-card{background:var(--ivory);border-top:3px solid var(--gold);padding:30px 24px}.service-card h3{font-size:18px;color:var(--teal);margin-bottom:14px}.service-card ul{list-style:none;color:#555;font-size:13px}.service-card li{padding:5px 0 5px 16px;position:relative}.service-card li:before{content:"—";position:absolute;left:0;color:var(--gold)}
.communities{background:var(--ivory)}.community-wrap{max-width:1100px;margin:auto}.comm-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 35px;max-width:850px;margin:0 auto 32px}.comm-grid div{font-size:13px;padding-left:18px;position:relative}.comm-grid div:before{content:"—";position:absolute;left:0;color:var(--gold)}.community-scroll{display:flex;gap:14px;overflow-x:auto;padding:8px 2px 18px;scroll-snap-type:x proximity}.community-scroll img{width:220px;height:155px;object-fit:cover;border-radius:5px;flex:0 0 auto;scroll-snap-align:start}.scroll-hint{text-align:center;font-size:11px;color:#888}
.testimonials{background:var(--teal-deep);color:var(--ivory)}.testimonials .section-head h2{color:var(--ivory)}.feedback-scroll{display:flex;gap:18px;overflow-x:auto;padding:4px 2px 18px;max-width:1100px;margin:auto}.feedback-card{flex:0 0 320px;height:400px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(248,244,234,.16);padding:26px;border-radius:4px;background:rgba(255,255,255,.04);overflow:auto}.feedback-card p{font-size:12px;line-height:1.55;font-style:italic;opacity:.92}.feedback-card small{display:block;color:var(--gold);font-size:11px;margin-top:17px}.case-link{text-align:center;margin-top:18px}.case-link a{color:var(--gold);text-decoration:none;font-size:12px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:auto}.blog-card{background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden}.blog-card img{width:100%;height:180px;object-fit:cover;display:block}.blog-body{padding:18px}.blog-tag{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);margin-bottom:7px}.blog-card h3{font-size:17px;color:var(--teal);margin-bottom:7px}.blog-card p{font-size:12.5px;color:#707070;margin-bottom:12px}.blog-link{font-size:12px;color:var(--teal);text-decoration:none;border-bottom:1px solid var(--gold)}.latest-link{text-align:center;max-width:1100px;margin:32px auto 0}.latest-link a{text-decoration:none;color:var(--teal);font-size:12px;border-bottom:1px solid var(--gold)}
.cta{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta h2{font-size:30px;color:var(--teal);margin:8px 0}.cta p{color:#666;margin-bottom:22px}
footer{background:var(--teal);color:var(--ivory);padding:28px 6%;text-align:center}.footer-brand{font-size:18px;letter-spacing:1.5px}.copyright{font-size:10px;opacity:.65;margin-top:8px}
.page-hero{background:var(--teal);color:var(--ivory);text-align:center;padding:64px 6%}.page-hero h1{font-size:36px;margin-top:6px}
.about-full{max-width:900px;margin:auto}.about-full>p{max-width:760px;margin:0 auto 18px}.pull-quote{text-align:center;font-style:italic;color:var(--gold);font-size:22px;max-width:700px;margin:30px auto}.education{max-width:820px;margin:28px auto}.education details{border:1px solid var(--line);background:#fff;border-radius:5px;overflow:hidden}.education summary{cursor:pointer;list-style:none;padding:16px 20px;color:var(--teal);font-size:18px;display:flex;justify-content:space-between;align-items:center}.education summary::-webkit-details-marker{display:none}.education summary:after{content:"+";color:var(--gold);font-size:22px}.education details[open] summary:after{content:"–"}.education-list{padding:0 24px 20px}.education-list li{padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}.education-list li:last-child{border-bottom:0}
.review-placeholder{width:100%;aspect-ratio:1/1;background:#fff;border:1px solid var(--line);border-radius:4px}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start;margin-top:35px}.media-grid img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;border-radius:4px;display:block}.video-card{padding:0;background:transparent;border:0;border-radius:0;display:block}.video-card iframe{width:100%;aspect-ratio:1/1;height:auto;border:1px solid var(--line);border-radius:4px;display:block;background:#fff}.media-actions{margin-top:8px;display:flex;gap:14px;flex-wrap:wrap}.media-actions a{font-size:11px;text-decoration:none;color:var(--teal);border-bottom:1px solid var(--gold)}
.social-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}.social-row a{padding:10px 14px;border:1px solid var(--line);background:#fff;text-decoration:none;color:var(--teal);font-size:12px;border-radius:3px}
.contact-card{max-width:650px;margin:auto;background:#fff;border:1px solid var(--line);padding:42px;border-radius:5px}.contact-card .lead{text-align:center;color:#555;margin-bottom:26px}.contact-item{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.contact-item:last-child{border-bottom:0}.contact-item span{color:#555}.contact-item a{text-decoration:none;color:var(--teal);font-weight:bold}.contact-social{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}.contact-social a{font-size:12px;color:var(--teal);border-bottom:1px solid var(--gold);text-decoration:none}


/* [ADDED - functional fix] The approved files toggle a class "open" on the mobile
   menu with JavaScript, but contain no CSS rule that shows it, so the hamburger
   menu would never open. This one rule makes it work. No visual change. */
.mobile-menu.open{display:flex}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* [OPTIONAL - not active] The approved design crops blog thumbnails to 180px tall.
   To show them as full squares instead, remove the comment markers below:
.blog-card img{height:auto;aspect-ratio:1/1}
*/

@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;text-align:center}.hero p{margin-left:auto;margin-right:auto}.hero-art img{width:260px}.practice-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;text-align:center}.portrait{margin:auto}.stats{justify-content:center}.service-grid{grid-template-columns:1fr}.comm-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr 1fr}.media-grid{grid-template-columns:1fr 1fr}.latest-link{text-align:center;margin-top:0}.navlinks{display:none}.hamburger{display:block}}
@media(max-width:600px){section{padding:58px 5%}.hero h1{font-size:34px}.section-head h2{font-size:27px}.practice-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr}.contact-card{padding:28px 20px}.contact-item{flex-direction:column;gap:4px}.btn-outline{margin:10px 0 0}.hero-art img{width:220px}}

/* ---- Contact page: the approved Contact file uses slightly tighter spacing ---- */
.contact-page section{padding:58px 6%}
.contact-page .page-hero{padding:48px 6% 44px}
.contact-page .contact-card{padding:36px 42px}
.contact-page .contact-card .lead{margin-bottom:22px}
.contact-page .contact-item{padding:13px 0}
.contact-page .contact-social{margin-top:22px}
.contact-item a{overflow-wrap:anywhere}
@media(max-width:900px){.contact-page .contact-item{flex-direction:column;gap:4px}}