/* footer.css - split dari main.css LiputanJatim */

/* FOOTER */
.lj-footer { background: #061c33; color: #fff; margin-top: 64px; padding: 52px 0 22px; }
.lj-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.1fr; gap: 34px; }
.lj-footer h2 { margin: 0 0 16px; font-size: 30px; font-weight: 900; }
.lj-footer h2 span:first-child { color: var(--lj-red); }
.lj-footer h2 span:nth-child(2) { color: #60a5fa; }
.lj-footer h3 { margin: 0 0 16px; font-size: 17px; }
.lj-footer p { color: #cbd5e1; line-height: 1.7; }
.lj-footer a { display: block; color: #dbeafe; margin-bottom: 9px; font-size: 14px; }
.lj-footer-bottom { border-top: 1px solid rgba(255,255,255,.12); margin-top: 34px; padding-top: 18px; color: #cbd5e1; font-size: 13px; }
.lj-footer-newsletter { display: flex; gap: 8px; margin-top: 14px; }
.lj-footer-newsletter input { flex: 1; height: 42px; border: 0; border-radius: 999px; padding: 0 14px; outline: none; }
.lj-footer-newsletter button { border: 0; border-radius: 999px; padding: 0 18px; background: var(--lj-red); color: #fff; font-weight: 800; cursor: pointer; }

/* FOOTER MOBILE MODERN */

@media(max-width:768px){

  .lj-footer{
    margin-top:40px !important;
    padding:38px 0 22px !important;
    border-radius:28px 28px 0 0 !important;
  }

  .lj-footer-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
    text-align:center !important;
  }

  .lj-footer-brand{
    max-width:100% !important;
  }

  .lj-footer-logo{
    display:flex !important;
    justify-content:center !important;
    margin-bottom:16px !important;
  }

  .lj-footer-logo img{
    width:220px !important;
    max-width:80% !important;
    height:auto !important;
  }

  .lj-footer p{
    max-width:320px !important;
    margin:0 auto !important;
    font-size:14px !important;
    line-height:1.7 !important;
  }

  .lj-footer h3{
    font-size:16px !important;
    margin-bottom:12px !important;
  }

  .lj-footer a{
    display:inline-flex !important;
    margin:5px 6px !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.08) !important;
    font-size:13px !important;
  }

  .lj-footer-newsletter{
    max-width:330px !important;
    margin:16px auto 0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .lj-footer-newsletter input{
    width:100% !important;
    height:46px !important;
    text-align:center !important;
  }

  .lj-footer-newsletter button{
    height:46px !important;
    width:100% !important;
  }

  .lj-footer-bottom{
    margin-top:28px !important;
    padding-top:18px !important;
    text-align:center !important;
    font-size:12px !important;
  }
}