/* ============================================================
   RSU WAJAK HUSADA — MITRA KAMI (section Beranda + halaman mitra-kami.html)
   Grid logo: 5 kolom (≥1200) · 4 (992–1199) · 3 (768–991) · 2 (≤767)
   ============================================================ */
.wh-mitra-wrap{position:relative;}
/* Motif dekoratif sangat halus di belakang grid */
#homePartnersSection{position:relative;overflow:hidden;background:#fff;}
#homePartnersSection::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(255,101,15,.07) 1.2px,transparent 1.2px);background-size:22px 22px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);}
#homePartnersSection .container{position:relative;}

.wh-mitra-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;}
.wh-mitra-card{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  min-width:0;background:#fff;border:1px solid #eef1f4;border-radius:14px;
  box-shadow:0 2px 10px rgba(23,48,77,.05);padding:16px;text-decoration:none;color:inherit;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
a.wh-mitra-card:focus-visible{outline:3px solid #ffb98e;outline-offset:2px;}
@media (hover:hover){
  .wh-mitra-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 26px rgba(23,48,77,.10);border-color:#ffd9c2;}
}
.wh-mitra-logo{width:100%;aspect-ratio:2/1;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.wh-mitra-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.wh-mitra-name-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;
  font-family:'Oswald',sans-serif;font-weight:600;font-size:17px;line-height:1.2;color:#17304d;letter-spacing:.3px;padding:4px;word-break:break-word;}
.wh-mitra-name-fallback[hidden]{display:none;}
.wh-mitra-name{font-size:13px;font-weight:600;color:#17304d;text-align:center;line-height:1.3;word-break:break-word;}
.wh-mitra-cat{font-size:11px;color:#8a95a3;text-align:center;}
.wh-mitra-ext{position:absolute;top:8px;right:10px;font-size:11px;color:#c1c8d2;}
.wh-mitra-empty{grid-column:1/-1;text-align:center;padding:36px 16px;border:1px dashed #dde2e8;border-radius:14px;color:#8a95a3;background:#fafbfc;}

/* Tombol Lihat Selengkapnya (biru tua) */
.wh-mitra-more{display:flex;justify-content:center;margin-top:24px;}
.wh-mitra-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 28px;border-radius:10px;
  background:#17304d;color:#fff;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 8px 20px rgba(23,48,77,.18);
  transition:background .2s ease,transform .2s ease;}
.wh-mitra-btn:hover{background:#0f2238;transform:translateY(-2px);}
.wh-mitra-btn:focus-visible{outline:3px solid #ffb98e;outline-offset:2px;}

/* Halaman mitra-kami.html: card sedikit lebih tinggi + nama di bawah logo */
.mitra-grid.wh-mitra-grid .wh-mitra-card{padding:18px 14px 14px;}

@media (max-width:1199px){.wh-mitra-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (max-width:991px){.wh-mitra-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}}
@media (max-width:767px){
  .wh-mitra-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .wh-mitra-card{padding:12px;border-radius:12px;}
  .wh-mitra-name-fallback{font-size:15px;}
  .wh-mitra-more{margin-top:18px;}
  .wh-mitra-btn{width:100%;max-width:320px;}
}
@media (prefers-reduced-motion:reduce){.wh-mitra-card,.wh-mitra-btn{transition:none;}}