/* ETAf mega navigation - stable desktop layout */
.mod-menu.metismenu li.item-121{display:none!important}
@media(min-width:992px){
.container-header .container-nav{position:relative}
.mod-menu.metismenu>li.item-112>ul,.mod-menu.metismenu>li.item-113>ul,.mod-menu.metismenu>li.item-114>ul{position:absolute!important;top:100%!important;left:50%!important;transform:translateX(-50%)!important;width:min(1220px,96vw)!important;max-width:none!important;background:#fffdf9!important;border:1px solid #e9e3d7!important;border-radius:12px!important;box-shadow:0 22px 45px rgba(20,30,15,.20)!important;padding:24px 28px!important;z-index:1000!important}
.item-112.mm-active>ul{min-height:570px!important}.etaf-travel-content{width:100%;list-style:none}.etaf-mega-top{display:flex;gap:28px;border-bottom:1px solid #e4ded1;padding-bottom:13px;margin-bottom:17px}.etaf-mega-top a{color:#1f7a2e!important;font-size:.86rem}.etaf-country-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:25px}.etaf-country{display:flex;flex-direction:column;gap:7px}.etaf-country a{color:#465347!important;text-decoration:none;font-size:.82rem}.etaf-country-title{border-top:3px solid #34a936;padding-top:8px;margin-bottom:3px;font-weight:800!important;color:#174f20!important;text-transform:uppercase}.etaf-routes-head{display:flex;justify-content:space-between;align-items:center;margin:25px 0 10px;padding-top:16px;border-top:1px solid #e4ded1;color:#174f20}.etaf-routes-head a{color:#1f7a2e!important;font-size:.78rem}.etaf-route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.etaf-route-card{overflow:hidden;border:1px solid #ddd5c7;border-radius:9px;background:#fff;color:#24312c!important;text-decoration:none!important}.etaf-route-photo{display:block;height:155px;background-size:cover;background-position:center}.etaf-route-copy{display:flex;flex-direction:column;min-height:92px;padding:10px 12px}.etaf-route-copy small{font-size:.66rem;color:#c36f2f;font-weight:800}.etaf-route-copy strong{font-size:.86rem;margin:3px 0}.etaf-route-copy b{margin-top:auto;color:#174f20;font-size:.72rem}
.item-113.mm-active>ul,.item-113:hover>ul.mm-collapse,.item-113>ul.mm-show{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;min-height:430px!important}.item-113>ul>li{list-style:none!important;margin:0!important}.item-113>ul>li>a{display:flex!important;align-items:flex-end!important;height:180px!important;width:100%!important;box-sizing:border-box!important;padding:15px!important;border-radius:10px!important;background-size:cover!important;background-position:center!important;color:#fff!important;font-size:1.02rem!important;font-weight:800!important;text-decoration:none!important;box-shadow:inset 0 -90px 65px -40px rgba(0,0,0,.9)!important}.item-113>ul>li:nth-child(3)>a{background-position:center 25%!important}
.item-114.mm-active>ul{grid-template-columns:repeat(3,1fr)!important;gap:0 28px!important}.item-114>ul>li{list-style:none!important;border-bottom:1px solid #e8e1d4!important}.item-114>ul>li>a{display:block!important;padding:9px 3px!important;color:#334337!important;font-size:.84rem!important;text-decoration:none!important}
}
@media(max-width:991.98px){.etaf-country-grid,.etaf-route-grid{display:block}.etaf-route-card{display:block;margin:.6rem}.etaf-route-photo{height:120px}}
/* 29.9 visual tuning: more breathing room below toggles + larger travel panel */
@media(min-width:992px){
.mod-menu.metismenu>li.item-112>ul,
.mod-menu.metismenu>li.item-113>ul,
.mod-menu.metismenu>li.item-114>ul{top:calc(100% + 18px)!important}
.mod-menu.metismenu>li.item-112>ul{width:min(1320px,98vw)!important;padding:30px 34px!important}
.item-112.mm-active>ul{min-height:625px!important}
.etaf-country-grid{gap:30px!important}
.etaf-route-photo{height:180px!important}
.etaf-route-copy{min-height:98px!important}
.item-114.mm-active>ul{display:block!important;width:min(520px,92vw)!important;left:auto!important;right:0!important;transform:none!important;padding:15px 22px!important}
.item-114>ul>li{display:block!important;border-bottom:1px solid #e8e1d4!important}
.item-114>ul>li>a{display:block!important;padding:8px 3px!important}
}
/* Force Prakticke informace to a single vertical list */
@media(min-width:992px){
.mod-menu.metismenu>li.item-114.mm-active>ul.mm-collapse{
display:block!important;
grid-template-columns:none!important;
columns:1!important;
width:420px!important;
min-width:420px!important;
height:auto!important;
min-height:0!important;
}
.mod-menu.metismenu>li.item-114>ul.mm-collapse>li{
display:block!important;
width:100%!important;
float:none!important;
break-inside:avoid!important;
}
}
/* Blog: hide Joomla empty-category notice; articles are rendered from child categories */
body.itemid-115 .com-content-category-blog.blog{display:none!important}

/* Blog landing/category pages: suppress Joomla empty parent-category notice */
body:has(.com-content-category-blog) .alert.alert-info{display:none!important}

/* Compact Blog article lists */
body[class*="itemid-15"] .com-content-category-blog .blog-item,
body.itemid-168 .com-content-category-blog .blog-item{
  display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start;
  margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid #e4e7e2;
}
.com-content-category-blog .blog-item .etaf-blog-thumb{width:220px;height:145px;object-fit:cover;border-radius:3px;display:block;grid-row:1;grid-column:1}
.com-content-category-blog .blog-item>.item-content{grid-column:2;grid-row:1;min-width:0}
.com-content-category-blog .blog-item .page-header{margin:0 0 6px}
.com-content-category-blog .blog-item .page-header h2{font-size:1.42rem;line-height:1.12;margin:0}
.com-content-category-blog .blog-item .lead,.com-content-category-blog .blog-item .item-content>p:not(.readmore){font-size:.95rem;line-height:1.45;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.com-content-category-blog .blog-item .readmore{margin:4px 0 0}
.com-content-category-blog .blog-item .readmore .btn{padding:0;border:0;background:transparent;color:#1f7a2e;font-weight:700;box-shadow:none}
@media(max-width:700px){.com-content-category-blog .blog-item{grid-template-columns:120px minmax(0,1fr)!important;gap:12px!important}.com-content-category-blog .blog-item .etaf-blog-thumb{width:120px;height:90px}.com-content-category-blog .blog-item .page-header h2{font-size:1.12rem}.com-content-category-blog .blog-item .lead,.com-content-category-blog .blog-item .item-content>p:not(.readmore){-webkit-line-clamp:2;font-size:.88rem}}


/* Compact previews for Joomla "more articles" section */
.com-content-category-blog .items-more ol{list-style:none;padding:0;margin:0}
.com-content-category-blog .items-more .etaf-blog-more-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start;margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid #e4e7e2}
.etaf-blog-more-card .etaf-blog-thumb{width:220px;height:145px;object-fit:cover;border-radius:3px}
.etaf-blog-more-content h2{font-size:1.42rem;line-height:1.12;margin:0 0 6px}.etaf-blog-more-content p{font-size:.95rem;line-height:1.45;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.etaf-blog-readmore{font-weight:700;color:#1f7a2e}
@media(max-width:700px){.com-content-category-blog .items-more .etaf-blog-more-card{grid-template-columns:120px minmax(0,1fr);gap:12px}.etaf-blog-more-card .etaf-blog-thumb{width:120px;height:90px}.etaf-blog-more-content h2{font-size:1.12rem}.etaf-blog-more-content p{-webkit-line-clamp:2;font-size:.88rem}}


/* Blog list: fixed-size intro image; text column never taller than image */
.com-content-category-blog .blog-item,.com-content-category-blog .items-more .etaf-blog-more-card{height:160px;min-height:160px;max-height:160px;overflow:hidden}
.com-content-category-blog .blog-item .etaf-blog-thumb,.com-content-category-blog .items-more .etaf-blog-thumb{width:220px;height:145px;min-width:220px;object-fit:cover}
.com-content-category-blog .blog-item>.item-content,.etaf-blog-more-content{height:145px;overflow:hidden;display:flex;flex-direction:column}
.com-content-category-blog .blog-item .readmore,.etaf-blog-more-content .etaf-blog-readmore{margin-top:auto}
@media(max-width:700px){.com-content-category-blog .blog-item,.com-content-category-blog .items-more .etaf-blog-more-card{height:105px;min-height:105px;max-height:105px}.com-content-category-blog .blog-item>.item-content,.etaf-blog-more-content{height:90px}.com-content-category-blog .blog-item .etaf-blog-thumb,.com-content-category-blog .items-more .etaf-blog-thumb{width:120px;height:90px;min-width:120px}}


/* Musina intro contains a full figure: keep it inside the fixed-height text column */
.com-content-category-blog .blog-item .item-content figure{display:none!important}


/* All compact blog rows keep the same two-column geometry */
.com-content-category-blog .blog-item,.com-content-category-blog .items-more .etaf-blog-more-card{grid-template-columns:220px minmax(0,1fr)!important}
.com-content-category-blog .blog-item>.item-content,.com-content-category-blog .etaf-blog-more-card>.etaf-blog-more-content{grid-column:2!important;grid-row:1!important;width:auto!important;margin:0!important}
@media(max-width:700px){.com-content-category-blog .blog-item,.com-content-category-blog .items-more .etaf-blog-more-card{grid-template-columns:120px minmax(0,1fr)!important}}


/* Uniform simple Read more link throughout Blog */
.com-content-category-blog .readmore a.btn{background:transparent!important;border:0!important;padding:0!important;color:#087b24!important;font-weight:700!important;text-decoration:underline!important;box-shadow:none!important}
.com-content-category-blog .readmore a.btn .icon-chevron-right{display:none!important}


/* Zimbabwe card: never render the full intro image inside the text column */
body .com-content-category-blog .blog-item>.item-content>img{display:none!important}



/* Blog article subheadings: compact hierarchy */
.com-content-article__body h2{font-size:1.35rem!important;line-height:1.25!important;margin:1.4rem 0 .5rem!important;font-weight:700!important;color:#1f7a2e!important}


/* Blog article body: use the available content width */
.com-content-article__body{max-width:1100px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
.com-content-article .page-header{max-width:1100px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}


/* Blog article detail: widen the actual article wrapper, not only its inner body. */
body:has(.com-content-article__body) main .com-content-article{max-width:1220px!important;width:calc(100% - 48px)!important;margin-left:auto!important;margin-right:auto!important}
body:has(.com-content-article__body) .com-content-article__body,body:has(.com-content-article__body) .com-content-article .page-header{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}


/* Blog dropdown: align injected article exactly with the other South Africa article links. */
.mod-menu.metismenu li.item-150>ul>li{margin:0!important;padding:0!important}
.mod-menu.metismenu li.item-150>ul>li>a{display:block!important;margin:0!important;padding:10px 16px!important;line-height:1.25!important;text-indent:0!important}




/* Blog cards: never let article H2 leak into category preview */
.com-content-category-blog .blog-item .item-content h2,
.com-content-category-blog .blog-item .item-content h3,
.com-content-category-blog .blog-item .item-content h4{display:none!important}
.com-content-category-blog .blog-item .item-content .page-header h2,
.com-content-category-blog .blog-item .item-content .page-header h2 a{display:block!important;font-size:1.65rem!important;line-height:1.15!important;font-weight:500!important;color:#087b24!important;margin:0 0 .35rem!important}

/* Blog list repair 2026-09-30: hide only leaked subheads, never preview text */
.com-content-category-blog .blog-item .item-content>h2:not(.page-header h2),
.com-content-category-blog .blog-item .item-content>h3,
.com-content-category-blog .blog-item .item-content>h4{display:none!important}

/* Definitive category-card clipping: keep only first intro paragraph */
.com-content-category-blog .blog-item .item-content>h2,
.com-content-category-blog .blog-item .item-content>h3,
.com-content-category-blog .blog-item .item-content>h4{display:none!important}
.com-content-category-blog .blog-item .item-content>p:not(:first-of-type):not(.readmore){display:none!important}


/* 2026-10-03: full-content category pages under Zuzka & Eco-Trails.
   These are single-article category views, not compact Blog listing cards. */
body.itemid-142 .com-content-category-blog .blog-item,
body.itemid-144 .com-content-category-blog .blog-item{
 display:block!important;height:auto!important;min-height:0!important;max-height:none!important;
 overflow:visible!important;grid-template-columns:none!important;margin:0!important;padding:0!important;border:0!important
}
body.itemid-142 .com-content-category-blog .blog-item>.item-content,
body.itemid-144 .com-content-category-blog .blog-item>.item-content{
 display:block!important;height:auto!important;min-height:0!important;max-height:none!important;
 overflow:visible!important;width:100%!important;margin:0!important;grid-column:auto!important;grid-row:auto!important
}
body.itemid-142 .com-content-category-blog .blog-item>.etaf-blog-thumb,
body.itemid-144 .com-content-category-blog .blog-item>.etaf-blog-thumb{display:none!important}
body.itemid-142 .com-content-category-blog .blog-item>.item-content>.page-header,
body.itemid-144 .com-content-category-blog .blog-item>.item-content>.page-header{display:none!important}
body.itemid-142 .com-content-category-blog .blog-item .item-content figure,
body.itemid-144 .com-content-category-blog .blog-item .item-content figure{display:block!important}
body.itemid-142 .com-content-category-blog .blog-item .item-content h2,
body.itemid-142 .com-content-category-blog .blog-item .item-content h3,
body.itemid-142 .com-content-category-blog .blog-item .item-content h4,
body.itemid-144 .com-content-category-blog .blog-item .item-content h2,
body.itemid-144 .com-content-category-blog .blog-item .item-content h3,
body.itemid-144 .com-content-category-blog .blog-item .item-content h4{display:block!important}
body.itemid-142 .com-content-category-blog .blog-item .item-content p,
body.itemid-144 .com-content-category-blog .blog-item .item-content p{
 display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;overflow:visible!important
}
body.itemid-142 .com-content-category-blog .blog-item .item-content p.lead,
body.itemid-144 .com-content-category-blog .blog-item .item-content p.lead{font-size:1.22rem!important;line-height:1.62!important}


/* ETAF mobile navigation shell — 2026-10-03
   Desktop mega-menu remains controlled by the existing min-width:992px rules. */
@media (max-width:991.98px){
  .container-header .container-nav{
    display:block!important;
    width:100%!important;
    padding:.25rem .75rem .5rem!important;
  }

  .etaf-mobile-menu-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:40px;
    margin:0 0 .25rem auto;
    padding:0;
    border:1px solid rgba(255,255,255,.65);
    border-radius:4px;
    background:transparent;
    color:inherit;
    cursor:pointer;
  }
  .etaf-mobile-menu-toggle::before{
    content:"";
    width:22px;
    height:16px;
    background:
      linear-gradient(currentColor,currentColor) 0 0/100% 2px no-repeat,
      linear-gradient(currentColor,currentColor) 0 7px/100% 2px no-repeat,
      linear-gradient(currentColor,currentColor) 0 14px/100% 2px no-repeat;
  }

  .container-header .container-nav>.mod-menu.metismenu{
    display:none!important;
    width:100%!important;
    margin:0!important;
    padding:.1rem 0!important;
  }
  .container-header .container-nav.etaf-mobile-menu-open>.mod-menu.metismenu{
    display:block!important;
  }

  .container-header .mod-menu.metismenu>.metismenu-item{
    position:relative!important;
    display:block!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  .container-header .mod-menu.metismenu>.metismenu-item>a{
    display:block!important;
    margin:0!important;
    padding:.55rem 3rem .55rem .6rem!important;
    line-height:1.2!important;
  }
  .container-header .mod-menu.metismenu>.metismenu-item>.mm-toggler{
    position:absolute!important;
    top:.15rem!important;
    right:.15rem!important;
    width:2.5rem!important;
    height:2.35rem!important;
    margin:0!important;
    padding:.35rem!important;
  }
  .container-header .mod-menu.metismenu .mm-collapse{
    margin:0!important;
  }
  .container-header .mod-menu.metismenu .mm-collapse>li>a{
    padding:.45rem .75rem .45rem 1.2rem!important;
    line-height:1.2!important;
  }
}
@media (min-width:992px){
  .etaf-mobile-menu-toggle{display:none!important}
}


/* ETAF mobile responsive hardening — 2026-10-03 */
@media (max-width:991.98px){
  html,body{max-width:100%;overflow-x:hidden}
  main img,.com-content-article img,.blog img{max-width:100%;height:auto}
  iframe,video{max-width:100%}
  table{display:block;max-width:100%;overflow-x:auto}
  .container-header .mod-menu.metismenu .mm-collapse{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:.15rem 0 .35rem!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    grid-template-columns:1fr!important;
  }
  .container-header .mod-menu.metismenu .mm-collapse>li,
  .container-header .mod-menu.metismenu .mm-collapse>li>a{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  .container-header .mod-menu.metismenu .mm-collapse>li>a{
    min-height:0!important;
    height:auto!important;
    background-image:none!important;
    background-color:transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .etaf-travel-content,.etaf-mega-top,.etaf-country-grid,.etaf-route-grid,.etaf-routes-head{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .etaf-country,.etaf-route-card{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
  }
  .etaf-route-photo{display:none!important}
  .etaf-route-copy{display:block!important;padding:.45rem .75rem .45rem 1.2rem!important}
  .etaf-routes-head{padding:.55rem .75rem!important}
  .etaf-glight-gallery,.etaf-gallery-strip{max-width:100%!important}
  .etaf-glight-gallery button,.etaf-gallery-strip button{min-width:44px;min-height:44px}
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{
    max-width:100%!important;
    width:100%;
    font-size:16px;
  }
  .footer,.container-footer{max-width:100%;overflow-wrap:anywhere}
}


/* ETAF mobile header + travel mega-menu cleanup — 2026-10-03 */
@media (max-width:600px){
  /* The banner artwork already contains the Eco-Trails Africa logo.
     Hide the separate Joomla brand image on phones so it cannot overlap it. */
  .container-header .brand-logo,
  .container-header .navbar-brand{
    display:none!important;
  }
  .container-header > .grid-child:not(.container-nav){
    min-height:0!important;
    height:auto!important;
    aspect-ratio:2172 / 246!important;
    background-size:cover!important;
    background-position:center center!important;
  }
}

@media (max-width:991.98px){
  /* Travel mega-menu: every logical item gets its own readable row. */
  .item-112 .etaf-mega-top{
    border-bottom:1px solid rgba(31,122,46,.22)!important;
    padding:0 0 .35rem!important;
    margin:0 0 .35rem!important;
  }
  .item-112 .etaf-mega-top a{
    display:block!important;
    width:100%!important;
    padding:.55rem .85rem!important;
    margin:0!important;
    line-height:1.25!important;
    text-decoration:none!important;
  }

  .item-112 .etaf-country{
    display:block!important;
    padding:.2rem 0 .35rem!important;
    margin:0!important;
    border-bottom:1px solid rgba(31,122,46,.16)!important;
  }
  .item-112 .etaf-country a{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:.48rem .9rem .48rem 1.6rem!important;
    line-height:1.25!important;
    text-decoration:none!important;
    white-space:normal!important;
  }
  .item-112 .etaf-country .etaf-country-title{
    padding:.58rem .9rem!important;
    font-weight:800!important;
    text-transform:none!important;
    border-top:0!important;
    color:#174f20!important;
  }

  .item-112 .etaf-routes-head{
    display:block!important;
    padding:.7rem .85rem .35rem!important;
    margin:0!important;
    border-top:1px solid rgba(31,122,46,.22)!important;
  }
  .item-112 .etaf-routes-head strong,
  .item-112 .etaf-routes-head a{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:.25rem 0!important;
    line-height:1.25!important;
  }

  .item-112 .etaf-route-grid{
    display:block!important;
  }
  .item-112 .etaf-route-card{
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid rgba(31,122,46,.14)!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .item-112 .etaf-route-copy{
    display:block!important;
    padding:.6rem .9rem .65rem 1.25rem!important;
  }
  .item-112 .etaf-route-copy small,
  .item-112 .etaf-route-copy strong,
  .item-112 .etaf-route-copy b{
    display:block!important;
    margin:0!important;
    padding:.08rem 0!important;
    line-height:1.25!important;
  }
}


/* ETAF desktop mega-menu hover bridge — 2026-10-04 */
@media (min-width:992px) and (hover:hover) and (pointer:fine){
  .mod-menu.metismenu>li.item-112>ul,
  .mod-menu.metismenu>li.item-113>ul,
  .mod-menu.metismenu>li.item-114>ul{
    top:100%!important;
  }

  /* Keep Joomla's raw :hover from instantly switching mega panels.
     Desktop mouse behaviour is handled by the delayed JS controller. */
  .mod-menu.metismenu>li.item-112:not(.mm-active):hover>ul.mm-collapse,
  .mod-menu.metismenu>li.item-113:not(.mm-active):hover>ul.mm-collapse,
  .mod-menu.metismenu>li.item-114:not(.mm-active):hover>ul.mm-collapse,
  .mod-menu.metismenu>li.item-115:not(.mm-active):hover>ul.mm-collapse,
  .mod-menu.metismenu>li.item-116:not(.mm-active):hover>ul.mm-collapse{
    display:none!important;
  }

  .mod-menu.metismenu>li.item-112.mm-active>ul.mm-collapse,
  .mod-menu.metismenu>li.item-115.mm-active>ul.mm-collapse,
  .mod-menu.metismenu>li.item-116.mm-active>ul.mm-collapse{
    display:block!important;
  }
  .mod-menu.metismenu>li.item-113.mm-active>ul.mm-collapse{
    display:grid!important;
  }
  .mod-menu.metismenu>li.item-114.mm-active>ul.mm-collapse{
    display:block!important;
  }
}