/* --- style.css --- */
:root {
--color-bg:#fff;
--color-text:#1a1a1a;
--color-muted:#666;
--color-primary:#a0471d;
--color-primary-light:#d97d5f;
--color-primary-dark:#7a3518;
--color-accent:#e67858;
--color-gold:#d4a574;
--color-cream:#fff8f3;
--color-brown:#a54820;
--color-primary-contrast:#fff;
--radius:10px;
--radius-lg:16px;
--shadow:0 6px 18px #00000014;
--shadow-hover:0 12px 35px #a0471d33;
--space-1:.25rem;
--space-2:.5rem;
--space-3:.75rem;
--space-4:1rem;
--space-5:1.5rem;
--space-6:2rem;
--space-7:3rem;
--page-gradient:linear-gradient(135deg,#fff6fc,#fee3db,#fffbf3);
--transition-fast:.2s ease;
--transition-normal:.3s ease;
--transition-slow:.5s ease;
--lm-c-accent:232,80,30;
--lm-c-accent-deep:194,51,10;
--lm-c-accent-mid:214,63,14;
--lm-c-accent-soft:255,107,53;
--lm-c-rays:214,72,20;
--lm-accent:rgb(var(--lm-c-accent));
--lm-accent-deep:rgb(var(--lm-c-accent-deep));
--lm-c-terra:203,83,51;
--lm-c-terra-deep:160,71,29;
--lm-c-peach:230,120,88;
--lm-c-amber:186,100,40;
--lm-c-saffron:224,123,57;
--lm-terra:#a0471d;
--lm-terra-bright:#cb5333;
--lm-text-strong:#7a3518;
--lm-c-text:74,45,23;
--lm-c-surface:255,253,251;
--lm-c-cream:255,248,243;
--lm-surface:#fffdfb;
--lm-head-gradient:linear-gradient(160deg,#7a2415 0%,var(--lm-terra) 45%,var(--lm-terra-bright) 100%)
}

h1,h2,h3{margin-top:35px !important; margin-bottom:35px !important;}


html{scroll-behavior:smooth;}
/* Off-canvas panels (right_menu/smenu-social) ka horizontal bleed rokta hai; clip = no scroll-container, sticky safe */
html,body{overflow-x:clip;}

.shiftbody{background-color:unset;background-size:300% 300%;animation:gradient-animation 15s ease-out infinite;}
.mobile .logo img{display:inline-flex;}
.home .entry-title{display:none;}
#smenu.right_menu > li.current-menu-item,#smenu.right_menu > li.current-menu-parent,#smenu.right_menu{border-left:1px solid #c0897c!important;}
#smenu li a{font-size:18px;line-height:24px;color:#fcfded!important;border-bottom:1px solid #c0897c!important;}
.fixscroll .logo img,.fixscroll .moblogo img{margin:0;}
.color1{color:#e56c69;}
.color2{color:#5e1a4f;}
/* h1::after{content:"";display:block;width:min(110px,28vw);height:4px;margin:12px auto 0;border-radius:999px;background:linear-gradient(90deg,rgba(203,83,51,.95),rgba(230,120,88,.95),rgba(212,165,116,.95),rgba(230,120,88,.95),rgba(203,83,51,.95));background-size:260% 100%;box-shadow:0 6px 16px rgba(203,83,51,.18);animation:shimmer 2.6s ease-in-out infinite;} */
h1::after{content:"";display:block;width:min(110px,28vw);height:4px;margin:12px auto 0;border-radius:999px;background:linear-gradient(90deg,rgba(203,83,51,.95),rgba(230,120,88,.95),rgba(212,165,116,.95),rgba(230,120,88,.95),rgba(203,83,51,.95));background-size:260% 100%;box-shadow:0 6px 16px rgba(203,83,51,.18);}

#header{min-height:75px;}
.headseccont{padding:15px 0;text-shadow:1px 1px 3px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.10);background:linear-gradient(135deg,#f0b08a,#ef9e75,#e67858,#c95030);transition:all .3s ease-in-out;}
.footerbottom{position:relative;padding:10px 0;color:#fff;font-weight:600;letter-spacing:.3px;background:#4a1f1f !important;box-shadow:0 -2px 10px rgba(0,0,0,.05);border-top:1px solid rgba(255,255,255,.10);}
.circular li{display:flex;align-items:center;justify-content:center;width:45px;height:45px;margin-left:10px !important;padding:5px 0 !important;text-align:center;border-radius:50%;border:2px solid #fff !important;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal);transform:translateY(0);}
.circular li:hover{color:#f2b08c;border:2px solid #f2b08c !important;transform:translateY(-3px);box-shadow:0 5px 15px rgba(242,176,140,.40);}
.circular li:hover a{color:#f2b08c;}
.dflex .alignright{justify-content:flex-end;}
.headcont{position:fixed;top:0;left:0;z-index:99;animation:none!important;}
.mobile .headseccont{background:var(--main-color)!important;padding-bottom:0;}
.lop_more,.lop_img,ol.naamjaap li{display:flex;align-items:center;justify-content:center;}
.menu_div{margin:-10px 0 2px;}
.menulogo{width:120px;margin:-35px 10px 0;padding:10px;}
.fixscroll .menulogo{width:90px;margin:-20px 10px 0;}
.logo img,.moblogo img{max-height:60px!important;margin-top:-5px!important;}
.breadcrumbs ul.trail-items,.lop_more{letter-spacing:1.2px;}
#smenu{background:var(--C__AV_THEME_PRIMARY_COLOR__)!important;}
.main-content{padding:5px 0;font-size:22px;line-height:36px;font-weight:500; float:left;width:100%;}
.p_img{display:inline-flex;margin:-10px 0 30px;}
.p_img img{width:240px!important;height:auto!important;aspect-ratio:1/1;object-fit:contain;max-width:300px;transition:transform var(--transition-slow),filter var(--transition-normal);}
.p_img:hover img{transform:scale(1.05) rotate(1deg);}
/* Image na ho / broken ho → poora block hide (rays-ring + broken icon), dono themes */
.p_img.noimg{display:none !important;}
p{margin:0;padding:10px 0!important;text-align:center;}
.martop{padding-top:45px;}
p.head{margin:10px 0 25px;font-weight:600;text-align:center;}
p span{display:inline;margin-left:5px;}
p.stext{width:90%;margin:25px 5%;padding:20px 0 25px;color:var(--C__AV_THEME_PRIMARY_COLOR__);font-weight:600;line-height:44px;text-align:center;}
ul.page{position:fixed;top:-25px;float:left;width:100%;padding:10px 0;text-align:center;background-color:#232323;}
ul.page li{display:inline;padding:0 2px;}
ul.page li a{display:inline-block;padding:3px 6px;color:#fff;text-decoration:none;font-size:15px;line-height:25px;border:1px solid #e56c69;background-color:#e56c69;}
ul.page li a.active{border:1px solid #c1000e;background-color:#c1000e;}
a.shiftnav-toggle .fa-bars{color:#fff;font-size:35px;}
#mobile_menu{background:linear-gradient(135deg,#fff6fc,#fee3db,#fffbf3) !important;}
.postbox{position:relative;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:transform var(--transition-normal),box-shadow var(--transition-normal);}
/* .postbox::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-size:200% 100%;opacity:0;transition:opacity var(--transition-normal);animation:shimmer 3s ease-in-out infinite;} */
.postbox:hover::before{opacity:1;}
.lop_img img{max-width:200px;min-height:200px;margin-top:30px;object-fit:cover;object-position:center;border-radius:50%;filter:none;border:none;box-shadow:none;transition:filter var(--transition-normal),transform var(--transition-slow),filter .3s ease;}
.postbox:hover .lop_img img{filter:drop-shadow(0 0 18px rgba(199,76,18,.55)) drop-shadow(0 0 40px rgba(231,99,28,.3));}
.lop_img.noimg{margin:0;}
.lop_img.noimg img{filter:opacity(.45);border:none;box-shadow:none;}
.lop_more, .postbox .lop_more{float:left;width:100%;min-height:58px;margin:0!important;padding:10px 0 5px;font-size:17px !important;line-height:1.4 !important;font-weight:600;text-align:center;letter-spacing:.5px;border-radius:10px;background-color:#e98562;transition:background-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);}
.lop_more a{color:#fcfded;text-decoration:none;transition:color var(--transition-normal);}
.lop_more:hover,.lop_more a:hover{background-color:var(--C__AV_THEME_PRIMARY_COLOR__)!important;}
.postbox:hover .lop_more{background-color:var(--C__AV_THEME_PRIMARY_COLOR__);}
.lop_more .button{height:auto!important;margin:0;padding:12px!important;font-weight:600;letter-spacing:0;transition:border-color var(--transition-normal),background-color var(--transition-normal),color var(--transition-normal);}
.lop_more .button:hover{border:2px solid var(--C__AV_THEME_SECONDORY_COLOR__);background-color:#fff;color:var(--C__AV_THEME_PRIMARY_COLOR__);}
.blog_post .postbox{max-width:380px;border:none;background:none;border-radius:0 0 10px 10px!important;transition:transform .25s ease,box-shadow .25s ease;}
.blog_post .postbox:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(160,71,29,.16);}
.post-content{margin-top:20px !important; }
.post-content p{padding:7px 0 0!important;}
.post-content p.padtop15{padding:20px 0 0!important;}
.padbot10,.post-content .padbot15{padding:0 0 10px!important;}
.padbot20,.post-content .padbot20{padding:0 0 20px!important;}
.txtlft{text-align:left;}
.post-content p.txtlft{padding:8px 0 12px!important;}
.post-content p.spacing{padding:15px 5%!important;}
.entry-title{margin-bottom:40px;}
#menu .navsec{float:right;}
img{display:block;max-width:100%;height:auto;margin:0 auto;vertical-align:middle;}
.list-unstyled{margin-bottom:0;padding-left:0;list-style:none;}
.floatelem .shape{position:fixed;z-index:1099;}
.floatelem .shape.shape-1{top:-20px;right:-50px;}
.floatelem .shape.shape-2{position:fixed;bottom:0;left:30%;z-index:1099;transform:translateX(-30%);animation:none;}
.floatelem .shape.shape-2 img{max-height:50px;}
.floatelem .shape.shape-3{bottom:-120px;left:-30px;max-width:200px;}
ol.naamjaap{float:left;width:100%;margin:40px 0!important;padding:20px 0;display:grid;grid-gap:20px;list-style:none!important;counter-reset:list-counter;}
.shape-group-6 .shape{animation:none!important;}
ol.naamjaap li,.mantracont, .verse{position:relative;max-width:320px;min-height:60px;padding:15px 10px !important;flex-direction:column;font-size:22px;line-height:28px;font-weight:600;text-align:center;background-color:#f4e9e6;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.10);transition:transform var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal),color var(--transition-normal);transform:translateY(0);counter-increment:list-counter;}
ol.naamjaap li span{float:left;width:100%;margin-top:5px;font-size:12px;line-height:15px;}
ol.naamjaap li:hover{color:#fff;background:linear-gradient(135deg,#d88e7d,#e67858);transform:translateY(-5px);box-shadow:0 10px 25px rgba(216,142,125,.35);}
ol.naamjaap li:before{display:none;}
.mantracont, .verse{float:left;width:100%;max-width:100%;margin:20px 0 40px;padding:25px!important;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:34px;font-weight:700;}
.post-content .mantracont p, .post-content .verse p{padding:2px 0 !important;}
.mantracont .font20{margin:30px 0 10px;}
.verse{color:var(--color-brown);}
.mantrahead{width:90%;padding:20px 0;color:var(--C__AV_THEME_PRIMARY_COLOR__);font-weight:600;font-size:24px;text-align:center;}
.breadcrumbs{margin:10px 0;padding:5px 20px;font-size:16px;color:#cb5333;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.30) !important;border-radius:14px;}
.breadcrumbs a{color:#cb5333;text-decoration:none;}
.breadcrumbs a:hover{text-decoration:underline;}
.rounded{border-radius:20px!important;}
.breadcrumbs{margin:10px 0;padding:15px 20px 5px !important;font-size:16px;color:#cb5333;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.30) !important;border-radius:14px;}
.no-webp,.no-webp-background{border:none!important;}
main{margin:-20px 0 25px !important; }
.main-content ul li{margin-bottom:6px;text-align:left;}
.namecont i{float:left;margin-right:25px;padding-top:8px;font-style:normal;font-size:14px;line-height:22px;font-weight:400;}
.namecont p{float:left;width:100%;padding:0 0 25px;text-align:left;}
.namecont p span{float:left;width:48%;}
.footerbox{padding:0 !important;padding-bottom:0;color:#fff; padding:20px 0 !important;}
.footerbox a{position:relative;color:#fff;}
.footerbox li{width:100%;}
.footerbox .headtitle{padding-top:4px!important;}
.footerbox .fwidget{padding-top:25px;}
.addcont .fwidget{padding-top:40px;padding-right:15px;}
.footertop{padding:25px;color:var(--C__AV_FOOTER_BACKGROUND__);border-radius:5px;}
.care{float:left;margin-top:30px;padding:25px 15px;background-color:#fff;border-radius:5px;}
.footerbottom .bottom{position:relative;margin:5px 0;padding-top:5px;padding-right:0;}
.footerbottom .bottom .col-12{display:flex;align-items:center;}
.circular{display:flex;flex-flow:row;align-items:flex-end;justify-content:end;}
.circular li{background:none!important;}
.durga-saptshati .padeql{margin:5px 0;text-align:justify;}
.social-share-buttons{display:flex;align-items:center;justify-content:center;gap:2px;height:100px;}
.social-share-buttons a{display:inline-block;padding:10px 12px;}
.social-share-buttons i{font-size:50px;line-height:60px;}
.navigation-posts{display:flex;justify-content:space-between;margin-top:20px;}
.navigation-posts .previous-post,.navigation-posts .next-post{width:45%;}
.navigation-posts a{display:block;padding:10px 0;text-decoration:none;text-align:left;transition:color var(--transition-normal);}
.navigation-posts .next-post{text-align:right;}
.navigation-posts .next-post a{text-align:right;}
.button,.lop_more .button{position:relative;overflow:hidden; max-width: 340px;}
.button::after,.lop_more .button::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.20);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;}
.button:hover::after,.lop_more .button:hover::after{width:300px;height:300px;}
a{transition:color var(--transition-normal);}
.footerbox a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--color-gold);transition:width var(--transition-normal);}
.footerbox a:hover::after{width:100%;}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out;}
.reveal.visible{opacity:1;transform:translateY(0);}
.smenu-social{position:absolute;left:0;right:0;top:0;padding:20px 15px;text-align:center;background:#fff;border-top:1px solid rgba(0,0,0,.08);max-height:120px;}
#menu-main-menu{margin-top:130px}
.smenu-social-label{display:block;margin-bottom:12px;color:#999;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}
.smenu-social-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0 5px;padding:10px 16px;border-radius:25px;font-size:14px;font-weight:600;text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast);}
.smenu-social-btn:hover{transform:translateY(-2px);text-decoration:none;box-shadow:0 4px 15px rgba(0,0,0,.20);}
.smenu-social-btn.instagram{color:#fff;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}
.smenu-social-btn.facebook{color:#fff;background:#1877f2;}
.smenu-social-btn i{font-size:16px;}
.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards;}
.animate-float{animation:float 3s ease-in-out infinite;}
.animate-pulse{animation:pulse 2s ease-in-out infinite;}
.animate-glow{animation:glow 2s ease-in-out infinite;}
@keyframes floatLeftToRight{0%{transform:translateX(-30%)}50%{transform:translateX(calc(90vw - 100%))}100%{transform:translateX(-30%)}}
@keyframes floatRightToLeft{0%{transform:translateX(-50%)}50%{transform:translateX(calc(-50vw + 100%))}100%{transform:translateX(-50%)}}
@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes gradient-animation{0%{background-position:50% 0%}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:0 50%}100%{background-position:50% 0%}}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes glow{0%,100%{box-shadow:0 0 5px rgba(233,133,98,.30)}50%{box-shadow:0 0 20px rgba(233,133,98,.60)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
@keyframes rotateIn{from{opacity:0;transform:rotate(-10deg) scale(.9)}to{opacity:1;transform:rotate(0) scale(1)}}

@media (min-width:1024px) {
  ol.naamjaap{grid-template-columns:repeat(3,1fr);}
}

@media (min-width:768px) and (max-width:1023px) {
  ol.naamjaap{grid-template-columns:repeat(2,1fr);}
}

@media screen and (min-width:768px) {
  .menu_div{padding:10px 0;}
  #menu .navsec > ul > li > a,.topheader .smallhead #menu .navsec > ul > li > a{font-size:18px!important;font-weight:600;padding:0;}
  #menu .navsec ul.menu > li > a::after{content:"";}
  #menu ul:not(.sub-menu) li a{color:#fff;}
  .logo img{margin:0;}
  .covid_wrapper{max-width:100%;}  
}

@media screen and (max-width:958px) {
  ol.naamjaap li{max-width:100%;}
  .p_img img{max-width:300px;}
  #smenu li a{color:#ce471b!important;}
}

@media screen and (max-width:768px) {
  ol.naamjaap{grid-template-columns:1fr;}
  .blog_post .dflex{width:50%;}
  .p_img{margin:-20px 0 30px;}
  iframe{max-height:400px;}
  .footerbottom .bottom .col-12{justify-content:center;}
  .footerbottom .bottom .dflex{align-content:center;flex-direction:column-reverse;}
}

@media all and (max-width:650px) {
  p span{display:block;clear:both;margin-left:0;}
  .post-content{font-size:20px;line-height:30px;}
  .post-content p{line-height:1.4 !important;}
  .post-content p.spacing{padding:10px 5%!important;}
}


@media all and (max-width:600px) {
  /* Footer mobile fix: 4 widgets col-xs-6 (2-col) float karte the — alag heights se
     float-wrap toot ta tha. Full-width stack se clean. */
  .footerbox{display:flex;flex-direction:column;padding:24px 0 0 !important;}
  .footerbox > [class*="col-"]{width:100% !important;float:none !important;text-align:center;margin-bottom:8px;}
  .footerbox .fwidget{padding-top:14px;}
  .footerbox .circular{justify-content:center;}
  .namecont p{padding:0;}
  .namecont p span{width:98%;margin:0 0 25px 2%;text-align:left;}
  p.spacing{margin:15px 0;}
  .lop_more{min-height:55px;flex:1;padding:10px 15px;font-size:14px !important;font-weight:600 !important;text-align:left;border-radius:6px;}
  .lop_img img{width:60px;height:60px;min-height:auto;margin:0;border-radius:50%;object-fit:contain;filter:none;border:none;box-shadow:none;}
  .p_img img{max-width:220px;}
  .mantracont, .verse{margin:30px 0;}
  .blog_post{margin:20px 0;}
  .blog_post .dflex{width:100%;flex-direction:row;}
  .postbox,.blog_post .postbox{display:flex!important;align-items:center;justify-content:flex-start;gap:12px;position:relative;max-width:100%;min-height:92px;margin:5px 0 5px!important;padding:10px 44px 10px 104px;border-radius:16px!important;background:linear-gradient(135deg,#fff8f3,#f4e9e6);border:1px solid rgba(0,0,0,.10);box-shadow:0 8px 18px rgba(0,0,0,.08);transition:transform .18s ease,box-shadow .18s ease,background .18s ease;}
  .postbox:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:16px 0 0 16px;background:linear-gradient(180deg,#e67858,#d4a574);opacity:.95;}
  .postbox:after{content:"\f105";position:absolute;right:14px;top:50%;font-family:FontAwesome;font-size:18px;color:rgba(74,44,31,.55);transform:translateY(-50%);}
  .postbox:active{transform:scale(.99);box-shadow:0 6px 14px rgba(0,0,0,.10);}
  .postbox:hover,.blog_post .postbox:hover{background:linear-gradient(135deg,#fff8f3,#f4e9e6);}
  .postbox:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(0,0,0,.12);}
  .postbox .lop_img{max-width:25%;}
  .postbox .lop_img{position:absolute;left:14px;top:50%;z-index:2;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.30);display:flex;align-items:center;justify-content:center;transform:translateY(-50%);}
  .postbox .lop_img img{width:70px;height:70px;max-width:none;margin-top:0;border-radius:14px;object-fit:contain;box-shadow:none;filter:none;}
  .postbox .lop_more{margin:0;padding:0;flex:1;border-radius:0;background:transparent;text-align:left;justify-content:flex-start;color:#3B241A;letter-spacing:.4px;}
  /* Pill hover: label stays clean (koi orange fill nahi) — sirf poore card ka
     lift. Base .lop_more:hover / .postbox:hover .lop_more (orange) ko light mode
     mein override karo; dark mode apne rule (dark-mode.css) se pehle hi transparent hai. */
  html:not(.theme-dark) .postbox:hover .lop_more,
  html:not(.theme-dark) .postbox:hover .lop_more a,
  html:not(.theme-dark) .lop_more:hover{background:transparent!important;color:#3B241A!important;-webkit-text-fill-color:#3B241A!important;box-shadow:none!important;border-color:transparent!important;}
  /* NOTE: img par margin-bottom MAT lagana — .p_img (inline-flex) ka box
     lamba ho jaata hai aur halo (::before/::after, border-radius:50%) neeche
     shift hoke ellipse ban jaata hai. Neeche ki spacing .imagecont > .p_img
     (margin:0 0 50px) se aati hai. */
  .p_img img{width:170px!important;}
  /* .postbox .lop_more a{display:block;color:#3B241A;text-decoration:none;font-size:20px;line-height:28px!important;}
  .postbox:hover .lop_more,.postbox:hover .lop_more a{background-color:transparent!important;color:#3B241A;} */
  .breadcrumbs{margin:15px 2% !important;border-radius:10px; width:96% !important;}

}

@media all and (max-width:450px) {
  .post-content p.spacing{padding:5px 5%!important;}
  iframe{max-height:300px;}
}

@media (min-width:601px) {
  /* .postbox::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);transition:left .5s ease;} */
  .postbox:hover::after{left:100%;}
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
}
/* :contentReference[oaicite:0]{index=0} */

/* ============================================================
   SINGLE POST — Reading Experience
   ============================================================ */

/* ── Image container spacing ── */
.imagecont{display:grid;grid-template-columns:minmax(180px,28%) minmax(0,1fr);align-items:center;column-gap:clamp(28px,4.5vw,58px);row-gap:10px;width:min(100%,870px);margin:38px auto 16px;padding:20px clamp(20px,3vw,34px);border:1px solid #ffffff47;border-radius:24px;background:radial-gradient(circle at 18% 0,#ffffff7a,transparent 38%),linear-gradient(105deg,#5a2b2012,#bc43440f,#ffffff4d);-webkit-backdrop-filter:blur(40px) saturate(175%);backdrop-filter:blur(40px) saturate(175%);box-shadow:0 16px 44px #4a2d1729 2px 8px #4a2d1714 0 1.5px 1px #ffffffb8 0 -2px 3px #ffdcaa14}
.imagecont > .p_img{margin:0;justify-self:center}
.sa-hero-copy > .breadcrumb{display:flex;justify-content:flex-start;float:none;width:100%;margin:0 0 12px!important}
.sa-hero-copy > .breadcrumb :is(.container-fluid,.container,.row,.full,[class*="col-"]){width:100%;max-width:none;margin:0;padding:0;float:none}
.sa-hero-copy > .breadcrumb .breadcrumbs{display:flex;align-items:center;justify-content:flex-start;width:100%!important;margin:0;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left}
.sa-hero-copy > .breadcrumb .breadcrumbs ul.trail-items{padding:0!important;display:inline-flex!important;flex-flow:row nowrap!important;align-items:center;justify-content:flex-start;width:auto!important;white-space:nowrap}
.sa-hero-copy > .breadcrumb .breadcrumbs .trail-item{display:inline-flex!important;flex:0 0 auto;align-items:center;width:auto!important;min-width:0!important;margin:0!important;padding:0!important}
.sa-hero-copy > .breadcrumb .breadcrumbs .trail-item::before{content:none!important;display:none!important}
.sa-hero-copy > .breadcrumb .breadcrumbs .trail-item::after{content:"›"!important;flex:0 0 auto;margin:0 8px!important;padding:0!important;font-size:15px!important;line-height:1}
.sa-hero-copy > .breadcrumb .breadcrumbs .trail-item.trail-end::after{content:none!important;display:none!important}
.imagecont.is-reading-hero > .p_img img{width:168px!important}
.sa-hero-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}
.lang-title[hidden]{display:none!important}
.sa-hero-copy .lang-switcher-wrap{margin:0 0 12px;text-align:left}
.sa-hero-copy .lang-tabs{gap:6px}
.sa-hero-copy .lang-tab{gap:5px;padding:6px 13px!important;border-radius:9px;font-size:12px!important;line-height:1.2}
.sa-hero-copy .lang-tab .lang-script{font-size:15px!important}
.sa-hero-copy > .entry-title{margin:0 0 16px!important;text-align:left;line-height:1.22}
.imagecont.is-reading-hero .entry-title{font-size:clamp(23px,2.2vw,28px)!important;line-height:1.22!important}
.sa-hero-copy > .entry-title::after{content:none!important;display:none!important}
.sa-hero-actions{display:flex;align-items:center;gap:8px;min-height:54px;position:relative}
.sa-hero-actions > .sa-fav-wrap{margin:0!important;justify-content:flex-start!important;padding:0!important;float:none!important;width:auto!important}
.sa-hero-actions .sa-fav-note{display:none!important}
.sa-hero-actions :is(.sa-fav-btn,.sa-share-btn,.sa-pdf-btn){flex-direction:row!important;gap:7px!important;width:auto;min-width:106px!important;height:44px;margin:0;padding:8px 14px;border-radius:11px!important}
.sa-pdf-btn{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;min-width:80px;padding:10px 12px;border:1px solid #0000001a;border-radius:12px;background:#ffffffd9;color:#111;box-shadow:0 10px 26px #0000001a;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
a.sa-pdf-btn,a.sa-pdf-btn:hover{text-decoration:none}
.sa-pdf-btn:hover{transform:translateY(-1px);border-color:#cb53336b;box-shadow:0 14px 30px #00000024}
.sa-pdf-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sa-hero-actions .sa-ico,.sa-hero-actions .sa-pdf-icon{flex:0 0 18px!important;width:18px!important;height:18px!important}
.sa-hero-actions .sa-ico{display:inline-flex;align-items:center;justify-content:center;font-size:16px!important;line-height:1!important}
.sa-hero-actions .sa-share-btn .sa-ico{transform:scale(.78)}
.sa-hero-actions .sa-fav-btn .sa-ico{transform:scale(.92)}
.sa-hero-actions .sa-pdf-icon{transform:scale(.9);transform-origin:center}
.imagecont.no-hero-image .sa-hero-copy{grid-column:1/-1;width:100%;align-items:center;text-align:center}
.imagecont.no-hero-image .sa-hero-copy > .breadcrumb,.imagecont.no-hero-image .sa-hero-copy > .breadcrumb .breadcrumbs,.imagecont.no-hero-image .sa-hero-copy > .breadcrumb .trail-items{justify-content:center}
.imagecont.no-hero-image .sa-hero-copy .lang-switcher-wrap,.imagecont.no-hero-image .sa-hero-copy > .entry-title{text-align:center}
.imagecont.no-hero-image .sa-hero-copy > .entry-title::after{margin-left:auto;margin-right:auto}
.imagecont.is-listing-hero{display:flex;flex-direction:column;align-items:center;gap:0;width:min(100%,760px);margin-bottom:24px;padding:18px 24px 22px}
.imagecont.is-listing-hero > .p_img{display:none}
.imagecont.is-listing-hero .sa-hero-copy{align-items:center;width:100%;text-align:center}
.imagecont.is-listing-hero .lang-switcher-wrap{margin:0 0 10px;text-align:center}
.imagecont.is-listing-hero .entry-title{margin:0!important;text-align:center;font-size:clamp(25px,3vw,30px)!important;line-height:1.25!important}
.imagecont.is-listing-hero .sa-hero-actions{display:none!important}
.quicklinksx.is-toc-relocated{display:none!important}
.imagecont.has-hero-toc{position:relative;z-index:80}
.sa-hero-toc-spacer{display:none;grid-column:1/-1;width:min(100%,440px);height:42px;margin:10px auto 0}
.sa-hero-toc-spacer.is-active{display:block}
ul.aroham_toc.sa-hero-toc.is-toc-fixed{position:fixed!important;right:auto!important;bottom:auto!important;height:42px!important;min-height:42px!important;max-height:42px!important;max-width:440px!important;margin:0!important;overflow:visible!important;z-index:99990!important;opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s linear 0s!important}
ul.aroham_toc.sa-hero-toc.is-toc-fixed.is-toc-scroll-hidden{opacity:0;visibility:hidden;transform:translateY(-12px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s!important}
ul.aroham_toc.sa-hero-toc.is-toc-fixed .init{display:block!important;height:42px!important;min-height:42px!important;padding:8px 44px 8px 38px !important;border-radius:10px!important;font-size:14px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html.theme-dark ul.aroham_toc.sa-hero-toc.is-toc-fixed li:not(.init){background:#18202c!important}
html:not(.theme-dark) ul.aroham_toc.sa-hero-toc.is-toc-fixed li:not(.init){background:#fffaf5!important}
.imagecont > ul.aroham_toc.sa-hero-toc{grid-column:1/-1;position:relative;align-self:center;float:none;width:min(100%,440px)!important;max-width:440px!important;height:42px!important;min-height:42px!important;max-height:42px!important;overflow:visible!important;margin:10px auto 0!important;z-index:200}
.imagecont > ul.aroham_toc.sa-hero-toc .init{display:block!important;height:42px!important;min-height:42px!important;padding:8px 44px 8px 38px !important;border-radius:10px!important;font-size:14px!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.imagecont > ul.aroham_toc.sa-hero-toc .init::before{font-style:normal!important;font-weight:400!important;left:8px!important;font-size:14px!important}
.imagecont > ul.aroham_toc.sa-hero-toc li:not(.init){padding:9px 12px!important;font-size:14px!important;line-height:1.3!important}
html.theme-dark .imagecont > ul.aroham_toc.sa-hero-toc li:not(.init){background:#18202c!important}
html:not(.theme-dark) .imagecont > ul.aroham_toc.sa-hero-toc li:not(.init){background:#fffaf5!important}
html.theme-dark .imagecont > ul.aroham_toc.sa-hero-toc,html:not(.theme-dark) .imagecont > ul.aroham_toc.sa-hero-toc{width:min(100%,440px)!important;max-width:440px!important;height:42px!important;min-height:42px!important;max-height:42px!important;overflow:visible!important;margin:10px auto 0!important}
html.theme-dark .imagecont{background:radial-gradient(circle at 18% 0,#ffffff1a,transparent 36%),linear-gradient(105deg,#181e326b 0%,#24202e5c 50%,#603a2666 100%);border-color:#ffffff38;-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(1.15);backdrop-filter:blur(40px) saturate(180%) brightness(1.15);box-shadow:0 16px 48px #00000075 2px 8px #0000003d 0 1.5px 1px #ffffff57 0 -2px 3px #ffdcaa0d}
html.theme-dark .sa-pdf-btn{background:#ffffff0d;border-color:#ffffff1f;color:#ffffffb3;box-shadow:none}
html.theme-dark .sa-pdf-btn:hover{border-color:#e07b3980;color:#ffffffe6}
html.theme-dark .breadcrumbs .trail-end span,html.theme-dark .breadcrumbs .trail-end a{color:var(--dm-tx-60)}
@media (max-width:767px) {
  .imagecont{margin-top:30px;margin-bottom:22px;padding:14px 12px}
  .imagecont.is-reading-hero.has-hero-image{display:grid;grid-template-columns:minmax(96px,34%) minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:12px;row-gap:5px;align-items:center}
  .imagecont.is-listing-hero{gap:0;padding:14px 14px 16px;margin-bottom:20px;margin-top:0}
  .imagecont.is-listing-hero .sa-hero-copy > .breadcrumb{width:100%!important;margin:0 0 6px!important;text-align:center!important}
  .imagecont.is-listing-hero .sa-hero-copy > .breadcrumb .breadcrumbs{width:100%!important;margin:0 auto!important;justify-content:center!important;text-align:center!important}
  .imagecont.is-listing-hero .sa-hero-copy > .breadcrumb .breadcrumbs ul.trail-items{flex:0 1 auto!important;width:auto!important;max-width:100%!important;margin:0 auto!important;justify-content:center!important}
  .imagecont.is-listing-hero .breadcrumbs li.trail-begin a,.imagecont.is-listing-hero .breadcrumbs li.trail-begin a span{display:inline-flex!important;align-items:center!important;justify-content:center!important}
  .imagecont.is-listing-hero .breadcrumbs li.trail-begin a span{flex:0 0 20px!important;width:20px!important;height:20px!important;margin:0!important;background-size:20px 20px!important}
  .imagecont.is-listing-hero .sa-hero-copy > .entry-title{margin:0!important;text-align:center!important;line-height:1.25!important}
  .imagecont.is-reading-hero.has-hero-image > .p_img{grid-column:1;grid-row:1/4;align-self:center;margin:0}
  .imagecont.is-reading-hero > .p_img img{width:clamp(96px,27vw,132px)!important}
  .imagecont.is-reading-hero.has-hero-image .sa-hero-copy{display:contents}
  .imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .breadcrumb{grid-column:2;grid-row:1;margin:0 0 3px!important}
  .imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .lang-switcher-wrap{grid-column:2;grid-row:2;margin:0 0 3px;text-align:left}
  .imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .entry-title{grid-column:2;grid-row:3;margin:0!important;text-align:left;font-size:clamp(18px,4.8vw,22px)!important;line-height:1.28!important}
  .imagecont.is-listing-hero .entry-title{font-size:clamp(21px,5.5vw,24px)!important}
  .imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .sa-hero-actions{grid-column:1/-1;grid-row:4;margin-top:7px}
  .sa-hero-copy > .breadcrumb,.sa-hero-copy > .breadcrumb .breadcrumbs,.sa-hero-copy > .breadcrumb .trail-items{justify-content:center}
  .imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .breadcrumb,.imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .breadcrumb .breadcrumbs,.imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .breadcrumb .trail-items{justify-content:flex-start}
  .sa-hero-copy > .breadcrumb{min-width:0;max-width:100%;overflow:hidden}
  .sa-hero-copy > .breadcrumb .breadcrumbs{min-width:0;max-width:100%;overflow:hidden}
  .sa-hero-copy > .breadcrumb .breadcrumbs ul.trail-items{display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
  .sa-hero-copy > .breadcrumb .breadcrumbs .trail-item{display:none!important}
  .sa-hero-copy > .breadcrumb .breadcrumbs .trail-begin,.sa-hero-copy > .breadcrumb .breadcrumbs .trail-item:nth-last-child(2),.sa-hero-copy > .breadcrumb .breadcrumbs .trail-end{display:inline-flex!important}
  .sa-hero-copy > .breadcrumb .breadcrumbs .trail-begin,.sa-hero-copy > .breadcrumb .breadcrumbs .trail-item:nth-last-child(2){flex:0 1 auto;max-width:38%}
  .sa-hero-copy > .breadcrumb .breadcrumbs .trail-end{flex:1 1 auto;min-width:0!important;max-width:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sa-hero-copy > .breadcrumb .breadcrumbs .trail-item :is(a,span){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sa-hero-copy{align-items:center;text-align:center;width:100%}
  .sa-hero-copy .lang-switcher-wrap,.sa-hero-copy > .entry-title{text-align:center}
  .sa-hero-copy > .entry-title::after{margin-left:auto;margin-right:auto}
  .sa-hero-actions{justify-content:center}
  .sa-hero-actions :is(.sa-fav-btn,.sa-share-btn,.sa-pdf-btn){min-width:96px!important;padding:8px 10px}
  .sa-hero-actions .sa-fav-wrap{justify-content:center!important}
  .sa-hero-actions .sa-fav-note{text-align:center}
  html:not(.theme-dark) .imagecont.is-reading-hero .p_img::before{inset:-22px;opacity:.72;background:radial-gradient(circle,#e8b04e21 0%,#c97e2d0b 42%,transparent 67%),repeating-conic-gradient(from 0deg,#da9e431c 0deg 2deg,transparent 2deg 18deg);-webkit-mask:radial-gradient(circle,#000 30%,#00000061 50%,transparent 69%);mask:radial-gradient(circle,#000 30%,#00000061 50%,transparent 69%)}
  html:not(.theme-dark) .imagecont.is-reading-hero .p_img::after{inset:-1px;background:radial-gradient(circle,transparent 60%,#da9e4317 72%,transparent 82%);box-shadow:0 0 0 1px #d5973d3d 0 18px #e7b15b29 0 0 12px #d5973d0a}
  html:not(.theme-dark) .imagecont.is-reading-hero .p_img img{filter:drop-shadow(0 0 8px #da9e4333) drop-shadow(0 3px 7px rgba(var(--lm-c-text),.16))}
  html.theme-dark .imagecont.is-reading-hero .p_img::before{inset:-22px;opacity:.76;background:radial-gradient(circle,#ffca6938 0%,#e7903c13 42%,transparent 67%),repeating-conic-gradient(from 0deg,#ffd38433 0deg 2deg,transparent 2deg 18deg);-webkit-mask:radial-gradient(circle,#000 30%,#0000006b 50%,transparent 69%);mask:radial-gradient(circle,#000 30%,#0000006b 50%,transparent 69%)}
  html.theme-dark .imagecont.is-reading-hero .p_img::after{inset:-1px;background:radial-gradient(circle,transparent 60%,#e7a0481f 72%,transparent 82%);box-shadow:0 0 0 1px #ffd18461 0 20px #f5b45838 0 0 12px #ffd89114}
}

@media (max-width:480px) {
  .imagecont{padding:11px 10px 13px;border-radius:20px}
  .imagecont.is-reading-hero.has-hero-image{grid-template-columns:96px minmax(0,1fr);column-gap:10px;row-gap:4px}
  .imagecont.is-reading-hero > .p_img img{width:96px!important}
  .imagecont.is-reading-hero .p_img::before{inset:-16px!important}
  .imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .entry-title{font-size:20px!important;line-height:1.24!important}
  .sa-hero-copy .lang-tab{padding:5px 10px!important;font-size:11px!important}
  .sa-hero-copy .lang-tab .lang-script{font-size:13px!important}
  .sa-hero-copy > .breadcrumb .breadcrumbs{font-size:11px!important;line-height:16px!important;min-width:0;overflow:hidden}
  .sa-hero-copy > .breadcrumb .breadcrumbs ul.trail-items{max-width:100%;min-width:0;overflow:hidden}
  .sa-hero-copy > .breadcrumb .breadcrumbs .trail-end{min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sa-hero-actions{min-height:40px;gap:6px}
  .sa-hero-actions > .sa-fav-wrap{gap:6px!important}
  .sa-hero-actions :is(.sa-fav-btn,.sa-share-btn,.sa-pdf-btn){min-width:88px!important;height:40px;padding:7px 9px;font-size:11px!important;gap:5px!important}
  .sa-hero-actions .sa-ico,.sa-hero-actions .sa-pdf-icon{width:16px!important;height:16px!important;font-size:16px!important}
  .imagecont > ul.aroham_toc.sa-hero-toc,html.theme-dark .imagecont > ul.aroham_toc.sa-hero-toc,html:not(.theme-dark) .imagecont > ul.aroham_toc.sa-hero-toc{height:38px!important;min-height:38px!important;max-height:38px!important;margin-top:7px!important}
  .sa-hero-toc-spacer{height:38px}
  ul.aroham_toc.sa-hero-toc.is-toc-fixed{height:38px!important;min-height:38px!important;max-height:38px!important;right:12px!important;left:12px!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;background:transparent!important}
  ul.aroham_toc.sa-hero-toc.is-toc-fixed .init{width:100%!important;max-width:none!important;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #ffffff2e!important;border-radius:12px!important;background:linear-gradient(110deg,#19263ae6,#3d323adb)!important;box-shadow:0 10px 28px #00000057 0 1px 0 #ffffff21!important;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}
  ul.aroham_toc.sa-hero-toc.is-toc-fixed li:not(.init){width:100%!important}
  html:not(.theme-dark) ul.aroham_toc.sa-hero-toc.is-toc-fixed .init{color:#8f431f!important;border-color:#a0471d33!important;background:linear-gradient(110deg,#fffaf5eb,#f7ebe5e0)!important;box-shadow:0 10px 26px #482a1b29 0 1px 0 #ffffffe6!important}
}

@media (max-width:500px) {
  .imagecont.is-reading-hero.has-hero-image{display:flex;flex-direction:column;gap:4px;padding:12px 12px 13px;margin-top:10px}
  .imagecont.is-reading-hero > .p_img img{width:96px!important}
  .imagecont.is-reading-hero.has-hero-image .sa-hero-copy{display:flex;align-items:center;width:100%;text-align:center}
  .imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .breadcrumb,.imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .breadcrumb .breadcrumbs,.imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .breadcrumb .trail-items{justify-content:center}
  .imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .breadcrumb{width:100%!important;margin:0 0 6px!important;text-align:center!important}
  .imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .breadcrumb .breadcrumbs{width:100%!important;margin:0 auto!important;text-align:center!important}
  .imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .breadcrumb .breadcrumbs ul.trail-items{width:auto!important;max-width:100%!important;margin:0 auto!important}
  .imagecont.is-reading-hero.has-hero-image .breadcrumbs li.trail-begin a span{width:20px!important;height:20px!important;margin:0!important;background-size:20px 20px!important}
  .imagecont.is-reading-hero.has-hero-image .breadcrumbs .trail-item::after{margin:0 6px!important}
  .imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .lang-switcher-wrap,.imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .entry-title{text-align:center}
  .imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .lang-switcher-wrap{margin:0 0 7px!important}
  .imagecont.is-reading-hero.has-hero-image .sa-hero-copy > .entry-title{font-size:22px!important;margin:9px 0!important;line-height:1.28!important}
  .imagecont.is-reading-hero.has-hero-image .sa-hero-actions{min-height:44px}
  .sa-hero-actions :is(.sa-fav-btn,.sa-share-btn,.sa-pdf-btn){min-width:88px!important;padding:7px 9px}
  .imagecont.is-reading-hero .p_img::before{inset:-14px!important}
  .imagecont.is-reading-hero.has-hero-image > ul.aroham_toc.sa-hero-toc{margin-top:5px!important}
  .imagecont > ul.aroham_toc.sa-hero-toc,html.theme-dark .imagecont > ul.aroham_toc.sa-hero-toc,html:not(.theme-dark) .imagecont > ul.aroham_toc.sa-hero-toc,ul.aroham_toc.sa-hero-toc.is-toc-fixed{height:44px!important;min-height:44px!important;max-height:44px!important}
  .sa-hero-toc-spacer{height:44px!important}
  .imagecont > ul.aroham_toc.sa-hero-toc .init,ul.aroham_toc.sa-hero-toc.is-toc-fixed .init{height:44px!important;min-height:44px!important;padding-top:9px!important;padding-bottom:9px!important;line-height:26px!important}
  .imagecont > ul.aroham_toc.sa-hero-toc .init::before,ul.aroham_toc.sa-hero-toc.is-toc-fixed .init::before{top:50%!important;transform:translateY(-50%)!important;line-height:1!important}
  ul.aroham_toc.sa-hero-toc.is-toc-fixed .init::after{content:""!important;display:block!important;position:absolute!important;top:50%!important;right:0!important;width:42px!important;height:22px!important;transform:translateY(-50%)!important;border-left:1px solid #e07b396b!important;background:linear-gradient(45deg,transparent 50%,#e07b39 50%) calc(50% - 3px) 8px/6px 6px no-repeat,linear-gradient(135deg,#e07b39 50%,transparent 50%) calc(50% + 3px) 8px/6px 6px no-repeat!important;pointer-events:none}
}

@media print {
  #header,.breadcrumb,.breadcrumbs,.lang-switcher-wrap,.lang-sticky-bar,.sa-hero-actions,footer,.footerbottom{display:none!important}
  .imagecont{display:block;border:0;background:none;padding:0;margin:0 auto 24px}
  .imagecont > .p_img{display:none!important}
  .sa-hero-copy{display:block;text-align:center}
  .sa-hero-copy > .entry-title{text-align:center!important;margin:0 0 24px!important}
  .sa-hero-copy > .entry-title::after{margin-left:auto;margin-right:auto}
  .main-content,.post-content{width:100%!important;color:#000!important;background:#fff!important;box-shadow:none!important}
}

.sa-section{position:relative}
.sa-section::before{content:"";position:absolute;top:16px;left:50%;transform:translateX(-50%);width:180px;height:14px;pointer-events:none;background:radial-gradient(circle at center,#c9924e 0 2.2px,#c9924ee6 2.2px 3.4px,transparent 4.5px) center/12px 12px no-repeat,linear-gradient(90deg,transparent 0,#a0471d73 40%,transparent 45%,transparent 55%,#a0471d73 60%,transparent 100%) center/100% 1.5px no-repeat}
.post-content.padeql{margin:0 auto 40px;padding:0 0 30px}
.post-content p{line-height:1.8!important;padding:8px 0!important;max-width:980px;float:none!important;margin-left:auto!important;margin-right:auto!important}
.post-content ul{padding:8px 0!important;max-width:980px;margin-left:auto!important;margin-right:auto!important;float:none!important}
.main-content .aroham_faqs{float:none!important;clear:both;width:100%!important;max-width:980px;min-width:0;margin:18px auto 24px!important;padding:0;box-sizing:border-box}
.main-content .aroham_faqs .aroham_faqcont,.main-content .aroham_faqs .aroham_faqtitle,.main-content .aroham_faqs .aroham_faqdet{max-width:100%;min-width:0;box-sizing:border-box}
@media (max-width:767px) {
.main-content .aroham_faqs{width:calc(100% - 24px)!important;margin:14px 12px 20px!important}
.main-content .aroham_faqs .aroham_faqtitle{overflow-wrap:anywhere;word-break:normal}
}
.post-content blockquote{max-width:980px;margin-left:auto!important;margin-right:auto!important}
.post-content h2,.post-content h3,.post-content h4{max-width:980px;float:none!important;margin-left:auto!important;margin-right:auto!important;text-align:center}
.post-content .mantracont,.post-content .verse{float:none!important;width:100%;max-width:980px;margin-left:auto!important;margin-right:auto!important;color:var(--color-primary-dark)}
.post-content p.stext{line-height:1.4!important;margin:20px auto!important;width:100%!important;text-align:center!important}
.navigation-posts{max-width:880px;margin:30px auto 20px;gap:16px;padding:0 0 20px}
.navigation-posts .previous-post,.navigation-posts .next-post{width:auto;max-width:60%}
.navigation-posts a{display:inline-block;padding:14px 18px;border-radius:14px;background:#ffffff8c;border:1px solid #a0471d1f;box-shadow:0 4px 16px #00000012;font-weight:600;font-size:15px;color:#3B241A;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.navigation-posts a:hover{transform:translateY(-3px);box-shadow:0 8px 24px #a0471d26;background:#ffffffbf;text-decoration:none;color:var(--C__AV_THEME_PRIMARY_COLOR__)}

/* Share menu dropdown */

/* ── Mobile adjustments ── */

  footer{background:var(--C__AV_FOOTER_BACKGROUND__);padding:48px 0 0;position:relative;background:radial-gradient(circle at top,#5A2B20 0%,transparent 45%),linear-gradient(180deg,#3B1D17 0%,#24110F 100%)}
  footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#cb5333 30%,#e98562 50%,#cb5333 70%,transparent)!important;background-image:linear-gradient(90deg,transparent,#cb5333 30%,#e98562 50%,#cb5333 70%,transparent)!important}
  .footerbox,.footerbottom{background:transparent!important}
  .aroham_faqs .aroham_faqtitle{font-size:22px!important;background:transparent!important}
  .aroham_faqs .aroham_faqdet{font-size:20px!important}

/* Remove lingering bg images on footer headings */
  footer .widget-title::after,footer .widget-title:after,footer .headtitle::after,footer .headtitle:after,footer .blogtitle::after,footer .blogtitle:after{background-image:none!important;background:none!important;display:none!important}
  footer .floatelem,footer .layer_img{display:none!important}
  footer .headtitle{font-weight:700;color:#f2a96b!important;margin-bottom:16px!important;padding-top:4px;padding-bottom:10px;border-bottom:1px solid #ffffff1a;letter-spacing:.4px}
  footer p{font-size:15px;line-height:1.85;text-align:left;color:#f0dfc8bf}
  footer ul{list-style:none;margin:0;padding:0}
  footer li{margin-bottom:10px}
  footer a{color:#f0dfc8cc;transition:color .2s ease,padding-left .2s ease}
  footer a:hover{color:#f2a96b;padding-left:4px}
  .footerbox .fwidget{padding-top:0!important}
  .footerbottom{margin-top:36px;padding:16px 0!important;border-top:1px solid #ffffff14!important;color:#f0dfc899!important;font-size:14px;letter-spacing:.3px}

.circular li{border-color:rgba(242,169,107,.4) !important;transition:all .2s ease;}
.circular li:hover{border-color:#f2a96b !important;box-shadow:0 0 14px rgba(242,169,107,.3) !important;transform:translateY(-3px);}
.circular li:hover a{color:#f2a96b !important;}
.sa-footer-cta{text-align:center;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);padding:28px;border-radius:16px;margin:36px 0 28px;}
.sa-footer-cta h3{color:#f2a96b;margin-bottom:10px;}
.sa-footer-cta p{margin-bottom:16px;color:rgba(240,223,200,.75);}
.sa-footer-bottom{text-align:center;font-size:13px;border-top:1px solid rgba(255,255,255,.08);padding-top:15px;color:rgba(240,223,200,.5);}

.sa-section{padding:56px 0}
.sa-section.alt{background:#fffaf4}
.sa-section.soft{background:linear-gradient(180deg,#fff8f0 0%,#fff3e8 100%)}
.sa-section-head{text-align:center;max-width:860px;margin:0 auto 24px}
.sa-section-head h2{color:#6f1514;margin-bottom:8px;letter-spacing:-.2px}
.sa-section-head p{font-size:17px;color:#6d5645}
.sa-btns{display:flex;gap:14px;flex-wrap:wrap}
.sa-btns br{display:none;}
.sa-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:12px;font-size:15px;font-weight:800;transition:.25s ease; box-shadow:0 12px 28px rgba(0, 0, 0, .20), inset 0 1px rgba(255, 255, 255, .08); margin:8px 0;}
/* Keyboard focus ring (light theme) */
:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;}
/* Press feedback — button ko user ki sunn'ne ka ehsaas (scale press) */
.sa-btn:active,.sa-btn--primary:active,.sa-btn--light:active,.lang-tab:active,.navigation-posts a:active{transform:scale(.97);}
.sa-btn.primary{background:#7a1f1f;color:#fff}
.sa-btn.primary:hover{background:#5d1414}
.sa-btn.secondary{background:#fff1e2;color:#7a1f1f;border:1px solid #e1c4aa}
.sa-btn.secondary:hover{background:#f8e6d3}
.sa-card{position:relative;background:#fffdf9;border:1px solid #ead8c7;border-radius:18px;padding:20px;box-shadow:0 10px 24px rgba(92,20,20,.06);transition:.28s ease}
.sa-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(92,20,20,.09)}
.sa-card-hit{position:absolute;inset:0;border-radius:inherit;z-index:1}
.sa-card > :not(.sa-card-hit){position:relative;z-index:2}
.sa-hero{position:relative;overflow:hidden;padding:78px 0;background:
url("../images/temple-skyline-dark.webp") no-repeat bottom center/100% auto,
radial-gradient(900px 520px at 70% 20%,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 62%),
 linear-gradient(180deg, #2b1a5c 0%, #d0593a 34%, #b63a24 60%, #ef9d75 100%);}
.sa-hero:before{content:"";position:absolute;inset:-2px;
z-index:1;opacity:.7;filter:blur(.2px)}
.sa-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(60,10,10,.6) 0%,rgba(92,20,20,.5) 42%,rgba(156,85,35,.28) 72%,rgba(156,85,35,.12) 100%);z-index:2}
.sa-hero .sa-container{position:relative;z-index:3}
.sa-hero__wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.72fr);gap:26px;align-items:center; position:relative; z-index:9;}
.sa-hero__content{max-width:980px}
.sa-hero__eyebrow{display:inline-flex;align-items:center;padding:9px 15px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff6ef;font-size:14px;font-weight:700;margin-bottom:18px}
.sa-hero__content h1{margin:0 0 14px;color:#fff;font-weight:900;letter-spacing:-.4px}
.sa-hero__content p{margin:0 0 20px;font-size:17px;line-height:1.7;color:#f8e7dc;max-width:720px}
.sa-hero__buttons{display:flex;gap:14px;flex-wrap:wrap; clear:both;}
.sa-hero__buttons br{display:none;}
.sa-btn--primary{background:linear-gradient(180deg,#B62829,#8D2022) !important;color:#fff;box-shadow:0 10px 24px rgba(67,10,10,.18)}
.sa-btn--primary:hover{background:linear-gradient(180deg,#8D2022,#B62829)transform:translateY(-2px)}
.sa-btn--light{background:#f6eadc;color:#6d1d19;border:1px solid rgba(255,255,255,.18)}
.sa-btn--light:hover{background:#fff3e7;transform:translateY(-2px)}
.sa-hero__box{background:rgba(35,12,18,.38);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:24px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 16px 40px rgba(60,15,15,.12)}
.sa-hero__box h3{margin:0 0 18px;color:#fff;font-weight:800}
.sa-hero__list{margin:0;padding:0;list-style:none}
/* .sa-hero__list li{border-bottom:1px solid rgba(255,255,255,.16)} */
.sa-hero__list li:last-child{border-bottom:none}
.sa-hero__list a{display:block;padding:11px 0;color:#fff3ea;font-size:16px;font-weight:700}
.sa-hero__list a:hover{color:#fff;text-decoration:underline}

.sa-category-grid,.sa-post-grid,.sa-path-grid,.sa-footer-grid, .sa-chant-box, .sa-jap-chips{display:grid;gap:18px; clear:both;}
.sa-category-grid p,.sa-post-grid p,.sa-path-grid p,.sa-footer-grid p, .sa-chant-box p{text-align: left;}

.sa-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sa-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sa-path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sa-footer-grid{grid-template-columns:1.2fr 1fr 1fr 1fr}

.sa-category-card .sa-icon{width:54px;height:54px;border-radius:15px;background:#fff1e2;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:14px}
.sa-category-card h3,.sa-post-card h3,.sa-info-card h3,.sa-path-box h3,.sa-footer-col h3{color:#7a1f1f;margin-bottom:9px}
.sa-category-card p,.sa-post-card p,.sa-info-card p,.sa-path-box p,.sa-about__content p,.sa-chant-note p{font-size:15px;color:#5f4b3f}

.sa-panchang-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.sa-info-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}
.sa-info-meta span{display:block;background:#fff8ef;border:1px solid #f0dfcf;border-radius:12px;padding:11px 12px;font-size:14px;color:#624b3a}

.sa-chant-box{max-width:980px;margin:0 auto;background:#fffdf9;border:1px solid #ead8c7;border-radius:22px;padding:22px;box-shadow:0 12px 28px rgba(92,20,20,.06)}
.sa-chant-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}
.sa-jap-chips{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 18px}
.sa-jap-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;border-radius:999px;background:#fff5ea;border:1px solid #e3c7af;color:#7a1f1f;font-weight:700;font-size:15px;transition:.2s ease}
.sa-jap-chip:hover{background:#ffe9d0}
.sa-sankalp-list{list-style:none;display:grid;gap:10px}
.sa-sankalp-list li{background:#fff7ef;border:1px solid #eedbc8;border-radius:14px;padding:13px 14px !important;color:#5e4739;font-size:15px}
.hentry .sa-sankalp-list li:before{display:none;}

.sa-post-card .sa-tag{display:inline-block;background:#fff1e2;color:#9a4b1b;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;margin-bottom:12px}

.sa-path-box ul{list-style:none;margin-top:12px}
.sa-path-box li{padding:10px 0;border-bottom:1px solid #f1e3d6}
.sa-path-box li:last-child{border-bottom:none}
.sa-path-box a{color:#6f1514;font-weight:600}
.sa-path-box a:hover{text-decoration:underline}

.sa-about{background:#fff5ea}
.sa-about__content{max-width:960px;margin:0 auto;text-align:center}

.sa-search-box{max-width:820px;margin:0 auto;background:#fffdf9;border:1px solid #ead8c7;border-radius:22px;padding:26px;text-align:center;box-shadow:0 12px 28px rgba(92,20,20,.06)}
.sa-search-box h2{color:#6f1514;margin-bottom:10px}
.sa-search-box p{font-size:16px;color:#654f40;margin-bottom:20px}
.sa-search-form{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.sa-search-form input{flex:1 1 420px;min-width:280px;padding:15px 16px;border:1px solid #dac0ab;border-radius:12px;font-size:16px;background:#fff}
.sa-search-form button{padding:15px 22px;border:none;border-radius:12px;background:#7a1f1f;color:#fff;font-weight:700;font-size:16px;cursor:pointer}
.sa-search-form button:hover{background:#5d1414}

@media (max-width:1200px){
}
@media (max-width:1080px){
  .sa-hero__wrap,.sa-category-grid,.sa-post-grid,.sa-panchang-grid,.sa-path-grid,.sa-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sa-chant-grid{grid-template-columns:1fr}
}
@media (max-width:991px){
  .sa-hero{padding:75px 0;background-position:72% center}
  .sa-hero__wrap{grid-template-columns:1fr}
  .sa-hero__box{max-width:680px}
}
@media (max-width:767px){
  .sa-header__inner{flex-direction:column;align-items:flex-start}
  .sa-nav ul{gap:12px}
  .sa-hero{padding:60px 0;background-position:78% center}
  .sa-hero__wrap,.sa-category-grid,.sa-post-grid,.sa-panchang-grid,.sa-path-grid,.sa-footer-grid{grid-template-columns:1fr}
  .sa-hero__content p{font-size:18px;line-height:1.75}
  .sa-hero__buttons,.sa-btns{gap:2px}
  .sa-btn{width:100%;font-size:18px !important;padding:14px 20px; margin:15px 0!important;}
  .sa-hero__buttons br{display:none;}
  .sa-hero__box{padding:22px}
  .sa-hero__list a{font-size:18px}
  .sa-section{padding:44px 0}
  .sa-info-meta{grid-template-columns:1fr}
  .sa-path-box a,.sa-path-box li{font-size:17px;line-height:1.6}
  .sa-sankalp-list li,.sa-sankalp-list li a{font-size:17px;line-height:1.6}
}

html,body{transition:background .4s ease,color .35s ease;}

/* ── CSS Variables ── */
/* ── Background: gradient on html so sections can't block it ── */


/* Fixed pseudo overlay — high · low · high curve at bottom */
/* ── Typography: Saffron Glow ── */


/* ── Text Selection ── */
/* ── Custom Scrollbar ── */

/* ── Focus Ring ── */
/* ── Theme Toggle Button ── */
/* ── Floating Left Panel ── */
.float-panel{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;background:#ffffff17;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff2e;border-left:none;border-radius:0 14px 14px 0;padding:8px 5px;box-shadow:2px 0 12px #0000001a;opacity:.55;transition:opacity .25s ease,background .25s ease}
.float-panel:hover{opacity:1;background:#ffffff24}

/* Toggle inside panel */
.theme-toggle{position:relative;width:28px;height:28px;border-radius:999px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,opacity .2s ease;flex-shrink:0}
.theme-toggle:hover{transform:scale(1.15);opacity:1}
.theme-toggle:active{transform:scale(.94)}

/* Share buttons */
.float-panel__share{width:28px;height:28px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff24;display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:13px;text-decoration:none;transition:background .2s ease,transform .2s ease,color .2s ease,border-color .2s ease;flex-shrink:0}
.float-panel__share:hover{background:var(--share-color);border-color:var(--share-color);color:#fff;transform:scale(1.12);text-decoration:none}

.float-panel__share:active{transform:scale(.94);}
.theme-toggle__icon{width:18px;height:18px;display:block;background-repeat:no-repeat;background-size:contain;background-position:center;transition:transform .3s ease;}

  @media(max-width:600px) {
    .float-panel{display:none!important}
    .mobiico-theme-li{display:inline-flex;align-items:center;margin-right:2px}
    .mobiico-theme-toggle{width:28px;height:28px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#00000047;border:1.5px solid #ffffff59;border-radius:8px;box-shadow:0 2px 8px #00000038;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
    .mobiico-theme-toggle:active{transform:scale(.93)}
    .mobiico-theme-toggle .theme-toggle__icon{width:16px;height:16px}
    .mobiico-theme-toggle[data-theme='light'] .theme-toggle__icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23ffffff'/%3E%3Cpath stroke='%23ffffff' stroke-width='2' d='M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42'/%3E%3C/svg%3E")}
  }

  @media(min-width:601px) {
    .mobiico-theme-li{display:none}
    .float-panel{padding:10px 6px;border-radius:0 17px 17px 0}
    .theme-toggle{width:34px;height:34px}
    .theme-toggle__icon{width:22px;height:22px}
  }

.theme-toggle[data-theme='light'] .theme-toggle__icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23F5A623'/%3E%3Cpath stroke='%23F5A623' stroke-width='2' d='M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42'/%3E%3C/svg%3E")}
.theme-toggle[data-theme='dark'] .theme-toggle__icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e7631c' d='M21 12.79A9 9 0 1 1 11.21 3c.21 0 .42 0 .63.02a7 7 0 1 0 8.14 8.14c.01.21.02.42.02.63Z'/%3E%3C/svg%3E")}
.single-strotra .mantracont p.spacing,.verse p.spacing{padding-top:0!important}
.single-strotra .mantracont p.mrgbot30,.verse p.mrgbot30{margin-bottom:0!important}
.verse p{padding-top:0!important}
.mantrasec{position:relative;margin:40px 0;padding:35px;border-radius:28px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #e19e6a57;box-shadow:0 15px 45px #00000014 inset 0 1px 0 #ffffffd9;overflow:hidden}
.mantrasec .mantracont,.mantrasec .verse{margin-bottom:24px}
.mantramean{font-size:22px;float:left;margin-top:20px;text-align:left}
.mantramean strong{color:var(--color-primary)}
.dflexx .row > .col-lg-3.col-md-4.col-sm-6.col-12:only-child{float:none;margin:0 auto}
.full.dflexx{margin-bottom:30px}
.full.dflexx .row{display:flex;flex-wrap:wrap;justify-content:center;width:100%}
.blog_post > .row{display:flex;flex-wrap:wrap;width:100%}
.wpcf7-not-valid-tip{padding:5px 10px 0;text-align:left}
.wpcf7-form p{padding-bottom:0!important}/* ── Header: Warm Charcoal Glass ── */

/* ── Footer ── */





/* ── Breadcrumbs: Saffron Pill ── */


/* ── Naamjaap Cards: Warm Glass + Saffron Hover ── */

/* ── lop_more Button: Saffron Glass ── */

/* ── Mobile Postbox Cards: Warm Dark Glass ── */
/* ── Section-level ── */


/* ── sa-* Homepage Sections ── */

/* sa-card: Warm Glassmorphism */


/* Glass boxes */


/* Search input */

/* Chips */

/* Lists */





/* Mobile header bar */

/* Hamburger saffron */

/* Desktop sub-menu glass */

/* smenu social buttons */
/* Fix: submenu active/current item — no full orange fill */
/* Fix: Favourite / Share / generic plugin buttons → dark glass */

/* Favourite/Share text below */
/* ── Mobile Layout ── */

/* ── smenu toggle arrow glass ── */
#smenu .menu-item-has-children::after,
#smenu .menu-item-has-children:after{
  background:transparent !important;
  border:0 !important;
  border-radius:50% !important;
  box-shadow:none !important;
  transition:transform .24s ease,opacity .2s ease !important;
}
#smenu .menu-item-has-children:hover::after,
#smenu .menu-item-has-children:hover:after{
  background:transparent !important;
  border-color:transparent !important;
}
/* Expanded — solid orange */
/* ── Mobile Menu: Full Dark Navy Override ── */

/* Both light & dark — base mobile menu cleanup */
#mobile_menu{
  border:none !important;
  box-shadow:0 8px 32px rgba(0,0,0,.25) !important;
}
#mobile_menu .menu,
#mobile_menu ul,
#mobile_menu ul li,
#mobile_menu ul li a,
#mobile_menu ul.sub-menu,
#mobile_menu ul.sub-menu li,
#mobile_menu ul.sub-menu li a{
  border-color:rgba(160,71,29,.12) !important;
  background:transparent !important;
}
#mobile_menu ul li a{
  color:var(--color-primary) !important;
  font-size:18px !important;
  font-weight:600 !important;
  padding:12px 20px !important;
  border-bottom:1px solid rgba(160,71,29,.1) !important;
  transition:color .2s ease,background .2s ease !important;
}
#mobile_menu ul li a:hover,
#mobile_menu ul li.current-menu-item > a,
#mobile_menu ul li.current-menu-parent > a{
  color:var(--C__AV_THEME_PRIMARY_COLOR__) !important;
  background:rgba(160,71,29,.06) !important;
}
#mobile_menu ul.sub-menu li a{
  font-size:18px !important;
  padding-left:36px !important;
  opacity:.90;
}



/* Toggle button (expand/collapse submenu) — glass */

/* Top scroll arrows */
/* ── prefers-reduced-motion ── */


/* ── sa-card (category items आरती, चालीसा etc.) ── */

/* ── sa-chant-box / sa-search-box (outer containers) ── */
/* ── sa-jap-chip ── */

/* ── sa-sankalp-list items ── */
/* ── sa-info-meta spans ── */
/* ── Panchang grid + all inner items ── */


/* ── Category grid outer wrapper ── */
/* ── Avada framework: all wrappers transparent so gradient shows ── */

/* Avada "color_theme_color" whitebox elements */
/* ── Custom shortcode / block wrappers still showing cream ── */

/* Any white inner card not yet caught */
/* ── Buttons still showing light (Favourite/Share/plugin) ── */


/* ── sa-btn primary stays orange ── */
/* ── Links + text inside dark sections ── */
/* ── "कुल जप माला" type secondary buttons ── */


/* ── .sa-widget: override plugin CSS variables + glass bg ── */

/* Widget header */


/* Date, label, text elements */


/* Individual info boxes inside widget */


/* Lang toggle (EN / हिंदी) */


/* Location button */
/* ── sa-widget-header ── */


/* ── sa-hora-current (current hora big card) ── */

/* ── sa-widget-timeline ── */


/* ── sa-widget-timeline-item (each row) ── */

/* ── sa-astro-cell (astrology info boxes) ── */
/* ── sa-label (ALL label text inside widget) ── */
/* ── sa-planet (planet name + dot) ── */
/* ── sa-hora-widget inner item ── */
/* ── .aar-quick: Quick Links glass card ── */
/* Individual quick-link cards (आरती, चालीसा etc.) */


/* Icon box inside each card */
/* Text inside cards */



/* ── Auth card (main white box) ── */
/* ── Account surface wrapper ── */
/* ── Input fields ── */

/* ── Tab switcher ── */

/* ── Primary button (Login/Submit) ── */

/* ── Secondary button ── */

/* ── Alert & note boxes ── */


/* ── Help text & links ── */


/* ── Headings inside auth ── */
/* ── Account: sidebar ── */



/* ── Section title ── */
/* ── Stat boxes ── */


/* ── Table ── */


/* ── Avatar ── */
/* ── aar-quick cards (in account/plugin context) ── */

/* ── Headings: Gradient Text ── */


/* ── h1 Underline Bar: Gold→Saffron→Gold ── */
/* ── Toggle: Saffron Gradient Glow Ring ── */

/* ── lop_more: Glass default → Solid Orange on hover ── */


/* ── Naamjaap Card Hover: Gradient Warmth ── */
/* ── Scrollbar: Saffron→Deep Gradient ── */

/* ── Breadcrumbs: Gradient Glow Border ── */
/* ── sa-Card: Gradient Hover Glow ── */
/* ── Category Icon: Gradient Background ── */
/* ── Chips: Gradient Hover ── */
/* ── Mobile Postbox Left Accent: Full Gradient ── */
/* ── Header border gradient glow ── */
/* ── Footer top border gradient ── */

/* ── Persistent fixed top diya glow (survives scroll) ── */
/* ── Grain texture overlay — premium dark feel ── */
/* ── Body & content text — warm cream, not cold white ── */

/* ── Deity image — divine saffron aura ── */

/* ── Divine aura pulse keyframe ── */
@keyframes divineAura{
  0%,100%{opacity:.7;transform:scale(1);}
  50%{opacity:1;transform:scale(1.08);}
}

/* ── Shared deity keyframes — DONO themes (light + dark) inhe use karte
   hain (.p_img rays + breathing ring). Isliye base me rakhe hain.
   MAT HATANA: bina inke rays render to hoti hain par ghoomti nahi. ── */
@keyframes sa-rays-rotate{to{transform:rotate(360deg);}}
@keyframes sa-aura-breathe{0%,100%{opacity:.78;}50%{opacity:1;}}

/* ── h1 underline bar — saffron shimmer animation ── */
/* ── Post thumbnail — show color in dark, warm glow on hover ── */

/* ── HR dividers — saffron gradient line ── */
/* ── Footer — warm gradient depth ── */
/* ── naamjaap cards — stronger glass depth ── */
/* ── p.stext — enhanced warm glow ── */
/* ── sa-section headings glow ── */
/* ── Breadcrumbs text warmth ── */
/* ── prefers-reduced-motion: disable new animations ── */


/* ── Hero background — dark navy matching site ── */

/* Bottom fade — melts into page bg */
/* Mouse-follow spotlight — JS sets --hero-x --hero-y */
/* Dark overlay — readable text */
/* ── Eyebrow pill ── */
/* ── Content text ── */
/* ── Buttons ── */

/* ── Right card "आज क्या पढ़ें" ── */

/* ── List inside card ── */
/* ============================================================
   LIGHT MODE — dropdown & lang-switcher parity with dark theme
   (dark-mode.css ke glass treatment ka light equivalent)
   ============================================================ */

/* ── Desktop dropdown: cream glass panel ── */
html:not(.theme-dark) #menu li li{padding:0;height:auto;margin:0!important;width:100%;display:block;float:none;}
html:not(.theme-dark) #menu li li a{height:auto;padding:12px 18px;width:100%;font-size:15px!important;line-height:24px!important;border:none!important;font-weight:600;display:block;letter-spacing:.2px;position:relative;overflow:hidden;}
html:not(.theme-dark) #menu li.menu-item-has-children:hover > ul.sub-menu{
  background:rgba(var(--lm-c-cream),.65)!important;
  backdrop-filter:blur(22px) saturate(140%);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
  border:1px solid rgba(var(--lm-c-terra-deep),.18);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 12px 36px rgba(var(--lm-c-text),.18);
}
html:not(.theme-dark) #menu ul.sub-menu li a{
  background:transparent!important;
  color:rgba(var(--lm-c-text),.88)!important;
  transition:background .18s ease,color .18s ease,padding-left .18s ease;
}
html:not(.theme-dark) #menu ul.sub-menu li a:hover{
  background:rgba(var(--lm-c-terra-deep),.08)!important;
  color:var(--lm-terra)!important;
  padding-left:18px!important;
  border-left:2px solid rgba(var(--lm-c-terra-deep),.8)!important;
}
html:not(.theme-dark) #menu ul.sub-menu li.current-menu-item > a,
html:not(.theme-dark) #menu ul.sub-menu li.current-menu-parent > a{
  background:rgba(var(--lm-c-terra-deep),.12)!important;
  color:var(--lm-terra)!important;
  border-left:2px solid var(--lm-terra)!important;
}

/* ── Language switcher pills: readable on light bg ── */
html:not(.theme-dark) .lang-tab{
  background:rgba(var(--lm-c-terra-deep),.06);
  border:1px solid rgba(var(--lm-c-terra-deep),.28);
  color:rgba(var(--lm-c-text),.72);
}
html:not(.theme-dark) .lang-tab .lang-script{color:rgba(var(--lm-c-terra-deep),.45);}
html:not(.theme-dark) .lang-tab:hover{border-color:rgba(var(--lm-c-terra),.55);color:var(--lm-text-strong);}
html:not(.theme-dark) .lang-tab:hover .lang-script{color:rgba(var(--lm-c-terra),.75);}
html:not(.theme-dark) .lang-tab.active{background:rgba(var(--lm-c-saffron),.14);border-color:var(--lm-terra-bright);color:var(--lm-terra);}
html:not(.theme-dark) .lang-tab.active .lang-script{color:var(--lm-terra-bright);}
html:not(.theme-dark) .lang-sticky-btn{background:rgba(var(--lm-c-terra-deep),.06);border:1px solid rgba(var(--lm-c-terra-deep),.28);color:rgba(var(--lm-c-text),.72);}

/* ============================================================
   LIGHT MODE — single-post & headings gilding (dark parity)
   Dark ke --dm-head-gradient ka light equivalent: content
   surfaces only — hero/footer (dark bg) deliberately excluded.
   ============================================================ */
/* --lm-head-gradient ab TOP ke LIGHT THEME COLOR TOKENS block mein hai */

/* Gradient headings — content surfaces (hero/footer dark-bg excluded) */
html:not(.theme-dark) .entry-title:not(.sa-hero *),
html:not(.theme-dark) .archive-title,
html:not(.theme-dark) .post-content h2,
html:not(.theme-dark) .post-content h3,
html:not(.theme-dark) .mantrahead,
html:not(.theme-dark) p.stext,
html:not(.theme-dark) .post-content .primary p,
html:not(.theme-dark) .sa-section-head h2,
html:not(.theme-dark) .widget-title,
html:not(.theme-dark) .sa-widget-header h3{
  background:var(--lm-head-gradient) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}

html:not(.theme-dark) p.stext{filter:drop-shadow(0 0 10px rgba(var(--lm-c-terra),.18));}
html:not(.theme-dark) .sa-section-head h2{filter:drop-shadow(0 0 8px rgba(var(--lm-c-terra),.15));}

/* ── Deity image — Prabhāmandala light (dark parity: rays + aura) ── */
html:not(.theme-dark) .p_img{position:relative;isolation:isolate;}
html:not(.theme-dark) .p_img::before{
  content:'';position:absolute;inset:-34px;border-radius:50%;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle, rgba(var(--lm-c-peach),.16) 0%, rgba(var(--lm-c-terra),.05) 42%, transparent 70%),
    repeating-conic-gradient(from 0deg, rgba(var(--lm-c-amber),.15) 0deg 2.4deg, transparent 2.4deg 18deg);
  -webkit-mask:radial-gradient(circle,#000 26%,rgba(0,0,0,.4) 52%,transparent 72%);
  mask:radial-gradient(circle,#000 26%,rgba(0,0,0,.4) 52%,transparent 72%);
  animation:sa-rays-rotate 48s linear infinite;
}
html:not(.theme-dark) .p_img img{
  position:relative;z-index:1;
  filter:drop-shadow(0 0 14px rgba(var(--lm-c-terra),.28)) drop-shadow(0 4px 10px rgba(var(--lm-c-text),.20));
  transition:filter .45s ease,transform .5s ease;
}
html:not(.theme-dark) .p_img:hover img{
  filter:drop-shadow(0 0 22px rgba(var(--lm-c-terra),.42)) drop-shadow(0 6px 14px rgba(var(--lm-c-text),.28));
}

/* ── h1 divider — ornamental gold lines + centre bindu (dark parity) ── */
html:not(.theme-dark) h1::after{
  width:136px !important;
  height:14px !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:
    radial-gradient(circle at center, #ffe3d6 0 2px, rgba(var(--lm-c-accent),.95) 2px 3.4px, transparent 4px) center/11px 11px no-repeat,
    linear-gradient(90deg, transparent 0, rgba(var(--lm-c-accent),.6) 40%, transparent 45%, transparent 55%, rgba(var(--lm-c-accent),.6) 60%, transparent 100%) center/100% 1.5px no-repeat !important;
  animation:none !important;
}
html:not(.theme-dark) .sa-hero h1::after{display:none;}
html:not(.theme-dark) .sa-hero__content h1{color:#fff !important;-webkit-text-fill-color:#fff !important;}
html:not(.theme-dark) .sa-hero__box h3{color:#fff !important;-webkit-text-fill-color:#fff !important;}

/* ── HR dividers — saffron gradient line ── */
html:not(.theme-dark) hr,html:not(.theme-dark) .post-content hr{
  border:none;height:1px;margin:24px auto;
  background:linear-gradient(90deg,transparent,rgba(var(--lm-c-terra),.45),transparent);
}

/* ── Deity image — gilded breathing ring (dark ::after parity) ── */
html:not(.theme-dark) .p_img::after{
  content:'';position:absolute;inset:-2px;border-radius:50%;
  background:radial-gradient(circle, transparent 56%, rgba(var(--lm-c-terra),.12) 70%, transparent 82%);
  box-shadow:0 0 0 2px rgba(var(--lm-c-terra),.25),0 0 30px rgba(var(--lm-c-peach),.20),inset 0 0 24px rgba(var(--lm-c-terra),.05);
  pointer-events:none;z-index:0;
  animation:sa-aura-breathe 4.5s ease-in-out infinite;
}

/* ── Favourite / Share buttons — light mode (functions.php ka
     dark-first override counter karta hai; wahan ab scoped hai) ── */
html:not(.theme-dark) .sa-fav-btn,
html:not(.theme-dark) .sa-share-btn{
  background:rgba(var(--lm-c-surface),.92)!important;
  border:1px solid rgba(var(--lm-c-terra-deep),.28)!important;
  color:var(--lm-text-strong)!important;
  box-shadow:0 4px 14px rgba(var(--lm-c-text),.10)!important;
}
html:not(.theme-dark) .sa-fav-btn:hover,
html:not(.theme-dark) .sa-share-btn:hover{
  background:rgba(var(--lm-c-terra-deep),.06)!important;
  border-color:rgba(var(--lm-c-terra),.55)!important;
  color:var(--lm-terra)!important;
  box-shadow:0 6px 18px rgba(var(--lm-c-text),.14)!important;
}
html:not(.theme-dark) .sa-fav-btn.is-on{
  background:rgba(var(--lm-c-saffron),.14)!important;
  border-color:var(--lm-terra-bright)!important;
  color:var(--lm-terra)!important;
}
html:not(.theme-dark) .sa-fav-note{color:rgba(var(--lm-c-text),.65)!important;}

/* ============================================================
   LIGHT MODE — Breadcrumb (dark parity: centered, bullet dots,
   uppercase links, no white pill box). Separator // → ● overrides
   admin/color.css ka __AROHAM_BREADCRUMB_DIVIDER__.
   ============================================================ */
html:not(.theme-dark) .breadcrumbs{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  padding:4px 0 !important;
  text-align:center;
  color:rgba(var(--lm-c-text),.5);
}
html:not(.theme-dark) .breadcrumbs ul.trail-items{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:0;list-style:none;margin:0;padding:0;}
html:not(.theme-dark) .breadcrumbs .trail-item{display:flex;align-items:center;}
html:not(.theme-dark) .breadcrumb .trail-items li::after,
html:not(.theme-dark) .breadcrumbs .trail-item::after{content:"●" !important;color:rgba(var(--lm-c-text),.4) !important;font-size:6px;margin:0 8px;vertical-align:middle;padding:0;}
html:not(.theme-dark) .breadcrumb .trail-items li.trail-end::after,
html:not(.theme-dark) .breadcrumbs .trail-item.trail-end::after{display:none !important;}
html:not(.theme-dark) .breadcrumbs a{color:var(--lm-accent-deep);text-decoration:none;text-transform:uppercase;letter-spacing:.8px;font-size:13px;font-weight:600;}
html:not(.theme-dark) .breadcrumbs a:hover{color:var(--lm-accent);}
html:not(.theme-dark) .breadcrumbs .trail-begin a span{width:20px !important;height:20px !important;background-size:100% !important;display:inline-block !important;}
html:not(.theme-dark) .breadcrumbs .trail-end span,
html:not(.theme-dark) .breadcrumbs .trail-end a{color:rgba(var(--lm-c-text),.5);text-transform:none;letter-spacing:normal;font-size:15px;font-weight:500;}

/* ============================================================
   LIGHT MODE — Deity archive: DARK THEME PARITY layout
   Ek bada outer panel + bade circles + bordered pill labels
   (dark .blog_post / .lop_img / .lop_more ka light equivalent).
   NOTE: sirf desktop/tablet (>600px). Mobile (<=600px) pe base
   ka compact horizontal list chalta hai — warna ye rules apni
   higher specificity se mobile layout tod dete the.
   ============================================================ */
@media (min-width:601px){

/* Outer panel — cream glass container (dark .blog_post parity) */
.blog_post{width:100%;}
html:not(.theme-dark) .blog_post{
  float: left;
}

html:not(.theme-dark) .postbox:hover .lop_img img{
  box-shadow:0 0 0 3px rgba(var(--lm-c-accent),.5),0 0 24px rgba(var(--lm-c-accent-soft),.32),0 8px 20px rgba(var(--lm-c-text),.18);
  transform:translateY(-3px);
  filter:none;
}

/* Label — bordered glass pill (dark .lop_more parity) */
html:not(.theme-dark) .lop_more,
html:not(.theme-dark) .postbox .lop_more{
  background:rgba(var(--lm-c-surface),.85) !important;
  border:1px solid rgba(var(--lm-c-accent),.35) !important;
  color:var(--lm-accent-deep) !important;
  -webkit-text-fill-color:var(--lm-accent-deep) !important;
  border-radius:12px !important;
  font-weight:700 !important;
  margin-top:16px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 14px rgba(var(--lm-c-text),.08) !important;
  transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,color .2s ease;
}
html:not(.theme-dark) .lop_more a,
html:not(.theme-dark) .lop_more.white{color:var(--lm-accent-deep) !important;-webkit-text-fill-color:var(--lm-accent-deep) !important;}

/* Label hover — simple: subtle tint + stronger border, text same vermilion */
html:not(.theme-dark) .lop_more:hover,
html:not(.theme-dark) .lop_more a:hover,
html:not(.theme-dark) .postbox:hover .lop_more{
  background:rgba(var(--lm-c-accent),.06) !important;
  border-color:rgba(var(--lm-c-accent),.55) !important;
  color:var(--lm-accent-deep) !important;
  -webkit-text-fill-color:var(--lm-accent-deep) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 14px rgba(var(--lm-c-text),.08) !important;
}
html:not(.theme-dark) .postbox:hover .lop_more a,
html:not(.theme-dark) .postbox:hover .lop_more.white{color:var(--lm-accent-deep) !important;-webkit-text-fill-color:var(--lm-accent-deep) !important;}
html:not(.theme-dark) .lop_more:active{transform:translateY(0);}

} /* /@media(min-width:601px) — dark-parity archive cards */


/* ============================================================
   LIGHT MODE — PREMIUM GLASS PASS
   Ek unified glass system (18px blur), micro-interactions,
   typography hierarchy. Sab tokens pe — palette badlo to
   yahan kuch change nahi karna padega.
   ============================================================ */
:root{
  --lm-glass-blur:18px;
  --lm-glass-bg:rgba(var(--lm-c-surface),.62);
  --lm-glass-bg-strong:rgba(var(--lm-c-surface),.8);
  --lm-glass-edge:rgba(255,255,255,.65);        /* upar ki thin sheen */
  --lm-glass-ring:rgba(var(--lm-c-accent),.12); /* translucent hairline border */
  --lm-shadow-1:0 1px 2px rgba(var(--lm-c-text),.04),0 8px 24px rgba(var(--lm-c-text),.06);
  --lm-shadow-2:0 2px 6px rgba(var(--lm-c-text),.06),0 18px 44px rgba(var(--lm-c-accent-mid),.14);
  --lm-ease:cubic-bezier(.4,0,.2,1);
}

/* ── Glass panels (containers) ── */
html:not(.theme-dark) .aar-quick-shell,
html:not(.theme-dark) .sa-widget,
html:not(.theme-dark) .sa-hora-widget,
html:not(.theme-dark) .sa-chant-box,
html:not(.theme-dark) .sa-search-box,
html:not(.theme-dark) .mantrasec{
  background:var(--lm-glass-bg) !important;
  backdrop-filter:blur(var(--lm-glass-blur)) saturate(140%) !important;
  -webkit-backdrop-filter:blur(var(--lm-glass-blur)) saturate(140%) !important;
  border:1px solid var(--lm-glass-ring) !important;
  border-radius:20px !important;
  box-shadow:var(--lm-shadow-1),inset 0 1px 0 var(--lm-glass-edge) !important;
}

/* ── Glass cards + hover lift ── */
html:not(.theme-dark) .sa-card,
html:not(.theme-dark) .aar-quick-card{
  background:var(--lm-glass-bg-strong) !important;
  backdrop-filter:blur(var(--lm-glass-blur)) saturate(140%);
  -webkit-backdrop-filter:blur(var(--lm-glass-blur)) saturate(140%);
  border:1px solid var(--lm-glass-ring) !important;
  border-radius:16px !important;
  box-shadow:var(--lm-shadow-1),inset 0 1px 0 var(--lm-glass-edge) !important;
  transition:transform .28s var(--lm-ease),box-shadow .28s var(--lm-ease),border-color .28s var(--lm-ease);
}
html:not(.theme-dark) .sa-card:hover,
html:not(.theme-dark) .aar-quick-card:hover{
  transform:translateY(-4px);
  border-color:rgba(var(--lm-c-accent),.35) !important;
  box-shadow:var(--lm-shadow-2),inset 0 1px 0 var(--lm-glass-edge) !important;
}
html:not(.theme-dark) .sa-card:active,
html:not(.theme-dark) .aar-quick-card:active{transform:translateY(-1px) scale(.99);}

/* ── Buttons / chips — press + lift micro-interactions ── */
html:not(.theme-dark) .sa-btn,
html:not(.theme-dark) .sa-jap-chip{
  transition:transform .2s var(--lm-ease),box-shadow .2s var(--lm-ease),
             background .2s var(--lm-ease),border-color .2s var(--lm-ease);
}
html:not(.theme-dark) .sa-btn:hover,
html:not(.theme-dark) .sa-jap-chip:hover{transform:translateY(-2px);box-shadow:var(--lm-shadow-2);}
html:not(.theme-dark) .sa-btn:active,
html:not(.theme-dark) .sa-jap-chip:active{transform:translateY(0) scale(.97);}

/* ── Quick-link arrow nudge ── */
html:not(.theme-dark) .aar-quick-arrow{transition:transform .25s var(--lm-ease);}
html:not(.theme-dark) .aar-quick-card:hover .aar-quick-arrow{transform:translateX(4px);}

/* ── Focus-visible rings (a11y + micro-interaction) ── */
html:not(.theme-dark) a:focus-visible,
html:not(.theme-dark) button:focus-visible,
html:not(.theme-dark) .aar-quick-card:focus-visible,
html:not(.theme-dark) .sa-card:focus-visible{
  outline:2px solid rgba(var(--lm-c-accent),.6);
  outline-offset:3px;
}

html h1{
  text-shadow:none;
  filter:drop-shadow(0 0 18px var(--dm-sf-40));
  margin-bottom: 5px !important; 
}

.lang-content:is(.lang-english,.lang-hinglish):not(.lang-hindi) p span, .stext, h2{display: block; clear:both;}
.single-aarati .post-content .lang-hindi p{padding:2px 0 !important}
main .full ul.break li, ul.break li{width:100% !important;margin:0 !important;}
main .full ul.break.sa-hero__list li{margin: 7px 0 4px !important; padding: 0 15px 7px !important;}

/* ── Mobile — blur mehnga hai (perf) → halka; touch targets 44px ── */
@media (max-width:600px){
  html:not(.theme-dark) .aar-quick-shell,
  html:not(.theme-dark) .sa-widget,
  html:not(.theme-dark) .sa-hora-widget,
  html:not(.theme-dark) .sa-chant-box,
  html:not(.theme-dark) .sa-search-box,
  html:not(.theme-dark) .mantrasec{
    backdrop-filter:blur(10px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(10px) saturate(130%) !important;
    border-radius:16px !important;
  }
  html:not(.theme-dark) .sa-card,
  html:not(.theme-dark) .aar-quick-card{backdrop-filter:none;-webkit-backdrop-filter:none;}
  html:not(.theme-dark) .sa-btn,
  html:not(.theme-dark) .sa-jap-chip{min-height:44px;}
}

/* ============================================================
   Page Content TOC — scroll ke saath STICKY (dono theme).
   .quicklinksx = .shiftbody ka direct child jo poore content ko span
   karta hai, isliye sticky yahin lagti hai (ul ka apna parent chhota
   hai to ul par sticky range nahi milti). Header relative hai (scroll
   par hat jata hai) isliye top:0.
   ============================================================ */
.quicklinksx{ position:sticky; top:0; z-index:70; }

/* ============================================================
   LIGHT MODE — Page TOC (ul.aroham_toc) → Sundarkand ke
   .sk-toc-select jaisa look. bootx ka brick bar (#cb5333, radius 0)
   yahin se override hota hai — bootx file untouched.
   ============================================================ */
/* ul: height LOCK + overflow visible → khulne pe items OVERLAY karte hain,
   content neeche nahi khiskta (native <select> popup jaisa) */
html:not(.theme-dark) ul.aroham_toc{
  position:relative;
  float:none;
  max-width:560px;
  margin:5px auto 22px !important;
  min-height:60px !important;
  max-height:70vh !important;          /* lambe content: dropdown scrollable */
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch;
  z-index:60;
  background:transparent !important;  /* box ab .init pe hai */
  border:none;
  box-shadow:none;
}

/* Trigger — glossy glass box + chevron + divider (sk-toc-select ki tarah) */
html:not(.theme-dark) ul.aroham_toc .init{
  display:flex;align-items:center;
  position:sticky;top:0;z-index:5;   /* scroll par trigger upar chipka rahe */
  height:60px;
  padding:14px 52px 14px 48px !important;
  color:var(--lm-accent-deep) !important;
  font-size:17px;line-height:1.2;
  background-color:rgba(var(--lm-c-surface),.78);
  border:1px solid rgba(var(--lm-c-accent),.18);
  border-radius:14px;
  box-shadow:0 6px 18px rgba(var(--lm-c-text),.10),
             inset 0 1px 0 rgba(255,255,255,.95);   /* upar ki gloss line */
  backdrop-filter:blur(var(--lm-glass-blur)) saturate(140%);
  -webkit-backdrop-filter:blur(var(--lm-glass-blur)) saturate(140%);
  transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
  background-image:
    linear-gradient(45deg,transparent 50%,rgb(var(--lm-c-accent)) 50%),
    linear-gradient(135deg,rgb(var(--lm-c-accent)) 50%,transparent 50%),
    linear-gradient(to right,rgba(var(--lm-c-accent),.18),rgba(var(--lm-c-accent),.18)),
    linear-gradient(180deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.3) 48%,rgba(255,255,255,0) 100%); /* gloss sheen */
  background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px),calc(100% - 42px) 50%,0 0;
  background-size:6px 6px,6px 6px,1px 20px,100% 100%;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
}
html:not(.theme-dark) ul.aroham_toc .init:hover{
  border-color:rgba(var(--lm-c-accent),.35);
  background-color:rgba(var(--lm-c-surface),.9);
  box-shadow:0 10px 26px rgba(var(--lm-c-text),.13),inset 0 1px 0 rgba(255,255,255,1);
}
/* FA hand icon — pehle white (invisible on light) tha */
html ul.aroham_toc .init:before{
  color:rgba(var(--lm-c-accent),.7) !important;
  font-size:14px !important;
  left:8px !important;
  top:50% !important;
  transform:translateY(-50%);
}

/* Khule hue items — trigger ke neeche floating overlay panel */
html:not(.theme-dark) ul.aroham_toc li:not(.init){
  position:relative;
  background:rgba(var(--lm-c-surface),.97) !important;
  backdrop-filter:blur(var(--lm-glass-blur)) saturate(140%);
  -webkit-backdrop-filter:blur(var(--lm-glass-blur)) saturate(140%);
  color:rgba(var(--lm-c-text),.85) !important;
  padding:12px 16px !important;
  border-left:1px solid rgba(var(--lm-c-accent),.16);
  border-right:1px solid rgba(var(--lm-c-accent),.16);
  border-top:1px solid rgba(var(--lm-c-accent),.09);
  transition:background .18s var(--lm-ease),color .18s var(--lm-ease),padding-left .18s var(--lm-ease);
}
/* pehla item (.init ke baad) — panel ka top + gloss sheen */
html:not(.theme-dark) ul.aroham_toc li:not(.init):nth-child(2){
  margin-top:8px;
  border-top:1px solid rgba(var(--lm-c-accent),.16);
  border-radius:12px 12px 0 0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}
/* aakhri item — panel ka bottom + drop shadow */
html:not(.theme-dark) ul.aroham_toc li:not(.init):last-child{
  border-bottom:1px solid rgba(var(--lm-c-accent),.16);
  border-radius:0 0 12px 12px;
  box-shadow:0 14px 30px rgba(var(--lm-c-text),.14);
}
html:not(.theme-dark) ul.aroham_toc li:not(.init):hover,
html:not(.theme-dark) ul.aroham_toc li.selected:not(.init){
  color:var(--lm-accent-deep) !important;
  padding-left:20px !important;
}

/* ============================================================
   LIGHT MODE — FAQ accordion (aroham_schema_faq plugin)
   Glass cards + gloss + micro-interactions. Plugin ke defaults
   (blue #2f4f70 / #027dcc, orange #e89616) yahin se override —
   plugin file untouched.
   ============================================================ */
html:not(.theme-dark) .aroham_faqs .aroham_faqcont{margin-bottom:14px;}

/* Question bar — glossy glass card */
html:not(.theme-dark) .aroham_faqs .aroham_faqtitle{
  background-color:rgba(var(--lm-c-surface),.78) !important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.8) 0%,rgba(255,255,255,.25) 50%,rgba(255,255,255,0) 100%) !important;
  backdrop-filter:blur(var(--lm-glass-blur)) saturate(140%);
  -webkit-backdrop-filter:blur(var(--lm-glass-blur)) saturate(140%);
  border:1px solid rgba(var(--lm-c-accent),.16);
}
/* html:not(.theme-dark) .aroham_faqs .aroham_faqtitle:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--lm-c-accent),.4);
  box-shadow:var(--lm-shadow-2),inset 0 1px 0 rgba(255,255,255,1);
} */
html:not(.theme-dark) .aroham_faqs .aroham_faqtitle:active{transform:translateY(0) scale(.995);}

/* Khula hua state — neeche ke panel se seamlessly juda */
html:not(.theme-dark) .aroham_faqs .aroham_faqtitle.f_open{
  background-color:rgba(var(--lm-c-accent),.07) !important;
  border-color:rgba(var(--lm-c-accent),.42);
  border-radius:16px 16px 0 0;
  transform:none;
  box-shadow:none;
}

/* Q1/Q2 counter badge — plugin ka blue circle → vermilion tint */
html:not(.theme-dark) .aroham_faqs .aroham_faqcont .aroham_faqtitle:before{
  background:rgba(var(--lm-c-accent),.12) !important;
  color:var(--lm-accent-deep) !important;
  border:1px solid rgba(var(--lm-c-accent),.3);
  width:42px;height:42px;line-height:40px;
  top:50%;transform:translateY(-50%);
  left:10px;
  font-size:15px;
}

/* Arrow — plugin ka orange circle → glass vermilion, andar rakha */
html:not(.theme-dark) .aroham_faqs .aroham_faqtitle .faq_arrow{
  right:16px !important;
  top:50% !important;
  transform:translateY(-50%);
  background:rgba(var(--lm-c-accent),.1) !important;
  border-color:rgba(var(--lm-c-accent),.4) !important;
  transition:background .2s var(--lm-ease),border-color .2s var(--lm-ease);
}
html:not(.theme-dark) .aroham_faqs .aroham_faqtitle:hover .faq_arrow{
  background:rgba(var(--lm-c-accent),.22) !important;
  border-color:rgb(var(--lm-c-accent)) !important;
}
html:not(.theme-dark) .aroham_faqs .aroham_faqtitle .faq_arrow:after{
  border-color:rgb(var(--lm-c-accent)) !important;
}
html:not(.theme-dark) .aroham_faqs .aroham_faqtitle.f_open .faq_arrow{
  background:rgba(var(--lm-c-accent),.9) !important;
  border-color:rgb(var(--lm-c-accent)) !important;
}
html:not(.theme-dark) .aroham_faqs .aroham_faqtitle.f_open .faq_arrow:after{
  border-color:#fffdfb !important;
}

/* Answer panel */
html:not(.theme-dark) .aroham_faqs .aroham_faqdet{
  background:rgba(var(--lm-c-surface),.94) !important;
  backdrop-filter:blur(var(--lm-glass-blur)) saturate(140%);
  -webkit-backdrop-filter:blur(var(--lm-glass-blur)) saturate(140%);
  border:1px solid rgba(var(--lm-c-accent),.42) !important;
  border-top:none !important;
  border-radius:0 0 16px 16px;
  box-shadow:var(--lm-shadow-1);
  color:rgba(var(--lm-c-text),.85) !important;
  padding:20px 24px !important;
}

/* ============================================================
   SMOOTH PAGE TRANSITIONS — View Transitions API (MPA mode)
   Same-origin navigation par cross-fade. Unsupported browsers
   (Firefox, older Safari/Chrome) me rule ignore hota hai —
   navigation normal rehta hai.
   ============================================================ */
@view-transition {
  navigation: auto;
}

/* Crossfade timing — snappy, not sluggish */
::view-transition-old(root) {
  animation-duration: 180ms;
  animation-timing-function: ease-out;
}
::view-transition-new(root) {
  animation-duration: 220ms;
  animation-timing-function: ease-in;
}

/* Accessibility: reduced motion prefer karne walon ke liye off */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
  }
}

/* ============================================================
   IMAGE SKELETON LOADERS — shimmer while lazy images load
   .skel-loading img-skeleton.js lagata hai, load par hata deta hai.
   Background img par hi hai — border-radius (50% circles) follow
   karta hai, aur transparent PNG ke neeche kabhi atka nahi rehta.
   ============================================================ */
img.skel-loading {
  background-image: linear-gradient(
    100deg,
    rgba(var(--lm-c-terra), .08) 30%,
    rgba(var(--lm-c-saffron), .22) 50%,
    rgba(var(--lm-c-terra), .08) 70%
  );
  background-size: 200% 100%;
  background-position: 180% 0;
  animation: skel-shimmer 1.4s ease-in-out infinite;
}

@keyframes skel-shimmer {
  to { background-position: -80% 0; }
}

/* Reduced motion — shimmer ki jagah static soft placeholder */
@media (prefers-reduced-motion: reduce) {
  img.skel-loading {
    animation: none;
    background-image: none;
    background-color: rgba(var(--lm-c-terra), .1);
  }
}

/* ============================================================
   THEME TRANSITION — 250ms, no flash
   Load par flash pehle se pre-paint script rokta hai (functions.php).
   Ye rules SIRF toggle ke waqt active hote hain:
   - .theme-switching → View Transition crossfade timing (modern)
   - .theme-anim     → CSS transition fallback (old browsers)
   ============================================================ */

/* View Transition path — theme toggle ka crossfade 250ms
   (page-navigation wala crossfade upar apni 180/220ms timing rakhta hai) */
html.theme-switching::view-transition-old(root),
html.theme-switching::view-transition-new(root) {
  animation-duration: 250ms;
  animation-timing-function: ease;
}

/* Fallback path — sirf color-related properties animate hoti hain.
   !important zaroori hai taaki elements ke apne transition rules
   (transform waghera) is 250ms sweep ko override na kar dein. */
html.theme-anim,
html.theme-anim body,
html.theme-anim *,
html.theme-anim *::before,
html.theme-anim *::after {
  transition:
    background-color 250ms ease,
    background 250ms ease,
    color 250ms ease,
    border-color 250ms ease,
    fill 250ms ease,
    stroke 250ms ease,
    box-shadow 250ms ease !important;
}



.sa-hero{position:relative;overflow:hidden;isolation:isolate;padding:88px 24px 110px;background:url(../images/temple-skyline-dark.webp) no-repeat center bottom / 120% auto,radial-gradient(circle at 82% 18%,#ffc4782e 0%,#ffc47800 42%),radial-gradient(circle at 18% 8%,#ffffff0d 0%,#fff0 58%),linear-gradient(135deg,#491019 0%,#5C1820 18%,#702221 38%,#8B3326 58%,#B24D31 80%,#CF7446 100%); background-size: cover !important;background-attachment:fixed; transition:background-attachment .5s;}
@media (max-width:958px){.sa-hero{background-attachment:scroll !important;}}
.sa-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,#ffbe5a24,transparent 42%),radial-gradient(circle at 10% 92%,#ffffff08,transparent 55%),linear-gradient(to top,#1408083d,#14080800);pointer-events:none;z-index:0; }
.sa-hero::after{content:"";position:absolute;width:380px;height:380px;right:-90px;top:-90px;border-radius:50%;background:#ffaa4624;filter:blur(90px);pointer-events:none;z-index:0}
.sa-hero>*{position:relative;z-index:2}
.sa-header{height:72px;padding:0 18px;background:#c44a4af0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #ffffff14;box-shadow:0 8px 24px #0000002e}
.sa-hero-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;margin-bottom:30px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff24;backdrop-filter:blur(12px);color:#F8E9DF;font-size:14px;font-weight:600;letter-spacing:.2px}
.sa-hero h1{margin:0 0 24px;color:#FFF8F2;text-wrap:balance;text-shadow:0 4px 12px #00000038}
.sa-hero p{max-width:34ch;margin:0 0 20px;color:#fff8f2e6;font-size:18px;line-height:1.85;font-weight:400}
.sa-hero .btn{width:100%;height:62px;border:none;border-radius:18px;font-size:18px;font-weight:700;transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;will-change:transform;box-shadow:0 12px 28px #0000002e}
.sa-hero .btn-primary{color:#fff;background:linear-gradient(180deg,#B4282A,#8F1F22)}
.sa-hero .btn-secondary{color:#7A241F;background:#F8EEDF;border:1px solid #7b362014}
.sa-hero .btn-outline{color:#FFF8F2;background:#ffffff14;border:1px solid #fff3}
.sa-hero .btn:hover{transform:translateY(-3px);filter:brightness(1.04);box-shadow:0 18px 36px #0000003d}
.sa-hero .btn:active{transform:scale(.98)}
.sa-hero>*{animation:heroFade .8s cubic-bezier(.22,.61,.36,1) both}
.sa-hero>:nth-child(2){animation-delay:.08s}
.sa-hero>:nth-child(3){animation-delay:.16s}
.sa-hero>:nth-child(4){animation-delay:.24s}
.sa-hero>:nth-child(5){animation-delay:.32s}
.sa-hero>:nth-child(6){animation-delay:.4s}
sa-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;

    /* Increase first value for more fade */
    background:rgba(73,16,25,.45);
}

.sa-hero>*{
    position:relative;
    z-index:1;
}
@keyframes heroFade {
from{opacity:0;transform:translateY(24px)}
to{opacity:1;transform:translateY(0)}
}
@media (max-width:768px) {
.sa-hero{padding:40px 15px 90px;background-size:130% auto; margin-top: -14px; padding:0 !important;}
.sa-header{height:68px}
.sa-hero p{font-size:17px;line-height:1.8}
.sa-hero .btn{height:58px;font-size:17px}
.sa-hero-badge{font-size:13px;padding:10px 16px}
.sa-hero__box{text-align:center;}
}

.section-heading{background: #d5a49012; padding: 12px; margin: 20px 0;}

/* Scroll reveal — JS adds the ready class only after targets are prepared. */
html.aar-reveal-ready .aar-reveal {
  opacity: 0;
  transform: translate3d(0, 22px, 0) scale(.992);
  transition:
    opacity 620ms cubic-bezier(.22, 1, .36, 1) var(--aar-reveal-delay, 0ms),
    transform 680ms cubic-bezier(.22, 1, .36, 1) var(--aar-reveal-delay, 0ms);
  will-change: opacity, transform;
}

html.aar-reveal-ready .aar-reveal.is-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  html.aar-reveal-ready .aar-reveal,
  html.aar-reveal-ready .aar-reveal.is-revealed {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Homepage section rhythm — consistent breathing room without widening पाठ pages. */
body.home .post-2 > .container {
  display: flow-root;
}

body.home .sa-section {
  padding-block: clamp(68px, 7vw, 92px);
}

body.home .sa-section-head {
  display: flow-root;
  width: min(100%, 760px);
  margin: 0 auto clamp(28px, 3vw, 40px);
  text-align: center;
}

body.home .sa-section-head.padtop30 {
  padding-top: clamp(44px, 5vw, 68px);
}

body.home .sa-section-head h2,
body.home .sa-section-head p {
  float: none;
  width: auto;
  text-align: center;
}

body.home .sa-section-head h2 {
  margin: 0 0 10px;
  line-height: 1.25;
}

body.home .sa-section-head p {
  max-width: 62ch;
  margin: 0 auto;
  line-height: 1.75;
}

body.home .aar-quick {
  margin-top: clamp(28px, 3vw, 40px);
  margin-bottom: clamp(52px, 6vw, 76px);
}

body.home .sa-category-grid,
body.home .sa-post-grid,
body.home .sa-path-grid,
body.home .sa-chant-box,
body.home .sa-jap-chips {
  gap: clamp(18px, 2vw, 26px);
}

body.home .sa-chant-box {
  padding: clamp(24px, 3vw, 34px);
}

body.home .sa-card,
body.home .sa-path-box {
  padding: clamp(22px, 2.4vw, 28px);
}

@media (max-width: 767px) {
  body.home .sa-section {
    padding-block: 52px;
  }

  body.home .sa-section-head {
    margin-bottom: 26px;
    padding-inline: 8px;
  }

  body.home .sa-section-head.padtop30 {
    padding-top: 38px;
  }

  body.home .aar-quick {
    margin-top: 24px;
    margin-bottom: 48px;
  }

  body.home .sa-chant-box {
    padding: 22px 18px;
  }
}

/* Hero readability — keep atmospheric artwork behind a dependable text layer. */
.sa-hero::before {
  inset: 0;
  z-index: 1;
  opacity: 1;
  filter: none;
  background:
    linear-gradient(90deg, rgba(30, 8, 14, .78) 0%, rgba(50, 12, 18, .62) 46%, rgba(50, 12, 18, .24) 72%, transparent 100%),
    linear-gradient(0deg, rgba(24, 7, 12, .44) 0%, transparent 48%);
}

.sa-hero > * {
  position: relative;
  z-index: 3;
}

.sa-hero__content {
  max-width: 760px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.sa-hero__content h1 {
  max-width: 19ch;
  color: #fffaf5;
  -webkit-text-fill-color: #fffaf5;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .28), 0 12px 32px rgba(0, 0, 0, .3);
}

.sa-hero__content p {
  max-width: 52ch;
  color: rgba(255, 248, 242, .94);
  text-shadow: 0 2px 12px rgba(0, 0, 0, .38);
}

.sa-hero__eyebrow {
  background: rgba(25, 9, 14, .42);
  border-color: rgba(255, 224, 196, .3);
  color: #fff5eb;
}

.sa-hero__box {
  background: rgba(27, 12, 20, .76);
  border-color: rgba(255, 197, 139, .3);
  box-shadow: 0 24px 60px rgba(11, 4, 9, .32), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.sa-hero__box h3 {
  color: #ffc27f;
}
.sa-hero__list li{margin:2px 0 4px !important;}
.sa-hero__list li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 225, 198, .12);
}

.sa-hero__list a {
  color: rgba(255, 246, 238, .92);
}

@media (max-width: 767px) {
  .sa-hero::before {
    background:
      linear-gradient(180deg, rgba(25, 8, 14, .82) 0%, rgba(31, 9, 15, .7) 62%, rgba(25, 8, 14, .78) 100%);
  }

  .sa-hero__content h1,
  .sa-hero__content p {
    max-width: none;
  }
}

/* Typography sizes/line-heights come from theme settings; only layout remains here. */
body.home .sa-hero__content h1 {
  float: none;
  width: 100%;
  text-align: left;
  margin-bottom: 26px !important;
  text-wrap: balance;
}

body.home .sa-hero__content p {
  float: none;
  width: 100%;
  text-align: left;
  margin-bottom: 30px;
}

body.home .sa-hero__eyebrow {
  align-self: flex-start;
  margin-bottom: 22px;
}

body.home .sa-hero__buttons {
  width: 100%;
  justify-content: flex-start;
  gap: 12px;
}

body.home .sa-section-head h2 {
  text-wrap: balance;
  display: block;
  overflow: visible !important;
  padding: .14em 0 .08em !important;
}

body.home .sa-section-head p {
  text-wrap: pretty;
}

@media (max-width: 767px) {
  body.home .sa-hero__content h1 {
    margin-bottom: 0 !important;
    font-size: 24px !important;
    text-align:center;
  }

  body.home .sa-hero__content p {
    margin-bottom: 24px;
  }

  body.home .sa-hero__eyebrow {
    margin: 18px;
  }

}

/* Rich homepage cards — restrained depth, warm highlights and tactile hover. */
body.home :is(.sa-card, .sa-path-box, .aar-quick-card) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(160, 71, 29, .2);
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(255, 192, 132, .18), transparent 50%),
    linear-gradient(160deg, rgba(255, 255, 255, .94), rgba(255, 248, 240, .88));
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .9) inset,
    0 10px 26px rgba(87, 43, 20, .08),
    0 2px 7px rgba(87, 43, 20, .05);
  transition:
    transform 280ms cubic-bezier(.22, 1, .36, 1),
    border-color 280ms ease,
    box-shadow 280ms ease,
    background 280ms ease;
}

body.home :is(.sa-card, .sa-path-box, .aar-quick-card)::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, rgba(255, 255, 255, .3), transparent 35%);
  opacity: .7;
}

body.home :is(.sa-card, .sa-path-box, .aar-quick-card):hover {
  transform: translateY(-4px);
  border-color: rgba(160, 71, 29, .34);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .94) inset,
    0 20px 44px rgba(87, 43, 20, .13),
    0 5px 12px rgba(87, 43, 20, .07);
}

body.home .aar-quick-ico {
  background: linear-gradient(145deg, rgba(255, 190, 125, .3), rgba(216, 155, 76, .1));
  border-color: rgba(160, 71, 29, .16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82), 0 6px 14px rgba(112, 67, 28, .08);
}

body.home .sa-chant-box {
  border-color: rgba(160, 71, 29, .22);
  background:
    radial-gradient(100% 80% at 0% 0%, rgba(255, 188, 120, .16), transparent 54%),
    linear-gradient(155deg, rgba(255, 255, 255, .94), rgba(255, 247, 238, .9));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 18px 48px rgba(87, 43, 20, .1);
}

body.home .sa-jap-chip {
  border-color: rgba(160, 71, 29, .2);
  background: rgba(255, 248, 238, .9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 4px 10px rgba(87, 43, 20, .05);
}

body.home .sa-jap-chip:hover {
  transform: translateY(-2px);
  border-color: rgba(160, 71, 29, .36);
  box-shadow: inset 0 1px 0 #fff, 0 9px 18px rgba(87, 43, 20, .1);
}

@media (prefers-reduced-motion: reduce) {
  body.home :is(.sa-card, .sa-path-box, .aar-quick-card, .sa-jap-chip) {
    transition: none;
  }
}

/* Premium devotional details — quiet ornaments, never stronger than content. */
body.home .sa-section-head::after {
  content: "—  ॐ  —";
  display: block;
  width: max-content;
  margin: 16px auto 0;
  color: rgba(160, 71, 29, .68);
  font-size: 14px;
  line-height: 1;
  letter-spacing: .12em;
  text-shadow: 0 4px 12px rgba(160, 71, 29, .12);
}

body.home :is(.aar-quick, .sa-chant-box) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

body.home :is(.aar-quick, .sa-chant-box)::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: -62px;
  bottom: -76px;
  width: 190px;
  aspect-ratio: 1;
  border-radius: 50%;
  pointer-events: none;
  opacity: .16;
  background: repeating-conic-gradient(from 7deg, rgba(160, 71, 29, .6) 0 1deg, transparent 1deg 15deg);
  -webkit-mask: radial-gradient(circle, transparent 0 27%, #000 28% 29%, transparent 30% 40%, #000 41% 42%, transparent 43% 52%, #000 53% 54%, transparent 55%);
  mask: radial-gradient(circle, transparent 0 27%, #000 28% 29%, transparent 30% 40%, #000 41% 42%, transparent 43% 52%, #000 53% 54%, transparent 55%);
}

body.home .sa-chant-box > * {
  position: relative;
  z-index: 1;
}

body.home .sa-path-box h3::after {
  content: "";
  display: block;
  width: 38px;
  height: 2px;
  margin-top: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(160, 71, 29, .75), rgba(216, 155, 76, .18));
}

@media (max-width: 767px) {
  body.home :is(.aar-quick, .sa-chant-box)::after {
    right: -76px;
    bottom: -88px;
    opacity: .12;
  }
}


/* ============================================================
   LIGHT MODE — Mobile menu glass (dark ke #mobile_menu
   blur(22px) treatment ka light equivalent)
   ============================================================ */
html:not(.theme-dark) #mobile_menu{
  background:rgba(var(--lm-c-surface),.95) !important;   /* pink gradient hata */
  backdrop-filter:blur(var(--lm-glass-blur)) saturate(150%) !important;
  -webkit-backdrop-filter:blur(var(--lm-glass-blur)) saturate(150%) !important;
  border-right:1px solid rgba(var(--lm-c-accent),.14) !important;
  box-shadow:0 0 44px rgba(var(--lm-c-text),.18) !important;
}

/* Menu items — hairline + hover slide */
html:not(.theme-dark) #mobile_menu li a{
  border-bottom:1px solid rgba(var(--lm-c-accent),.1) !important;
  transition:background .2s var(--lm-ease),color .2s var(--lm-ease),padding-left .2s var(--lm-ease);
}
html:not(.theme-dark) #mobile_menu li a:hover,
html:not(.theme-dark) #mobile_menu li.current-menu-item > a,
html:not(.theme-dark) #mobile_menu li.current-menu-parent > a{
  background:rgba(var(--lm-c-accent),.08);
  color:var(--lm-accent-deep) !important;
  padding-left:22px;
}

/* Sub-menu toggle squares — accent glass */
html:not(.theme-dark) #mobile_menu .menu-item-has-children::after{
  transition:background .2s var(--lm-ease),border-color .2s var(--lm-ease);
  color: var(--color-primary) !important;
}
html:not(.theme-dark) #mobile_menu .menu-item-has-children:hover::after{
  background:rgba(var(--lm-c-accent),.2) !important;
  border-color:rgba(var(--lm-c-accent),.5) !important;
}

/* Sub-menu panel */
html:not(.theme-dark) #mobile_menu ul.sub-menu{
  background:rgba(var(--lm-c-accent),.04) !important;
}

/* FOLLOW US strip — solid white se glass */
html:not(.theme-dark) .smenu-social{
  background:var(--lm-c-surface) !important;
  backdrop-filter:blur(var(--lm-glass-blur)) saturate(140%);
  -webkit-backdrop-filter:blur(var(--lm-glass-blur)) saturate(140%);
  border-top:1px solid rgba(var(--lm-c-accent),.14) !important;
}
html:not(.theme-dark) .smenu-social-label{color:rgba(var(--lm-c-text),.5) !important;}



/* Parent BootX mobile menu — child-theme premium enhancement layer. 
@media (max-width: 958px) {
  #smenu {
    --aar-mm-panel: rgba(255, 250, 246, .84);
    --aar-mm-row: rgba(255, 255, 255, .62);
    --aar-mm-row-hover: rgba(203, 83, 51, .1);
    --aar-mm-submenu: rgba(160, 71, 29, .055);
    --aar-mm-border: rgba(160, 71, 29, .14);
    --aar-mm-border-strong: rgba(160, 71, 29, .3);
    --aar-mm-text: #4a2d17;
    --aar-mm-accent: #b34a25;
    background:
      radial-gradient(130% 70% at 100% 0%, rgba(230, 120, 88, .16), transparent 54%),
      linear-gradient(180deg, rgba(255, 252, 248, .9), var(--aar-mm-panel)) !important;
    border-left: 1px solid var(--aar-mm-border-strong) !important;
    box-shadow: -22px 0 58px rgba(45, 20, 10, .18);
    backdrop-filter: blur(28px) saturate(145%);
    -webkit-backdrop-filter: blur(28px) saturate(145%);
    transition: box-shadow 300ms ease;
  }

  #smenu.active {
    box-shadow:
      -100vw 0 0 100vw rgba(23, 9, 7, .42),
      -24px 0 64px rgba(45, 20, 10, .24);
  }

  body.aar-menu-open {
    overflow: hidden;
  }

  #mobile_menu {
    padding: 14px 10px calc(154px + env(safe-area-inset-bottom));
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: var(--aar-mm-border-strong) transparent;
    background: transparent !important;
  }

  html:not(.theme-dark) #mobile_menu {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #mobile_menu > ul.menu {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 8px 4px;
  }

  #mobile_menu > ul.menu > li {
    float: none;
    overflow: hidden;
    border: 0 !important;
    border-bottom: 1px solid var(--aar-mm-border) !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
    transition: background 220ms ease, box-shadow 220ms ease;
  }

  #mobile_menu ul li a {
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 12px 50px 12px 16px !important;
    border: 0 !important;
    color: var(--aar-mm-text) !important;
    background: transparent !important;
    text-align: left;
  }

  #mobile_menu > ul.menu > li:hover,
  #mobile_menu > ul.menu > li.current-menu-item,
  #mobile_menu > ul.menu > li.current-menu-parent,
  #mobile_menu > ul.menu > li.current-menu-ancestor {
    background: var(--aar-mm-row-hover) !important;
  }

  #mobile_menu > ul.menu > li.current-menu-item,
  #mobile_menu > ul.menu > li.current-menu-parent,
  #mobile_menu > ul.menu > li.current-menu-ancestor {
    box-shadow: inset 3px 0 0 var(--aar-mm-accent);
  }

  #mobile_menu > ul.menu > li.current-menu-item > a,
  #mobile_menu > ul.menu > li.current-menu-parent > a,
  #mobile_menu > ul.menu > li.current-menu-ancestor > a {
    color: var(--aar-mm-accent) !important;
  }

  #smenu .menu-item-has-children::after,
  #smenu .menu-item-has-children:after {
    top: 8px !important;
    right: 8px !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: var(--aar-mm-accent) !important;
    background: transparent !important;
    line-height: 34px !important;
    box-shadow: none !important;
    opacity: .8;
    transition: transform 240ms ease, opacity 220ms ease !important;
  }

  #smenu .menu-item-has-children:is(.expanded, .openli)::after,
  #smenu .menu-item-has-children:is(.expanded, .openli):after {
    transform: rotate(180deg);
    background: transparent !important;
    opacity: 1;
  }

  #mobile_menu ul.sub-menu {
    margin: 0 !important;
    padding: 4px 8px 10px 14px !important;
    border: 0 !important;
    border-left: 1px solid var(--aar-mm-border-strong) !important;
    background: transparent !important;
  }

  #mobile_menu ul.sub-menu li {
    float: none;
    border: 0 !important;
    border-radius: 10px;
    background: transparent !important;
  }

  #mobile_menu ul.sub-menu li a {
    min-height: 44px;
    padding: 10px 14px 10px 28px !important;
    border-radius: 10px;
    opacity: .86;
  }

  #mobile_menu ul.sub-menu li a::before {
    content: "";
    width: 5px;
    height: 5px;
    margin-right: 10px;
    border-radius: 50%;
    background: var(--aar-mm-accent);
    opacity: .72;
  }

  #mobile_menu ul.sub-menu li a:hover {
    color: var(--aar-mm-accent) !important;
    background: var(--aar-mm-row-hover) !important;
    opacity: 1;
  }

  #smenu .smenu-social {
    right: 10px;
    bottom: calc(72px + env(safe-area-inset-bottom));
    left: 10px;
    padding: 13px 10px;
    border: 1px solid var(--aar-mm-border) !important;
    border-radius: 16px;
    background: rgba(255, 250, 246, .68) !important;
    box-shadow: 0 12px 30px rgba(45, 20, 10, .14);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  #smenu .smenu-social-label {
    margin-bottom: 9px;
    color: var(--aar-mm-text) !important;
    opacity: .55;
  }

  html:not(.theme-dark) #smenu {
    background:
      radial-gradient(115% 55% at 100% 0%, rgba(226, 100, 65, .15), transparent 58%),
      radial-gradient(90% 42% at 0% 100%, rgba(216, 155, 76, .1), transparent 68%),
      linear-gradient(180deg, rgba(255, 253, 250, .88), rgba(255, 247, 241, .8)) !important;
  }

  html:not(.theme-dark) #mobile_menu > ul.menu > li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor) {
    background: linear-gradient(90deg, rgba(193, 74, 37, .1), rgba(255, 255, 255, .08)) !important;
    box-shadow: inset 2px 0 0 rgba(179, 74, 37, .78) !important;
  }

  html:not(.theme-dark) #mobile_menu .menu-item-has-children::after,
  html:not(.theme-dark) #mobile_menu .menu-item-has-children:after,
  html:not(.theme-dark) #mobile_menu .menu-item-has-children:hover::after,
  html:not(.theme-dark) #mobile_menu .menu-item-has-children:hover:after {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html:not(.theme-dark) #mobile_menu ul.sub-menu {
    margin: 0 10px 8px 16px !important;
    padding: 2px 0 4px 12px !important;
    border: 0 !important;
    border-left: 1px solid rgba(179, 74, 37, .22) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html:not(.theme-dark) #mobile_menu ul.sub-menu li,
  html:not(.theme-dark) #mobile_menu ul.sub-menu li a {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html:not(.theme-dark) #mobile_menu ul.sub-menu li + li {
    border-top: 1px solid rgba(160, 71, 29, .08) !important;
  }
}
*/


/* ==========================================================================
   Footer bottom — full width + centered
   ========================================================================== */
  
  @media (max-width: 767px) {
    footer .container > .row:first-of-type{columns:2;column-gap:22px}
    footer .container > .row:first-of-type > [class*="col-"]{float:none!important;display:flow-root;width:100%!important;margin-bottom:16px;break-inside:avoid;-webkit-column-break-inside:avoid}
  }
   
  footer .footerbottom .row{display:flex;flex-wrap:wrap;align-items:center}
  footer .footerbottom .row > .col-12{float:none!important;width:100%!important;max-width:none;flex:0 0 100%}
  footer .footerbottom .dflex{width:100%!important}
  footer .footerbottom .alignright{float:none!important;display:flex!important;width:100%!important;justify-content:center!important;text-align:center!important}
  footer .footerbottom .tablediv{display:block!important;width:100%!important;margin:0!important}
  footer .footerbottom ul.circular{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:14px;width:100%;margin:0;padding:0;list-style:none}
  footer .footerbottom ul.circular li{width:44px;height:44px;padding:0;display:flex;align-items:stretch;border-radius:50%;box-sizing:border-box}
  @media (min-width:768px) {
    footer .footerbottom .alignright{justify-content:flex-end!important;text-align:right!important}
    footer .footerbottom ul.circular{justify-content:flex-end}
  }

/* ── PDF button — CTA look (Favourite/Share outlined rehte hain, PDF filled: sabse pehle nazar padta hai) ──
   Light: gehra terracotta gradient + safed text (contrast >= 4.6:1). Dark: site ke primary CTA jaisa saffron
   gradient + gehra bhura text (~9:1), warm glow ke saath. */
html:not(.theme-dark) a.sa-pdf-btn,
html:not(.theme-dark) .sa-pdf-btn{
  background:linear-gradient(135deg,#a83a1a 0%,#c4501f 100%)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#fff!important;
  font-weight:800;
  box-shadow:0 6px 18px rgba(168,58,26,.38),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
html:not(.theme-dark) a.sa-pdf-btn:hover,
html:not(.theme-dark) .sa-pdf-btn:hover{
  background:linear-gradient(135deg,#b9431f 0%,#d2591f 100%)!important;
  border-color:rgba(255,255,255,.5)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(168,58,26,.48),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
html.theme-dark a.sa-pdf-btn,
html.theme-dark .sa-pdf-btn{
  background:var(--dm-btn-primary-bg,linear-gradient(135deg,#ffc861 0%,#f5a23a 45%,#e07d24 100%))!important;
  border:1px solid rgba(255,224,163,.55)!important;
  color:#3d1806!important;
  font-weight:800;
  box-shadow:0 4px 16px rgba(245,162,58,.38),inset 0 1px 0 rgba(255,240,205,.55)!important;
}
html.theme-dark a.sa-pdf-btn:hover,
html.theme-dark .sa-pdf-btn:hover{
  filter:brightness(1.06) saturate(1.05);
  border-color:rgba(255,236,190,.85)!important;
  color:#3d1806!important;
  box-shadow:0 8px 24px rgba(245,162,58,.5),inset 0 1px 0 rgba(255,240,205,.6)!important;
}
.sa-pdf-btn .sa-pdf-icon{transition:transform .2s ease}
.sa-pdf-btn:hover .sa-pdf-icon{transform:scale(.9) translateY(-1px) rotate(-6deg)}
.sa-pdf-btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.sa-pdf-btn,.sa-pdf-btn .sa-pdf-icon{transition:none}.sa-pdf-btn:hover .sa-pdf-icon{transform:scale(.9)}}

/* --- dark-mode.css --- */
:root {
--dm-c-saffron:231,99,28;
--dm-c-gold:246,170,100;
--dm-c-navy:24,34,52;
--dm-c-navy-deep:12,18,30;
--dm-c-text:231,236,245;
--dm-c-white:255,255,255;
--dm-c-black:0,0,0;
--dm-c-red:224,52,52;
--dm-c-red-light:252,165,165;
--dm-c-warm-deep:45,20,12;
--dm-c-facebook:24,119,242;
--dm-c-instagram:188,24,136;
--dm-nav-25:rgba(var(--dm-c-navy),0.25);
--dm-nav-40:rgba(var(--dm-c-navy),0.4);
--dm-nav-55:rgba(var(--dm-c-navy),0.55);
--dm-nav-65:rgba(var(--dm-c-navy),0.65);
--dm-nav-75:rgba(var(--dm-c-navy),0.75);
--dm-nav-85:rgba(var(--dm-c-navy),0.85);
--dm-nav-95:rgba(var(--dm-c-navy),0.95);
--dm-nd-40:rgba(var(--dm-c-navy-deep),0.4);
--dm-nd-55:rgba(var(--dm-c-navy-deep),0.55);
--dm-nd-70:rgba(var(--dm-c-navy-deep),0.7);
--dm-nd-85:rgba(var(--dm-c-navy-deep),0.85);
--dm-nd-97:rgba(var(--dm-c-navy-deep),0.97);
--dm-wd-82:rgba(var(--dm-c-warm-deep),0.82);
--dm-wd-95:rgba(var(--dm-c-warm-deep),0.95);
--dm-sf-05:rgba(var(--dm-c-saffron),0.05);
--dm-sf-10:rgba(var(--dm-c-saffron),0.1);
--dm-sf-15:rgba(var(--dm-c-saffron),0.15);
--dm-sf-20:rgba(var(--dm-c-saffron),0.2);
--dm-sf-25:rgba(var(--dm-c-saffron),0.25);
--dm-sf-30:rgba(var(--dm-c-saffron),0.3);
--dm-sf-40:rgba(var(--dm-c-saffron),0.4);
--dm-sf-50:rgba(var(--dm-c-saffron),0.5);
--dm-sf-60:rgba(var(--dm-c-saffron),0.6);
--dm-sf-70:rgba(var(--dm-c-saffron),0.7);
--dm-sf-80:rgba(var(--dm-c-saffron),0.8);
--dm-sf-90:rgba(var(--dm-c-saffron),0.9);
--dm-rd-10:rgba(var(--dm-c-red),0.1);
--dm-rd-20:rgba(var(--dm-c-red),0.2);
--dm-rd-30:rgba(var(--dm-c-red),0.3);
--dm-rd-80:rgba(var(--dm-c-red),0.8);
--dm-gd-10:rgba(var(--dm-c-gold),0.1);
--dm-gd-15:rgba(var(--dm-c-gold),0.15);
--dm-gd-90:rgba(var(--dm-c-gold),0.9);
--dm-tx-40:rgba(var(--dm-c-text),0.4);
--dm-tx-50:rgba(var(--dm-c-text),0.5);
--dm-tx-60:rgba(var(--dm-c-text),0.6);
--dm-tx-70:rgba(var(--dm-c-text),0.7);
--dm-tx-80:rgba(var(--dm-c-text),0.8);
--dm-tx-85:rgba(var(--dm-c-text),0.85);
--dm-wh-03:rgba(var(--dm-c-white),0.03);
--dm-wh-06:rgba(var(--dm-c-white),0.06);
--dm-wh-10:rgba(var(--dm-c-white),0.1);
--dm-wh-15:rgba(var(--dm-c-white),0.15);
--dm-wh-72:rgba(var(--dm-c-white),0.72);
--dm-saffron-primary:#e39053;
--dm-saffron-light:#e0ae85;
--dm-saffron-lighter:#e3c2a6;
--dm-saffron-gold:#e39053;
--dm-saffron-dark:#b6602b;
--dm-saffron-darker:#974a21;
--dm-saffron-gradient-start:#d77433;
--dm-saffron-cream:#1a1710;
--dm-saffron-contrast:#120e06;
--dm-saffron-gold-alt:#cfa859;
--dm-bg-primary:#1c2634;
--dm-bg-secondary:#162030;
--dm-bg-tertiary:#0e1826;
--dm-bg-dark:#0c1422;
--dm-bg-surface:#1a2838;
--dm-bg-surface-hover:#1a2840;
--dm-bg-overlay:#141e2c;
--dm-bg-card:#141e2e;
--dm-text-primary:#e7ecf5;
--dm-text-secondary:#d8e2f0;
--dm-text-muted:#c0cde0;
--dm-text-bright:#fff;
--dm-text-cream:#fff0d8;
--dm-error-primary:#ef4444;
--dm-error-bg:var(--dm-wd-82);
--dm-error-text:#fca5a5;
--dm-error-light:rgba(var(--dm-c-red-light),.9);
--dm-instagram-gradient:linear-gradient(45deg,rgba(var(--dm-c-gold),.8),rgba(var(--dm-c-red),.8),rgba(var(--dm-c-instagram),.8));
--dm-facebook-primary:rgba(var(--dm-c-facebook),.72);
--dm-facebook-special:var(--dm-facebook-primary);
--dm-black-02:rgba(var(--dm-c-black),.2);
--dm-black-025:rgba(var(--dm-c-black),.25);
--dm-black-028:rgba(var(--dm-c-black),.28);
--dm-black-03:rgba(var(--dm-c-black),.3);
--dm-black-032:rgba(var(--dm-c-black),.32);
--dm-black-035:rgba(var(--dm-c-black),.35);
--dm-black-038:rgba(var(--dm-c-black),.38);
--dm-black-04:rgba(var(--dm-c-black),.4);
--dm-black-042:rgba(var(--dm-c-black),.42);
--dm-black-044:rgba(var(--dm-c-black),.44);
--dm-black-045:rgba(var(--dm-c-black),.45);
--dm-black-048:rgba(var(--dm-c-black),.48);
--dm-black-05:rgba(var(--dm-c-black),.5);
--dm-black-052:rgba(var(--dm-c-black),.52);
--dm-black-055:rgba(var(--dm-c-black),.55);
--dm-black-058:rgba(var(--dm-c-black),.58);
--dm-black-062:rgba(var(--dm-c-black),.62);
--dm-black-065:rgba(var(--dm-c-black),.65);
--dm-instagram-special:rgba(var(--dm-c-instagram),.8);
--dm-facebook-special:rgba(var(--dm-c-facebook),.72);
--dm-text-gray:#333
}

/* FAQ accordion — dark theme */
html.theme-dark .aroham_faqs .aroham_faqtitle,
html.theme-dark .aroham_faqs .aroham_faqdet {
  background: #1e2836 !important;
  color: #ffdfc8 !important;
  border-color: rgba(255, 223, 200, .28) !important;
}

html.theme-dark .aroham_faqs .aroham_faqtitle *,
html.theme-dark .aroham_faqs .aroham_faqdet * {
  color: inherit !important;
}

html.theme-dark .aroham_faqs .aroham_faqtitle:hover,
html.theme-dark .aroham_faqs .aroham_faqtitle.f_open {
  background: #253244 !important;
  border-color: rgba(242, 169, 107, .55) !important;
}

/* ── Dark mode: reading card ── */

html.theme-dark .blog_post{
  width: 100%;
  display: flow-root;
  margin:40px 0;
}

html.theme-dark .post-content p{
  color:var(--dm-text-primary) !important;
}

/* html.theme-dark .post-content p.stext{
  color:#ff5b00 !important;
} */

/* ── Dark mode: navigation ── */

html.theme-dark .navigation-posts a{
  background:var(--dm-nav-65) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-color:var(--dm-sf-30) !important;
  color:var(--dm-text-primary) !important;
  box-shadow:0 4px 16px var(--dm-black-028);
}

html.theme-dark .navigation-posts a:hover{
  background:var(--dm-sf-10) !important;
  border-color:var(--dm-sf-40) !important;
  color:var(--dm-saffron-primary) !important;
  box-shadow:0 8px 28px var(--dm-black-038);
}

/* ── Favourite & Share buttons — dark mode ── */

html.theme-dark .sa-fav-btn,
html.theme-dark .sa-share-btn{
  background:var(--dm-nav-75) !important;
  border-color:var(--dm-sf-25) !important;
  color:var(--dm-text-primary) !important;
  box-shadow:0 4px 16px var(--dm-black-03) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

html.theme-dark .sa-fav-btn:hover,
html.theme-dark .sa-share-btn:hover{
  background:var(--dm-sf-30) !important;
  border-color:var(--dm-sf-40) !important;
  color:var(--dm-saffron-primary) !important;
  transform:translateY(-2px);
}

html.theme-dark .sa-btn-text{color:inherit !important;}

html.theme-dark .sa-fav-note{color:var(--dm-tx-60) !important;}

html.theme-dark .sa-share-menu{
  background:var(--dm-nav-95) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  border:1px solid var(--dm-sf-20) !important;
  box-shadow:0 12px 36px var(--dm-black-045) !important;
}

html.theme-dark .sa-share-head{color:var(--dm-text-primary) !important;}

html.theme-dark .sa-share-item{
  background:var(--dm-nav-75) !important;
  border:1px solid var(--dm-sf-10) !important;
  color:var(--dm-text-primary) !important;
}

html.theme-dark .sa-share-item:hover{
  background:var(--dm-sf-10) !important;
  border-color:var(--dm-sf-15) !important;
}

@media(max-width:768px){
  .post-content.padeql{padding:8px 0 20px;}
  html.theme-dark .post-content.padeql{padding:20px 16px 24px !important;border-radius:14px;}
  .navigation-posts .previous-post,
  .navigation-posts .next-post{width:100%;}
}

/* ============================================================
   DARK MODE — Devotional Luxury
   Deep charcoal base · Saffron (bhagwa) accents · Warm diya glow
   Triggered by html.theme-dark (set by theme-toggle.js)
   ============================================================ */

html.theme-dark{
  --color-bg:var(--dm-bg-primary);
  --color-surface:var(--dm-nav-75);
  --color-surface-soft:var(--dm-nav-75);
  --color-text:var(--dm-text-primary);
  --color-text-soft:var(--dm-tx-80);
  --color-muted:var(--dm-tx-60);
  --color-primary:var(--dm-saffron-primary);
  --color-primary-light:var(--dm-saffron-light);
  --color-primary-dark:var(--dm-saffron-dark);
  --color-accent:var(--dm-saffron-primary);
  --color-gold:var(--dm-saffron-dark);
  --color-cream:var(--dm-saffron-cream);
  --color-primary-contrast:var(--dm-saffron-contrast);
  --shadow:0 8px 32px var(--dm-black-052);
  --shadow-hover:0 16px 48px var(--dm-sf-10);
  --page-gradient:radial-gradient(ellipse 80% 50% at 50% 0%,var(--dm-sf-10) 0%,transparent 62%);
  --dm-head-gradient:linear-gradient(160deg,#ffe3ad 0%,#f6bf64 50%,#e79f42 100%);
  --dm-btn-primary-bg:linear-gradient(135deg,#ffc861 0%,#f5a23a 45%,#e07d24 100%);
  --C__AV_THEME_PRIMARY_COLOR__:var(--dm-saffron-primary);
  --C__AV_THEME_SECONDORY_COLOR__:var(--dm-saffron-light);
  --C__AV_MENU_HOVER_COLOR__:var(--dm-saffron-primary);
  --C__AV_SIDEBAR_HEADBG__:var(--dm-saffron-primary);
  --C__AV_THEME_BUTTON_HOVER__:var(--dm-saffron-primary);
  --C__AV_FOOTER_BOTTOM_BACKGROUND__:var(--dm-bg-secondary);
  --C__AV_H_ONE_COLOR__:var(--dm-saffron-primary);
  --C__AV_H_TWO_COLOR__:var(--dm-saffron-light);
}

html.theme-dark{
  background:var(--dm-bg-primary) fixed !important;
  min-height:100vh;
}

html.theme-dark body{
  color:var(--dm-text-primary) !important;
  background:transparent !important;
  animation:none !important;
}

html.theme-dark .shiftbody{animation:none !important;background:transparent !important;}

html.theme-dark::after{
  content:'';
  position:fixed;
  inset:0;
  background:none;
  z-index:-1;
  pointer-events:none;
}

html.theme-dark h1{color:var(--dm-saffron-primary);}

html.theme-dark h2{color:var(--dm-saffron-primary);}
html.theme-dark .post-content .primary p{color:var(--dm-saffron-gold) !important;}

html.theme-dark h1::after{background:linear-gradient(90deg,var(--dm-sf-80),var(--dm-gd-90),var(--dm-sf-80));box-shadow:0 0 18px var(--dm-sf-20);}

/* html.theme-dark p.stext{color:#ff5b00;text-shadow:0 0 24px rgba(231,99,28,.22);} */

html.theme-dark .mantrahead{color:var(--dm-saffron-primary);}

html.theme-dark ::selection{background:var(--dm-sf-20);color:var(--dm-text-bright);}

html.theme-dark ::-webkit-scrollbar{width:5px;}

html.theme-dark ::-webkit-scrollbar-track{background:var(--dm-bg-primary);}

html.theme-dark ::-webkit-scrollbar-thumb{background:var(--dm-sf-30);border-radius:999px;}

html.theme-dark ::-webkit-scrollbar-thumb:hover{background:var(--dm-sf-30);}

html.theme-dark :focus-visible{outline:2px solid var(--dm-sf-70);outline-offset:3px;}

html.theme-dark .float-panel{
  background:var(--dm-nav-65);
  border-color:var(--dm-sf-25);
  box-shadow:2px 0 12px var(--dm-sf-10);
}
html.theme-dark .float-panel:hover{
  background:var(--dm-nav-85);
  border-color:var(--dm-sf-40);
}
html.theme-dark .float-panel__share{
  background:var(--dm-nav-65);
  border-color:var(--dm-sf-05);
  color:var(--dm-tx-60);
}

html.theme-dark .theme-toggle:hover{background:var(--dm-sf-10);box-shadow:0 0 28px var(--dm-sf-30),0 12px 28px var(--dm-black-058);}

@media(max-width:600px){
  html.theme-dark .mobiico-theme-toggle{
    background:var(--dm-sf-30);
    border-color:var(--dm-sf-40);
    box-shadow:0 0 10px var(--dm-sf-20),0 2px 8px var(--dm-black-058);
  }
  html.theme-dark .mobiico-theme-toggle:active{transform:scale(.93);}
}

html.theme-dark .headseccont{
  background:var(--dm-nav-75);
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
  border-bottom:1px solid var(--dm-sf-15);
  box-shadow:0 4px 24px var(--dm-black-028),0 1px 0 var(--dm-sf-10);
}

html.theme-dark .headcont{
  background:var(--dm-nav-55);
  z-index:1000 !important;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  will-change:transform;
}

html.theme-dark #mobile_menu{background:var(--dm-nav-95) !important;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);}

/* Main nav link hover */
html.theme-dark #menu ul:not(.sub-menu) li a:hover{color:var(--dm-saffron-primary) !important;text-shadow:0 0 10px var(--dm-sf-20);}

/* Desktop submenu — dark glass, no orange bg */

html.theme-dark #menu li li {
  padding: 0;
  height: auto;
  margin: 0 !important;
  width: 100%;
  display: block;
  float: none;
}
html.theme-dark #menu li li a {
  height: auto;
  padding: 12px 18px;
  width: 100%;
  font-size: 15px !important;
  line-height: 24px !important;
  border: none;
  font-weight: 600;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
  color: #333;
  display: block;
  letter-spacing: 0.2px;
}

html.theme-dark #menu ul.sub-menu li a,
html.theme-dark #menu li.menu-item-has-children:hover > ul.sub-menu li a{
  background:transparent !important;
  color:var(--dm-tx-85) !important;
  transition:background .18s ease,color .18s ease,padding-left .18s ease;
}
html.theme-dark #menu ul.sub-menu li a:hover{
  background:linear-gradient(135deg,var(--dm-wd-95),var(--dm-wd-95)) !important;
  color:var(--dm-saffron-primary) !important;
  padding-left:18px !important;
  border-left:2px solid var(--dm-sf-80) !important;
}
html.theme-dark #menu ul.sub-menu li.current-menu-item > a,
html.theme-dark #menu ul.sub-menu li.current-menu-parent > a{
  background:linear-gradient(135deg,var(--dm-wd-95),var(--dm-nav-95)) !important;
  color:var(--dm-saffron-primary) !important;
  border-left:2px solid var(--dm-saffron-primary) !important;
}

html.theme-dark .footerbottom{background:var(--dm-nd-85) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--dm-tx-85);border-top:1px solid var(--dm-sf-15);}

html.theme-dark footer{
  background:linear-gradient(180deg,var(--dm-nav-95) 0%,var(--dm-nd-97) 100%);
  color:var(--dm-text-primary);
  position:relative;
}

html.theme-dark footer .footerbox{background:transparent;box-shadow:none;border:none;}

html.theme-dark footer::before{
  background:linear-gradient(90deg,transparent,var(--dm-sf-90) 30%,var(--dm-sf-80) 50%,var(--dm-sf-90) 70%,transparent);
}

html.theme-dark footer a{color:var(--dm-tx-80);}

html.theme-dark footer a:hover{color:var(--dm-saffron-primary);padding-left:4px;text-shadow:0 0 8px var(--dm-sf-20);}

html.theme-dark footer .headtitle{
  color:var(--dm-saffron-primary) !important;
  border-bottom-color:var(--dm-sf-30) !important;
}

html.theme-dark .footerbottom{
  background:var(--dm-black-04) !important;
  border-top-color:var(--dm-sf-10) !important;
  color:var(--dm-tx-50) !important;
}

html.theme-dark .circular li{border-color:var(--dm-sf-40) !important;}

html.theme-dark .circular li:hover{border-color:var(--dm-saffron-primary) !important;box-shadow:0 0 14px var(--dm-sf-20) !important;}

html.theme-dark .circular li:hover a{color:var(--dm-saffron-primary) !important;}

html.theme-dark .sa-footer-cta{background:var(--dm-nav-85);backdrop-filter:blur(10px);border:1px solid var(--dm-sf-10);}

html.theme-dark .sa-footer-cta h3{color:var(--dm-saffron-primary);}

html.theme-dark .breadcrumbs{color:var(--dm-tx-40);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none !important;box-shadow:none;padding:4px 0;text-align:center;}
html.theme-dark .breadcrumbs ul.trail-items{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:0;list-style:none;margin:0;padding:0;}
html.theme-dark .breadcrumbs .trail-item{display:flex;align-items:center;}
html.theme-dark .breadcrumb .trail-items li::after,
html.theme-dark .breadcrumbs .trail-item::after{content:"●" !important;color:var(--dm-tx-50) !important;font-size:6px;margin:0 8px;vertical-align:middle;padding:0;}
html.theme-dark .breadcrumb .trail-items li.trail-end::after,
html.theme-dark .breadcrumbs .trail-item.trail-end::after{display:none !important;}
html.theme-dark .breadcrumbs a{color:var(--dm-tx-80);text-decoration:none;text-transform:uppercase;letter-spacing:.8px;font-size:13px;font-weight:600;}
html.theme-dark .breadcrumbs a:hover{color:var(--dm-saffron-primary);}
html.theme-dark .breadcrumbs .trail-begin a span{width:20px !important;height:20px !important;background-size:100% !important;display:inline-block !important;}
html.theme-dark .breadcrumbs .trail-end span,html.theme-dark .breadcrumbs .trail-end a{color:var(--dm-tx-40);text-transform:none;letter-spacing:normal;font-size:15px;font-weight:500;}

html.theme-dark ol.naamjaap li,html.theme-dark .mantracont,html.theme-dark .verse{background:var(--dm-bg-secondary);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--dm-sf-15);color:var(--dm-text-primary);box-shadow:0 8px 28px var(--dm-black-045),inset 0 1px 0 var(--dm-gd-10);}

html.theme-dark ol.naamjaap li:hover{background:var(--dm-nav-65);border-color:var(--dm-sf-40);color:var(--dm-saffron-primary);box-shadow:0 12px 36px var(--dm-rd-20),0 0 0 1px var(--dm-sf-15),inset 0 1px 0 var(--dm-gd-10);}

html.theme-dark .lop_more,html.theme-dark .postbox .lop_more{background:linear-gradient(135deg,var(--dm-sf-10),var(--dm-rd-10)) !important;border:1px solid var(--dm-sf-20);color:var(--dm-saffron-primary);box-shadow:inset 0 1px 0 var(--dm-gd-10),0 4px 14px var(--dm-black-032);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease;}
.postbox{border:none; background:none;}
html.theme-dark .lop_more a{color:var(--dm-saffron-primary);transition:color .2s ease;}

html.theme-dark .lop_more:hover,html.theme-dark .lop_more a:hover,html.theme-dark .postbox:hover .lop_more{background:linear-gradient(135deg,var(--dm-sf-30),var(--dm-sf-25)) !important;border-color:var(--dm-sf-40);color:var(--dm-text-cream);box-shadow:0 0 28px var(--dm-sf-20),0 6px 20px var(--dm-black-038),inset 0 1px 0 var(--dm-gd-15);transform:translateY(-2px);}

html.theme-dark .lop_more:active{transform:translateY(0);box-shadow:0 0 14px var(--dm-sf-20),inset 0 2px 4px var(--dm-black-028);}

@media all and (max-width:600px){
  /* Card — rich dark with inner gradient depth (no backdrop-filter — breaks menu z-index) */
  html.theme-dark .postbox,html.theme-dark .blog_post .postbox{
    background:linear-gradient(135deg,var(--dm-nav-95) 0%,var(--dm-nav-95) 100%) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    border:1px solid var(--dm-sf-15) !important;
    box-shadow:0 8px 32px var(--dm-black-052),0 2px 8px var(--dm-black-028),inset 0 1px 0 var(--dm-wh-06);
    min-height:100px !important;
  }
  /* Left accent bar — thicker with glow */
  html.theme-dark .postbox:before{
    width:5px !important;
    background:linear-gradient(180deg,var(--dm-saffron-light),var(--dm-saffron-primary),var(--dm-saffron-dark)) !important;
    opacity:1;
    box-shadow:3px 0 12px var(--dm-sf-20);
    border-radius:16px 0 0 16px !important;
  }
  /* Right arrow — saffron, bold */
  html.theme-dark .postbox:after{
    color:var(--dm-saffron-primary) !important;
    font-size:20px !important;
    opacity:.8;
  }
  /* Hover — lift + orange glow border */
  html.theme-dark .postbox:hover{
    background:linear-gradient(135deg,var(--dm-nav-95) 0%,var(--dm-nav-85) 100%) !important;
    border-color:var(--dm-sf-40) !important;
    box-shadow:0 16px 44px var(--dm-black-058),0 0 0 1px var(--dm-sf-15),0 0 20px var(--dm-sf-10);
    transform:translateY(-2px);
  }
  html.theme-dark .postbox:active{transform:scale(.99) translateY(0);}
  /* Image circle — dark bg + saffron ring */
  html.theme-dark .postbox .lop_img{
    background:var(--dm-nd-40) !important;
    box-shadow:0 0 0 2px var(--dm-sf-30),0 0 12px var(--dm-sf-10),0 4px 12px var(--dm-black-065) !important;
  }
  /* Image hover glow */
  html.theme-dark .postbox:hover .lop_img{
    box-shadow:0 0 0 2px var(--dm-sf-40),0 0 18px var(--dm-sf-20),0 4px 14px var(--dm-black-058) !important;
  }
  /* Title text */
  html.theme-dark .postbox .lop_more,
  html.theme-dark .blog_post .postbox .lop_more{
    color:var(--dm-text-primary) !important;
    background:transparent !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    border:none !important;
    box-shadow:none !important;
    font-weight:700 !important;
    font-size:17px !important;
    letter-spacing:.3px !important;
    line-height:1.35 !important;
    transition:color .2s ease;
  }
  html.theme-dark .postbox .lop_more a{color:var(--dm-text-primary) !important;transition:color .2s ease;}
  html.theme-dark .postbox:hover .lop_more,
  html.theme-dark .blog_post .postbox:hover .lop_more{color:var(--dm-saffron-primary) !important;background:transparent !important;text-shadow:0 0 12px var(--dm-sf-20);}
  html.theme-dark .postbox:hover .lop_more a{color:var(--dm-saffron-primary) !important;}
}

html.theme-dark .section-bg{background:var(--dm-sf-05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--dm-sf-05);}

html.theme-dark .smenu-social{background:var(--dm-nav-95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--dm-sf-10);}

html.theme-dark .smenu-social-label{color:var(--dm-tx-40);}

html.theme-dark .sa-section.alt{background:var(--dm-nav-85);}

html.theme-dark .sa-section.soft{background:linear-gradient(180deg,var(--dm-bg-primary),var(--dm-nav-95));}

html.theme-dark .sa-section-head h2{color:var(--dm-saffron-primary);}

html.theme-dark .sa-section-head p{color:var(--dm-tx-60);}

html.theme-dark .sa-card{background:var(--dm-bg-secondary);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--dm-sf-15);box-shadow:0 8px 28px var(--dm-black-045);}

html.theme-dark .sa-card:hover{border-color:var(--dm-sf-25);box-shadow:0 20px 52px var(--dm-black-044),0 0 0 1px var(--dm-sf-15);transform:translateY(-4px);}

html.theme-dark .sa-category-card h3,html.theme-dark .sa-post-card h3,html.theme-dark .sa-info-card h3,html.theme-dark .sa-path-box h3{color:var(--dm-saffron-light);}

html.theme-dark .sa-category-card p,html.theme-dark .sa-post-card p,html.theme-dark .sa-info-card p,html.theme-dark .sa-path-box p{color:var(--dm-tx-60);}

html.theme-dark .sa-category-card .sa-icon{background:var(--dm-sf-10);border:1px solid var(--dm-sf-20);}

html.theme-dark .sa-info-meta span{background:var(--dm-bg-surface);border-color:var(--dm-sf-15);color:var(--dm-text-muted);}

html.theme-dark .sa-chant-box,html.theme-dark .sa-search-box{background:var(--dm-bg-secondary);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--dm-sf-15);box-shadow:0 8px 28px var(--dm-black-045);}

html.theme-dark .sa-search-box h2{color:var(--dm-saffron-primary);}

html.theme-dark .sa-search-box p{color:var(--dm-tx-60);}

html.theme-dark .sa-search-form input{background:var(--dm-nav-85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--dm-sf-15);color:var(--dm-text-primary);}

html.theme-dark .sa-search-form input:focus{border-color:var(--dm-sf-50);box-shadow:0 0 0 3px var(--dm-sf-05);outline:none;}

html.theme-dark .sa-jap-chip{background:var(--dm-bg-surface);border-color:var(--dm-sf-10);color:var(--dm-saffron-primary);}

html.theme-dark .sa-jap-chip:hover{background:var(--dm-sf-30);border-color:var(--dm-sf-40);box-shadow:0 0 14px var(--dm-sf-40);}

html.theme-dark .sa-sankalp-list li{background:var(--dm-bg-surface);border-color:var(--dm-sf-15);color:var(--dm-text-muted);}

html.theme-dark .sa-about{background:var(--dm-nav-75);}

html.theme-dark .sa-path-box li{border-bottom-color:var(--dm-sf-10);}

html.theme-dark .sa-path-box a{color:var(--dm-tx-85);}

html.theme-dark .sa-path-box a:hover{color:var(--dm-saffron-primary);text-shadow:0 0 8px var(--dm-sf-20);}

html.theme-dark .sa-post-card .sa-tag{background:var(--dm-nav-75);color:var(--dm-saffron-primary);}

html.theme-dark .sa-btn.secondary{background:var(--dm-nav-85);color:var(--dm-saffron-primary);border-color:var(--dm-sf-15);}

html.theme-dark .sa-btn.secondary:hover{background:var(--dm-sf-10);border-color:var(--dm-sf-30);}

/* ── Side Menu (#smenu) Dark Mode ── */

html.theme-dark #smenu,
html.theme-dark #menu li.menu-item-has-children:hover > ul.sub-menu{
  background:var(--dm-nav-95) !important;
  backdrop-filter:blur(22px) saturate(140%);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
}

html.theme-dark #smenu.right_menu,
html.theme-dark #smenu.right_menu > li.current-menu-item,
html.theme-dark #smenu.right_menu > li.current-menu-parent{
  border:none !important;
}

html.theme-dark #smenu li a{
  color:var(--dm-text-primary) !important;
  border:none !important;
  transition:color .2s ease,background .2s ease,padding-left .2s ease;
}

html.theme-dark #smenu li a:hover{
  color:var(--dm-saffron-primary) !important;
  background:var(--dm-sf-10);
  padding-left:6px;
  text-shadow:0 0 8px var(--dm-sf-20);
}

html.theme-dark #smenu li.current-menu-item > a,
html.theme-dark #smenu li.current-menu-parent > a{
  color:var(--dm-saffron-primary) !important;
  border-left:3px solid var(--dm-saffron-primary);
}

html.theme-dark .mobile .headseccont{
  background:var(--dm-nav-95) !important;
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
}

html.theme-dark a.shiftnav-toggle .fa-bars{color:var(--dm-saffron-primary);}

html.theme-dark #menu li.menu-item-has-children:hover > ul.sub-menu{
  border:1px solid var(--dm-sf-10);
  box-shadow:0 12px 36px var(--dm-black-058);
}

html.theme-dark .smenu-social-btn.instagram{background:var(--dm-instagram-gradient);}

html.theme-dark .smenu-social-btn.facebook{background:var(--dm-facebook-primary);backdrop-filter:blur(4px);}

html.theme-dark #smenu li.current-menu-item,
html.theme-dark #smenu li.current-page-item,
html.theme-dark #smenu li.current-menu-ancestor{background:transparent !important;}

html.theme-dark #smenu li.current-menu-item > a,
html.theme-dark #smenu li.current-page-item > a,
html.theme-dark #smenu li.current-menu-ancestor > a{
  color:var(--dm-saffron-primary) !important;
  background:var(--dm-sf-30) !important;
  border-left:3px solid var(--dm-saffron-primary);
  padding-left:14px;
}

html.theme-dark .care{background:var(--dm-nav-85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--dm-sf-10);border-radius:12px;}

html.theme-dark .care button,
html.theme-dark .care a,
html.theme-dark [class*="fav"] button,
html.theme-dark [class*="share"] button,
html.theme-dark [class*="favourite"] button,
html.theme-dark .wp-block-button__link,
html.theme-dark input[type="submit"],
html.theme-dark .avia-button,
html.theme-dark .av-button{
  background:var(--dm-nav-85) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  border:1px solid var(--dm-sf-25) !important;
  color:var(--dm-text-primary) !important;
  border-radius:10px !important;
  box-shadow:inset 0 1px 0 var(--dm-wh-06),0 4px 14px var(--dm-black-03) !important;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease !important;
}

html.theme-dark .care button:hover,
html.theme-dark .care a:hover,
html.theme-dark [class*="fav"] button:hover,
html.theme-dark [class*="share"] button:hover,
html.theme-dark [class*="favourite"] button:hover{
  background:var(--dm-sf-30) !important;
  border-color:var(--dm-sf-40) !important;
  color:var(--dm-saffron-primary) !important;
  box-shadow:0 0 16px var(--dm-sf-30),0 4px 14px var(--dm-black-035) !important;
}

html.theme-dark .care p,html.theme-dark [class*="fav"] p,html.theme-dark [class*="favourite"] p{
  color:var(--dm-tx-60) !important;
}

@media (max-width:768px){
  html.theme-dark main{background:transparent;}
  html.theme-dark .main-content{background:transparent;}
}

@media (max-width:600px){
  html.theme-dark .blog_post{background:transparent !important; padding:0 !important; background:transparent !important; backdrop-filter: unset !important; border-radius:unset !important; border:none !important; box-shadow:none !important;
    margin: 20px 0;
  }
  html.theme-dark .postbox .lop_more,
  html.theme-dark .postbox .lop_more a{font-weight:700;letter-spacing:.3px;}
}

html.theme-dark #smenu .menu-item-has-children::after,
html.theme-dark #smenu .menu-item-has-children:after{
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border:0 !important;
  border-radius:50% !important;
  box-shadow:none !important;
}

html.theme-dark #smenu .menu-item-has-children:hover::after,
html.theme-dark #smenu .menu-item-has-children:hover:after{
  background:transparent !important;
  border-color:transparent !important;
}

html.theme-dark #smenu .menu-item-has-children.expanded::after,
html.theme-dark #smenu .menu-item-has-children.expanded:after{
  background:transparent !important;
  border-color:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}

/* Dark mode full override */

html.theme-dark #mobile_menu{
  background:var(--dm-nav-95) !important;
  backdrop-filter:blur(24px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(24px) saturate(140%) !important;
  border-right:1px solid var(--dm-sf-15) !important;
}

html.theme-dark #mobile_menu .menu,
html.theme-dark #mobile_menu ul,
html.theme-dark #mobile_menu ul.sub-menu{
  background:transparent !important;
}

html.theme-dark #mobile_menu ul li{
  background:transparent !important;
  border-bottom:1px solid var(--dm-sf-10) !important;
}

html.theme-dark #mobile_menu ul li a{
  color:var(--dm-text-primary) !important;
}

html.theme-dark #mobile_menu ul li a:hover{
  color:var(--dm-saffron-primary) !important;
  background:var(--dm-sf-05) !important;
}

html.theme-dark #mobile_menu ul li.current-menu-item > a,
html.theme-dark #mobile_menu ul li.current-menu-parent > a{
  color:var(--dm-saffron-primary) !important;
  background:transparent !important;
  border-left:0 !important;
}

html.theme-dark #mobile_menu ul.sub-menu{
  background:transparent !important;
  border-top:0 !important;
}

html.theme-dark #mobile_menu ul.sub-menu li a{
  color:var(--dm-text-bright) !important;
}

html.theme-dark #mobile_menu ul.sub-menu li a:hover{
  color:var(--dm-saffron-primary) !important;
  background:var(--dm-sf-05) !important;
}

html.theme-dark #mobile_menu button,
html.theme-dark #mobile_menu .avia-sub-menu-li-toggle,
html.theme-dark #mobile_menu [class*="toggle"],
html.theme-dark #mobile_menu [class*="expand"],
html.theme-dark #mobile_menu [class*="dropdown"],
html.theme-dark #mobile_menu li > span[class],
html.theme-dark #mobile_menu .menu-item > a + span,
html.theme-dark #mobile_menu .menu-item > a + button{
  background:var(--dm-nav-55) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  color:var(--dm-saffron-primary) !important;
  /* border:1px solid rgba(231,99,28,.28) !important;
  border-radius:8px !important; */
  box-shadow:inset 0 1px 0 var(--dm-wh-06),0 2px 8px var(--dm-black-025) !important;
  transition:background .2s ease,border-color .2s ease !important;
}

html.theme-dark #mobile_menu button:hover,
html.theme-dark #mobile_menu [class*="toggle"]:hover{
  background:var(--dm-sf-30) !important;
  border-color:var(--dm-sf-60) !important;
}

html.theme-dark #mobile_menu button.active,
html.theme-dark #mobile_menu [class*="toggle"].active{
  background:var(--dm-sf-20) !important;
  border-color:var(--dm-sf-60) !important;
  box-shadow:0 0 12px var(--dm-sf-30),inset 0 1px 0 var(--dm-wh-10) !important;
}

html.theme-dark #mobile_menu .menu-scroll-up,
html.theme-dark #mobile_menu .menu-scroll-down,
html.theme-dark #mobile_menu [class*="scroll"]{
  background:var(--dm-nd-85) !important;
  color:var(--dm-saffron-primary) !important;
  border:1px solid var(--dm-sf-20) !important;
}

@media (prefers-reduced-motion:reduce){
  html.theme-dark h1,html.theme-dark p.stext{text-shadow:none;filter:none;}
  html.theme-dark .theme-toggle,html.theme-dark .theme-toggle:hover{box-shadow:none;}
  html.theme-dark .lop_more:hover,html.theme-dark .lop_more a:hover,html.theme-dark .postbox:hover .lop_more{transform:none;}
}

/* ============================================================
   DARK MODE — Force Glass on All Remaining Light Sections
   !important overrides for Avada + sa-* + plugin elements
   ============================================================ */

html.theme-dark .sa-card,
html.theme-dark .sa-category-card,
html.theme-dark .sa-post-card,
html.theme-dark .sa-info-card,
html.theme-dark .sa-path-box{
  background:var(--dm-bg-secondary) !important;
  border:1px solid var(--dm-sf-15) !important;
  box-shadow:0 6px 24px var(--dm-black-04) !important;
  color:var(--dm-text-primary) !important;
}

html.theme-dark .sa-card:hover{
  background:var(--dm-bg-surface-hover) !important;
  border-color:var(--dm-sf-40) !important;
  box-shadow:0 14px 40px var(--dm-black-05),0 0 0 1px var(--dm-sf-15) !important;
}

html.theme-dark .sa-chant-box,
html.theme-dark .sa-search-box{
  background:var(--dm-bg-secondary) !important;
  border:1px solid var(--dm-sf-15) !important;
  box-shadow:0 8px 32px var(--dm-black-045) !important;
}

html.theme-dark .sa-jap-chip{
  background:var(--dm-bg-surface) !important;
  border:1px solid var(--dm-sf-10) !important;
  color:var(--dm-saffron-primary) !important;
}

html.theme-dark .sa-jap-chip:hover{
  background:var(--dm-sf-20) !important;
  border-color:var(--dm-sf-40) !important;
}

html.theme-dark .sa-sankalp-list li{
  background:var(--dm-bg-surface) !important;
  border:1px solid var(--dm-sf-15) !important;
  color:var(--dm-text-primary) !important;
}

html.theme-dark .sa-info-meta span{
  background:var(--dm-bg-surface) !important;
  border:1px solid var(--dm-sf-15) !important;
  color:var(--dm-text-muted) !important;
}

html.theme-dark .sa-panchang-grid{
  background:transparent !important;
}

html.theme-dark .sa-panchang-grid > *,
html.theme-dark .sa-panchang-grid > div{
  background:var(--dm-bg-secondary) !important;
  border:1px solid var(--dm-sf-15) !important;
  border-radius:14px !important;
  box-shadow:0 4px 18px var(--dm-black-038) !important;
  color:var(--dm-text-primary) !important;
}

html.theme-dark .sa-panchang-grid p,
html.theme-dark .sa-panchang-grid span,
html.theme-dark .sa-panchang-grid h3,
html.theme-dark .sa-panchang-grid h4{color:var(--dm-text-primary) !important;}

html.theme-dark .sa-panchang-grid strong{color:var(--dm-saffron-primary) !important;}

html.theme-dark .sa-panchang-grid a{color:var(--dm-saffron-primary) !important;}

html.theme-dark .sa-section.alt,
html.theme-dark .sa-section.soft,
html.theme-dark .sa-about{
  background:var(--dm-bg-tertiary) !important;
}

html.theme-dark .main_color,
html.theme-dark .main_color .container_wrap,
html.theme-dark .container_wrap.main_color,
html.theme-dark [class*="av_textblock"],
html.theme-dark [class*="avia-section"],
html.theme-dark [class*="av-section"],
html.theme-dark #main,
html.theme-dark #wrap_all,
html.theme-dark #outer_wrapper,
html.theme-dark #inner_wrapper,
html.theme-dark #canvas,
html.theme-dark .container_wrap,
html.theme-dark .fullsize-container,
html.theme-dark .avia-builder-el,
html.theme-dark .entry-content-wrapper,
html.theme-dark [class*="layout-boxed"],
html.theme-dark [class*="avia_transform"]{
  background:transparent !important;
  background-color:transparent !important;
}

html.theme-dark [class*="color_theme_color"],
html.theme-dark .av-special-heading-tag,
html.theme-dark .av_table_col,
html.theme-dark .avia-table-col{
  background:var(--dm-bg-secondary) !important;
  color:var(--dm-text-primary) !important;
}

html.theme-dark .main-content > div[style*="background"],
html.theme-dark .entry-content > div[style*="background"]{
  background:var(--dm-bg-secondary) !important;
}

html.theme-dark .care,
html.theme-dark .care > *{
  background:var(--dm-bg-secondary) !important;
  border-color:var(--dm-sf-15) !important;
  color:var(--dm-text-primary) !important;
}

html.theme-dark .care button,
html.theme-dark .care a.button,
html.theme-dark [class*="favourite"] > button,
html.theme-dark [class*="share"] > button,
html.theme-dark .wp-block-button__link,
html.theme-dark .avia-button:not(.lop_more),
html.theme-dark .btn:not(.theme-toggle):not(.sk-toc-btn){
  background:var(--dm-nav-65) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  border:1px solid var(--dm-sf-40) !important;
  color:var(--dm-text-primary) !important;
  box-shadow:inset 0 1px 0 var(--dm-wh-06),0 4px 14px var(--dm-black-03) !important;
  border-radius:10px !important;
  transition:all .2s ease !important;
}

html.theme-dark .care button:hover,
html.theme-dark [class*="favourite"] > button:hover,
html.theme-dark [class*="share"] > button:hover{
  background:var(--dm-sf-20) !important;
  border-color:var(--dm-sf-60) !important;
  color:var(--dm-saffron-primary) !important;
}

html.theme-dark .care p{color:var(--dm-tx-50) !important;}

html.theme-dark .sa-btn.primary,
html.theme-dark [class*="naamjap"] .sa-btn,
html.theme-dark button[class*="start"],
html.theme-dark button[class*="begin"]{
  background:linear-gradient(135deg,var(--dm-saffron-light),var(--dm-saffron-primary),var(--dm-saffron-darker)) !important;
  color:var(--dm-text-bright) !important;
  border:none !important;
  box-shadow:0 4px 20px var(--dm-sf-40) !important;
}

html.theme-dark .sa-chant-box a,
html.theme-dark .sa-search-box a,
html.theme-dark .sa-panchang-grid a,
html.theme-dark .sa-chant-box p,
html.theme-dark .sa-chant-box span{color:var(--dm-text-primary) !important;}

html.theme-dark .sa-chant-box .sa-btn.secondary,
html.theme-dark .sa-btn.secondary{
  background:var(--dm-nav-65) !important;
  border:1px solid var(--dm-sf-30) !important;
  color:var(--dm-saffron-primary) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

/* ============================================================
   DARK MODE — .sa-widget (Panchang + Hora plugin)
   & .aar-quick (Quick Links widget)
   ============================================================ */

html.theme-dark .sa-widget{
  --sa-bg-gradient:linear-gradient(180deg,var(--dm-bg-secondary) 0%,var(--dm-bg-card) 100%);
  --sa-card-bg:linear-gradient(180deg,var(--dm-nav-85) 0%,var(--dm-nav-95) 100%);
  --sa-card-bg-strong:linear-gradient(180deg,var(--dm-wd-95) 0%,var(--dm-nav-65) 100%);
  --sa-card-border:var(--dm-sf-15);
  --sa-card-border-strong:var(--dm-sf-40);
  --sa-accent:var(--dm-saffron-primary);
  --sa-accent-soft:var(--dm-saffron-light);
  --sa-accent-gold:var(--dm-saffron-primary);
  --sa-text-primary:var(--dm-text-primary);
  --sa-text-secondary:var(--dm-tx-85);
  --sa-text-muted:var(--dm-tx-60);
  --sa-shadow-sm:0 8px 22px var(--dm-black-038);
  --sa-shadow-md:0 20px 55px var(--dm-black-048);
  --sa-shadow-lg:0 28px 70px var(--dm-black-058);
  background:var(--dm-nav-85) !important;
  backdrop-filter:blur(20px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(150%) !important;
  border-color:var(--dm-sf-15) !important;
  box-shadow:0 12px 40px var(--dm-black-048),inset 0 1px 0 var(--dm-wh-06),inset 0 -1px 0 var(--dm-sf-05) !important;
  color:var(--dm-text-primary) !important;
}

/* html.theme-dark .sa-widget::before{
  background:radial-gradient(circle,rgba(231,99,28,.14) 0%,transparent 72%) !important;
}

html.theme-dark .sa-widget::after{
  background:linear-gradient(135deg,rgba(231,99,28,.07) 0%,transparent 50%) !important;
} */

html.theme-dark .sa-widget::before, 
html.theme-dark .sa-widget::after{background: none;}

html.theme-dark .sa-widget:hover{
  border-color:var(--dm-sf-40) !important;
  box-shadow:0 20px 60px var(--dm-black-055),inset 0 1px 0 var(--dm-wh-10) !important;
}

html.theme-dark .sa-widget-header{border-bottom-color:var(--dm-sf-15) !important;}

html.theme-dark .sa-widget-header::after{background:linear-gradient(90deg,var(--dm-saffron-primary) 0%,var(--dm-sf-30) 100%) !important;}

html.theme-dark .sa-widget-header h3{color:var(--dm-saffron-primary) !important;text-shadow:none !important;}

/* Date & weekday DIV elements (not covered by span/strong rules) */
html.theme-dark .sa-widget-header .sa-date,
html.theme-dark .sa-widget-date .sa-date{color:var(--dm-text-primary) !important;}

html.theme-dark .sa-widget-header .sa-weekday,
html.theme-dark .sa-widget-date .sa-weekday{color:var(--dm-tx-60) !important;}

/* Hora planet container DIV */
html.theme-dark .sa-hora-planet{color:var(--dm-text-primary) !important;}

/* Widget footer & compact widget borders */
html.theme-dark .sa-widget-footer{border-top-color:var(--dm-sf-10) !important;}

html.theme-dark .sa-cpct-header,
html.theme-dark .sa-cpct-row-sep,
html.theme-dark .sa-cpct-row-link{border-color:var(--dm-sf-10) !important;}

html.theme-dark .sa-cpct-cell:first-child{border-right-color:var(--dm-sf-05) !important;}

html.theme-dark .sa-widget *{color:var(--dm-text-primary);}

html.theme-dark .sa-widget p,
html.theme-dark .sa-widget span:not(.sa-dot),
html.theme-dark .sa-widget label,
html.theme-dark .sa-widget small{color:var(--dm-text-primary) !important;}

html.theme-dark .sa-widget strong,
html.theme-dark .sa-widget-item strong{color:var(--dm-text-primary) !important;}

html.theme-dark .sa-widget a{color:var(--dm-saffron-primary) !important;}

html.theme-dark .sa-widget a:hover{color:var(--dm-saffron-light) !important;}

html.theme-dark .sa-widget-item{
  background:var(--dm-nav-95) !important;
  border-color:var(--dm-sf-10) !important;
  box-shadow:0 4px 16px var(--dm-black-032),inset 0 1px 0 var(--dm-wh-06) !important;
}

html.theme-dark .sa-widget-item::before{
  background:linear-gradient(90deg,var(--dm-sf-05) 0%,transparent 100%) !important;
}

html.theme-dark .sa-widget-item:hover{
  background:var(--dm-nav-85) !important;
  border-color:var(--dm-sf-40) !important;
  box-shadow:0 10px 28px var(--dm-black-042),inset 0 1px 0 var(--dm-wh-06) !important;
}

html.theme-dark .sa-widget-lang{
  background:var(--dm-nav-95) !important;
  border-color:var(--dm-sf-15) !important;
}

html.theme-dark .sa-widget-lang button,
html.theme-dark .sa-widget-lang a{
  background:transparent !important;
  color:var(--dm-tx-70) !important;
  border:none !important;
}

html.theme-dark .sa-widget-lang button.active,
html.theme-dark .sa-widget-lang [aria-pressed="true"],
html.theme-dark .sa-widget-lang .active{
  background:var(--dm-sf-20) !important;
  color:var(--dm-saffron-primary) !important;
  border-radius:999px !important;
}

html.theme-dark .sa-widget-location button,
html.theme-dark .sa-widget-location a{
  background:var(--dm-sf-05) !important;
  border-color:var(--dm-sf-15) !important;
  color:var(--dm-text-primary) !important;
}

html.theme-dark .sa-widget-header{
  border-bottom:1px solid var(--dm-sf-15) !important;
}

html.theme-dark .sa-widget-header::after{
  background:linear-gradient(90deg,var(--dm-saffron-primary) 0%,var(--dm-sf-30) 100%) !important;
}

html.theme-dark .sa-widget-header h3,
html.theme-dark .sa-hora-widget .sa-widget-header h3{
  color:var(--dm-saffron-primary) !important;
  text-shadow:none !important;
}

html.theme-dark .sa-hora-current{
  background:var(--dm-nav-95) !important;
  backdrop-filter:blur(16px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(145%) !important;
  border:1px solid var(--dm-sf-25) !important;
  box-shadow:0 12px 32px var(--dm-black-045),inset 0 1px 0 var(--dm-wh-06) !important;
}

html.theme-dark .sa-hora-current::before{
  background:none !important;
}

html.theme-dark .sa-hora-current::after{
  background:none !important;
}

html.theme-dark .sa-hora-time{color:var(--dm-tx-70) !important;}

html.theme-dark .sa-widget-timeline{
  border-top:1px solid var(--dm-sf-10) !important;
}

html.theme-dark .sa-widget-timeline-header{
  color:var(--dm-tx-50) !important;
  letter-spacing:.14em;
}

html.theme-dark .sa-widget-timeline-list::-webkit-scrollbar{width:4px;}

html.theme-dark .sa-widget-timeline-list::-webkit-scrollbar-track{background:var(--dm-nd-40);}

html.theme-dark .sa-widget-timeline-list::-webkit-scrollbar-thumb{
  background:var(--dm-sf-40);border-radius:999px;
}

html.theme-dark .sa-widget-timeline-item{
  background:var(--dm-nav-95) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  border:1px solid var(--dm-sf-15) !important;
  box-shadow:0 4px 16px var(--dm-black-032),inset 0 1px 0 var(--dm-wh-06) !important;
}

html.theme-dark .sa-widget-timeline-item:hover{
  background:var(--dm-nav-85) !important;
  border-color:var(--dm-sf-40) !important;
}

html.theme-dark .sa-widget-timeline-label{color:var(--dm-text-primary) !important;}

html.theme-dark .sa-widget-timeline-time{color:var(--dm-tx-60) !important;}

html.theme-dark .sa-astro-cell{
  background:var(--dm-nav-95) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  border:1px solid var(--dm-sf-15) !important;
  box-shadow:inset 0 1px 0 var(--dm-wh-06) !important;
}

html.theme-dark .sa-widget .sa-label,
html.theme-dark .sa-widget-hora .sa-label,
html.theme-dark .sa-widget-astro .sa-label,
html.theme-dark .sa-hora-next .sa-label{
  color:var(--dm-tx-60) !important;
  opacity:1 !important;
}

html.theme-dark .sa-hora-next{
  background:var(--dm-nav-95) !important;
  backdrop-filter:blur(12px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(140%) !important;
  border:1px solid var(--dm-sf-15) !important;
  box-shadow:0 8px 18px var(--dm-black-04),inset 0 1px 0 var(--dm-wh-06) !important;
}

html.theme-dark .sa-hora-next strong{color:var(--dm-text-primary) !important;}

html.theme-dark .sa-hora-next .sa-sub{color:var(--dm-tx-60) !important;}

html.theme-dark .sa-planet{color:var(--dm-text-primary) !important;}

html.theme-dark .sa-hora-widget .sa-widget-item{
  background:var(--dm-nav-95) !important;
  border-color:var(--dm-sf-15) !important;
}

html.theme-dark .aar-quick{
  --sa-accent:var(--dm-saffron-primary);
  --sa-accent-soft:var(--dm-saffron-light);
  --sa-accent-gold:var(--dm-saffron-primary);
  --sa-text-primary:var(--dm-text-primary);
  --sa-text-secondary:var(--dm-tx-80);
  --sa-text-muted:var(--dm-tx-50);
  background:var(--dm-nav-85) !important;
  backdrop-filter:blur(18px) saturate(148%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(148%) !important;
  border:1px solid var(--dm-sf-15) !important;
  box-shadow:0 12px 38px var(--dm-black-045),inset 0 1px 0 var(--dm-wh-06) !important;
}

html.theme-dark .aar-quick-card{
  background:var(--dm-nav-95) !important;
  border:1px solid var(--dm-sf-10) !important;
  box-shadow:0 4px 16px var(--dm-black-03),inset 0 1px 0 var(--dm-wh-06) !important;
  color:var(--dm-text-primary) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

html.theme-dark .aar-quick-card:hover{
  background:var(--dm-nav-85) !important;
  border-color:var(--dm-sf-40) !important;
  box-shadow:0 10px 30px var(--dm-black-042),0 0 0 1px var(--dm-sf-15),inset 0 1px 0 var(--dm-wh-06) !important;
}

html.theme-dark .aar-quick-card:active{
  background:var(--dm-wd-95) !important;
}

html.theme-dark .aar-quick-ico{
  background:linear-gradient(135deg,var(--dm-sf-30) 0%,var(--dm-sf-05) 100%) !important;
  border-color:var(--dm-sf-25) !important;
  box-shadow:inset 0 1px 0 var(--dm-wh-15) !important;
}

html.theme-dark .aar-quick-title{color:var(--dm-text-primary) !important;}

html.theme-dark .aar-quick-sub{color:var(--dm-tx-60) !important;}

html.theme-dark .aar-quick-arrow{color:var(--dm-tx-50) !important;}

html.theme-dark .aar-quick-card:hover .aar-quick-arrow{
  color:var(--dm-saffron-primary) !important;opacity:1 !important;
}

/* ============================================================
   DARK MODE — .aar-auth & .aar-account (Auth plugin)
   Override all --aar-* CSS variables + glass components
   ============================================================ */

html.theme-dark .aar-auth,
html.theme-dark .aar-account,
html.theme-dark .aar-quick{
  --aar-primary:var(--dm-saffron-primary);
  --aar-accent:var(--dm-saffron-primary);
  --aar-bg:var(--dm-bg-primary);
  --aar-surface:var(--dm-nav-95);
  --aar-surface-2:var(--dm-sf-05);
  --aar-text:var(--dm-text-primary);
  --aar-muted:var(--dm-tx-60);
  --aar-border:var(--dm-sf-15);
  --aar-ring:var(--dm-sf-40);
  --aar-shadow:0 14px 34px var(--dm-black-042);
  --aar-shadow-sm:0 10px 24px var(--dm-black-035);
  color:var(--dm-text-primary);
}

html.theme-dark .aar-auth-card,
html.theme-dark .aar-card{
  background:var(--dm-nav-95) !important;
  backdrop-filter:blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(145%) !important;
  border:1px solid var(--dm-sf-15) !important;
  box-shadow:0 12px 36px var(--dm-black-045),inset 0 1px 0 var(--dm-wh-06) !important;
}

html.theme-dark .aar-surface{
  background:var(--dm-nav-95) !important;
  backdrop-filter:blur(16px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(145%) !important;
  border:1px solid var(--dm-sf-10) !important;
  box-shadow:0 12px 36px var(--dm-black-042) !important;
}

html.theme-dark .aar-auth-field,
html.theme-dark .aar-field{
  background:var(--dm-nd-40) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  border:1px solid var(--dm-sf-15) !important;
  color:var(--dm-text-primary) !important;
  box-shadow:inset 0 1px 2px var(--dm-black-02) !important;
}

html.theme-dark .aar-auth-field::placeholder,
html.theme-dark .aar-field::placeholder{color:var(--dm-tx-50) !important;}

html.theme-dark .aar-auth-field:focus,
html.theme-dark .aar-field:focus{
  border-color:var(--dm-sf-60) !important;
  box-shadow:0 0 0 3px var(--dm-sf-30),inset 0 1px 2px var(--dm-black-02) !important;
}

html.theme-dark .aar-auth-field:disabled,
html.theme-dark .aar-field:disabled{opacity:.4 !important;}

html.theme-dark .aar-auth-tabs{
  background:var(--dm-nd-55) !important;
  border:1px solid var(--dm-sf-10) !important;
}

html.theme-dark .aar-auth-tab{color:var(--dm-tx-60) !important;}

html.theme-dark .aar-auth-tab[aria-selected="true"]{
  background:var(--dm-sf-30) !important;
  color:var(--dm-saffron-primary) !important;
  box-shadow:0 4px 14px var(--dm-black-028) !important;
}

html.theme-dark .aar-auth-tab:hover{color:var(--dm-tx-70) !important;}

html.theme-dark .aar-auth-btn-primary,
html.theme-dark .aar-btn-primary{
  background:linear-gradient(135deg,var(--dm-saffron-light),var(--dm-saffron-primary),var(--dm-saffron-darker)) !important;
  border-color:var(--dm-sf-40) !important;
  color:var(--dm-text-bright) !important;
  box-shadow:0 6px 24px var(--dm-sf-40),inset 0 1px 0 var(--dm-wh-15) !important;
}

html.theme-dark .aar-auth-btn-primary:hover,
html.theme-dark .aar-btn-primary:hover{
  filter:brightness(1.08) !important;
  box-shadow:0 8px 30px var(--dm-sf-20) !important;
}

html.theme-dark .aar-auth-btn-secondary,
html.theme-dark .aar-btn-secondary{
  background:var(--dm-nav-85) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  border:1px solid var(--dm-sf-15) !important;
  color:var(--dm-text-primary) !important;
  box-shadow:none !important;
}

html.theme-dark .aar-auth-btn-secondary:hover,
html.theme-dark .aar-btn-secondary:hover{
  background:var(--dm-sf-05) !important;
  border-color:var(--dm-sf-40) !important;
  color:var(--dm-saffron-primary) !important;
}

html.theme-dark .aar-auth-alert,
html.theme-dark .aar-alert{
  background:var(--dm-sf-05) !important;
  border:1px solid var(--dm-sf-25) !important;
  color:var(--dm-text-primary) !important;
}

html.theme-dark .aar-auth-alert.is-error,
html.theme-dark .aar-alert.is-error{
  background:var(--dm-rd-20) !important;
  border-color:var(--dm-rd-30) !important;
  color:var(--dm-error-light) !important;
}

html.theme-dark .aar-auth-note{
  background:var(--dm-nd-55) !important;
  border:1px solid var(--dm-sf-15) !important;
  color:var(--dm-tx-80) !important;
}

html.theme-dark .aar-auth-help,
html.theme-dark .aar-inline{color:var(--dm-tx-60) !important;}

html.theme-dark .aar-auth-link{color:var(--dm-saffron-primary) !important;}

html.theme-dark .aar-auth-link:hover{color:var(--dm-saffron-light) !important;}

html.theme-dark .aar-auth h2,
html.theme-dark .aar-top h2{color:var(--dm-saffron-primary) !important;}

html.theme-dark .aar-side-head{border-bottom-color:var(--dm-sf-15) !important;}

html.theme-dark .aar-side-name{color:var(--dm-text-primary) !important;}

html.theme-dark .aar-side-email{color:var(--dm-tx-60) !important;}

html.theme-dark .aar-side a{
  color:var(--dm-text-primary) !important;
  border-color:transparent !important;
}

html.theme-dark .aar-side a:hover{
  background:var(--dm-sf-05) !important;
  border-color:var(--dm-sf-15) !important;
  box-shadow:0 4px 14px var(--dm-black-028) !important;
}

html.theme-dark .aar-side a.is-active{
  background:var(--dm-sf-30) !important;
  border-color:var(--dm-sf-40) !important;
  color:var(--dm-saffron-primary) !important;
}

html.theme-dark .aar-section-title{
  border-bottom-color:var(--dm-sf-15) !important;
  color:var(--dm-saffron-primary) !important;
}

html.theme-dark .aar-stat{
  background:none !important;
  border-color:var(--dm-sf-15) !important;
}

html.theme-dark .aar-stat-k{color:var(--dm-tx-60) !important;}

html.theme-dark .aar-stat-v{color:var(--dm-saffron-primary) !important;}

html.theme-dark .aar-table-wrap{
  background:var(--dm-nav-95) !important;
  border-color:var(--dm-sf-15) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

html.theme-dark .aar-table{background:transparent !important;}

html.theme-dark .aar-table th{
  background:var(--dm-sf-05) !important;
  color:var(--dm-saffron-primary) !important;
}

html.theme-dark .aar-table td{
  border-bottom-color:var(--dm-sf-05) !important;
  color:var(--dm-text-primary) !important;
}

html.theme-dark .aar-table tbody tr:nth-child(even) td{
  background:var(--dm-sf-05) !important;
}

html.theme-dark .aar-avatar{
  background:linear-gradient(180deg,var(--dm-sf-40),var(--dm-saffron-primary)) !important;
  box-shadow:0 10px 22px var(--dm-sf-40) !important;
}

html.theme-dark .aar-quick-card{
  background:var(--dm-nav-95) !important;
  border-color:var(--dm-sf-15) !important;
  color:var(--dm-text-primary) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

html.theme-dark .aar-quick-card:hover{
  background:var(--dm-sf-05) !important;
  border-color:var(--dm-sf-40) !important;
  color:var(--dm-saffron-primary) !important;
}

/* ============================================================
   DARK MODE — Gradient Color Layer
   Saffron sweep: #f08545 → #ff5b00 → #bf4e0f
   Amber gold:    #d4a030 → #bf4e0f
   Only color overrides — zero structural changes
   ============================================================ */


html.theme-dark h2, html.theme-dark h3, html.theme-dark h4{
  background:linear-gradient(135deg,var(--dm-saffron-light) 0%,var(--dm-saffron-primary) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

html.theme-dark p.stext{
  background:linear-gradient(135deg,var(--dm-saffron-light),var(--dm-saffron-primary));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  text-shadow:none;
  filter:drop-shadow(0 0 14px var(--dm-sf-40));
}

html.theme-dark .mantrahead{
  background:linear-gradient(135deg,var(--dm-saffron-light),var(--dm-saffron-primary));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

html.theme-dark footer .headtitle{
  background:linear-gradient(135deg,var(--dm-saffron-light),var(--dm-saffron-primary));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

html.theme-dark .sa-section-head h2{
  background:linear-gradient(135deg,var(--dm-saffron-light),var(--dm-saffron-primary));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

html.theme-dark .sa-search-box h2,html.theme-dark .sa-footer-cta h3{
  background:linear-gradient(135deg,var(--dm-saffron-light),var(--dm-saffron-primary));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

html.theme-dark h1::after{
  /* background:linear-gradient(90deg,#bf4e0f 0%,#f07535 28%,#ff5b00 50%,#f07535 72%,#bf4e0f 100%);
  background-size:260% 100%;
  box-shadow:0 0 20px rgba(231,99,28,.48); */
}

html.theme-dark .lop_more,html.theme-dark .postbox .lop_more{
  background:var(--dm-nav-55) !important;
  backdrop-filter:blur(14px) saturate(150%);
  -webkit-backdrop-filter:blur(14px) saturate(150%);
  border:1px solid var(--dm-sf-40) !important;
  color:var(--dm-saffron-primary) !important;
  -webkit-text-fill-color:var(--dm-saffron-primary) !important;
  box-shadow:inset 0 1px 0 var(--dm-wh-06),0 4px 16px var(--dm-black-03);
  transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease,color .2s ease,backdrop-filter .25s ease;
}

html.theme-dark .lop_more a{color:var(--dm-saffron-primary) !important;-webkit-text-fill-color:var(--dm-saffron-primary) !important;transition:color .2s ease;}

html.theme-dark .lop_more:hover,html.theme-dark .lop_more a:hover,html.theme-dark .postbox:hover .lop_more{
  background:linear-gradient(135deg,var(--dm-saffron-light),var(--dm-saffron-primary),var(--dm-saffron-darker)) !important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border:none !important;
  color:var(--dm-text-bright) !important;
  -webkit-text-fill-color:var(--dm-text-bright) !important;
  box-shadow:0 6px 28px var(--dm-sf-20),0 2px 10px var(--dm-black-038),inset 0 1px 0 var(--dm-wh-15);
  transform:translateY(-2px);
}

html.theme-dark .lop_more:hover a,html.theme-dark .postbox:hover .lop_more a{color:var(--dm-text-bright) !important;-webkit-text-fill-color:var(--dm-text-bright) !important;}

html.theme-dark .lop_more:active{transform:translateY(0);}

html.theme-dark ol.naamjaap li:hover{
  background:linear-gradient(135deg,var(--dm-sf-05),var(--dm-sf-05),var(--dm-sf-05));
  border-color:var(--dm-sf-40);
  box-shadow:0 2px 24px var(--dm-sf-40),inset 0 1px 0 var(--dm-sf-15);
}

html.theme-dark ::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--dm-saffron-light),var(--dm-saffron-primary),var(--dm-saffron-darker));
}

html.theme-dark ::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,var(--dm-saffron-light),var(--dm-saffron-primary));
}

html.theme-dark .breadcrumbs{
  border:none !important;
  box-shadow:none;
}

html.theme-dark .sa-card:hover{
  box-shadow:0 20px 52px var(--dm-black-044),0 0 0 1px var(--dm-sf-40),0 0 32px var(--dm-sf-05);
}

html.theme-dark .sa-category-card .sa-icon{
  background:linear-gradient(135deg,var(--dm-sf-05),var(--dm-sf-05));
  border-color:var(--dm-sf-40);
}

html.theme-dark .sa-jap-chip:hover{
  background:linear-gradient(135deg,var(--dm-sf-05),var(--dm-sf-05));
  border-color:var(--dm-sf-40);
  box-shadow:0 0 16px var(--dm-sf-40);
}

html.theme-dark .postbox:before{
  background:linear-gradient(180deg,var(--dm-saffron-light),var(--dm-saffron-primary),var(--dm-saffron-darker));
}

html.theme-dark .headseccont{
  border-bottom-color:var(--dm-sf-40);
}

html.theme-dark .footerbottom{
  border-top-color:var(--dm-sf-40);
}

html.theme-dark footer a:hover{
  color:var(--dm-saffron-light);
  text-shadow:0 0 10px var(--dm-sf-40);
}

/* ============================================================
   DARK MODE — Divine Experience Layer
   Aura · Depth · Warmth · Motion
   ============================================================ */

html.theme-dark::before{
  content:'';
  position:fixed;
  inset:0;
  background:none;
  pointer-events:none;
  z-index:0;
}

html.theme-dark body::after{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:90;
  opacity:.032;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-repeat:repeat;
  background-size:180px 180px;
}

html.theme-dark body,
html.theme-dark .post-content,
html.theme-dark .main-content{color:var(--dm-text-primary) !important;}

html.theme-dark .post-content p,
html.theme-dark .main-content p{color:var(--dm-text-secondary) !important;}

html.theme-dark .mantracont p, html.theme-dark .verse p{color:#ffce80 !important;}

html.theme-dark .p_img{position:relative;}

html.theme-dark .p_img::before{
  content:'';
  position:absolute;
  inset:-22px;
  background:radial-gradient(ellipse at center,var(--dm-sf-40) 0%,var(--dm-sf-05) 38%,transparent 72%);
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  animation:divineAura 3.5s ease-in-out infinite;
}

html.theme-dark .p_img img{
  position:relative;z-index:1;
  max-width:240px !important;
  filter:drop-shadow(0 0 14px var(--dm-sf-40)) drop-shadow(0 0 38px var(--dm-sf-05)) drop-shadow(0 4px 10px var(--dm-black-055));
  transition:filter .45s ease,transform .5s ease;
}

html.theme-dark .p_img:hover img{
  filter:drop-shadow(0 0 20px var(--dm-sf-20)) drop-shadow(0 0 55px var(--dm-sf-05)) drop-shadow(0 6px 14px var(--dm-black-065));
  transform:scale(1.06) rotate(1deg);
}

html.theme-dark h1::after{
  animation:shimmer 3s ease-in-out infinite;
  height:2px;
}

html.theme-dark .lop_img img{
  filter:none;
  border:none;
  box-shadow:none;
}

html.theme-dark .postbox:hover .lop_img img{
  filter:drop-shadow(0 0 20px var(--dm-sf-20)) drop-shadow(0 0 50px var(--dm-sf-05));
}

html.theme-dark hr,html.theme-dark .post-content hr{
  border:none;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--dm-sf-40),transparent);
  margin:24px auto;
}

html.theme-dark footer{
  background:linear-gradient(180deg,var(--dm-bg-primary),var(--dm-bg-card));
}

html.theme-dark ol.naamjaap li{
  box-shadow:0 8px 32px var(--dm-black-042),0 0 0 1px var(--dm-sf-15),inset 0 1px 0 var(--dm-sf-15);
}

html.theme-dark p.stext{
  filter:drop-shadow(0 0 16px var(--dm-sf-40));
}

html.theme-dark .sa-section-head h2{
  filter:drop-shadow(0 0 14px var(--dm-sf-40));
}

html.theme-dark .breadcrumbs{color:var(--dm-saffron-primary);}

@media(prefers-reduced-motion:reduce){
  html.theme-dark .p_img::before{animation:none;}
  html.theme-dark h1::after{animation:none;}
  html.theme-dark p.stext,html.theme-dark .sa-section-head h2{filter:none;}
  html.theme-dark .sa-hero::before{transition:none !important;}
}

/* ============================================================
   DARK MODE — Hero Banner (.sa-hero)
   Navy dark bg + saffron accents matching site dark theme
   ============================================================ */
html.theme-dark .sa-hero h1::after{display:none;}
/* Hero title warm-cream, not gradient-saffron. Generic `html.theme-dark h1` isko
   golden gradient-text banata hai (background-clip:text + text-fill-color:transparent),
   jo warm hero bg par ~2:1 contrast deta hai — WCAG large-text 3:1 se neeche, padhne
   mein nahi aata. Sirf `color` override kaafi nahi tha kyunki -webkit-text-fill-color
   use jeet leta hai; isliye gradient (background) aur text-fill dono yahan neutralize
   kiye — solid cream se contrast ~4.6:1. Baaki (dark-card) headings gradient hi rehte. */
html.theme-dark .sa-hero__content h1{
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:#fff3e6 !important;
  color:#fff3e6 !important;
  filter:none !important;
}

html.theme-dark .sa-hero{
  background:
    url("../images/temple-skyline-dark.webp") no-repeat bottom center/100% auto,
    radial-gradient(120% 90% at 100% 0%, var(--dm-sf-40) 0%, var(--dm-sf-05) 40%, transparent 65%),
    linear-gradient(160deg, var(--dm-bg-primary) 0%, var(--dm-bg-secondary) 55%, var(--dm-bg-card) 100%) !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    transition: background-attachment .5s;

}

@media (max-width:958px){html.theme-dark .sa-hero{background-attachment:scroll !important;}}

@keyframes sa-diya-flicker{
  0%,100%{opacity:.75;}
  25%{opacity:1;}
  50%{opacity:.85;}
  75%{opacity:.95;}
}

/* Static diya light particles — no mouse tracking */
html.theme-dark .sa-hero::before{
  inset:0 !important;
  background:none !important;
  opacity:1 !important;
  filter:none !important;
  z-index:1 !important;
  animation:sa-diya-flicker 5s ease-in-out infinite !important;
}
/* Left overlay + bottom fade into page bg */
html.theme-dark .sa-hero::after{
  background:
    linear-gradient(90deg,var(--dm-nd-40) 0%,var(--dm-nd-40) 48%,transparent 100%),
    linear-gradient(to bottom,transparent 45%,var(--dm-nd-40) 72%,var(--dm-bg-card) 100%) !important;
  z-index:2 !important;
}

html.theme-dark .sa-hero__eyebrow{
  background:var(--dm-nav-55) !important;
  border-color:var(--dm-sf-40) !important;
  color:var(--dm-text-primary) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

html.theme-dark .sa-hero__content p{color:var(--dm-tx-80) !important;}

html.theme-dark .sa-btn--primary{
  background:linear-gradient(135deg,var(--dm-saffron-light),var(--dm-saffron-primary),var(--dm-saffron-darker)) !important;
  color:var(--dm-text-bright) !important;
  box-shadow:0 6px 24px var(--dm-sf-40),inset 0 1px 0 var(--dm-wh-15) !important;
  border:none !important;
}

html.theme-dark .sa-btn--primary:hover{
  background:linear-gradient(135deg,var(--dm-saffron-lighter),var(--dm-saffron-gold),var(--dm-saffron-dark)) !important;
  box-shadow:0 10px 32px rgba(227,144,83,.45),inset 0 1px 0 rgba(255,255,255,.22) !important;
  transform:translateY(-2px);
}

html.theme-dark .sa-btn--light{
  background:var(--dm-nav-40) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  border:1.5px solid var(--dm-sf-50) !important;
  color:var(--dm-saffron-light) !important;
  -webkit-text-fill-color:var(--dm-saffron-light) !important;
  transition:background .2s ease,border-color .25s ease,color .2s ease,transform .2s ease !important;
}

html.theme-dark .sa-btn--light:hover{
  background:var(--dm-sf-15) !important;
  border-color:var(--dm-sf-70) !important;
  color:var(--dm-text-cream) !important;
  -webkit-text-fill-color:var(--dm-text-cream) !important;
  transform:translateY(-2px);
}

html.theme-dark .sa-hero__box{
  background:var(--dm-nav-95) !important;
  backdrop-filter:blur(16px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(140%) !important;
  border:1px solid var(--dm-sf-40) !important;
  box-shadow:0 16px 40px var(--dm-black-045),inset 0 1px 0 var(--dm-wh-06) !important;
}

html.theme-dark .sa-hero__box h3{color:var(--dm-saffron-primary) !important;}

html.theme-dark .sa-hero__list li{border-bottom-color:var(--dm-sf-40) !important;}

html.theme-dark .sa-hero__list a{color:var(--dm-tx-80) !important;}

html.theme-dark .sa-hero__list a:hover{color:var(--dm-saffron-primary) !important;text-decoration:none !important;}

/* Readability pass: overlay stays behind content and copy remains high contrast. */
html.theme-dark .sa-hero > *{z-index:3 !important;}

html.theme-dark .sa-hero::after{
  background:
    linear-gradient(90deg,rgba(5,10,22,.9) 0%,rgba(7,13,27,.8) 48%,rgba(7,13,27,.34) 76%,transparent 100%),
    linear-gradient(to bottom,transparent 42%,rgba(6,12,25,.62) 74%,var(--dm-bg-card) 100%) !important;
  z-index:2 !important;
}

html.theme-dark .sa-hero__content h1{
  -webkit-text-fill-color:#fffaf4 !important;
  color:#fffaf4 !important;
  text-shadow:0 2px 4px rgba(0,0,0,.35),0 14px 34px rgba(0,0,0,.4) !important;
}

html.theme-dark .sa-hero__content p{
  color:rgba(255,247,238,.92) !important;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}

html.theme-dark .sa-hero__eyebrow{
  background:rgba(7,13,27,.7) !important;
  border-color:rgba(242,169,107,.42) !important;
  color:#fff2e5 !important;
}

html.theme-dark .sa-hero__box{
  background:rgba(10,18,34,.88) !important;
  border-color:rgba(242,169,107,.42) !important;
  box-shadow:0 24px 64px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html.theme-dark .sa-hero__box h3{color:#ffc27f !important;}
html.theme-dark .sa-hero__list a{color:rgba(255,244,234,.9) !important;}

/* ============================================================
   DARK MODE — Hora / Panchang Detailed Page (.sa-detailed)
   ============================================================ */

/* Override plugin CSS variables */
html.theme-dark .sa-detailed{
  --sa-card-border:var(--dm-sf-40);
  --sa-card-border-strong:var(--dm-sf-40);
  --sa-accent:var(--dm-saffron-primary);
  --sa-accent-soft:var(--dm-saffron-light);
  --sa-accent-gold:var(--dm-saffron-primary);
  --sa-text-primary:var(--dm-text-primary);
  --sa-text-secondary:var(--dm-tx-80);
  --sa-text-muted:var(--dm-tx-60);
  --sa-white-glass:var(--dm-nav-95);
  --sa-white-glass-strong:var(--dm-nav-85);
  --sa-shadow-md:0 22px 50px var(--dm-black-045);
  --sa-shadow-lg:0 34px 90px var(--dm-black-055);
  --sa-shadow-card:0 14px 34px var(--dm-black-035);
  background:var(--dm-nav-85) !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(140%) !important;
  border-color:var(--dm-sf-40) !important;
  box-shadow:0 22px 50px var(--dm-black-045),inset 0 1px 0 var(--dm-wh-06) !important;
  color:var(--dm-text-primary) !important;
}
html.theme-dark .sa-detailed::before{
  background:radial-gradient(circle,var(--dm-sf-40) 0%,transparent 72%) !important;
}
html.theme-dark .sa-detailed::after{
  background:linear-gradient(135deg,var(--dm-sf-05) 0%,transparent 50%) !important;
}

/* Header bar */
html.theme-dark .sa-detailed-header{
  background:var(--dm-nav-95) !important;
  border-color:var(--dm-sf-15) !important;
  box-shadow:0 4px 14px var(--dm-black-03),inset 0 1px 0 var(--dm-wh-06) !important;
}
html.theme-dark .sa-detailed-header h2{color:var(--dm-saffron-primary) !important;text-shadow:none !important;}

/* Location button */
html.theme-dark .sa-location-btn{
  background:var(--dm-nav-95) !important;
  border-color:var(--dm-sf-40) !important;
  color:var(--dm-text-primary) !important;
  box-shadow:0 4px 12px var(--dm-black-028),inset 0 1px 0 var(--dm-wh-06) !important;
}
html.theme-dark .sa-location-btn span{color:var(--dm-text-primary) !important;}
html.theme-dark .sa-location-btn:hover{border-color:var(--dm-sf-40) !important;}
html.theme-dark .sa-location-name{color:var(--dm-text-primary) !important;}
html.theme-dark .sa-location-details{color:var(--dm-tx-50) !important;}

/* Date nav */
html.theme-dark .sa-date-nav{
  background:var(--dm-nav-95) !important;
  border-color:var(--dm-sf-15) !important;
}
html.theme-dark .sa-nav-btn{
  background:var(--dm-nav-85) !important;
  border-color:var(--dm-sf-40) !important;
  color:var(--dm-saffron-primary) !important;
  box-shadow:0 2px 8px var(--dm-black-025),inset 0 1px 0 var(--dm-wh-06) !important;
}
html.theme-dark .sa-nav-btn:hover{
  background:var(--dm-sf-05) !important;
  border-color:var(--dm-sf-40) !important;
}
html.theme-dark .sa-date-display .sa-date{color:var(--dm-text-primary) !important;}
html.theme-dark .sa-date-display .sa-weekday{color:var(--dm-tx-60) !important;}

/* Moon phase badge + info-item icons */
html.theme-dark .sa-moon-phase{
  background:var(--dm-nav-95) !important;
  border-color:var(--dm-sf-15) !important;
  box-shadow:inset 0 1px 0 var(--dm-wh-06) !important;
}
html.theme-dark .sa-moon-phase__name{color:var(--dm-text-primary) !important;}
html.theme-dark .sa-moon-phase__pct{color:var(--dm-tx-60) !important;}
html.theme-dark .sa-info-icon{color:var(--dm-saffron-primary) !important;background:var(--dm-sf-15) !important;border-color:var(--dm-sf-15) !important;}

/* Hora table card */
html.theme-dark .sa-hora-table{
  background:var(--dm-nav-95) !important;
  border-color:var(--dm-sf-15) !important;
  box-shadow:0 14px 34px var(--dm-black-038),inset 0 1px 0 var(--dm-wh-06) !important;
}
html.theme-dark .sa-hora-table::before{
  background:linear-gradient(90deg,var(--dm-saffron-primary) 0%,var(--dm-sf-40) 100%) !important;
}
html.theme-dark .sa-hora-table-header h3{color:var(--dm-saffron-primary) !important;}
html.theme-dark .sa-hora-table-header{border-bottom-color:var(--dm-sf-15) !important;}
html.theme-dark .sa-hora-period{
  background:var(--dm-nav-85) !important;
  border-color:var(--dm-sf-15) !important;
  color:var(--dm-tx-70) !important;
}

/* Table rows */
html.theme-dark .sa-table-header{border-bottom-color:var(--dm-sf-15) !important;}
html.theme-dark .sa-table-header .sa-col{color:var(--dm-tx-50) !important;}
html.theme-dark .sa-table-row{
  background:var(--dm-nav-55) !important;
  border-color:var(--dm-sf-05) !important;
  box-shadow:none !important;
}
html.theme-dark .sa-table-row:hover{
  background:var(--dm-sf-05) !important;
  border-color:var(--dm-sf-40) !important;
}
html.theme-dark .sa-table-row.sa-current{
  background:var(--dm-sf-30) !important;
  border-color:var(--dm-sf-40) !important;
  box-shadow:0 6px 20px var(--dm-sf-05) !important;
}
html.theme-dark .sa-col{color:var(--dm-text-primary) !important;}

/* Info items & sections */
html.theme-dark .sa-panchang-section,
html.theme-dark .sa-info-item,
html.theme-dark .sa-timeline-item{
  background:var(--dm-nav-95) !important;
  border-color:var(--dm-sf-15) !important;
  box-shadow:0 4px 14px var(--dm-black-025),inset 0 1px 0 var(--dm-wh-03) !important;
}
html.theme-dark .sa-panchang-section h3{color:var(--dm-saffron-primary) !important;}
html.theme-dark .sa-info-item .sa-label{color:var(--dm-tx-50) !important;}
html.theme-dark .sa-info-item strong{color:var(--dm-text-primary) !important;}
html.theme-dark .sa-info-item .sa-sub{color:var(--dm-tx-60) !important;}
html.theme-dark .sa-timeline-label{color:var(--dm-text-primary) !important;}
html.theme-dark .sa-timeline-time{color:var(--dm-tx-60) !important;}

/* Muhurat (शुभ/अशुभ समय) — baaki dark cards jaisa hi, bas ek subtle accent se farak */
html.theme-dark .sa-muhurat-section,
html.theme-dark .sa-muhurat-item{
  background:var(--dm-nav-95) !important;
  border-color:var(--dm-sf-15) !important;
  box-shadow:0 4px 14px var(--dm-black-025),inset 0 1px 0 var(--dm-wh-03) !important;
}
html.theme-dark .sa-muhurat-section.sa-auspicious{border-top-color:#3ecf8e !important;}
html.theme-dark .sa-muhurat-section.sa-inauspicious{border-top-color:#e0576f !important;}
html.theme-dark .sa-muhurat-section.sa-auspicious h3{color:#3ecf8e !important;}
html.theme-dark .sa-muhurat-section.sa-inauspicious h3{color:#e0576f !important;}
html.theme-dark .sa-muhurat-name{color:var(--dm-text-primary) !important;}
html.theme-dark .sa-muhurat-time{color:var(--dm-tx-60) !important;}

/* Choghadiya */
html.theme-dark .sa-choghadiya-col h4{color:var(--dm-saffron-light) !important;}
html.theme-dark .sa-choghadiya-item{
  background:var(--dm-nav-95) !important;
  border-color:var(--dm-sf-15) !important;
  box-shadow:0 4px 14px var(--dm-black-025),inset 0 1px 0 var(--dm-wh-03) !important;
}
html.theme-dark .sa-choghadiya-name{color:var(--dm-text-primary) !important;}
html.theme-dark .sa-choghadiya-time{color:var(--dm-tx-60) !important;}
html.theme-dark .sa-choghadiya-item.is-best,
html.theme-dark .sa-choghadiya-item.is-best .sa-choghadiya-name{border-left-color:#3ecf8e !important;color:#3ecf8e !important;}
html.theme-dark .sa-choghadiya-item.is-good{border-left-color:#5cbf78 !important;}
html.theme-dark .sa-choghadiya-item.is-neutral{border-left-color:var(--dm-saffron-primary) !important;}
html.theme-dark .sa-choghadiya-item.is-bad{border-left-color:#e0576f !important;}

/* Bhadra card (sa-muhurat-section.sa-inauspicious ke dark rules pehle se lagu hote hain) */
html.theme-dark .sa-bhadra-hint{color:var(--dm-tx-60) !important;}

/* Hora grid headings */
html.theme-dark .sa-hora-grid h3,
html.theme-dark .sa-hora-detailed .sa-planet{color:var(--dm-text-primary) !important;}

/* sa-note */
html.theme-dark .sa-note{
  background:var(--dm-nav-95) !important;
  border-color:var(--dm-sf-15) !important;
  border-left-color:var(--dm-saffron-primary) !important;
  color:var(--dm-tx-60) !important;
  box-shadow:0 4px 14px var(--dm-black-025),inset 0 1px 0 var(--dm-wh-03) !important;
}

/* ============================================================
   DARK MODE — Naamjap Counter Widget
   ------------------------------------------------------------
   HATA diya: counter ab [naam_jaap] shortcode (inc/naam-jaap.php)
   hai jo apna dark styling khud le kar aata hai (ek hi source of
   truth). Ye purane !important rules naye design ko dark mode me
   override kar rahe the (light badalta tha, dark nahi). Kuch rules
   dead bhi the (.total-display/.mala-display/.btn-reset — ye class
   naye markup me hain hi nahi). Dark styling ke liye ab
   inc/naam-jaap.php ke `html.theme-dark ...` rules dekhein.
   ============================================================ */

/* ============================================================
   DARK MODE — Page TOC (ul.aroham_toc)  "Page Content" box
   ------------------------------------------------------------
   Light design style.css me `html:not(.theme-dark) ul.aroham_toc`
   se scoped hai; dark ke liye kuch nahi tha isliye dark mode me
   bootx ka default LIGHT box dikh jaata tha. Yahan wahi collapsible
   glass-select look dark colors me mirror kiya hai (accent saffron
   #e07b39 = 224,123,57 — baaki dark UI se match).
   ============================================================ */
html.theme-dark ul.aroham_toc{
  position:relative;
  float:none;
  max-width:560px;
  margin:5px auto 22px !important;
  min-height:60px !important;
  max-height:70vh !important;          /* lambe content: dropdown scrollable */
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch;
  z-index:60;
  background:transparent !important;
  border:none;
  box-shadow:none;
}
/* Trigger box */
html.theme-dark ul.aroham_toc .init{
  display:flex;align-items:center;
  position:sticky;top:0;z-index:5;   /* scroll par trigger upar chipka rahe */
  height:60px;
  padding:14px 52px 14px 48px !important;
  color:#f0a868 !important;
  font-size:17px;line-height:1.2;
  background-color:rgba(28,38,52,.85);
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  box-shadow:0 6px 18px rgba(0,0,0,.45),
             inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
  background-image:
    linear-gradient(45deg,transparent 50%,rgb(224,123,57) 50%),
    linear-gradient(135deg,rgb(224,123,57) 50%,transparent 50%),
    linear-gradient(to right,rgba(224,123,57,.30),rgba(224,123,57,.30)),
    linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 48%,rgba(255,255,255,0) 100%);
  background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px),calc(100% - 42px) 50%,0 0;
  background-size:6px 6px,6px 6px,1px 20px,100% 100%;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
}
html.theme-dark ul.aroham_toc .init:hover{
  border-color:rgba(224,123,57,.5);
  background-color:rgba(34,45,62,.92);
  box-shadow:0 10px 26px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.12);
}
/* FA hand icon */
html.theme-dark ul.aroham_toc .init:before{
  color:rgba(224,123,57,.85) !important;
}
/* Open items — floating dark panel */
html.theme-dark ul.aroham_toc li:not(.init){
  position:relative;
  background:rgba(24,32,44,.97) !important;
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  color:rgba(231,236,245,.85) !important;
  padding:12px 16px !important;
  border-left:1px solid rgba(255,255,255,.08);
  border-right:1px solid rgba(255,255,255,.08);
  border-top:1px solid rgba(255,255,255,.06);
  transition:background .18s ease,color .18s ease,padding-left .18s ease;
}
html.theme-dark ul.aroham_toc li:not(.init):nth-child(2){
  margin-top:8px;
  border-top:1px solid rgba(255,255,255,.08);
  border-radius:12px 12px 0 0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
html.theme-dark ul.aroham_toc li:not(.init):last-child{
  border-bottom:1px solid rgba(255,255,255,.08);
  border-radius:0 0 12px 12px;
  box-shadow:0 14px 30px rgba(0,0,0,.5);
}
html.theme-dark ul.aroham_toc li:not(.init):hover,
html.theme-dark ul.aroham_toc li.selected:not(.init){
  color:#f0a868 !important;
  padding-left:20px !important;
}

/* ============================================================
   DARK MODE — Location Selection Modal (.sa-modal)
   ============================================================ */

html.theme-dark .sa-modal-overlay{
  background:var(--dm-nd-40) !important;
}

html.theme-dark .sa-modal-content{
  background:var(--dm-nav-95) !important;
  backdrop-filter:blur(22px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(145%) !important;
  border-color:var(--dm-sf-40) !important;
  box-shadow:0 34px 90px var(--dm-black-062),inset 0 1px 0 var(--dm-wh-06) !important;
}

html.theme-dark .sa-modal-content::before{
  background:radial-gradient(circle,var(--dm-sf-40) 0%,transparent 72%) !important;
}

html.theme-dark .sa-modal-content::after{
  background:linear-gradient(135deg,var(--dm-sf-05) 0%,transparent 50%) !important;
}

html.theme-dark .sa-modal-header{border-bottom-color:var(--dm-sf-15) !important;}

html.theme-dark .sa-modal-header::after{
  background:linear-gradient(90deg,var(--dm-saffron-primary) 0%,var(--dm-sf-40) 100%) !important;
}

html.theme-dark .sa-modal-header h3{color:var(--dm-text-primary) !important;text-shadow:none !important;}

html.theme-dark .sa-modal-close{
  background:var(--dm-nav-95) !important;
  border-color:var(--dm-sf-40) !important;
  color:var(--dm-tx-60) !important;
  box-shadow:0 4px 12px var(--dm-black-028),inset 0 1px 0 var(--dm-wh-06) !important;
}

html.theme-dark .sa-modal-close:hover{
  background:var(--dm-sf-30) !important;
  border-color:var(--dm-sf-40) !important;
  color:var(--dm-saffron-primary) !important;
}

html.theme-dark .sa-current-location{
  background:var(--dm-nav-95) !important;
  border-color:var(--dm-sf-15) !important;
  box-shadow:0 6px 16px var(--dm-black-03),inset 0 1px 0 var(--dm-wh-06) !important;
}

html.theme-dark .sa-location-coords{color:var(--dm-tx-50) !important;}

html.theme-dark .sa-search-input{
  background:var(--dm-nav-85) !important;
  border-color:var(--dm-sf-40) !important;
  color:var(--dm-text-primary) !important;
  box-shadow:0 4px 12px var(--dm-black-025),inset 0 1px 0 var(--dm-wh-03) !important;
}

html.theme-dark .sa-search-input:focus{
  border-color:var(--dm-sf-40) !important;
  background:var(--dm-nav-85) !important;
  box-shadow:0 0 0 3px var(--dm-sf-05),0 8px 20px var(--dm-black-03),inset 0 1px 0 var(--dm-wh-06) !important;
}

html.theme-dark .sa-search-input::placeholder{color:var(--dm-tx-50) !important;}

html.theme-dark .sa-search-icon{color:var(--dm-tx-50) !important;}

html.theme-dark .sa-search-results{
  background:var(--dm-nav-85) !important;
  border-color:var(--dm-sf-40) !important;
  box-shadow:0 24px 48px var(--dm-black-055),inset 0 1px 0 var(--dm-wh-06) !important;
}

html.theme-dark .sa-search-result-item{border-bottom-color:var(--dm-sf-05) !important;}

html.theme-dark .sa-search-result-item:hover{
  background:var(--dm-sf-05) !important;
}

html.theme-dark .sa-search-result-icon{
  background:var(--dm-nav-85) !important;
  border-color:var(--dm-sf-15) !important;
  color:var(--dm-saffron-primary) !important;
}

html.theme-dark .sa-search-result-name{color:var(--dm-text-primary) !important;}

html.theme-dark .sa-search-result-coords{color:var(--dm-tx-50) !important;}

html.theme-dark .sa-search-no-results{color:var(--dm-tx-60) !important;}

html.theme-dark .sa-loading{color:var(--dm-tx-60) !important;}

html.theme-dark .sa-spinner{
  border-color:var(--dm-sf-40) !important;
  border-top-color:var(--dm-saffron-primary) !important;
  border-right-color:var(--dm-saffron-light) !important;
}

html.theme-dark .sa-error{
  background:var(--dm-nd-40) !important;
  border-color:var(--dm-sf-40) !important;
  border-left-color:var(--dm-saffron-primary) !important;
  color:var(--dm-tx-60) !important;
  box-shadow:0 4px 14px var(--dm-black-03),inset 0 1px 0 var(--dm-wh-03) !important;
}

html.theme-dark .sa-modal-footer{
  background:var(--dm-nav-95) !important;
  border-top-color:var(--dm-sf-15) !important;
}

html.theme-dark .sa-modal-note{color:var(--dm-tx-50) !important;}
/* ============================================================
   UNIFIED DEVOTIONAL HEADINGS — single gilded gold gradient
   Applied to every heading site-wide (page, section, sidebar,
   footer, widgets). Controlled by --dm-head-gradient.
   ============================================================ */
html.theme-dark h1,
html.theme-dark h2,
html.theme-dark h3,
html.theme-dark h4,
html.theme-dark .mantrahead,
html.theme-dark .sa-section-head h2,
html.theme-dark .sa-search-box h2,
html.theme-dark .sa-footer-cta h3,
html.theme-dark footer .headtitle,
html.theme-dark .widget-title,
html.theme-dark .sa-widget-header h3,
html.theme-dark .sa-hora-widget .sa-widget-header h3,
html.theme-dark p.stext{
  background:var(--dm-head-gradient) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}

/* ============================================================
   UNIFIED GRADIENT — emphasized text + read-more chips
   Extends --dm-head-gradient to non-heading saffron text.
   ============================================================ */
html.theme-dark .post-content .primary p{
  background:var(--dm-head-gradient) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}

html.theme-dark .lop_more,
html.theme-dark .postbox .lop_more,
html.theme-dark .blog_post .postbox .lop_more,
html.theme-dark .lop_more a,
html.theme-dark .postbox .lop_more a{
  background:var(--dm-head-gradient) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  border:1px solid var(--dm-sf-25) !important;
  box-shadow:inset 0 1px 0 var(--dm-gd-10),0 4px 14px var(--dm-black-032) !important;
  transition:filter .2s ease,border-color .25s ease,transform .2s ease !important;
}
html.theme-dark .lop_more a,
html.theme-dark .postbox .lop_more a{border:none !important;box-shadow:none !important;}

html.theme-dark .lop_more:hover,
html.theme-dark .postbox:hover .lop_more,
html.theme-dark .blog_post .postbox:hover .lop_more,
html.theme-dark .lop_more:hover a,
html.theme-dark .postbox:hover .lop_more a{
  background:var(--dm-head-gradient) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  filter:brightness(1.08) saturate(1.03) !important;
  border-color:var(--dm-sf-20) !important;
  box-shadow:0 0 22px var(--dm-sf-10),0 6px 18px var(--dm-black-038) !important;
  transform:translateY(-2px) !important;
}
html.theme-dark .lop_more:hover a,
html.theme-dark .postbox:hover .lop_more a{border:none !important;box-shadow:none !important;}

/* ============================================================
   PRIMARY BUTTON — bright gilded gold, dark engraved text
   ============================================================ */
html.theme-dark .sa-btn.primary,
html.theme-dark .sa-btn--primary,
html.theme-dark .aar-auth-btn-primary,
html.theme-dark .aar-btn-primary,
html.theme-dark [class*="naamjap"] .sa-btn,
html.theme-dark button[class*="start"],
html.theme-dark button[class*="begin"]{
  background:var(--dm-btn-primary-bg) !important;
  color:#3d1806 !important;
  -webkit-text-fill-color:#3d1806 !important;
  border:1px solid rgba(255,224,163,.55) !important;
  box-shadow:0 4px 14px var(--dm-sf-40),inset 0 1px 0 rgba(255,240,205,.55),inset 0 -2px 3px var(--dm-black-025) !important;
  text-shadow:0 1px 0 rgba(255,236,200,.35) !important;
  font-weight:700 !important;
  transition:filter .2s ease,box-shadow .25s ease,transform .2s ease !important;
}
html.theme-dark .sa-btn.primary:hover,
html.theme-dark .sa-btn--primary:hover,
html.theme-dark .aar-auth-btn-primary:hover,
html.theme-dark .aar-btn-primary:hover,
html.theme-dark [class*="naamjap"] .sa-btn:hover,
html.theme-dark button[class*="start"]:hover,
html.theme-dark button[class*="begin"]:hover{
  filter:brightness(1.05) saturate(1.04) !important;
  box-shadow:0 6px 20px var(--dm-sf-50),0 0 22px var(--dm-sf-25),inset 0 1px 0 rgba(255,240,205,.6),inset 0 -2px 3px var(--dm-black-025) !important;
  transform:translateY(-2px) !important;
}

/* ============================================================
   POST NAV (prev/next) — gilded gradient text chips
   ============================================================ */
html.theme-dark .navigation-posts a{
  background:var(--dm-head-gradient) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  border:1px solid var(--dm-sf-25) !important;
  box-shadow:inset 0 1px 0 var(--dm-gd-10),0 4px 14px var(--dm-black-032) !important;
  transition:filter .2s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease !important;
}
html.theme-dark .navigation-posts a .nav-arrow{
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}
html.theme-dark .navigation-posts a:hover{
  background:var(--dm-head-gradient) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  filter:brightness(1.08) saturate(1.03) !important;
  border-color:var(--dm-sf-20) !important;
  box-shadow:0 0 22px var(--dm-sf-10),0 6px 18px var(--dm-black-038) !important;
  transform:translateY(-2px) !important;
}

/* ============================================================
   DEITY HERO — Prabhāmandala (rays + aura + gilded ring)
   Layers sit BEHIND the deity image (.p_img img is z-index:1)
   ============================================================ */
html.theme-dark .p_img{position:relative;isolation:isolate;}

html.theme-dark .p_img::before{
  content:'';
  position:absolute;
  inset:-34px;
  border-radius:50%;
  background:
    radial-gradient(circle, rgba(255,206,120,.30) 0%, rgba(231,144,60,.12) 42%, transparent 70%),
    repeating-conic-gradient(from 0deg, rgba(255,216,150,.32) 0deg 2.4deg, transparent 2.4deg 18deg);
  -webkit-mask:radial-gradient(circle, #000 26%, rgba(0,0,0,.5) 52%, transparent 76%);
  mask:radial-gradient(circle, #000 26%, rgba(0,0,0,.5) 52%, transparent 76%);
  z-index:0;
  pointer-events:none;
  animation:sa-rays-rotate 48s linear infinite;
}

html.theme-dark .p_img::after{
  content:'';
  position:absolute;
  inset:-2px;
  border-radius:50%;
  background:radial-gradient(circle, transparent 56%, rgba(231,144,60,.16) 70%, transparent 82%);
  box-shadow:0 0 0 2px rgba(255,214,150,.55),0 0 34px rgba(255,190,110,.34),inset 0 0 24px rgba(255,220,160,.16);
  z-index:0;
  pointer-events:none;
  animation:sa-aura-breathe 4.5s ease-in-out infinite;
}

/* sa-rays-rotate + sa-aura-breathe keyframes ab style.css (base) me hain
   — dono themes shared. Yahan se hata diye (duplicate) taaki single source rahe. */

/* Ornamental divider under headings — gold lines + centre bindu */
html.theme-dark h1::after{
  width:136px !important;
  height:14px !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:
    radial-gradient(circle at center, #ffe9bf 0 2px, rgba(246,191,100,.95) 2px 3.4px, transparent 4px) center/11px 11px no-repeat,
    linear-gradient(90deg, transparent 0, var(--dm-sf-60) 40%, transparent 45%, transparent 55%, var(--dm-sf-60) 60%, transparent 100%) center/100% 1.5px no-repeat !important;
  animation:none !important;
}

@media (prefers-reduced-motion: reduce){
  html.theme-dark .p_img::before,
  html.theme-dark .p_img::after{animation:none !important;}
}

/* ============================================================
   PRESS FEEDBACK — active par scale-down (hover-lift ko override)
   ============================================================ */
html.theme-dark .sa-btn:active,
html.theme-dark .sa-btn--primary:active,
html.theme-dark .sa-btn--light:active,
html.theme-dark .sa-btn.primary:active,
html.theme-dark .lang-tab:active,
html.theme-dark .navigation-posts a:active,
html.theme-dark .lop_more:active{
  transform:scale(.97) !important;
  transition:transform 140ms cubic-bezier(.23,1,.32,1) !important;
}

/* Section seam ornament — dark me gilded gold */
html.theme-dark .sa-section::before{
  background:
    radial-gradient(circle at center,#ffe3ad 0 2.2px,rgba(246,191,100,.95) 2.2px 3.4px,transparent 4.5px) center/12px 12px no-repeat,
    linear-gradient(90deg,transparent 0,var(--dm-sf-60) 40%,transparent 45%,transparent 55%,var(--dm-sf-60) 60%,transparent 100%) center/100% 1.5px no-repeat;
}
/* ============================================================
   AARATI/LISTING ROWS — mobile refinement (browser-verified 2026-07-12)
   Append to END of dark-mode.css
   Fixes: input-box border on titles, oversized rows, absolute-img overlap
   ============================================================ */
@media(max-width:600px){
  html.theme-dark .blog_post .postbox{
    padding:12px 14px !important;
    min-height:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    margin-bottom:10px !important;
  }
  html.theme-dark .blog_post .postbox .lop_img{
    position:static !important;
    flex:none !important;
    margin:0 !important;
    transform:none !important;
  }
  html.theme-dark .blog_post .postbox .lop_img img{
    max-width:54px !important;
    min-height:54px !important;
    width:54px !important;
    height:54px !important;
    margin:0 !important;
  }
  html.theme-dark .blog_post .postbox .lop_more{
    border:none !important;
    box-shadow:none !important;
    background:var(--dm-head-gradient) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
    flex:1 !important;
    width:auto !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    text-align:left !important;
    font-size:16.5px !important;
    line-height:1.4 !important;
  }
  .blog_post .col-12{margin-bottom:0 !important;}
  html.theme-dark .blog_post .postbox:active{transform:scale(.98) !important;}
}

/* ============================================================
   IMAGE SKELETON LOADERS — dark mode shimmer (navy/saffron)
   ============================================================ */
   
html.theme-dark img.skel-loading {
  background-image: linear-gradient(
    100deg,
    rgba(var(--dm-c-navy), .55) 30%,
    rgba(var(--dm-c-saffron), .18) 50%,
    rgba(var(--dm-c-navy), .55) 70%
  );
  background-size: 200% 100%;
  background-position: 180% 0;
}

@media (prefers-reduced-motion: reduce) {
  html.theme-dark img.skel-loading {
    background-image: none;
    background-color: rgba(var(--dm-c-navy), .55);
  }
}

/* Rich homepage cards — dark navy glass with controlled saffron depth. */
html.theme-dark body.home :is(.sa-card, .sa-path-box, .aar-quick-card) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(110% 85% at 0% 0%, var(--dm-sf-15), transparent 52%),
    linear-gradient(155deg, var(--dm-nav-85), var(--dm-nav-95)) !important;
  border-color: var(--dm-sf-25) !important;
  box-shadow: inset 0 1px 0 var(--dm-wh-06), 0 14px 36px var(--dm-black-042) !important;
}

html.theme-dark body.home :is(.sa-card, .sa-path-box, .aar-quick-card):hover {
  transform: translateY(-4px);
  background:
    radial-gradient(110% 85% at 0% 0%, var(--dm-sf-20), transparent 54%),
    linear-gradient(155deg, var(--dm-nav-85), var(--dm-nav-95)) !important;
  border-color: var(--dm-sf-50) !important;
  box-shadow: inset 0 1px 0 var(--dm-wh-15), 0 22px 52px var(--dm-black-045), 0 0 28px var(--dm-sf-05) !important;
}

html.theme-dark body.home .sa-chant-box {
  background:
    radial-gradient(100% 80% at 0% 0%, var(--dm-sf-15), transparent 56%),
    linear-gradient(150deg, var(--dm-nav-85), var(--dm-nav-95)) !important;
  border-color: var(--dm-sf-25) !important;
  box-shadow: inset 0 1px 0 var(--dm-wh-06), 0 18px 48px var(--dm-black-045) !important;
}

html.theme-dark body.home .aar-quick-ico {
  background: linear-gradient(145deg, var(--dm-sf-30), var(--dm-sf-05)) !important;
  border-color: var(--dm-sf-40) !important;
  box-shadow: inset 0 1px 0 var(--dm-wh-15), 0 7px 16px var(--dm-black-03) !important;
}

/* Devotional ornament parity for dark mode. */
html.theme-dark body.home .sa-section-head::after {
  color: var(--dm-saffron-light);
  opacity: .72;
  text-shadow: 0 0 16px var(--dm-sf-30);
}

html.theme-dark body.home :is(.aar-quick, .sa-chant-box)::after {
  opacity: .2;
  background: repeating-conic-gradient(from 7deg, var(--dm-sf-40) 0 1deg, transparent 1deg 15deg);
}

html.theme-dark body.home .sa-path-box h3::after {
  background: linear-gradient(90deg, var(--dm-saffron-primary), transparent);
  box-shadow: 0 0 12px var(--dm-sf-20);
}

/* Parent BootX mobile menu — dark-theme variable parity. 
@media (max-width: 958px) {
  html.theme-dark #smenu {
    --aar-mm-panel: rgba(10, 21, 38, .78);
    --aar-mm-row: rgba(255, 255, 255, .035);
    --aar-mm-row-hover: rgba(242, 169, 107, .11);
    --aar-mm-submenu: rgba(6, 13, 27, .42);
    --aar-mm-border: rgba(242, 169, 107, .13);
    --aar-mm-border-strong: rgba(242, 169, 107, .34);
    --aar-mm-text: var(--dm-text-primary);
    --aar-mm-accent: var(--dm-saffron-light);
    background:
      radial-gradient(120% 62% at 100% 0%, rgba(242, 169, 107, .13), transparent 54%),
      radial-gradient(90% 55% at 0% 100%, rgba(68, 101, 160, .1), transparent 60%),
      linear-gradient(180deg, rgba(16, 29, 49, .86), var(--aar-mm-panel)) !important;
    border-left-color: var(--aar-mm-border-strong) !important;
    box-shadow:
      inset 1px 0 0 rgba(255, 255, 255, .035),
      -24px 0 64px rgba(0, 0, 0, .38);
    backdrop-filter: blur(30px) saturate(155%) brightness(.92);
    -webkit-backdrop-filter: blur(30px) saturate(155%) brightness(.92);
  }

  html.theme-dark #smenu.active {
    box-shadow:
      -100vw 0 0 100vw rgba(1, 5, 13, .62),
      -26px 0 70px rgba(0, 0, 0, .48) !important;
  }

  html.theme-dark #mobile_menu {
    background: transparent !important;
    border-right: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html.theme-dark #mobile_menu > ul.menu > li {
    box-shadow: none;
  }

  html.theme-dark #mobile_menu > ul.menu > li.current-menu-item,
  html.theme-dark #mobile_menu > ul.menu > li.current-menu-parent,
  html.theme-dark #mobile_menu > ul.menu > li.current-menu-ancestor {
    box-shadow: inset 3px 0 0 var(--aar-mm-accent);
  }

  html.theme-dark #smenu .smenu-social {
    box-shadow: 0 14px 34px rgba(0, 0, 0, .34);
  }

  html.theme-dark #mobile_menu > ul.menu > li {
    border: 0 !important;
    border-bottom: 1px solid var(--aar-mm-border) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html.theme-dark #mobile_menu > ul.menu > li:hover,
  html.theme-dark #mobile_menu > ul.menu > li[aria-expanded="true"],
  html.theme-dark #mobile_menu > ul.menu > li.current-menu-item,
  html.theme-dark #mobile_menu > ul.menu > li.current-menu-parent,
  html.theme-dark #mobile_menu > ul.menu > li.current-menu-ancestor {
    background: linear-gradient(90deg, rgba(242, 169, 107, .1), rgba(255, 255, 255, .025)) !important;
    border-color: var(--aar-mm-border) !important;
    box-shadow: none !important;
  }

  html.theme-dark #mobile_menu > ul.menu > li.current-menu-item,
  html.theme-dark #mobile_menu > ul.menu > li.current-menu-parent,
  html.theme-dark #mobile_menu > ul.menu > li.current-menu-ancestor {
    box-shadow: inset 3px 0 0 var(--aar-mm-accent) !important;
  }

  html.theme-dark #mobile_menu > ul.menu > li > a,
  html.theme-dark #mobile_menu > ul.menu > li.current-menu-item > a,
  html.theme-dark #mobile_menu > ul.menu > li.current-menu-parent > a,
  html.theme-dark #mobile_menu > ul.menu > li.current-menu-ancestor > a {
    padding: 12px 50px 12px 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html.theme-dark #smenu .menu-item-has-children::after,
  html.theme-dark #smenu .menu-item-has-children:after,
  html.theme-dark #smenu .menu-item-has-children:hover::after,
  html.theme-dark #smenu .menu-item-has-children:hover:after,
  html.theme-dark #smenu .menu-item-has-children.expanded::after,
  html.theme-dark #smenu .menu-item-has-children.expanded:after,
  html.theme-dark #smenu .menu-item-has-children.openli::after,
  html.theme-dark #smenu .menu-item-has-children.openli:after {
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html.theme-dark #mobile_menu ul.sub-menu {
    margin: 0 !important;
    padding: 4px 8px 10px 14px !important;
    border: 0 !important;
    border-left: 1px solid var(--aar-mm-border-strong) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html.theme-dark #mobile_menu ul.sub-menu li,
  html.theme-dark #mobile_menu ul.sub-menu li a {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html.theme-dark #mobile_menu ul.sub-menu li:not(:last-child) {
    border-bottom: 1px solid var(--aar-mm-border) !important;
  }

  html.theme-dark #mobile_menu ul.sub-menu li a {
    padding: 10px 14px 10px 28px !important;
  }

  html.theme-dark #smenu .smenu-social {
    right: 0;
    left: 0;
    border: 0 !important;
    border-top: 1px solid var(--aar-mm-border) !important;
    border-radius: 0;
    background:
      linear-gradient(180deg, rgba(10, 21, 38, .54), rgba(10, 21, 38, .76)) !important;
    box-shadow: 0 -16px 34px rgba(0, 0, 0, .16);
    backdrop-filter: blur(22px) saturate(145%);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
  }
}
*/

/* --- aa-bar.css --- */
#aaBar,#aaToast,#aaSearchWrap,#aaNaamWrap{display:none}   /* desktop par sab hidden; mobile media-query hi dikhata hai */

/* ---- font scaling ----
   `zoom` chhod diya: wo layout ko bhi scale karta hai, isliye WebKit me
   width:100% wale blocks viewport se chaude ho jaate the aur page daayen-baayen
   khisakne lagta tha. text-size-adjust sirf text ko badhata hai — box ki
   chaudai ko haath nahi lagata, isliye horizontal scroll aa hi nahi sakta.  */
main.wrapper{
  -webkit-text-size-adjust:calc(var(--aa-fs,1) * 100%);
     -moz-text-size-adjust:calc(var(--aa-fs,1) * 100%);
          text-size-adjust:calc(var(--aa-fs,1) * 100%);
}
/* koi bhi surat me page side me na khisake */
html,body{overflow-x:hidden!important;max-width:100vw;overscroll-behavior-x:none}

@media (max-width:991.98px){

  /* ---- ek hi jagah se sab positions control hoti hain ----
     --aa-h   : bar ki height
     --aa-gap : screen ke bottom se bar ka gap
     --aa-sa  : iOS home-indicator / safe area                */
  :root{
    --aa-h:52px;         /* bottom bar — thoda patla */
    --aa-hdr:54px;       /* header (full-width top bar) — thodा zyada height */
    --aa-gap:22px;       /* bottom bar ka screen se gap */
    --aa-sa:env(safe-area-inset-bottom,0px);
    --aa-top:calc(var(--aa-sa) + var(--aa-gap) + var(--aa-h));  /* bar ka upri kinara */
  }
  /* PWA standalone — koi browser toolbar nahi, bar thodi neeche baith sakti hai */
  @media (display-mode:standalone){
    :root{--aa-gap:16px}
  }
  /* bahut chhoti screen (landscape / purane phone) — sab kuch aur compact */
  @media (max-height:520px){
    :root{--aa-h:48px;--aa-hdr:46px;--aa-gap:8px}
  }

  /* drawer ka content bar ke peeche na chhupe (Follow Us buttons) */
  #smenu{padding-bottom:calc(var(--aa-top) + 10px)!important}

  /* ==================== HEADER — logo (left) + ☰ (right) ====================
     Header wapas laa rahe hain: fixed glass strip, bar wale hi material ke saath.
     Sirf logo aur hamburger dikhenge — theme aur baaki controls bottom bar me
     hi rahenge, isliye header ka theme-toggle chhupaya hai.                   */
  .mobile{display:block!important}

  /* content header ke peeche na chhupe (header ab floating fixed hai) */
  /* Theme #header already ~55px jagah reserve karti hai (min-height:75 + main -20px).
     Uske UPAR pura header-footprint add karne se front page (jahan breadcrumb nahi)
     par ~67px blank aa raha tha. Isliye sirf DIFFERENCE add karte hain:
     zaroori clearance (gap + hdr + ~8px gap) minus theme ki ~55px reservation.
     Chrome extension se aroham.local par naap kar tuned: front gap ~8px, inner ~28px. */
  body{padding-top:calc(env(safe-area-inset-top,0px) + var(--aa-hdr) - 47px)!important}

  /* Overlay look: content header ke neeche se jhalke, gap minimal.
     Inner pages ka breadcrumb front ke hero se ~20px neeche baithta tha (kyunki
     front ka main -20px margin se upar aata hai, breadcrumb nahi). Breadcrumb ko
     upar khinch kar match kiya + uski apni extra mt/pt spacing kam ki. */
  .breadcrumb{margin-top:-18px!important}
  .breadcrumb-trail{margin-top:0!important;padding-top:2px!important}
  .breadcrumb .col-12{padding-top:0!important}

  /* HEADER = WhatsApp-style full-width fixed top glass bar (compact, flat) */
  .mobile .headseccont{
    position:fixed!important;z-index:99997;
    top:0;left:0;right:0;
    height:calc(var(--aa-hdr) + env(safe-area-inset-top,0px));
    min-height:0!important;margin:0!important;
    padding:env(safe-area-inset-top,0px) 16px 0!important;
    display:flex!important;align-items:center;
    border-radius:0;
    /* Light box = footer jaisा warm brown (#5a2b20). Alpha .66 + bhaari blur(40)
       taaki asli glass/frost dikhe (peeche ka content jhalke) — .85 par surface
       lagbhag solid tha, glass kam lag raha tha. */
    background:linear-gradient(180deg,#BC4344,#A93639) !important;
    -webkit-backdrop-filter:blur(40px) saturate(175%)!important;
    backdrop-filter:blur(40px) saturate(175%)!important;
    border:0;border-bottom:1px solid rgba(255,255,255,.14);
    box-shadow:0 2px 16px rgba(0,0,0,.12);
    transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;
  }
  html.theme-dark .mobile .headseccont{
    /* Dark box = navy → warm-copper diagonal gradient + glass.
       Alpha ~.5 taaki peeche ka blur/frost bhi dikhe (glass bana rahe). */
    background:linear-gradient(105deg,
                 rgba(24,30,50,.58) 0%,
                 rgba(36,32,46,.52) 50%,
                 rgba(96,58,38,.54) 100%)!important;
    -webkit-backdrop-filter:blur(40px) saturate(180%) brightness(1.15)!important;
    backdrop-filter:blur(40px) saturate(180%) brightness(1.15)!important;
    border-color:rgba(255,255,255,.16);
    box-shadow:0 12px 40px rgba(0,0,0,.50),
               0 2px 8px rgba(0,0,0,.26),
               inset 0 1.5px 1px rgba(255,255,255,.26),
               inset 0 -2px 3px rgba(255,220,170,.06);
  }
  @supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
    .mobile .headseccont{background:#5a2b20}
    html.theme-dark .mobile .headseccont{background:#141a2d}
  }
  /* ===== dark/light consistency =====
     .headcont (theme ka outer wrapper) ka apna background .headseccont ki rounded
     glass ke peeche dikhta tha — light me salmon, dark me navy — isse island ke
     gol kinare gande lagte the aur dono mode alag. Mobile me transparent kar do.
     Dark ka translateZ bhi hata do taaki fixed-header positioning dono me ek jaisa. */
  .headcont{background:transparent!important;box-shadow:none!important}
  html.theme-dark .headcont{background:transparent!important;transform:none!important;will-change:auto!important}
  /* header ke andar theme ka container-fluid/row/full full-width le sake */
  .mobile .headseccont .container-fluid,
  .mobile .headseccont .container,
  .mobile .headseccont .rows,
  .mobile .headseccont .full{width:100%!important;padding:0!important;margin:0!important}
  .mobile .headseccont .full{display:flex!important;align-items:center;justify-content:space-between}

  /* logo — pill me vertically center (flex chain se, koi margin/line-height offset nahi) */
  .mobile .logo{width:auto!important;float:none!important;margin:0!important;padding:0!important;
                display:flex!important;align-items:center;height:100%}
  .mobile .logo a{display:flex!important;align-items:center;line-height:0;margin:0!important;padding:0!important}
  .mobile .logo img{height:34px!important;width:auto!important;display:block;margin:0!important}
  html.theme-dark .mobile .logo img{filter:none}

  /* theme toggle header se hatao — wo bottom bar me hai */
  .mobile .mobiico-theme-li{display:none!important}

  /* hamburger — header ke right me */
  .mobile .mobiico{width:auto!important;float:none!important;padding:0!important;margin:0!important}
  .mobile .mobiico ul.alignright{margin:0!important;padding:0!important;list-style:none;display:flex;align-items:center}
  .mobile .mmenu_icon{margin:0!important}
  .mobile .mmenu_icon a{
    display:flex;align-items:center;justify-content:center;
    width:44px;height:44px;cursor:pointer;border-radius:50%;
    color:#fff;text-decoration:none;-webkit-tap-highlight-color:transparent;
    transition:background .18s ease,transform .12s ease;
  }
  .mobile .mmenu_icon a:active{transform:scale(.9)}
  /* hamburger: light header par dark, dark header par white (readable dono me) */
  .mobile .mmenu_icon a .fa,
  html.theme-dark .mobile a.shiftnav-toggle .fa-bars{font-size:23px;line-height:1;color:#fff!important}

  #aaradhana-float-panel{display:none!important}
  /* purana floating install button — ab bar ke andar aa gaya hai */
  #aroham_pwa_install_btn{display:none!important}

  #aaBar{
    display:flex;align-items:center;gap:2px;
    position:fixed;z-index:99998;
    left:50%;transform:translateX(-50%);
    width:80%;min-width:228px;max-width:440px;
    bottom:calc(var(--aa-sa) + var(--aa-gap));
    height:var(--aa-h);padding:5px;
    border-radius:999px;
    overflow:hidden;isolation:isolate;
    /* Light bar = header jaisा warm brown glass (dono pill match). Alpha .66 +
       bhaari blur(40) taaki frost saaf dikhe (peeche ka content jhalke). */
    background:rgba(90,43,32,.66);
    -webkit-backdrop-filter:blur(40px) saturate(175%);
    backdrop-filter:blur(40px) saturate(175%);
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 12px 40px rgba(0,0,0,.35),
               0 2px 8px rgba(0,0,0,.18),
               inset 0 1.5px 1px rgba(255,255,255,.45),
               inset 0 -2px 3px rgba(255,220,170,.08);
    transition:width .32s cubic-bezier(.4,0,.2,1),
               min-width .32s cubic-bezier(.4,0,.2,1),
               height .32s cubic-bezier(.4,0,.2,1),
               box-shadow .3s ease;
  }

  /* scroll par bar halki si sikudti hai — width + thodi height (chhoti nahi) */
  #aaBar.is-min{width:70%;min-width:200px;height:46px}
  /* min-width:0 taaki shrink me saare 5 icons andar fit ho jaayein —
     warna last icon (install) overflow:hidden se clip hokar gayab ho jaata tha */
  #aaBar.is-min .aaBtn{height:38px;min-width:0}
  #aaBar.is-min .aaBtn svg{width:21px;height:21px}
  #aaBar.is-min .aaA.sm{font-size:14px}
  #aaBar.is-min .aaA.lg{font-size:21px}
  #aaBar.is-min .aaSep{height:18px}

  /* buttons hamesha in layers ke upar */
  .aaBtn,.aaFz{position:relative;z-index:1}

  /* install + naamjaap — rang baaki icons jaisa hi (currentColor se aata hai),
     sirf link ka underline hataya */
  #aaInstall,#aaNaam{text-decoration:none}

  /* naamjaap — primary destination, isliye thoda bada icon */
  #aaNaam svg{width:30px;height:30px}
  #aaBar.is-min #aaNaam svg{width:25px;height:25px}

  html.theme-dark #aaBar{
    /* header jaisa navy → warm-copper gradient glass (dono match karein) */
    background:linear-gradient(105deg,
                 rgba(24,30,50,.58) 0%,
                 rgba(36,32,46,.52) 50%,
                 rgba(96,58,38,.54) 100%);
    -webkit-backdrop-filter:blur(40px) saturate(180%) brightness(1.15);
    backdrop-filter:blur(40px) saturate(180%) brightness(1.15);
    border-color:rgba(255,255,255,.16);
    box-shadow:0 12px 40px rgba(0,0,0,.50),
               0 2px 8px rgba(0,0,0,.26),
               inset 0 1.5px 1px rgba(255,255,255,.26),
               inset 0 -2px 3px rgba(255,220,170,.06);
  }
  @supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
    #aaBar{background:#f2f2f4}
    html.theme-dark #aaBar{background:#141a2d}
  }

  .aaBtn{
    flex:1;height:42px;min-width:0;
    display:flex;align-items:center;justify-content:center;
    background:transparent;border:0;padding:0;margin:0;
    /* bar ab dono mode me dark glass (brown/navy) hai — icons white dono me */
    color:#fff;border-radius:999px;cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));
    transition:background .18s ease,transform .12s ease,opacity .18s ease,
               height .32s cubic-bezier(.4,0,.2,1);
  }
  /* logo par drop-shadow nahi — wo circle ke bahar smudge banata hai */
  #aaHome,html.theme-dark #aaHome{filter:none}
  .aaBtn:active{transform:scale(.9)}
  .aaBtn svg{width:26px;height:26px;display:block;transition:width .32s cubic-bezier(.4,0,.2,1),height .32s cubic-bezier(.4,0,.2,1)}
  /* ===== active tab = saffron glass chip =====
     Raised frosted tukda + brand-saffron rangat aur halka glow — selected tab
     "gehna" ki tarah pop kare. Top-rim chamak se kaanch jaisa ubhaar. */
  .aaBtn.is-active{
    color:#8a4712;
    background:
      radial-gradient(120% 120% at 50% 0%, rgba(255,236,205,.85), rgba(240,185,106,.42) 70%);
    -webkit-backdrop-filter:brightness(1.08) saturate(1.5);
    backdrop-filter:brightness(1.08) saturate(1.5);
    box-shadow:inset 0 1.5px 1px rgba(255,255,255,.95),
               inset 0 -2px 4px rgba(217,127,34,.22),
               0 0 0 1px rgba(217,127,34,.28),
               0 4px 12px rgba(217,127,34,.28),
               0 2px 6px rgba(0,0,0,.10);
  }
  html.theme-dark .aaBtn.is-active{
    color:#fff2dc;
    background:
      radial-gradient(120% 120% at 50% 0%, rgba(255,214,150,.42), rgba(240,185,106,.20) 72%);
    -webkit-backdrop-filter:brightness(1.28) saturate(1.6);
    backdrop-filter:brightness(1.28) saturate(1.6);
    box-shadow:inset 0 1.5px 1px rgba(255,235,205,.55),
               inset 0 -2px 4px rgba(240,185,106,.16),
               0 0 0 1px rgba(240,185,106,.42),
               0 4px 16px rgba(240,185,106,.40),
               0 2px 8px rgba(0,0,0,.32);
  }
  .aaBtn[disabled],.aaBtn.is-off{opacity:.3;pointer-events:none}

  .aaFz{flex:1.6;display:flex;align-items:center;gap:0}
  .aaFz .aaBtn{flex:1}
  .aaFz .aaSep{width:1px;height:22px;background:currentColor;opacity:.22;flex:0 0 1px;transition:height .32s cubic-bezier(.4,0,.2,1)}
  .aaA{
    font-weight:600;line-height:1;font-family:inherit;
    display:block;transform:translateY(-1px);
    transition:font-size .32s cubic-bezier(.4,0,.2,1);
  }
  .aaA.sm{font-size:17px}
  .aaA.lg{font-size:26px}

  #aaToast{
    display:block;position:fixed;z-index:99999;
    left:50%;transform:translate(-50%,6px);
    bottom:calc(var(--aa-top) + 12px);
    padding:7px 16px;border-radius:999px;
    font-size:13px;font-weight:600;white-space:nowrap;
    background:rgba(20,26,45,.88);color:#f0b96a;
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    border:1px solid rgba(230,160,60,.3);
    opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;
  }
  #aaToast.show{opacity:1;transform:translate(-50%,0)}

  /* ===================== SEARCH POPUP ===================== */
  #aaSearchWrap{
    display:none;position:fixed;inset:0;z-index:100000;
  }
  #aaSearchWrap.open{display:block}
  .aaSearchBackdrop{
    position:absolute;inset:0;
    background:rgba(5,7,14,.68);
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    opacity:0;transition:opacity .25s ease;
  }
  #aaSearchWrap.show .aaSearchBackdrop{opacity:1}

  /* center floating box — command-palette jaisa (thoda upar biased,
     taaki keyboard khulne par bhi input dikhta rahe) */
  .aaSearchPanel{
    position:absolute;left:50%;top:13vh;
    transform:translate(-50%,-10px);
    width:min(92%,460px);max-height:74vh;
    border-radius:22px;overflow:hidden;
    background:rgba(255,255,255,.92);
    -webkit-backdrop-filter:blur(44px) saturate(200%);
    backdrop-filter:blur(44px) saturate(200%);
    border:1px solid rgba(255,255,255,.55);
    box-shadow:0 24px 70px rgba(0,0,0,.35),
               inset 0 1.5px 1px rgba(255,255,255,.85);
    opacity:0;
    transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .24s ease;
  }
  html.theme-dark .aaSearchPanel{
    background:rgba(19,24,40,.94);
    border-color:rgba(255,255,255,.14);
    box-shadow:0 24px 70px rgba(0,0,0,.6),
               inset 0 1.5px 1px rgba(255,255,255,.22);
  }
  #aaSearchWrap.show .aaSearchPanel{transform:translate(-50%,0);opacity:1}

  .aaSearchBar{
    display:flex;align-items:center;gap:8px;padding:12px 12px 11px;
    border-bottom:1px solid rgba(0,0,0,.08);
  }
  html.theme-dark .aaSearchBar{border-bottom-color:rgba(255,255,255,.10)}
  .aaSearchIco{width:22px;height:22px;flex:0 0 22px;color:#7a8194}
  html.theme-dark .aaSearchIco{color:#aab}
  #aaSearchInput{
    flex:1;min-width:0;border:0;background:transparent;outline:none;
    font-size:17px;font-family:inherit;color:#14181f;padding:6px 0;
  }
  html.theme-dark #aaSearchInput{color:#f4f6fb}
  #aaSearchInput::placeholder{color:#9aa0ad}
  #aaSearchClose{
    flex:0 0 auto;width:30px;height:30px;border:0;border-radius:50%;
    display:flex;align-items:center;justify-content:center;cursor:pointer;
    background:rgba(0,0,0,.10);color:#14181f;-webkit-tap-highlight-color:transparent;
  }
  html.theme-dark #aaSearchClose{background:rgba(255,255,255,.16);color:#eef1f7}
  #aaSearchClose:active{transform:scale(.9)}
  #aaSearchClose svg{width:16px;height:16px}

  /* content-hug: khaali me popular chips, results par max-height tak scroll */
  #aaSearchScroll{max-height:calc(74vh - 62px);overflow-y:auto;-webkit-overflow-scrolling:touch}

  /* popular khoj — khaali state me */
  #aaSearchPop{padding:14px 16px 18px}
  #aaSearchWrap.has-q #aaSearchPop{display:none}   /* type karte hi hatao */
  .aaPopLbl{
    font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;
    opacity:.45;margin-bottom:11px;color:#14181f;
  }
  html.theme-dark .aaPopLbl{color:#eef1f7}
  .aaPopChips{display:flex;flex-wrap:wrap;gap:8px}
  .aaChip{
    border:0;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;
    padding:8px 15px;border-radius:999px;-webkit-tap-highlight-color:transparent;
    background:rgba(0,0,0,.06);color:#14181f;
    transition:transform .12s ease,background .15s ease;
  }
  .aaChip:active{transform:scale(.94)}
  html.theme-dark .aaChip{background:rgba(255,255,255,.10);color:#eef1f7}
  html.theme-dark .aaChip:active{background:rgba(240,185,106,.22)}
  .aaSR{
    display:block;padding:13px 16px;text-decoration:none;
    border-bottom:1px solid rgba(0,0,0,.06);
    color:#14181f;-webkit-tap-highlight-color:transparent;
  }
  html.theme-dark .aaSR{color:#eef1f7;border-bottom-color:rgba(255,255,255,.07)}
  .aaSR:active{background:rgba(0,0,0,.06)}
  html.theme-dark .aaSR:active{background:rgba(255,255,255,.08)}
  .aaSR-t{font-size:16px;font-weight:600;line-height:1.35}
  .aaSR-s{font-size:12.5px;opacity:.6;margin-top:2px}
  .aaSR mark{background:transparent;color:#d97f22;font-weight:700;padding:0}
  html.theme-dark .aaSR mark{color:#f0b96a}
  .aaSMsg{padding:22px 16px;text-align:center;font-size:14px;opacity:.6;color:#14181f}
  html.theme-dark .aaSMsg{color:#eef1f7}

  /* ===================== NAAM JAAP POPUP ===================== */
  #aaNaamWrap{display:none;position:fixed;inset:0;z-index:100000}
  #aaNaamWrap.open{display:block}
  .aaNaamBackdrop{
    position:absolute;inset:0;
    background:rgba(5,7,14,.68);
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    opacity:0;transition:opacity .25s ease;
  }
  #aaNaamWrap.show .aaNaamBackdrop{opacity:1}

  .aaNaamPanel{
    position:absolute;left:50%;top:50%;
    transform:translate(-50%,-46%);
    width:min(94%,460px);max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;
    display:flex;flex-direction:column;
    border-radius:26px;padding:6px 10px 16px;
    background:rgba(255,255,255,.92);
    -webkit-backdrop-filter:blur(44px) saturate(200%);
    backdrop-filter:blur(44px) saturate(200%);
    border:1px solid rgba(255,255,255,.55);
    box-shadow:0 24px 70px rgba(0,0,0,.35),
               inset 0 1.5px 1px rgba(255,255,255,.85);
    opacity:0;
    transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .24s ease;
  }
  html.theme-dark .aaNaamPanel{
    background:rgba(19,24,40,.94);
    border-color:rgba(255,255,255,.14);
    box-shadow:0 24px 70px rgba(0,0,0,.6),
               inset 0 1.5px 1px rgba(255,255,255,.22);
  }
  #aaNaamWrap.show .aaNaamPanel{transform:translate(-50%,-50%);opacity:1}

  .aaNaamClose{
    align-self:flex-end;position:sticky;top:2px;
    flex:0 0 auto;width:34px;height:34px;border:0;border-radius:50%;
    display:flex;align-items:center;justify-content:center;cursor:pointer;
    background:rgba(0,0,0,.10);color:#14181f;-webkit-tap-highlight-color:transparent;z-index:2;
  }
  html.theme-dark .aaNaamClose{background:rgba(255,255,255,.16);color:#eef1f7}
  .aaNaamClose:active{transform:scale(.9)}
  .aaNaamClose svg{width:17px;height:17px}
  .aaNaamBody{margin-top:-8px}

  @media (prefers-reduced-motion:reduce){
    #aaBar,.aaBtn,.aaBtn svg,.aaA,.aaSep,#aaToast,
    .aaSearchPanel,.aaSearchBackdrop,
    .aaNaamPanel,.aaNaamBackdrop{transition:none}
  }
}

/* --- naam-jaap.css --- */
:root{
  --nj-btn-grad:linear-gradient(135deg,rgba(255,172,86,.97),rgba(99,102,241,.88));
  --nj-progress:linear-gradient(90deg,#fbbf24,#6366f1);
  --nj-glow:rgba(255,140,50,.32);
  --nj-glow-b:rgba(99,102,241,.22);
}
.nj-widget{text-align:center}
.machine-outer{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:56px 16px;text-align:center;background:transparent}
.nj-compact .machine-outer{min-height:0;padding:0}
.machine-box{position:relative;width:100%;max-width:420px;padding:28px 22px 22px;border-radius:28px;border:1px solid rgba(0,0,0,.09);background:rgba(255,255,255,.76);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.12)}
.nj-compact .machine-box{box-shadow:none;border:none;background:transparent;padding:6px 6px 8px;-webkit-backdrop-filter:none;backdrop-filter:none}
.nj-compact .machine-box::before{display:none}
.nj-compact .naam-title{display:none}          /* popup me naam (राम राम) title nahi chahiye */
.nj-compact .lang-switcher-wrap{margin:2px 0 12px}
.machine-box::before{content:"";position:absolute;inset:-10px;z-index:-1;border-radius:32px;background:radial-gradient(700px 200px at 10% 0%,rgba(255,172,86,.20),transparent 55%),radial-gradient(600px 200px at 92% 35%,rgba(99,102,241,.17),transparent 55%);filter:blur(.3px)}
.naam-title{font-size:20px;font-weight:900;letter-spacing:.04em;color:#b45309;margin:0 0 14px;min-height:20px}
.naam-title:empty{margin-bottom:4px}
.display-wrap{position:relative;margin:0 0 14px}
.display{background:transparent;color:rgba(17,24,39,.93);font-weight:900;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums;font-size:64px;padding:20px 16px;border-radius:20px;letter-spacing:.14em;box-shadow:none;border:none}
.deva-toggle{position:absolute;top:9px;right:9px;background:rgba(255,255,255,.70);border:1px solid rgba(0,0,0,.10);border-radius:9px;width:30px;height:26px;font-size:13px;font-weight:800;cursor:pointer;color:rgba(17,24,39,.55);display:flex;align-items:center;justify-content:center;transition:all .12s;-webkit-tap-highlight-color:transparent;line-height:1}
.deva-toggle.active{background:rgba(255,152,40,.16);border-color:rgba(255,152,40,.40);color:#b45309}
.deva-toggle:active{transform:scale(.90)}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.stat-card{background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.07);border-radius:16px;padding:12px 10px;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.stat-label{font-size:11px;font-weight:700;color:rgba(17,24,39,.50);text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}
.stat-value{font-size:28px;font-weight:900;color:rgba(17,24,39,.90);font-variant-numeric:tabular-nums}
.stat-value.bump{animation:statBump .22s cubic-bezier(.34,1.56,.64,1)}
@keyframes statBump{0%{transform:scale(1)}50%{transform:scale(1.16)}100%{transform:scale(1)}}
.malas-progress{margin-bottom:16px}
.malas-progress-row{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:rgba(17,24,39,.55);margin-bottom:6px}
.malas-progress-track{height:7px;background:rgba(0,0,0,.08);border-radius:99px;overflow:hidden}
.malas-progress-fill{height:100%;background:var(--nj-progress);border-radius:99px;width:0%;transition:width .4s cubic-bezier(.34,1.56,.64,1)}
.btn-count-wrap{position:relative;width:230px;height:230px;margin:0 auto 12px}
.progress-ring{position:absolute;inset:0;width:100%;height:100%}
.bead{transition:fill .10s ease}
.bead-empty{fill:rgba(160,160,190,.18)}
.bead-filled{fill:var(--nj-bead-a,#fbbf24)}
.bead-current{fill:#fff}
.nj-widget .btn-count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:186px;height:186px;border-radius:50%;border:none;background:var(--nj-btn-grad);box-shadow:0 14px 38px var(--nj-glow),0 4px 12px var(--nj-glow-b);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:transform .08s ease,box-shadow .08s ease,filter .08s ease;color:rgba(255,255,255,.97);font-weight:900}
.btn-count-inner{display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none;position:relative;z-index:1}
.btn-icon{font-size:30px;line-height:1;display:block}
.btn-label{font-size:14px;font-weight:900;letter-spacing:.02em}
.nj-widget .btn-count:active{transform:translate(-50%,-50%) scale(.92);filter:brightness(.90)}
.nj-widget .btn-count:focus{outline:none}
.nj-widget .btn-count:focus-visible{box-shadow:0 0 0 3px rgba(99,102,241,.28),0 14px 38px var(--nj-glow)}
.btn-count.idle-pulse{animation:idlePulse 2.6s ease-in-out infinite}
@keyframes idlePulse{
  0%,100%{box-shadow:0 14px 38px var(--nj-glow),0 4px 12px var(--nj-glow-b),0 0 0 0 rgba(255,172,86,.38)}
  65%{box-shadow:0 14px 38px var(--nj-glow),0 4px 12px var(--nj-glow-b),0 0 0 22px rgba(255,172,86,0)}
}
.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.32);transform:scale(0);animation:rippleAnim .6s linear;pointer-events:none}
@keyframes rippleAnim{to{transform:scale(4.5);opacity:0}}
.action-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;gap:10px}
.btn-undo{background:rgba(255,255,255,.82);border:1px solid rgba(0,0,0,.09);border-radius:14px;padding:8px 16px;font-size:13px;font-weight:800;color:rgba(17,24,39,.78);cursor:pointer;transition:background .12s,transform .08s;box-shadow:0 3px 10px rgba(0,0,0,.07);-webkit-tap-highlight-color:transparent}
.btn-undo:active{transform:scale(.95)}
.btn-undo:disabled{opacity:.30;cursor:default}
.sync-indicator{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:rgba(17,24,39,.52)}
.sync-dot{width:7px;height:7px;border-radius:50%;background:#9ca3af;flex-shrink:0;transition:background .3s}
.sync-dot.syncing{background:#f59e0b;animation:syncBlink .7s ease-in-out infinite}
.sync-dot.synced{background:#10b981}
.sync-dot.offline{background:#ef4444}
.sync-dot.queued{background:#f97316;animation:syncBlink 1.4s ease-in-out infinite}
.sync-indicator.nj-syncClickable{cursor:pointer;text-decoration:underline;text-underline-offset:2px}
@keyframes syncBlink{0%,100%{opacity:1}50%{opacity:.22}}
.btn-share{background:rgba(255,255,255,.82);border:1px solid rgba(0,0,0,.09);border-radius:14px;padding:8px 14px;font-size:13px;font-weight:800;color:rgba(17,24,39,.78);cursor:pointer;transition:background .12s,transform .08s;box-shadow:0 3px 10px rgba(0,0,0,.07);-webkit-tap-highlight-color:transparent;display:flex;align-items:center;gap:5px}
.btn-share:active{transform:scale(.95)}
.share-toast{position:absolute;bottom:18px;left:50%;transform:translateX(-50%) translateY(0);background:rgba(17,24,39,.90);color:#fff;padding:8px 20px;border-radius:99px;font-size:13px;font-weight:700;z-index:30;white-space:nowrap;pointer-events:none;animation:toastIn .22s ease}
@keyframes toastIn{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.view-total-link{margin-top:8px}
.view-total-link a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:800;font-size:13px;color:#92400e;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,237,213,.82));border:1px solid rgba(217,119,6,.22);border-radius:14px;padding:9px 18px;box-shadow:0 5px 16px rgba(180,83,9,.09),inset 0 1px 0 rgba(255,255,255,.85);transition:transform .12s ease,box-shadow .12s ease}
.view-total-link a:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(180,83,9,.14),inset 0 1px 0 rgba(255,255,255,.90)}
.view-total-link a:active{transform:scale(.97)}
.mala-celebration{position:absolute;inset:0;border-radius:28px;background:var(--nj-btn-grad);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;z-index:20;opacity:0;transition:opacity .22s ease;pointer-events:none}
.mala-celebration.visible{opacity:1}
.celebration-text{font-size:28px;font-weight:900;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.16)}
.celebration-sub{font-size:14px;font-weight:800;color:rgba(255,255,255,.88)}
@media (max-width:600px){
  .machine-outer{padding:42px 12px}
  .nj-compact .machine-outer{padding:0}
  .machine-box{padding:22px 14px 18px}
  .nj-compact .machine-box{padding:6px 6px 8px}
  .display{font-size:56px;letter-spacing:.12em;padding:16px 12px}
  .btn-count-wrap{width:200px;height:200px}
  .nj-widget .btn-count{width:162px;height:162px}
}
@media (max-width:360px){
  .display{font-size:48px;letter-spacing:.10em}
  .btn-count-wrap{width:176px;height:176px}
  .nj-widget .btn-count{width:142px;height:142px}
}
@media (prefers-reduced-motion:reduce){
  .nj-widget .btn-count,.display,.stat-value,.malas-progress-fill,.bead{transition:none;animation:none}
}
html.theme-dark .machine-box{background:rgba(18,26,38,.86);border-color:rgba(231,99,28,.14);box-shadow:0 20px 60px rgba(0,0,0,.45)}
html.theme-dark .nj-compact .machine-box{background:transparent;border:none;box-shadow:none}
html.theme-dark .machine-box::before{background:radial-gradient(700px 200px at 10% 0%,rgba(231,99,28,.14),transparent 55%),radial-gradient(600px 200px at 92% 35%,rgba(99,102,241,.12),transparent 55%)}
html.theme-dark .naam-title{color:#f59e0b}
html.theme-dark .display{background:transparent;color:#f1f5f9;box-shadow:none}
html.theme-dark .deva-toggle{background:rgba(28,38,52,.80);border-color:rgba(255,255,255,.10);color:rgba(225,232,245,.55)}
html.theme-dark .deva-toggle.active{background:rgba(180,83,9,.22);border-color:rgba(245,158,11,.38);color:#fbbf24}
html.theme-dark .stat-card{background:rgba(28,38,52,.72);border-color:rgba(255,255,255,.07);box-shadow:0 4px 14px rgba(0,0,0,.28)}
html.theme-dark .stat-label{color:rgba(225,232,245,.42)}
html.theme-dark .stat-value{color:#e7ecf5}
html.theme-dark .malas-progress-row{color:rgba(225,232,245,.48)}
html.theme-dark .malas-progress-track{background:rgba(255,255,255,.09)}
html.theme-dark .bead-empty{fill:rgba(255,255,255,.09)}
html.theme-dark .btn-undo{background:rgba(28,38,52,.80);border-color:rgba(255,255,255,.10);color:#e7ecf5;box-shadow:0 3px 10px rgba(0,0,0,.30)}
html.theme-dark .btn-undo:disabled{opacity:.22}
html.theme-dark .sync-indicator{color:rgba(225,232,245,.48)}
html.theme-dark .btn-share{background:rgba(28,38,52,.80);border-color:rgba(255,255,255,.10);color:#e7ecf5;box-shadow:0 3px 10px rgba(0,0,0,.30)}
html.theme-dark .share-toast{background:rgba(240,240,255,.95);color:rgba(17,24,39,.92)}
html.theme-dark .view-total-link a{color:#fcd34d;background:linear-gradient(180deg,rgba(28,38,52,.90),rgba(40,28,16,.80));border-color:rgba(231,99,28,.28);box-shadow:0 5px 16px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)}
html.theme-dark .view-total-link a:hover{background:linear-gradient(180deg,rgba(40,28,16,.90),rgba(60,34,12,.80));box-shadow:0 10px 24px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08)}

/* --- breadcrumb-trail.css --- */
.breadcrumbs .trail-browse,
.breadcrumbs .trail-items,
.breadcrumbs .trail-items li {
	display:     inline-block;
	margin:      0;
	padding:     0;
	border:      none;
	background:  transparent;
	text-indent: 0;
}

.breadcrumbs .trail-browse {
	font-size:   inherit;
	font-style:  inherit;
	font-weight: inherit;
	color:       inherit;
}

.breadcrumbs .trail-items {
	list-style: none;
}

.trail-items li::after {
	content: "\002F";
	padding: 0 0.5em;
}

.trail-items li:last-of-type::after {
	display: none;
}