/* AS'ADIYAH HEADER - menu-ok.css - FINAL v116 WARM */
/* File eksternal biar ringan & ke-cache | 7.2KB | Gzip ~1.8KB | Warm Stone #F8F6F3 */
.asadiyah-header{position:relative;z-index:1000;background:#fff}
.asadiyah-header-top{background:#fff;border-bottom:1px solid #EAE6DE;padding:8px 0}
.asadiyah-brand-row{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.asadiyah-brand{display:flex;align-items:center;flex-shrink:0}
.asadiyah-logo{display:block;width:auto;max-width:300px;max-height:68px;object-fit:contain}
.asadiyah-header-ad{flex:1;width:100%;max-width:650px;overflow:hidden;border-radius:12px;background:#F8F6F3}
.asadiyah-ad-item{display:none}.asadiyah-ad-item.active{display:block}
.asadiyah-ad-item img{display:block;width:100%;height:58px;object-fit:cover}
.asadiyah-nav{position:sticky;top:0;z-index:999;background:linear-gradient(135deg,#087443 0%,#075f38 100%);box-shadow:0 5px 18px rgba(0,0,0,.08);margin-bottom:18px}
.asadiyah-nav-inner{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.asadiyah-menu{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.asadiyah-menu>li{position:relative}
.asadiyah-menu>li>a{min-height:54px;display:flex;align-items:center;gap:7px;padding:0 13px;color:rgba(255,255,255,.94);font-size:13.5px;font-weight:600;white-space:nowrap;transition:background .2s,color .2s}
.asadiyah-menu>li>a:hover{background:rgba(255,255,255,.10);color:#fff}
.asadiyah-menu-icon{width:15px;text-align:center;font-size:12px!important;opacity:.9}
.asadiyah-dropdown{position:absolute;top:100%;left:0;min-width:235px;margin:0;padding:8px;list-style:none;background:#fff;border-radius:0 0 12px 12px;box-shadow:0 15px 35px rgba(0,0,0,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,visibility .2s,transform .2s;z-index:1001}
.asadiyah-menu li:hover>.asadiyah-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.asadiyah-dropdown a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;color:#26352d;font-size:13px;font-weight:500;transition:background .2s,color .2s}
.asadiyah-dropdown a:hover{background:#F8F6F3;color:#087443}
.asadiyah-dropdown li{position:relative}
.asadiyah-dropdown>li>.asadiyah-dropdown{top:-8px;left:100%;border-radius:10px}
.asadiyah-arrow{margin-left:auto;font-size:9px;opacity:.6}
.asadiyah-nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.asadiyah-nav-action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:background .2s,transform .2s}
.asadiyah-nav-action:hover{background:rgba(255,255,255,.20);transform:translateY(-1px)}
.asadiyah-mobile-bar{display:none;min-height:64px;align-items:center;justify-content:space-between;gap:10px;padding:8px 15px;background:#f3f3f3!important;border-bottom:1px solid #EAE6DE;box-shadow:0 2px 10px rgba(0,0,0,.04);position:sticky;top:0;z-index:1990}
.asadiyah-mobile-logo{display:block;width:auto;max-width:190px;max-height:46px;object-fit:contain}
.asadiyah-mobile-actions{display:flex;align-items:center;gap:8px}
.asadiyah-mobile-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:10px;background:#F0F5F2!important;color:#087443!important;font-size:17px;cursor:pointer;transition:background .2s,transform .2s}
.asadiyah-mobile-quick{display:none;overflow-x:auto;background:#f3f3f3;border-bottom:1px solid #EAE6DE;scrollbar-width:none}
.asadiyah-mobile-quick::-webkit-scrollbar{display:none}
.asadiyah-mobile-quick .container{width:100%}
.asadiyah-mobile-quick ul{display:flex;min-width:max-content;margin:0;padding:0;list-style:none}
.asadiyah-mobile-quick li{flex-shrink:0}
.asadiyah-mobile-quick a{display:block;padding:10px 15px;color:#087443;font-size:12px;font-weight:600;white-space:nowrap}
.asadiyah-mobile-quick a:hover{background:#F8F6F3}
.asadiyah-mobile-overlay{position:fixed;inset:0;z-index:1998;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}
body.asadiyah-menu-open .asadiyah-mobile-overlay{opacity:1;visibility:visible;pointer-events:auto}
.asadiyah-mobile-panel{position:fixed;top:0;right:0;bottom:0;z-index:1999;width:min(88%,360px);padding:22px;overflow-y:auto;background:#fff;transform:translateX(100%);transition:transform .25s;box-shadow:-10px 0 35px rgba(0,0,0,.12)}
body.asadiyah-menu-open .asadiyah-mobile-panel{transform:translateX(0)}
body.asadiyah-menu-open{overflow:hidden}
.asadiyah-mobile-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;margin-bottom:15px;border-bottom:1px solid #EAE6DE}
.asadiyah-mobile-title{margin:0;color:#087443;font-size:18px;font-weight:800}
.asadiyah-mobile-close{width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:9px;background:#F0F5F2;color:#087443;font-size:20px;cursor:pointer}
.asadiyah-mobile-menu,.asadiyah-mobile-menu ul{margin:0;padding:0;list-style:none}
.asadiyah-mobile-menu li{border-bottom:1px solid #EFE9DE}
.asadiyah-mobile-menu a{display:flex;align-items:center;gap:10px;padding:13px 4px;color:#26352d;font-size:14px;font-weight:600}
.asadiyah-mobile-menu a:hover{color:#087443}
.asadiyah-mobile-menu ul{padding-left:18px}
.asadiyah-search-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:flex-start;justify-content:center;padding:100px 20px 20px;background:rgba(7,25,17,.82);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}
body.asadiyah-search-open .asadiyah-search-overlay{opacity:1;visibility:visible;pointer-events:auto}
.asadiyah-search-box{position:relative;width:min(700px,100%);padding:30px;background:#fff;border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.25)}
.asadiyah-search-title{margin:0 0 18px;color:#17221d;font-size:20px;font-weight:800}
.asadiyah-search-close{position:absolute;top:12px;right:12px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#F8F6F3;color:#087443;font-size:20px;cursor:pointer}
.asadiyah-search-form{display:flex;gap:10px}
.asadiyah-search-input{flex:1;min-width:0;height:48px;padding:0 15px;border:1px solid #EAE6DE;border-radius:10px;outline:none;color:#26352d;background:#fff;transition:border-color .2s,box-shadow .2s}
.asadiyah-search-input:focus{border-color:#087443;box-shadow:0 0 0 3px rgba(8,116,67,.10)}
.asadiyah-search-submit{width:52px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:#087443;color:#fff;cursor:pointer;transition:background .2s,transform .2s}
.asadiyah-search-submit:hover{background:#075f38;transform:translateY(-1px)}
.pagination .page-link{color:#087443!important}
.pagination .page-item.active .page-link{background-color:#087443!important;border-color:#087443!important;color:#fff!important}
@media (max-width:1100px){.asadiyah-menu>li>a{padding-left:10px;padding-right:10px;font-size:12.5px}.asadiyah-logo{max-width:250px}.asadiyah-header-ad{max-width:500px}}
@media (max-width:767.98px){.asadiyah-header-top,.asadiyah-nav{display:none}.asadiyah-mobile-bar{display:flex}.asadiyah-mobile-quick{display:block}.asadiyah-search-overlay{padding:80px 15px 15px}.asadiyah-search-box{padding:24px 18px;border-radius:15px}}
@media (max-width:420px){.asadiyah-mobile-logo{max-width:160px;max-height:42px}.asadiyah-mobile-button{width:40px;height:40px}.asadiyah-mobile-panel{width:92%;padding:20px 18px}.asadiyah-search-form{gap:7px}.asadiyah-search-submit{width:48px}}
@media (prefers-reduced-motion:reduce){.asadiyah-dropdown,.asadiyah-mobile-overlay,.asadiyah-mobile-panel,.asadiyah-search-overlay,.asadiyah-nav-action,.asadiyah-mobile-button,.asadiyah-search-submit{transition:none!important}}
