/* Agrotikos Articles 1.0.22 — compact, aligned mobile header on Home and Articles.
   The menu trigger sits LEFT of the centered logo; the search moves inside the mobile menu.
   Home: JS enhances the existing navigation; without JS, the original links remain.
   Article: native <details> is rendered server-side and works without JS. */
html body.akh-page .akh-header .aga-mobile-nav{display:none!important;}
@media(max-width:700px){
  html body.akh-page.akh-mobile-menu-ready:not(.aga-article-page) .akh-header{
    padding:13px 48px!important;min-height:76px!important;
    position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    align-items:center!important;justify-items:center!important;gap:0!important;
  }
  html body.akh-page.akh-mobile-menu-ready:not(.aga-article-page) .akh-header .akh-brand{
    justify-self:center!important;width:min(100%,258px)!important;max-width:100%!important;
    margin:0 auto!important;min-width:0!important;
  }
  html body.akh-page.akh-mobile-menu-ready:not(.aga-article-page) .akh-header .akh-brand img{
    width:100%!important;max-width:100%!important;height:auto!important;
    object-fit:contain!important;object-position:center!important;
  }
  html body.akh-page.akh-mobile-menu-ready:not(.aga-article-page) .akh-header .akh-search-disclosure{right:0!important;}
  html body.akh-page.akh-mobile-menu-ready:not(.aga-article-page) .akh-nav{display:none!important;}
  html body.akh-page.akh-mobile-menu-ready .akh-header .aga-mobile-nav,
  html body.akh-page.aga-article-page .akh-header .aga-mobile-nav{
    display:block!important;position:absolute!important;left:0!important;top:50%!important;
    transform:translateY(-50%)!important;width:44px!important;height:44px!important;
    z-index:130!important;margin:0!important;padding:0!important;
  }
  html body.akh-page .akh-header .aga-mobile-nav>summary{
    width:44px!important;height:44px!important;display:flex!important;
    align-items:center!important;justify-content:center!important;
    padding:0!important;margin:0!important;border:1px solid #cbd8cc!important;
    border-radius:6px!important;background:#f4f7f1!important;color:#154a31!important;
    list-style:none!important;cursor:pointer!important;
  }
  html body.akh-page .akh-header .aga-mobile-nav>summary::-webkit-details-marker{display:none!important;}
  html body.akh-page .akh-header .aga-mobile-nav>summary svg{width:24px!important;height:24px!important;display:block!important;flex:none!important;}
  html body.akh-page .akh-header .aga-mobile-nav[open]>summary{
    background:#e4eee2!important;border-color:#7c9f83!important;
  }
  html body.akh-page .akh-header .aga-mobile-nav>summary:focus-visible{
    outline:3px solid #70a989!important;outline-offset:2px!important;
  }
  html body.akh-page .akh-header .aga-mobile-nav>.aga-mobile-panel{
    display:block!important;position:absolute!important;top:calc(100% + 13px)!important;left:0!important;
    width:calc(100vw - 20px)!important;min-width:0!important;max-width:none!important;
    max-height:min(72vh,560px)!important;overflow-y:auto!important;overflow-x:hidden!important;
    margin:0!important;padding:8px!important;white-space:normal!important;
    background:#fff!important;border:1px solid #d4ddd2!important;
    border-top:3px solid #1d5737!important;border-radius:0 0 8px 8px!important;
    box-shadow:0 12px 28px rgba(16,50,27,.17)!important;
    box-sizing:border-box!important;z-index:150!important;
  }
  html body.akh-page .akh-header .aga-mobile-nav .aga-mobile-panel>.akh-menu{
    position:static!important;display:flex!important;flex-direction:column!important;
    align-items:stretch!important;gap:0!important;justify-content:flex-start!important;
    width:100%!important;max-width:none!important;height:auto!important;
    margin:0!important;padding:0!important;overflow:visible!important;
    white-space:normal!important;list-style:none!important;
    border:0!important;box-shadow:none!important;background:transparent!important;
  }
  html body.akh-page .akh-header .aga-mobile-nav .akh-menu>li{
    display:block!important;width:100%!important;min-width:0!important;
    border-bottom:1px solid #e4e9e3!important;margin:0!important;padding:0!important;
  }
  html body.akh-page .akh-header .aga-mobile-nav .akh-menu>li:last-child{border-bottom:0!important;}
  html body.akh-page .akh-header .aga-mobile-nav .akh-menu a{
    display:block!important;width:100%!important;padding:13px 12px!important;
    font:650 15px/1.45 Arial,Helvetica,sans-serif!important;
    color:#193d2b!important;white-space:normal!important;letter-spacing:0!important;
    text-decoration:none!important;
  }
  html body.akh-page .akh-header .aga-mobile-nav .akh-menu .akh-active>a,
  html body.akh-page .akh-header .aga-mobile-nav .akh-menu .current-menu-item>a{
    color:#0b532d!important;background:#edf3ec!important;
  }
  html body.akh-page .akh-header .aga-mobile-nav .akh-menu a:after{display:none!important;}
}
@media(max-width:360px){
 html body.akh-page.aga-article-page .akh-header,
 html body.akh-page.akh-mobile-menu-ready:not(.aga-article-page) .akh-header{
   padding-left:45px!important;padding-right:45px!important;
 }
}
@media print{html body.akh-page .akh-header .aga-mobile-nav{display:none!important;}}


