/* Artan journey-led mega navigation */
.artan-navigation-bar{grid-template-columns:146px minmax(0,1fr) auto;gap:clamp(18px,2.1vw,34px)}
.artan-desktop-navigation{min-width:0;height:100%}
.artan-desktop-navigation__list{height:100%;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:clamp(6px,1vw,16px);list-style:none}
.artan-desktop-navigation__item{height:100%;display:flex;align-items:center}
.artan-desktop-navigation__link,.artan-desktop-navigation__trigger{min-height:44px;padding:8px 8px;border:0;border-radius:9px;background:transparent;display:inline-flex;align-items:center;gap:5px;color:var(--charcoal);font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:color 160ms var(--ease),background-color 160ms var(--ease)}
.artan-desktop-navigation__link:hover,.artan-desktop-navigation__trigger:hover,.artan-desktop-navigation__trigger[aria-expanded="true"]{background:rgba(246,236,221,.75);color:var(--orange-deep)}
.artan-desktop-navigation__trigger .dashicons{width:16px;height:16px;font-size:16px;transition:transform 180ms var(--ease)}
.artan-desktop-navigation__trigger[aria-expanded="true"] .dashicons{transform:rotate(180deg)}
.artan-mega-panel[hidden]{display:none}
.artan-mega-panel{position:absolute;z-index:1002;top:100%;right:50%;width:min(1240px,calc(100vw - 48px));max-height:calc(100vh - 112px);transform:translateX(50%);overflow:auto;overscroll-behavior:contain;border:1px solid rgba(64,54,43,.12);border-radius:0 0 18px 18px;background:#fff;box-shadow:0 30px 70px rgba(43,43,43,.18);animation:artan-mega-in 190ms var(--ease) both}
.artan-header.is-compact .artan-mega-panel{top:100%;width:min(1200px,calc(100vw - 32px));border-radius:0 0 16px 16px}
.artan-mega-panel__shell{padding:24px}
.artan-mega-panel__header{padding:2px 2px 20px;border-bottom:1px solid var(--border);display:flex;align-items:end;justify-content:space-between;gap:32px}
.artan-mega-panel__header>div{max-width:690px}
.artan-mega-panel__kicker{display:block;margin-bottom:3px;color:var(--orange-deep);font-size:11px;font-weight:700;letter-spacing:.02em}
.artan-mega-panel__header h2{margin:0;font-size:24px;line-height:1.45}
.artan-mega-panel__header p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.75}
.artan-mega-panel__header>a{min-height:44px;padding:8px 0;display:inline-flex;align-items:center;gap:4px;color:var(--orange-deep);font-size:13px;font-weight:700;white-space:nowrap}
.artan-mega-panel__header .dashicons{font-size:17px}
.artan-mega-panel__content{padding-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(245px,.88fr);gap:24px}
.artan-mega-panel__content--resources{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(280px,.9fr);gap:28px}
.artan-mega-panel__content--rahkaran{grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr)}
.artan-mega-panel__content--rahkaran .artan-mega-links{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:5px 12px}
.artan-mega-group{min-width:0}
.artan-mega-group h3{margin:0 0 9px;color:#4a433c;font-size:15px;line-height:1.5}
.artan-mega-links{margin:0;padding:0;list-style:none}
.artan-mega-links a{min-height:48px;padding:7px 9px;border:1px solid transparent;border-radius:9px;display:flex;flex-direction:column;justify-content:center;overflow-wrap:anywhere;transition:background-color 150ms var(--ease),border-color 150ms var(--ease),transform 150ms var(--ease)}
.artan-mega-links a:hover,.artan-mega-links a:focus-visible{border-color:var(--border);background:var(--cream);transform:translateX(-2px)}
.artan-mega-links a>span{font-size:15px;font-weight:650;line-height:1.5}
.artan-mega-links a small{margin-top:1px;color:var(--muted);font-size:12px;line-height:1.65}
.artan-mega-group__more{min-height:44px;margin-top:6px;padding:8px;display:inline-flex;align-items:center;gap:3px;color:var(--orange-deep);font-size:12px;font-weight:700}
.artan-mega-group__more .dashicons{font-size:15px}
.artan-mega-feature{position:relative;min-height:100%;padding:24px;border-radius:13px;background:var(--cream);background-image:url(../images/hero/grid-12.png);display:flex;flex-direction:column;overflow:hidden}
.artan-mega-feature::after{position:absolute;left:-34px;bottom:-44px;width:140px;height:140px;border:1px solid rgba(242,140,40,.28);border-radius:50%;content:''}
.artan-mega-feature__label{position:relative;z-index:1;color:var(--orange-deep);font-size:11px;font-weight:700}
.artan-mega-feature h3{position:relative;z-index:1;margin:12px 0 8px;font-size:19px;line-height:1.55}
.artan-mega-feature p{position:relative;z-index:1;margin:0 0 22px;color:#655e56;font-size:12px;line-height:1.9}
.artan-mega-feature>div{position:relative;z-index:1;margin-top:auto;display:grid;gap:7px}
.artan-mega-feature .button{width:100%;min-height:44px;padding-inline:12px;font-size:12px}
.artan-mega-feature__secondary{min-height:44px;display:flex;align-items:center;justify-content:center;color:var(--orange-deep);font-size:12px;font-weight:700}
.artan-mega-feature--rahkaran{background:#21313d;color:#fff}
.artan-mega-feature--rahkaran p{color:rgba(255,255,255,.68)}
.artan-navigation-toggle,.artan-mobile-navigation{display:none}
.artan-family-view--rahkaran-cloud .artan-header:not(.is-compact) .artan-desktop-navigation__link,.artan-family-view--rahkaran-cloud .artan-header:not(.is-compact) .artan-desktop-navigation__trigger{color:#f7fbfd}
.artan-family-view--rahkaran-cloud .artan-header:not(.is-compact) .artan-desktop-navigation__link:hover,.artan-family-view--rahkaran-cloud .artan-header:not(.is-compact) .artan-desktop-navigation__trigger:hover,.artan-family-view--rahkaran-cloud .artan-header:not(.is-compact) .artan-desktop-navigation__trigger[aria-expanded="true"]{background:rgba(255,255,255,.13);color:#fff}
.admin-bar .artan-header{top:32px}
.admin-bar .artan-header.is-compact{top:44px}

@keyframes artan-mega-in{from{opacity:0;transform:translate(50%,8px)}to{opacity:1;transform:translate(50%,0)}}

@media(max-width:1180px){
  .artan-navigation-bar{grid-template-columns:118px minmax(0,1fr) auto;gap:13px}
  .artan-brand img{width:118px}
  .artan-desktop-navigation__list{gap:2px}
  .artan-desktop-navigation__link,.artan-desktop-navigation__trigger{padding-inline:6px;font-size:12px}
  .artan-header__actions{gap:7px}
  .artan-header__actions .button{padding-inline:12px;font-size:12px}
  .artan-mega-panel__content{gap:16px}
}

@media(max-width:820px){
  .admin-bar .artan-header,.admin-bar .artan-header.is-compact{top:56px}
  .artan-navigation-bar,.artan-header.is-compact .artan-navigation-bar{grid-template-columns:1fr auto auto;gap:9px}
  .artan-desktop-navigation{display:none}
  .artan-navigation-toggle{width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:10px;background:#fff;display:grid;place-items:center;color:var(--charcoal);cursor:pointer}
  .artan-navigation-toggle .dashicons{width:22px;height:22px;font-size:22px}
  .artan-mobile-navigation[hidden]{display:none}
  .artan-mobile-navigation{position:fixed;z-index:1100;inset:-10px -12px auto auto;width:100vw;height:100dvh;min-height:100vh;background:#fff;display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:var(--charcoal);overflow:hidden;animation:artan-mobile-in 240ms var(--ease) both}
  .artan-mobile-navigation__top{min-height:72px;padding:10px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96)}
  .artan-mobile-navigation__brand{min-height:44px;display:flex;align-items:center}
  .artan-mobile-navigation__brand img{width:118px;max-height:46px;object-fit:contain}
  .artan-mobile-navigation__close{width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--cream);display:grid;place-items:center;color:var(--charcoal);cursor:pointer}
  .artan-mobile-navigation__close .dashicons{width:23px;height:23px;font-size:23px}
  .artan-mobile-navigation__viewport{position:relative;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
  .artan-mobile-navigation__root,.artan-mobile-navigation__panel{width:min(700px,100%);min-height:100%;margin-inline:auto;padding:28px 22px 36px}
  .artan-mobile-navigation__root>header>span,.artan-mobile-navigation__panel>header>span{color:var(--orange-deep);font-size:12px;font-weight:700}
  .artan-mobile-navigation__root h2,.artan-mobile-navigation__panel h2{margin:5px 0 18px;font-size:clamp(25px,6.4vw,34px);line-height:1.4}
  .artan-mobile-navigation__quick{margin-bottom:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .artan-mobile-quick-card{position:relative;min-height:154px;padding:17px;border:1px solid var(--border);border-radius:13px;background:var(--cream);display:flex;flex-direction:column;overflow:hidden;overflow-wrap:anywhere}
  .artan-mobile-quick-card>span{color:var(--orange-deep);font-size:11px;font-weight:700}
  .artan-mobile-quick-card strong{margin-top:auto;font-size:14px;line-height:1.65}
  .artan-mobile-quick-card small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.6}
  .artan-mobile-navigation__families{margin:0;padding:0;display:grid;gap:7px;list-style:none}
  .artan-mobile-navigation__families a,.artan-mobile-navigation__families button,.artan-mobile-navigation__link{width:100%;min-height:64px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;color:inherit;text-align:right;cursor:pointer}
  .artan-mobile-navigation__families strong,.artan-mobile-navigation__link strong{display:block;font-size:14px}
  .artan-mobile-navigation__families small,.artan-mobile-navigation__link small{display:block;margin-top:2px;color:var(--muted);font-size:10px;line-height:1.6}
  .artan-mobile-navigation__families .dashicons,.artan-mobile-navigation__link>.dashicons{flex:0 0 20px;color:var(--orange-deep)}
  .artan-mobile-navigation__panel[hidden]{display:none}
  .artan-mobile-navigation__panel{animation:artan-panel-in 210ms var(--ease) both}
  .artan-mobile-navigation__panel>header{padding-bottom:20px;border-bottom:1px solid var(--border)}
  .artan-mobile-navigation__panel>header>button{min-height:44px;margin:0 0 12px;padding:6px 0;border:0;background:transparent;display:flex;align-items:center;gap:4px;color:var(--muted);cursor:pointer}
  .artan-mobile-navigation__panel>header p{margin:-8px 0 11px;color:var(--muted);font-size:13px;line-height:1.8}
  .artan-mobile-navigation__overview{min-height:44px;display:inline-flex;align-items:center;gap:4px;color:var(--orange-deep);font-size:13px;font-weight:700}
  .artan-mobile-navigation__panel-links{padding-top:15px;display:grid;gap:8px}
  .artan-mobile-group{border:1px solid var(--border);border-radius:11px;background:#fff;overflow:hidden}
  .artan-mobile-group__head{min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:stretch}
  .artan-mobile-group__head>a{min-width:0;padding:10px 13px;display:flex;flex-direction:column;justify-content:center;overflow-wrap:anywhere}
  .artan-mobile-group__head strong{font-size:14px}
  .artan-mobile-group__head small{color:var(--muted);font-size:10px;line-height:1.6}
  .artan-mobile-group__head button{min-height:44px;border:0;border-right:1px solid var(--border);background:var(--cream);display:grid;place-items:center;cursor:pointer}
  .artan-mobile-group__head button .dashicons{transition:transform 180ms var(--ease)}
  .artan-mobile-group__head button[aria-expanded="true"] .dashicons{transform:rotate(180deg)}
  .artan-mobile-group__body{padding:6px 9px 11px;border-top:1px solid var(--border);background:var(--cream)}
  .artan-mobile-group__body[hidden]{display:none}
  .artan-mobile-group__links{margin:0;padding:0;list-style:none}
  .artan-mobile-group__links a{min-height:50px;padding:7px 8px;border-bottom:1px solid rgba(222,216,205,.75);display:flex;flex-direction:column;justify-content:center;overflow-wrap:anywhere}
  .artan-mobile-group__links li:last-child a{border-bottom:0}
  .artan-mobile-group__links span{font-size:13px;font-weight:600}
  .artan-mobile-group__links small{color:var(--muted);font-size:10px;line-height:1.55}
  .artan-mobile-navigation__actions{padding:10px max(18px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));border-top:1px solid var(--border);background:rgba(255,255,255,.96);box-shadow:0 -12px 28px rgba(43,43,43,.06);display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .artan-mobile-navigation__actions .button{min-height:48px;padding-inline:10px;font-size:13px}
  body.artan-navigation-open{overflow:hidden;touch-action:none}
}

@media(max-width:782px){
  .admin-bar .artan-mobile-navigation{top:-10px;height:calc(100dvh - 46px);min-height:calc(100vh - 46px)}
}

@keyframes artan-mobile-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes artan-panel-in{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}

@media(max-width:520px){
  .artan-mobile-navigation__root,.artan-mobile-navigation__panel{padding:24px 17px 30px}
  .artan-mobile-navigation__quick{grid-template-columns:1fr}
  .artan-mobile-quick-card{min-height:94px;padding:14px 16px}
  .artan-mobile-quick-card strong{margin-top:7px}
}

@media(max-width:390px){
  .artan-header__actions{display:none}
  .artan-navigation-bar,.artan-header.is-compact .artan-navigation-bar{grid-template-columns:1fr auto}
  .artan-mobile-navigation__top{padding-inline:14px}
  .artan-mobile-navigation__root,.artan-mobile-navigation__panel{padding-inline:14px}
  .artan-mobile-navigation__actions{padding-inline:14px}
  .artan-mobile-navigation__actions .button{font-size:12px}
}

@media(prefers-reduced-motion:reduce){
  .artan-mega-panel,.artan-mobile-navigation,.artan-mobile-navigation__panel{animation:none}
}
