/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* ========== WARNA BRAND POSTCODE.ID ========== */
:root {
  --pc-red:  #C1272D;
  --pc-blue: #0D72B9;
  --pc-soft: #E6F4FF;
}

/* WRAPPER UTAMA */
.pc-prov-wrap,
.pc-city-wrap,
.pc-dist-wrap,
.pc-single-wrap {
  position: relative;
}

/* Strip diagonal ala par-avion */
.pc-prov-wrap::before,
.pc-city-wrap::before,
.pc-dist-wrap::before,
.pc-single-wrap::before {
  content: "";
  display: block;
  height: 8px;
  margin-bottom: 18px;
  border-radius: 999px;
  background-image:
    repeating-linear-gradient(
      45deg,
      var(--pc-red) 0px,   var(--pc-red) 10px,
      var(--pc-blue) 10px, var(--pc-blue) 20px,
      var(--pc-soft) 20px, var(--pc-soft) 30px
    );
}

/* JUDUL & SUBJUDUL */
.pc-prov-title,
.pc-city-title,
.pc-dist-title,
.pc-single-title {
  color: var(--pc-blue) !important;
}

.pc-prov-sub,
.pc-city-sub,
.pc-dist-sub,
.pc-single-sub {
  color: #4b5563 !important;
}

/* LINK DI DALAM WRAPPER */
.pc-prov-wrap a,
.pc-city-wrap a,
.pc-dist-wrap a,
.pc-single-wrap a {
  color: var(--pc-blue) !important;
  text-decoration: none;
}
.pc-prov-wrap a:hover,
.pc-city-wrap a:hover,
.pc-dist-wrap a:hover,
.pc-single-wrap a:hover {
  color: var(--pc-red) !important;
  text-decoration: underline;
}

/* CARD STATISTIK (PROV, CITY, DIST) */
.pc-prov-card,
.pc-city-card,
.pc-dist-card {
  border-radius: 22px !important;
  border: 1px solid #e5e7eb !important;
  border-top: 4px solid var(--pc-red) !important;
  background: linear-gradient(135deg,#ffffff 0%,var(--pc-soft) 100%) !important;
  box-shadow: 0 14px 30px rgba(15,23,42,.08) !important;
}

/* LABEL & ANGKA DI CARD */
.pc-prov-label,
.pc-city-label,
.pc-dist-label {
  color: var(--pc-red) !important;
  font-weight: 600 !important;
}

.pc-prov-value,
.pc-city-value,
.pc-dist-value {
  color: var(--pc-blue) !important;
  font-weight: 800 !important;
}

/* KODE POS DI SINGLE */
.pc-single-kodepos {
  color: var(--pc-blue) !important;
}
.pc-single-col-label {
  color: var(--pc-red) !important;
}

/* TABLE HEADER */
.pc-prov-table th,
.pc-city-table th,
.pc-dist-table th {
  background: #f9fafb !important;
  color: #6b7280 !important;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 700;
}

/* STRIP HANYA DI ATAS KONTEN (Biar ga kepanjangan di mobile) */
@media(max-width:640px){
  .pc-prov-wrap::before,
  .pc-city-wrap::before,
  .pc-dist-wrap::before,
  .pc-single-wrap::before {
    margin-bottom: 14px;
  }
}

/* GRID STAT CARD – PAKSA 2 KOLOM DI MOBILE */
.pc-prov-grid,
.pc-city-grid,
.pc-dist-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 12px;
  row-gap: 12px;
}

/* Bikin setiap kartu full-lebar di sel grid */
.pc-prov-card,
.pc-city-card,
.pc-dist-card {
  width: 100% !important;
  height: auto !important;
}

/* Tablet & desktop: balik lagi ke 4 kartu per baris */
@media (min-width: 768px) {
  .pc-prov-grid,
  .pc-city-grid,
  .pc-dist-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}