/* v1.0.22 — visibly sized phone logo and one-row masthead.
   Search is inside the expanded menu, so the masthead keeps only menu + logo. */
@media(max-width:700px){
  html body.akh-page.aga-article-page .akh-header .aga-mobile-nav,
  html body.akh-page.akh-mobile-menu-ready:not(.aga-article-page) .akh-header .aga-mobile-nav{
    left:-8px!important;z-index:130!important;
  }
  html body.akh-page.aga-article-page .akh-header .akh-search-disclosure,
  html body.akh-page.akh-mobile-menu-ready:not(.aga-article-page) .akh-header .akh-search-disclosure{
    right:-8px!important;z-index:131!important;
  }
  html body.akh-page.aga-article-page .akh-header .akh-brand,
  html body.akh-page.akh-mobile-menu-ready:not(.aga-article-page) .akh-header .akh-brand{
    transform:translateX(18px) scale(1.27)!important;transform-origin:center center!important;
    position:relative!important;z-index:1!important;
  }
}
@media(max-width:415px){
  html body.akh-page.aga-article-page .akh-header .akh-brand,
  html body.akh-page.akh-mobile-menu-ready:not(.aga-article-page) .akh-header .akh-brand{
    transform:translateX(18px) scale(1.18)!important;
  }
}
@media(max-width:375px){
  html body.akh-page.aga-article-page .akh-header .akh-brand,
  html body.akh-page.akh-mobile-menu-ready:not(.aga-article-page) .akh-header .akh-brand{
    transform:translateX(18px) scale(1.12)!important;
  }
}
@media(max-width:340px){
  html body.akh-page.aga-article-page .akh-header .akh-brand,
  html body.akh-page.akh-mobile-menu-ready:not(.aga-article-page) .akh-header .akh-brand{
    transform:translateX(18px) scale(1.10)!important;
  }
}

/* v1.0.22 — remove the search ICON from the mobile masthead, not the search FUNCTION. */
@media(max-width:700px){
  html body.akh-page.aga-article-page .akh-header > .akh-search-disclosure,
  html body.akh-page.akh-mobile-menu-ready:not(.aga-article-page) .akh-header > .akh-search-disclosure{
    display:none!important;
  }
  html body.akh-page .akh-header .aga-mobile-nav .aga-mobile-search{
    display:block!important;padding:14px 10px 10px!important;
    border-top:1px solid #e2e9e0!important;background:#fff!important;
    margin-top:4px!important;
  }
  html body.akh-page .akh-header .aga-mobile-nav .aga-mobile-search>label{
    display:block!important;font:700 13px/1.5 Arial,Helvetica,sans-serif!important;
    color:#214632!important;margin-bottom:9px!important;
  }
  html body.akh-page .akh-header .aga-mobile-nav .aga-mobile-search form.akh-search{
    display:flex!important;position:static!important;width:100%!important;
    max-width:none!important;min-width:0!important;margin:0!important;
    border:1px solid #bbcbbc!important;padding:0!important;
    background:#fff!important;box-shadow:none!important;align-items:center!important;
  }
  html body.akh-page .akh-header .aga-mobile-nav .aga-mobile-search input[type="search"]{
    display:block!important;flex:1 1 0!important;min-width:0!important;width:100%!important;
    background:#fff!important;border:0!important;padding:9px 10px!important;
    height:44px!important;font:400 14px Arial,Helvetica,sans-serif!important;
  }
  html body.akh-page .akh-header .aga-mobile-nav .aga-mobile-search button[type="submit"]{
    display:flex!important;flex:0 0 44px!important;height:44px!important;
    align-items:center!important;justify-content:center!important;
    background:#155335!important;color:#fff!important;border:0!important;
    font:700 22px Arial,Helvetica,sans-serif!important;cursor:pointer!important;
  }
}
