/* ==========================================================================
   Footer — replika footer halaman utama jagalink.com (versi /id)
   Nilai & struktur diambil dari live: footer-modern.css?v=7 + style.css theme.
   Semua aturan di-scope ke .jlf agar tidak bentrok dengan CSS halaman harga.
   ========================================================================== */

/* ---------- layout grid (pengganti bootstrap) ---------- */
.jlf{padding:6px 0 26px;background:transparent}

.jlf .container{width:min(1180px,100% - 44px);margin-inline:auto}
.jlf .row{display:flex;flex-wrap:wrap;margin:0}
.jlf [class*="col-"]{width:100%;padding:0 15px}

.jlf .pb-30{padding-bottom:30px}
.jlf .pt-20{padding-top:20px}
.jlf .pb-20{padding-bottom:20px}
.jlf .mb-25{margin-bottom:25px}
.jlf .text-center{text-align:center}
.jlf .justify-content-center{justify-content:center}

@media (min-width:768px){
  .jlf .col-md-6{flex:0 0 50%;max-width:50%}
}
@media (min-width:992px){
  .jlf .col-lg-3{flex:0 0 25%;max-width:25%}
  .jlf .col-lg-6{flex:0 0 50%;max-width:50%}
}
@media (min-width:1200px){
  .jlf .col-xl-3{flex:0 0 25%;max-width:25%}
  .jlf .col-xl-4{flex:0 0 33.3333%;max-width:33.3333%}
}

/* ---------- panel kolom footer ---------- */
.jlf .tp-footer__area > .container > .row{
  margin:0;
  padding:34px 26px 4px;
  border:1px solid #eae6f8;
  border-radius:26px;
  background:#faf9ff;
  box-shadow:0 18px 50px -42px rgba(70,45,150,.45);
}

/* garis rambut pemisah antar kolom (hanya saat 4 kolom sejajar) */
@media (min-width:1200px){
  .jlf .tp-footer__area > .container > .row > [class*="col-"] + [class*="col-"]{
    border-left:1px solid #eae6f8;
  }
}

.jlf .tp-footer__area .footer-col-3-2{padding-left:0}

/* judul kolom → eyebrow dengan titik ungu */
.jlf .tp-footer__area .footer-widget-3 .tp-footer__widget-title{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 16px;
  padding-bottom:12px;
  border-bottom:1px solid #eae6f8;
  color:#8b8ba7;
  font-size:11.5px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.jlf .tp-footer__area .footer-widget-3 .tp-footer__widget-title::before{
  content:"";
  flex:0 0 auto;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#6b14fa;
  box-shadow:0 0 0 3px rgba(107,20,250,.12);
}

/* link kolom */
.jlf .tp-footer__area .footer-widget-3 .tp-footer__content ul{
  margin:0;
  padding:0;
  list-style:none;
}

.jlf .tp-footer__area .footer-widget-3 .tp-footer__content ul li{margin:0}

.jlf .tp-footer__area .footer-widget-3 .tp-footer__content ul li a{
  display:inline-flex;
  align-items:center;
  padding:5px 0;
  color:#4b4b63;
  font-size:14.5px;
  font-weight:500;
  line-height:1.5;
  text-decoration:none;
  transition:color .2s ease,transform .2s ease;
}

.jlf .tp-footer__area .footer-widget-3 .tp-footer__content ul li a::before{
  content:"";
  width:0;
  height:1.5px;
  border-radius:2px;
  background:#6b14fa;
  transition:width .22s ease,margin-right .22s ease;
}

.jlf .tp-footer__area .footer-widget-3 .tp-footer__content ul li a:hover{
  color:#6b14fa;
  transform:translateX(1px);
}

.jlf .tp-footer__area .footer-widget-3 .tp-footer__content ul li a:hover::before{
  width:10px;
  margin-right:8px;
}

/* kolom brand */
.jlf .tp-footer__area .footer-col-3-1 .tp-footer__logo img{
  width:130px;
  height:auto;
}

.jlf .tp-footer__area .footer-widget-3 .tp-footer__contact-info p{
  margin:0;
  max-width:300px;
  color:#6b6b85;
  font-size:14.5px;
  font-weight:400;
  line-height:1.62;
}

.jlf .jl-fbrand__badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:16px;
  padding:6px 12px;
  border:1px solid #e3d9ff;
  border-radius:999px;
  background:#f3efff;
  color:#6b14fa;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.06em;
}

.jlf .jl-fbrand__badge svg{
  width:10px;
  height:10px;
  fill:none;
  stroke:currentColor;
  stroke-width:3.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* ---------- copyright ---------- */
.jlf .tp-copyright__text-3 span{
  display:inline-block;
  color:#5F6368;
  font-family:'Urbanist',var(--sans);
  font-size:15px;
  font-weight:500;
  line-height:1.3;
}

/* ---------- responsive panel ---------- */
@media (max-width:1199px){
  .jlf .tp-footer__area > .container > .row{padding:30px 20px 4px}
}

@media (max-width:991px){
  .jlf .tp-footer__area > .container > .row{padding:28px 18px 4px;border-radius:22px}
}

@media (max-width:767px){
  .jlf .container{width:min(1180px,100% - 32px)}
  .jlf .tp-footer__area > .container > .row{padding:24px 18px 2px;border-radius:20px}
  .jlf .tp-footer__area .footer-widget-3 .tp-footer__contact-info p{max-width:none}
  .jlf .tp-copyright__text-3 span{font-size:13px}
}