/*
 * TATOLITHEME - Navbar & Layout Fixes
 * Extracted from inline CSS for cacheability & performance
 */
html { scroll-behavior: smooth; }
.lmd-navbar-main .navbar{overflow:visible!important}
#lmdHeader .lmd-navbar-main .collapse,#lmdHeader .lmd-navbar-main .navbar-collapse,#lmdHeader .lmd-navbar-network .collapse,#lmdHeader .lmd-navbar-network .navbar-collapse{display:flex!important;visibility:visible!important;opacity:1!important;height:auto!important;overflow:visible!important}
#lmdHeader #navbarNav{display:flex!important;visibility:visible!important;opacity:1!important}
#lmdHeader #navbarNav.collapse{display:flex!important;visibility:visible!important}
#lmdHeader .navbar-expand .navbar-collapse,#lmdHeader .navbar-expand-lg .navbar-collapse{display:flex!important;visibility:visible!important;flex-basis:auto}
.lmd-navbar-main .navbar-nav,.lmd-navbar-main .lmd-main-menu-nav{display:flex!important;visibility:visible!important;flex-direction:row!important;flex-wrap:nowrap!important;opacity:1!important;align-items:center!important}
.lmd-navbar-main .lmd-main-menu-nav>li.nav-item{display:list-item!important;visibility:visible!important;opacity:1!important;flex-shrink:0!important}
.lmd-navbar-main .lmd-main-menu-nav>li>a,.lmd-navbar-main .lmd-main-menu-nav>li>a.nav-link{visibility:visible!important;opacity:1!important;display:block!important;color:#000!important;padding:.5rem .45rem!important;white-space:nowrap!important}
#menu-menuhome>li>a{padding:.5rem .45rem!important;white-space:nowrap!important}
#menu-menuhome{flex-wrap:nowrap!important}
.lmd-main-menu-nav>li:nth-child(n+14):not(.lmd-main-nav-more){display:none!important}
.lmd-main-nav-more{overflow:visible!important}
#lmdHeader .dropdown-menu{display:none!important;position:absolute;top:100%;left:0;z-index:1000;min-width:10rem;padding:.5rem 0;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.375rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}
#lmdHeader .dropdown-wrapper:hover>.dropdown-menu,#lmdHeader .dropdown-wrapper.show>.dropdown-menu,#lmdHeader .dropdown-menu.show{display:block!important;opacity:1;visibility:visible}
#lmdHeader .navbar-nav>.nav-item>.dropdown-menu{display:block!important;opacity:0;visibility:hidden;top:150%;transition:all .3s ease}
#lmdHeader .navbar-nav>.nav-item:hover>.dropdown-menu{top:100%;opacity:1;visibility:visible}
#lmdHeader .dropdown-item{display:flex!important;align-items:center;gap:.5rem;padding:.35rem 1rem;white-space:nowrap;color:#212529!important;text-decoration:none}
#lmdHeader .dropdown-item:hover{background-color:#f8f9fa}
#lmdHeader .dropdown-item img{flex-shrink:0}
#lmdHeader .dropdown-menu .dropdown-item.btn-icon{color:#212529!important;font-size:.875rem!important;justify-content:flex-start}
.lmd-navbar-top .btn-light{background-color:#fff!important;color:#333!important;border:1px solid #ddd!important;border-radius:.375rem}
.lmd-navbar-top .btn-light:hover{background-color:#f0f0f0!important}
.lmd-navbar-top .lmd-search-input{color:#fff!important;caret-color:#fff!important;-webkit-text-fill-color:#fff!important}
.lmd-navbar-top .lmd-search-input::placeholder{color:var(--bs-secondary-color,#6c757d)!important;-webkit-text-fill-color:var(--bs-secondary-color,#6c757d)!important;opacity:1!important}
.navbar-kanan .dropdown-wrapper .btn{font-size:.75rem!important;line-height:1.2!important}
.navbar-kanan .dropdown-wrapper .btn img{vertical-align:middle!important;flex-shrink:0}
.navbar-kanan .lmd-language-menu .dropdown-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.25rem!important;line-height:1!important}
.navbar-kanan .lmd-language-menu .dropdown-toggle img{display:block!important;align-self:center!important;margin-top:0!important;margin-bottom:0!important;line-height:1!important}
.navbar-kanan .lmd-language-menu:hover>.dropdown-menu:not(.show),.navbar-kanan .lmd-language-menu.show>.dropdown-menu:not(.show){display:none!important;opacity:0!important;visibility:hidden!important}
.navbar-kanan .lmd-language-menu>.dropdown-menu.show{display:block!important;opacity:1!important;visibility:visible!important}
.lmd-aio-posts .excerpt-category a,.lmd-aio-posts .excerpt-category{font-size:.6rem!important;padding:.1rem .3rem!important;line-height:1!important}
header.lmd-header{position:fixed!important;top:0;left:0;right:0;z-index:1060!important;transition:top .32s cubic-bezier(.22,.61,.36,1),box-shadow .2s ease!important;will-change:top,box-shadow;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:none!important}
header.lmd-header.header-hidden{top:-160px!important}
header.lmd-header.header-scrolled{box-shadow:0 2px 8px rgba(0,0,0,.1)!important}
header.lmd-header .lmd-navbar-top,header.lmd-header .lmd-navbar-main{box-shadow:none!important}
@media(prefers-reduced-motion:reduce){header.lmd-header{transition:none!important;will-change:auto}}
/* Keep the fixed Tatoli header below WordPress's frontend admin bar. */
body.admin-bar header.lmd-header{top:32px!important}
body.admin-bar header.lmd-header.header-hidden{top:-128px!important}
body.admin-bar .tpl-homepage,body.admin-bar .lmd-main{padding-top:122px}
body.admin-bar .xtzdas~.tpl-homepage,body.admin-bar .xtzdas~.lmd-main,body.admin-bar .xtzdas~section{padding-top:0!important}
.tpl-homepage,.lmd-main{padding-top:90px}
.xtzdas{position:relative;z-index:1000;margin-top:125px}
.xtzdas .text-center{text-align:center!important}
.xtzdas img{max-width:100%!important;height:auto!important;display:inline-block!important}
.xtzdas~.tpl-homepage,.xtzdas~.lmd-main,.xtzdas~section{padding-top:0!important}
@media(max-width:991.98px){
.tpl-homepage,.lmd-main{padding-top:95px}
.xtzdas{margin-top:130px}
.xtzdas~.tpl-homepage,.xtzdas~.lmd-main,.xtzdas~section{padding-top:0!important}
.lmd-navbar-main .navbar{overflow:hidden!important}
.lmd-navbar-main .navbar-nav,.lmd-navbar-main .lmd-main-menu-nav,.lmd-navbar-main #menu-menuhome{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.lmd-navbar-main .navbar-nav::-webkit-scrollbar,.lmd-navbar-main .lmd-main-menu-nav::-webkit-scrollbar,.lmd-navbar-main #menu-menuhome::-webkit-scrollbar{display:none;height:0}
.lmd-navbar-main .lmd-main-menu-nav>li>a,.lmd-navbar-main .lmd-main-menu-nav>li>a.nav-link,#menu-menuhome>li>a{font-size:.8rem!important;padding:.4rem .35rem!important}
}
@media(max-width:767.98px){
 .xtzdas{margin-top:75px}
 /* Bring a single article slightly closer to the header ad on phones only. */
 .xtzdas~.lmd-main.single-post>.container.py-4{padding-top:.75rem!important}
}
@media(max-width:782px){
body.admin-bar header.lmd-header{top:46px!important}
body.admin-bar header.lmd-header.header-hidden{top:-114px!important}
body.admin-bar .tpl-homepage,body.admin-bar .lmd-main{padding-top:141px}
body.admin-bar .xtzdas~.tpl-homepage,body.admin-bar .xtzdas~.lmd-main,body.admin-bar .xtzdas~section{padding-top:0!important}
}
.block-infografik-carousel{padding:2rem 0!important}
.excerpt-infografik-thumb img{aspect-ratio:9/16!important;height:420px!important;width:100%!important;object-fit:cover}
@media(min-width:992px){.excerpt-infografik-thumb img{height:480px!important}}
#tatoli .lmd-main .btn-play,#tatoli .tpl-homepage .btn-play{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:auto!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;background:none!important;border:none!important;border-radius:0!important;text-decoration:none!important;transition:all .3s ease!important;box-shadow:none!important;padding:0!important}
#tatoli .lmd-main .btn-play:hover,#tatoli .tpl-homepage .btn-play:hover{transform:translate(-50%,-50%) scale(1.15)!important;opacity:.9}
#tatoli .lmd-main .btn-play .fa-circle-play,#tatoli .tpl-homepage .btn-play .fa-circle-play{font-size:56px!important;color:#fff!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))!important}
#tatoli .lmd-main .btn-play .fa-play,#tatoli .tpl-homepage .btn-play .fa-play{font-size:56px!important;color:#fff!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))!important}
.lmd-navbar-main{margin-top:0!important}
.widget.lmd-social-media{overflow:visible!important}
/* Restore Tatoli card proportions without changing a plugin's Bootstrap grid. */
#tatoli .lmd-main .excerpt-inner>.col-5,#tatoli .tpl-homepage .excerpt-inner>.col-5{flex:0 0 auto;width:41.666667%}
#tatoli .lmd-main .excerpt-inner>.col-7,#tatoli .tpl-homepage .excerpt-inner>.col-7{flex:0 0 auto;width:58.333333%}
/* Share menus are theme-owned; keep them closed until Bootstrap toggles .show. */
#tatoli .lmd-main .excerpt-share .dropdown-menu,#tatoli .tpl-homepage .excerpt-share .dropdown-menu{display:none!important}
#tatoli .lmd-main .excerpt-share .dropdown-menu.show,#tatoli .tpl-homepage .excerpt-share .dropdown-menu.show{display:block!important;opacity:1!important;visibility:visible!important}
#tatoli .lmd-main .excerpt-share.dropup:hover>.dropdown-menu:not(.show),#tatoli .tpl-homepage .excerpt-share.dropup:hover>.dropdown-menu:not(.show){display:none!important}
/* Social buttons retain their intended white icon and label colors. */
#tatoli .lmd-main .lmd-social-media .socmed-lists a,#tatoli .tpl-homepage .lmd-social-media .socmed-lists a{color:#fff!important}
.dm-wrapper .row.match-height{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important}
.dm-wrapper .dm-left.col-match-height{display:flex!important;flex-direction:column!important;flex:0 0 65%!important;max-width:65%!important}
.dm-wrapper .dm-right.col-match-height{display:flex!important;flex-direction:column!important;flex:0 0 35%!important;max-width:35%!important;padding:.75rem!important;padding-left:1rem!important}
.dm-right .excerpt-title a{color:#fff!important}
.dm-right .excerpt-title a:hover{color:#ccc!important}
.dm-right .excerpt-meta{color:rgba(255,255,255,.7)!important}
.dm-right .excerpt-inner{display:flex!important;align-items:center!important}
.dm-right .excerpt-thumbnail{flex:0 0 30%!important;max-width:30%!important}
.dm-right .excerpt-thumbnail img{width:100%!important;aspect-ratio:1!important;object-fit:cover!important;border-radius:.375rem!important}
.dm-right .excerpt-content{flex:1!important;padding-left:.75rem!important}
.dm-right .excerpt-title{font-size:.85rem!important;line-height:1.3!important;margin-bottom:.2rem!important}
.dm-right .row.g-0.gx-md-3{display:flex!important;flex-direction:column!important;height:100%!important}
.dm-right .dontmiss-item{flex:1!important;display:flex!important;align-items:center!important;border-bottom:1px solid rgba(255,255,255,.1);padding:.5rem .75rem!important;margin:0!important}
.dm-right .dontmiss-item:last-child{border-bottom:none}
.dm-right .dontmiss-item .excerpt-dontlist{width:100%}
.dm-wrapper .dm-left .excerpt-dontmiss,.dm-wrapper .dm-left .excerpt-thumbnail{height:100%!important;display:flex!important;flex-direction:column!important}
.dm-wrapper .dm-left .excerpt-thumbnail a{flex:1!important;display:block!important}
.dm-wrapper .dm-left .excerpt-thumbnail img{width:100%!important;height:100%!important;object-fit:cover!important}
/* The 65/35 desktop split makes the side list too narrow on phones. */
@media(max-width:991.98px){
#tatoli .dm-wrapper .row.match-height{flex-wrap:wrap!important}
#tatoli .dm-wrapper .dm-left.col-match-height,#tatoli .dm-wrapper .dm-right.col-match-height{flex:0 0 100%!important;max-width:100%!important}
#tatoli .dm-wrapper .dm-right.col-match-height{padding:1rem!important}
#tatoli .dm-wrapper .dm-left .excerpt-dontmiss,#tatoli .dm-wrapper .dm-left .excerpt-thumbnail{height:auto!important}
#tatoli .dm-wrapper .dm-left .excerpt-thumbnail a{flex:none!important}
#tatoli .dm-wrapper .dm-left .excerpt-thumbnail img{height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important}
#tatoli .dm-wrapper .dm-right .row.g-0.gx-md-3{flex-direction:row!important;height:auto!important}
#tatoli .dm-wrapper .dm-right .dontmiss-item{flex:0 0 100%!important;max-width:100%!important;display:block!important;padding:.75rem 0!important}
#tatoli .dm-wrapper .dm-right .excerpt-inner{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;margin:0!important}
 #tatoli .dm-wrapper .dm-right .excerpt-thumbnail{flex:0 0 34%!important;max-width:34%!important}
 #tatoli .dm-wrapper .dm-right .excerpt-thumbnail{position:relative!important}
 #tatoli .dm-wrapper .dm-right .excerpt-thumbnail a{display:block!important;width:100%!important}
 #tatoli .dm-wrapper .dm-right .excerpt-thumbnail img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important}
 #tatoli .dm-wrapper .dm-right .excerpt-thumbnail .btn-play{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;background:rgba(0,0,0,.65)!important;border-radius:50%!important}
 #tatoli .dm-wrapper .dm-right .excerpt-thumbnail .btn-play i{display:none!important}
 #tatoli .dm-wrapper .dm-right .excerpt-thumbnail .btn-play::after{content:"";display:block;width:0;height:0;margin-left:3px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #fff}
 #tatoli .dm-wrapper .dm-right .excerpt-content{flex:0 0 66%!important;max-width:66%!important;padding-left:.75rem!important}
#tatoli .dm-wrapper .dm-right .excerpt-title{font-size:1rem!important;line-height:1.35!important;margin-bottom:.25rem!important}
#tatoli .dm-wrapper .dm-right .excerpt-meta{font-size:.75rem!important;margin-top:.25rem!important}
}
.lmd-social-media .socmed-lists{overflow:visible!important;display:flex!important;flex-wrap:wrap!important}
.lmd-social-media .socmed-lists .col-6{overflow:visible!important;flex:0 0 50%!important;max-width:50%!important;padding:0 .25rem!important;margin-bottom:.5rem!important}
.lmd-social-media .socmed-lists .col-6 a{display:flex!important;width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 8px!important;border-radius:5px}
.lmd-social-media .socmed-lists .col-6 a i{font-size:.95rem!important;margin-right:3px}
.lmd-social-media .socmed-lists .col-6 a span{font-size:.7rem!important}
.lmd-social-media .socmed-lists .col-6 a small{font-size:.6rem!important}
.lmd-navbar-top .dropdown-wrapper .btn{font-size:inherit!important;padding:.25rem .75rem!important;line-height:1.5!important}
.lmd-navbar-top .dropdown-wrapper{z-index:1050!important}
.lmd-navbar-top .dropdown-wrapper .dropdown-menu{z-index:1051!important}
#lmdSideNav .offcanvas-backdrop{z-index:1070!important}
#lmdSideNav .offcanvas-panel{z-index:1080!important}
#lmdSideNav .offcanvas-footer .socmed{display:flex!important;flex-wrap:wrap;gap:.4rem;padding:0;margin:0 0 .75rem}
#lmdSideNav .offcanvas-footer .socmed li{margin:0!important}
#lmdSideNav .offcanvas-footer .socmed li a{width:1.8rem;height:1.8rem;font-size:.8rem;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff}
#lmdSideNav .offcanvas-footer .socmed-app-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}
#lmdSideNav .offcanvas-footer .socmed-app-badge img{width:90px!important;height:auto!important}
#lmdSideNav .offcanvas-footer .copyright{font-size:.7rem;color:#9ca3af}
.lmd-navbar-bottom{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1030!important;background-color:#000!important;border-top:1px solid rgba(255,255,255,.15);padding:.5rem 1rem!important;display:flex!important}
.lmd-navbar-bottom .row{display:flex!important;flex-wrap:nowrap!important;width:100%;justify-content:space-evenly!important}
.lmd-navbar-bottom .col{flex:1!important;text-align:center}
.lmd-navbar-bottom .col a{display:flex!important;flex-direction:column!important;align-items:center!important;color:#fff!important;text-decoration:none;font-size:.65rem;gap:2px}
.lmd-navbar-bottom .col a i{font-size:1.1rem}
@media(min-width:992px){.lmd-navbar-bottom{display:none!important}}
@media(max-width:767.98px){.lmd-backtop{display:none!important}}
@media(max-width:991.98px){
body{overflow-x:hidden!important}
.lmd-navbar-network-mobile{overflow:hidden}
.lmd-navbar-network-mobile .container{overflow:hidden;padding:0 12px}
.lmd-navbar-network-mobile .navbar{overflow:hidden;padding:0}
.lmd-navbar-network-mobile .navbar-collapse{display:block!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}
.lmd-navbar-network-mobile .navbar-nav{display:flex!important;flex-wrap:nowrap!important;white-space:nowrap;padding:5px 0}
.lmd-navbar-network-mobile .navbar-nav .nav-item{flex-shrink:0}
.lmd-navbar-network-mobile .navbar-nav .nav-link{font-size:.7rem!important;padding:.25rem .5rem!important}
.lmd-navbar-network-mobile .navbar-nav::-webkit-scrollbar{height:0;display:none}
.lmd-navbar-network-mobile .navbar-collapse::-webkit-scrollbar{height:0;display:none}
}
@media(min-width:768px) and (max-width:991.98px){
.lmd-navbar-network-mobile .navbar-nav .nav-link{font-size:.75rem!important;padding:.25rem .6rem!important}
}
@media(max-width:767.98px){
.lmd-navbar-top .navbar{flex-wrap:nowrap!important;padding:.4rem 0!important;align-items:center!important}
.lmd-navbar-top .navbar-brand img{max-width:90px!important}
.lmd-navbar-top .navbar-kanan{flex-wrap:nowrap!important;gap:.4rem!important;margin-left:auto!important;align-items:center!important}
.lmd-navbar-top .navbar-kanan>a.d-md-inline,.lmd-navbar-top .navbar-kanan>a.d-none{display:none!important}
.lmd-navbar-top .navbar-kanan .dropdown-wrapper{margin-left:0!important}
.lmd-navbar-top .navbar-kanan .dropdown-wrapper .btn{font-size:.75rem!important;padding:.35rem .6rem!important;margin-left:0!important;white-space:nowrap;height:30px!important;line-height:1!important;display:inline-flex!important;align-items:center!important}
 .lmd-navbar-top .navbar-kanan #lmdDarkModeBtn{font-size:.85rem!important;margin-left:0!important;padding:.35rem .6rem!important;height:30px!important;width:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background-color:#fff!important;color:#333!important;border:1px solid #ddd!important;border-radius:.375rem!important}
 .lmd-navbar-main{display:none!important}
 #lmdHeader .lmd-navbar-network-mobile{overflow:hidden!important}
 #lmdHeader .lmd-navbar-network-mobile .container{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;touch-action:pan-x!important;overscroll-behavior-x:contain;scrollbar-width:none}
 #lmdHeader .lmd-navbar-network-mobile .container::-webkit-scrollbar{display:none;height:0}
 #lmdHeader .lmd-navbar-network-mobile .navbar{width:max-content!important;min-width:100%!important;max-width:none!important;overflow:visible!important}
 #lmdHeader .lmd-navbar-network-mobile #mobileNetworkNav{display:block!important;width:max-content!important;min-width:100%!important;max-width:none!important;overflow:visible!important}
 #lmdHeader .lmd-navbar-network-mobile #mobileNetworkNav .navbar-nav{width:max-content!important;min-width:max-content!important;margin-left:0!important;margin-right:0!important;flex-wrap:nowrap!important}
}
.night-mode .lmd-navbar-main .lmd-main-menu-nav>li>a,.night-mode .lmd-navbar-main .lmd-main-menu-nav>li>a.nav-link,.night-mode #menu-menuhome>li>a{color:#e5e7eb!important}
.night-mode .lmd-navbar-main .lmd-main-menu-nav>li>a:hover,.night-mode #menu-menuhome>li>a:hover{color:#fff!important}
.night-mode #lmdHeader .lmd-navbar-main .dropdown-item,.night-mode #lmdHeader .dropdown-menu .dropdown-item{color:#f3f4f6!important;background-color:transparent}
.night-mode #lmdHeader .lmd-navbar-main .dropdown-menu,.night-mode #lmdHeader .lmd-navbar-top .dropdown-menu{background-color:#2a2d32!important;border-color:#ffffff1f!important}
.night-mode .lmd-navbar-top .dropdown-item{color:#f3f4f6!important;background-color:transparent}
.night-mode .lmd-navbar-top .dropdown-item:hover{background-color:#ffffff14!important;color:#fff!important}
.night-mode .lmd-navbar-main .dropdown-item:hover{background-color:#ffffff14!important;color:#fff!important}
.night-mode .lmd-navbar-main .lmd-main-nav-more__panel.lmd-main-nav-more__dropdown,.night-mode .lmd-main-nav-more__panel{background-color:#1f2227!important;border-color:#ffffff1f!important;box-shadow:0 12px 40px rgba(0,0,0,.5),0 4px 14px rgba(0,0,0,.3)!important}
.night-mode .lmd-main-nav-more__panel a,.night-mode .lmd-main-nav-more__panel .dropdown-item,.night-mode .lmd-main-nav-more__panel li a{color:#e5e7eb!important}
.night-mode .lmd-main-nav-more__panel a:hover,.night-mode .lmd-main-nav-more__panel .dropdown-item:hover,.night-mode .lmd-main-nav-more__panel li a:hover{color:#fff!important;background-color:#ffffff14!important}
.night-mode .lmd-navbar-main{background-color:#1a1d21!important;border-color:#ffffff1f!important}
#tatoli.night-mode .lmd-aio-posts .widget-title,#tatoli.night-mode .lmd-aio-posts .widget-title span,#tatoli.night-mode .lmd-aio-posts .excerpt-title a{color:#fff!important}
#tatoli.night-mode .lmd-aio-posts .excerpt-title a:hover{color:#d1d5db!important}

/*
 * Modern headline carousel controls
 * Replaces Bootstrap default SVG icons with smaller FontAwesome chevron icons in rounded cards
 */
.block-headline .headline-wrapper .carousel-control-prev,
.block-headline .headline-wrapper .carousel-control-next {
    width: 36px;
    height: 36px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}
.block-headline .headline-wrapper .carousel-control-prev { left: 8px; }
.block-headline .headline-wrapper .carousel-control-next { right: 8px; }
.block-headline .headline-wrapper .carousel-control-prev-icon,
.block-headline .headline-wrapper .carousel-control-next-icon {
    background-image: none !important;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.35);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 50%;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    transition: all 0.25s ease;
}
.block-headline .headline-wrapper .carousel-control-prev:hover .carousel-control-prev-icon,
.block-headline .headline-wrapper .carousel-control-next:hover .carousel-control-next-icon {
    background: rgba(255,255,255,0.65);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 6px 24px rgba(0,0,0,0.2);
    transform: scale(1.1);
}
.block-headline .headline-wrapper .carousel-control-prev-icon::after,
.block-headline .headline-wrapper .carousel-control-next-icon::after {
    font-family: "Font Awesome 7 Free", "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: #333;
    line-height: 1;
}
.block-headline .headline-wrapper .carousel-control-prev-icon::after { content: "\f053"; }
.block-headline .headline-wrapper .carousel-control-next-icon::after { content: "\f054"; }
/* Night mode */
.night-mode .block-headline .headline-wrapper .carousel-control-prev-icon,
.night-mode .block-headline .headline-wrapper .carousel-control-next-icon {
    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}
.night-mode .block-headline .headline-wrapper .carousel-control-prev:hover .carousel-control-prev-icon,
.night-mode .block-headline .headline-wrapper .carousel-control-next:hover .carousel-control-next-icon {
    background: rgba(30,30,35,0.75);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 6px 24px rgba(0,0,0,0.45);
}
.night-mode .block-headline .headline-wrapper .carousel-control-prev-icon::after,
.night-mode .block-headline .headline-wrapper .carousel-control-next-icon::after {
    color: #e5e7eb;
}

/*
 * Thumbnail scroll carousel (headline)
 */
.lmd-thumb-scroll{
    display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0;
}
.lmd-thumb-scroll::-webkit-scrollbar{display:none;height:0}
.lmd-thumb-scroll .ler-item{
    flex:0 0 calc(33.333% - 14px);min-width:0;scroll-snap-align:start;cursor:pointer;
}
@media(max-width:575.98px){
    .lmd-thumb-scroll .ler-item{flex:0 0 calc(50% - 10px)}
}

/*
 * Homepage section spacing
 */
.tpl-homepage .lmd-section-1{padding-top:8px;padding-bottom:12px}
.tpl-homepage .lmd-section-1 .lmd-block{margin-bottom:14px}
.tpl-homepage .lmd-section-1 .lmd-block:last-child{margin-bottom:0}
.tpl-homepage .lmd-section-1 .headline-wrapper{margin-bottom:10px}
.tpl-homepage .lmd-section-1 .block-header{margin-top:4px;margin-bottom:10px}
.tpl-homepage .lmd-section-1 .section-sidebar .sticky-sidebar{padding-top:0}
@media(max-width:991.98px){
    .tpl-homepage .lmd-section-1{padding-top:6px;padding-bottom:10px}
    .tpl-homepage .lmd-section-1 .section-sidebar{margin-top:10px}
}

/*
 * Infografik carousel (transform-based, loop)
 */
.block-infografik-carousel{position:relative;overflow:hidden;padding:0 40px}
.lmd-scroll-track{display:flex;gap:20px;will-change:transform}
.lmd-scroll-btn{
    position:absolute;top:50%;transform:translateY(-50%);z-index:5;
    width:32px;height:32px;border-radius:50%;border:none;
    background:rgba(0,0,0,.6);color:#fff;font-size:.8rem;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    transition:background .2s;
}
.lmd-scroll-btn:hover{background:rgba(0,0,0,.8)}
.lmd-scroll-prev{left:0}
.lmd-scroll-next{right:0}
.night-mode .lmd-scroll-btn{background:rgba(255,255,255,.2)}
.night-mode .lmd-scroll-btn:hover{background:rgba(255,255,255,.35)}

/*
 * Homepage block ads visibility
 */
.tpl-homepage .block-ads{max-width:100%;overflow:hidden;margin:0 auto;text-align:center}
.tpl-homepage .block-ads a{display:inline-block}
.tpl-homepage .block-ads img{display:block;max-width:100%;height:auto;margin:0 auto}

/*
 * Headline wrapper — absolute-positioned thumb strip should overlay carousel
 * but not overlap sibling .block-ads below wrapper
 */
.block-headline .headline-wrapper{overflow:visible!important;position:relative}
.block-headline .lmd-excerpt-related{position:absolute!important;bottom:0!important;left:0!important;right:0!important;z-index:10!important;pointer-events:none}
.block-headline .lmd-excerpt-related .lmd-thumb-scroll{pointer-events:auto}
.block-headline .headline-wrapper + .block-ads{margin-top:120px}
@media(max-width:991.98px){
  .block-headline .headline-wrapper{padding-bottom:0!important}
  .block-headline .lmd-excerpt-related{position:relative!important;bottom:auto!important;margin-top:12px}
  .block-headline .headline-wrapper + .block-ads{margin-top:16px}
}

/*
 * Single post content layout fix
 */
.single-post .postbodyshare{display:flex!important;width:100%!important}
.single-post .postbodywrapper{flex:1!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
.single-post .post-body{overflow-wrap:break-word!important;word-wrap:break-word!important}
.single-post .post-body img{max-width:100%!important;height:auto!important}
.single-post .post-body figure{max-width:100%!important;overflow:hidden!important}
.single-post .post-body figure.alignleft{float:left!important;margin:0 1rem 1rem 0!important;max-width:50%!important}
.single-post .post-body figure.alignright{float:right!important;margin:0 0 1rem 1rem!important;max-width:50%!important}
.single-post .post-body figure.aligncenter{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.single-post .post-body .wp-caption{max-width:100%!important}
.single-post .post-body .wp-caption img{width:100%!important;height:auto!important}
.single-post .post-body figure.alignleft img,.single-post .post-body figure.alignright img{width:100%!important;height:auto!important}
/* Keep normal news images full width but shorter on phones; infographics stay unchanged. */
@media(max-width:575.98px){
    #tatoli .single-post-thumbnail--standard{width:100%;max-width:none;margin-left:auto!important;margin-right:auto!important}
    #tatoli .single-post-thumbnail--standard img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}
}

/*
 * Dark mode toggle - instant visual feedback on click
 */
#lmdDarkModeBtn {
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.15s ease, opacity 0.15s ease !important;
    -webkit-tap-highlight-color: transparent;
}
#lmdDarkModeBtn:active i,
#lmdDarkModeBtn:active {
    transform: scale(0.85);
    opacity: 0.7;
}
#lmdDarkModeBtn i {
    transition: transform 0.3s ease, color 0.2s ease;
    display: inline-block;
    pointer-events: none;
}
.night-mode #lmdDarkModeBtn i {
    transform: rotate(180deg);
}

/*
 * Modern share buttons
 */
.lmd-share{display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important}
.lmd-share a,.lmd-share button{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:26px!important;height:26px!important;border-radius:4px!important;
    color:#fff!important;text-decoration:none!important;
    border:none!important;cursor:pointer!important;
    font-size:.7rem!important;line-height:1!important;
    transition:all .2s ease!important;
    position:relative!important;overflow:hidden!important;
    margin:0!important;padding:0!important;opacity:1!important
}
.lmd-share a span,.lmd-share button span{
    position:absolute!important;width:1px!important;height:1px!important;
    padding:0!important;margin:-1px!important;overflow:hidden!important;
    clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}
.lmd-share a:hover,.lmd-share button:hover{
    opacity:.85!important
}
.lmd-share .lmd-btn-facebook{background:#1877f2!important}
.lmd-share .lmd-btn-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important}
.lmd-share .lmd-btn-x{background:#000!important}
.lmd-share .lmd-btn-whatsapp{background:#25d366!important}
.lmd-share .lmd-btn-telegram{background:#2aabee!important}
.lmd-share .lmd-btn-pinterest{background:#e60023!important}
.lmd-share .lmd-btn-linkedin{background:#0a66c2!important}
.lmd-share .lmd-btn-email{background:#666!important}
.night-mode .lmd-share a,.night-mode .lmd-share button{color:#fff!important}

/*
 * Popup ads Swiper nav buttons — smaller, glassmorphism
 */
.lmd-popup-swiper .swiper-button-next,
.lmd-popup-swiper .swiper-button-prev {
    width: 28px;height: 28px;
    background:rgba(255,255,255,.35)!important;
    backdrop-filter:blur(6px)!important;
    -webkit-backdrop-filter:blur(6px)!important;
    border-radius:50%!important;
    box-shadow:0 4px 16px rgba(0,0,0,.12);
    transition:all .25s ease!important;
    top:50%;transform:translateY(-50%);
    margin-top:0;
}
.lmd-popup-swiper .swiper-button-next:hover,
.lmd-popup-swiper .swiper-button-prev:hover {
    background:rgba(255,255,255,.65)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    box-shadow:0 6px 24px rgba(0,0,0,.2);
    transform:translateY(-50%) scale(1.1)!important;
}
.lmd-popup-swiper .swiper-button-next::after,
.lmd-popup-swiper .swiper-button-prev::after {
    font-size:12px;font-weight:900;color:#333;
    font-family:"Font Awesome 7 Free","Font Awesome 5 Free";
}
.lmd-popup-swiper .swiper-button-prev::after { content:"\f053" }
.lmd-popup-swiper .swiper-button-next::after { content:"\f054" }
.night-mode .lmd-popup-swiper .swiper-button-next,
.night-mode .lmd-popup-swiper .swiper-button-prev {
    background:rgba(0,0,0,.45)!important;
    box-shadow:0 4px 16px rgba(0,0,0,.3);
}
.night-mode .lmd-popup-swiper .swiper-button-next:hover,
.night-mode .lmd-popup-swiper .swiper-button-prev:hover {
    background:rgba(30,30,35,.75)!important;
    box-shadow:0 6px 24px rgba(0,0,0,.45);
}
.night-mode .lmd-popup-swiper .swiper-button-next::after,
.night-mode .lmd-popup-swiper .swiper-button-prev::after {
     color:#e5e7eb;
}

/* Keep archive and search pagination in its own full-width row. */
#tatoli .tpl-index .post-items > .navigation{flex:0 0 100%;max-width:100%;margin-top:1.5rem!important;padding:0}
#tatoli .tpl-index .navigation .pagination{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap;margin:0;padding:0;list-style:none}
#tatoli .tpl-index .navigation .page-item{margin:0}
#tatoli .tpl-index .navigation .page-link{display:flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:.35rem .6rem;border:1px solid #d1d5db;border-radius:.45rem;background:#fff;color:#374151;text-decoration:none;font-weight:600;line-height:1}
#tatoli .tpl-index .navigation .page-link:hover{border-color:var(--bs-primary,#0d6efd);background:#f3f4f6;color:var(--bs-primary,#0d6efd)}
#tatoli .tpl-index .navigation .page-item.active .page-link{border-color:var(--bs-primary,#0d6efd);background:var(--bs-primary,#0d6efd);color:#fff}
#tatoli.night-mode .tpl-index .navigation .page-link{border-color:#4b5563;background:#1f2937;color:#f9fafb}
#tatoli.night-mode .tpl-index .navigation .page-link:hover{border-color:#93c5fd;background:#374151;color:#fff}
#tatoli.night-mode .tpl-index .navigation .page-item.active .page-link{border-color:#60a5fa;background:#2563eb;color:#fff}