/* MANGALAM ENTERPRISES V8 — brand interaction + contact dock */
:root{--m8-gold:#d6a52b;--m8-gold-hi:#f6d06b;--m8-black:#050505;--m8-panel:#0b0b0b}
/* Brand-highlighted header */
.site-header{border-bottom:1px solid rgba(214,165,43,.10);background:rgba(5,5,5,.72);backdrop-filter:blur(14px);transition:background .35s ease,box-shadow .35s ease,border-color .35s ease}
.site-header .brand{position:relative;padding:7px 10px 7px 7px;border:1px solid rgba(214,165,43,.20);border-radius:18px;background:linear-gradient(135deg,rgba(214,165,43,.075),rgba(255,255,255,.018));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 8px 28px rgba(0,0,0,.22);overflow:hidden}
.site-header .brand:before{content:'';position:absolute;inset:-40%;background:radial-gradient(circle,rgba(246,208,107,.16),transparent 58%);opacity:.7;pointer-events:none}
.site-header .brand img{position:relative;width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(214,165,43,.25));transition:transform .35s ease,filter .35s ease}
.site-header .brand:hover img{transform:scale(1.045);filter:drop-shadow(0 0 20px rgba(246,208,107,.42))}
.site-header .brand-name,.site-header .brand-tagline{position:relative}
.site-header .brand-name{letter-spacing:.055em}
.site-header .brand-tagline{color:#d8bd77!important}
/* MC Mangalam-inspired cursor: central gold point + dotted orbit */
@media (pointer:fine) and (min-width:761px){
 body,button,a,input,select,textarea{cursor:none}
 .m8-cursor{position:fixed;inset:0;z-index:100000;pointer-events:none}
 .m8-cursor-dot{position:fixed;left:0;top:0;width:7px;height:7px;border-radius:50%;background:var(--m8-gold-hi);box-shadow:0 0 14px rgba(246,208,107,.8);transform:translate(-50%,-50%)}
 .m8-cursor-ring{position:fixed;left:0;top:0;width:34px;height:34px;border:1px solid rgba(246,208,107,.58);border-radius:50%;transform:translate(-50%,-50%);transition:width .22s ease,height .22s ease,border-color .22s ease,background .22s ease}
 .m8-cursor-ring:before,.m8-cursor-ring:after{content:'';position:absolute;inset:7px;border:1px dotted rgba(255,255,255,.35);border-radius:50%}
 .m8-cursor-ring:after{inset:-7px;border-color:rgba(214,165,43,.22);animation:m8Orbit 5s linear infinite}
 .m8-cursor-orbit{position:fixed;left:0;top:0;width:50px;height:50px;border:1px dotted rgba(214,165,43,.20);border-radius:50%;transform:translate(-50%,-50%);animation:m8Orbit 8s linear infinite}
 body.m8-pointer .m8-cursor-ring{width:46px;height:46px;border-color:var(--m8-gold-hi);background:rgba(214,165,43,.055)}
 body.m8-pointer .m8-cursor-dot{transform:translate(-50%,-50%) scale(1.35)}
}
@keyframes m8Orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
/* Right-side corner quick contact */
.m8-contact-dock{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:1500;display:flex;flex-direction:column;gap:9px;padding:8px;border:1px solid rgba(214,165,43,.16);border-radius:20px;background:rgba(7,7,7,.78);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.38)}
.m8-contact-btn{position:relative;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;text-decoration:none;color:#eee8dc;background:linear-gradient(145deg,#161616,#0b0b0b);border:1px solid rgba(255,255,255,.09);transition:transform .28s ease,border-color .28s ease,color .28s ease,box-shadow .28s ease}
.m8-contact-btn span{font-size:20px;line-height:1}
.m8-contact-btn:after{content:attr(data-tip);position:absolute;right:58px;top:50%;transform:translateY(-50%) translateX(5px);padding:8px 10px;border:1px solid rgba(214,165,43,.18);border-radius:9px;background:#0b0b0b;color:#e7dfcf;white-space:nowrap;font:800 .58rem/1 Sora,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;transition:.22s ease}
.m8-contact-btn:hover{transform:translateX(-4px);border-color:rgba(246,208,107,.55);color:var(--m8-gold-hi);box-shadow:0 10px 28px rgba(0,0,0,.34)}
.m8-contact-btn:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}
.m8-whatsapp:hover{border-color:rgba(91,224,167,.55);color:#8af0c5}
/* category section labels */
.specialist-title,.how-help-title{margin-bottom:10px}
.specialist-text,.how-help-text{max-width:760px;color:rgba(255,255,255,.62);line-height:1.75}
/* stronger admin publish cues */
.admin-card h2,.admin-card h3{letter-spacing:-.015em}
.admin-help{line-height:1.65}
@media(max-width:760px){
 .site-header .brand{padding:5px 7px;border-radius:15px}.site-header .brand img{width:48px;height:48px}
 .m8-contact-dock{right:9px;top:auto;bottom:18px;transform:none;flex-direction:row;border-radius:17px;padding:6px;gap:6px}
 .m8-contact-btn{width:45px;height:45px;border-radius:13px}.m8-contact-btn:after{display:none}
 body{padding-bottom:82px}
}
@media(prefers-reduced-motion:reduce){.m8-contact-btn,.site-header .brand img{transition:none}.m8-cursor-orbit,.m8-cursor-ring:after{animation:none}}

/* V9 — enlarged MC Mangalam brand header */
.site-header .nav{min-height:102px}
.site-header .brand{min-width:305px;padding:6px 14px 6px 8px;border-radius:20px;gap:14px}
.site-header .brand img{width:112px;height:78px;flex:0 0 112px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 0 16px rgba(246,208,107,.30))}
.site-header .brand:hover img{transform:scale(1.025);filter:drop-shadow(0 0 24px rgba(246,208,107,.48))}
.site-header .brand-name{font-size:1.08rem!important;font-weight:800}
.site-header .brand-tagline{font-size:.68rem!important}
.site-header{box-shadow:0 14px 44px rgba(0,0,0,.32)}

/* Keep the enlarged identity balanced with navigation. */
@media(max-width:1100px){
 .site-header .brand{min-width:270px}
 .site-header .brand img{width:96px;height:70px;flex-basis:96px}
 .nav{gap:16px!important}
 .nav-links a{padding-inline:9px!important;font-size:.72rem!important}
}
@media(max-width:760px){
 .site-header .nav{min-height:78px}
 .site-header .brand{min-width:0;padding:4px 8px 4px 5px;border-radius:16px;gap:0}
 .site-header .brand img{width:92px;height:64px;flex-basis:92px}
 .site-header .brand-name,.site-header .brand-tagline{display:none}
}

/* Admin header uses the same enlarged brand identity. */
.admin-header .brand{min-width:320px}
.admin-header .brand img{width:112px;height:78px;object-fit:contain}
@media(max-width:760px){
 .admin-header .brand{min-width:0}
 .admin-header .brand img{width:92px;height:64px}
 .admin-header .brand-name,.admin-header .brand-tagline{display:none}
}