/*
 PT JAVA COLA INDONESIA
 RELEASE VISUAL FIX
*/


/* =========================
   DESKTOP NAV
========================= */

@media(min-width:1081px){

  nav[data-jc-nav]{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:wrap !important;
    gap:4px !important;
    min-width:0;
  }

  nav[data-jc-nav] button,
  nav[data-jc-nav] [role="button"][aria-expanded]{
    display:none !important;
  }

  nav[data-jc-nav] a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:38px;

    margin:0 2px !important;
    padding:8px 9px !important;

    white-space:nowrap !important;

    border-radius:8px;

    text-decoration:none !important;

    color:#173a32 !important;

    font-size:12px !important;
    line-height:1.15 !important;
    font-weight:750 !important;
  }

  nav[data-jc-nav] a:hover{
    background:rgba(16,61,52,.065);
  }

  nav[data-jc-nav]
  a[href*="mitra.javacola.co.id"]{
    margin-left:6px !important;

    padding-left:13px !important;
    padding-right:13px !important;

    border:1px solid #103d34 !important;
    border-radius:999px !important;

    background:transparent !important;
    color:#103d34 !important;
  }

  nav[data-jc-nav]
  a[href*="shop.javacola.co.id"]{
    margin-left:2px !important;

    padding-left:14px !important;
    padding-right:14px !important;

    border:1px solid #103d34 !important;
    border-radius:999px !important;

    background:#103d34 !important;
    color:#fff !important;
  }

}


/* =========================
   MOBILE NAV
========================= */

@media(max-width:1080px){

  nav[data-jc-nav] button{
    min-height:42px;
    padding:8px 14px;

    border:1px solid #103d34;
    border-radius:999px;

    background:#fff;
    color:#103d34;

    font:inherit;
    font-size:12px;
    font-weight:800;
  }

}


/* =========================
   GLOBAL FOOTER
========================= */

.jc-release-footer{
  padding:54px 0 34px;

  color:#dfe8e4;
  background:#071f1c;

  border-top:
    1px solid rgba(255,255,255,.07);
}

.jc-release-footer__grid{
  display:grid;

  grid-template-columns:
    minmax(260px,.9fr)
    minmax(420px,1.1fr);

  gap:60px;

  align-items:start;
}

.jc-release-footer__brand strong{
  display:block;

  color:#fff;

  font-size:14px;
  letter-spacing:.10em;
}

.jc-release-footer__brand p{
  max-width:420px;

  margin:10px 0 0;

  color:#91a59d;

  font-size:12px;
  line-height:1.65;
}

.jc-release-footer__nav{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(120px,1fr));

  gap:11px 20px;
}

.jc-release-footer__nav a{
  color:#dfe8e4;

  text-decoration:none;

  font-size:12px;
  line-height:1.4;
}

.jc-release-footer__actions{
  display:flex;

  flex-wrap:wrap;

  gap:8px;

  margin-top:23px;
}

.jc-release-footer__actions a{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  min-height:40px;

  padding:7px 14px;

  border-radius:999px;

  text-decoration:none;

  font-size:12px;
  font-weight:800;
}

.jc-release-footer__actions a:first-child{
  border:1px solid rgba(255,255,255,.35);
  color:#fff;
}

.jc-release-footer__actions a:last-child{
  background:#d9c58c;
  color:#082c27;
}

.jc-release-footer__bottom{
  display:flex;

  justify-content:space-between;

  gap:30px;

  margin-top:38px;
  padding-top:20px;

  border-top:
    1px solid rgba(255,255,255,.08);

  color:#82978f;

  font-size:11px;
}


@media(max-width:760px){

  .jc-release-footer__grid{
    grid-template-columns:1fr;
    gap:32px;
  }

  .jc-release-footer__nav{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .jc-release-footer__actions{
    flex-direction:column;
  }

  .jc-release-footer__actions a{
    width:100%;
  }

  .jc-release-footer__bottom{
    flex-direction:column;
    gap:5px;
  }

}