/*
Theme Name: PTDU 2026
Theme URI: https://djasaubersakti.co.id/
Description: Tema turunan GeneratePress untuk PT Djasa Ubersakti Tbk. Menerapkan Panduan Web PTDU versi 1 (7 Agustus 2026), Pedoman Logo, dan Panduan Warna Dokumen. Seluruh nilai warna, huruf, dan kisi berasal dari web-ptdu.css; jangan menuliskan nilai warna langsung di sini.
Author: PT Djasa Ubersakti Tbk
Template: generatepress
Version: 1.1.1
Text Domain: ptdu-2026
*/

/* Berkas ini sengaja hampir kosong. Seluruh gaya ada di assets/web-ptdu.css,
   yang dihasilkan skrip dari web.py dan warna.py dan tidak boleh disunting.
   Yang ada di bawah hanya penyesuaian supaya kerangka GeneratePress tidak
   melawan kisi panduan. */

.ptdu-2026 .site-content,
.ptdu-2026 .entry-content { margin: 0; padding: 0; }

/* Penataan bagian yang ditambahkan tema ini. Hanya tata letak; seluruh
   warna tetap memakai token web-ptdu.css, tanpa satu pun nilai heksadesimal. */

.ptdu-kepala-alat { display: flex; gap: 16px; align-items: center; margin-left: auto; }
.ptdu-nav + .ptdu-kepala-alat { margin-left: 24px; }
.ptdu-bahasa { text-decoration: none; white-space: nowrap; padding: 8px 4px; }
.ptdu-menu-tombol { height: 40px; padding: 0 16px; }

.ptdu-menu[hidden] { display: none; }
.ptdu-menu { overflow-y: auto; }
.ptdu-menu-atas { display: flex; justify-content: space-between; align-items: center; margin-bottom: 48px; }
.ptdu-menu-judul { color: var(--ptdu-n4); letter-spacing: 1px; }
.ptdu-menu-anak { list-style: none; margin: 8px 0 16px; padding-left: 24px;
  border-left: 1px solid var(--ptdu-n5); }
.ptdu-menu-anak a { font-size: var(--ptdu-web-h4); line-height: 40px; }

.ptdu-pita-lede { margin: 12px 0 0; }

.ptdu-kaki-atas { display: flex; flex-wrap: wrap; gap: 48px; justify-content: space-between; }
.ptdu-kaki-alamat { color: var(--ptdu-n4); margin-top: 24px; line-height: 22px; }
.ptdu-kaki .tautan-utama { display: flex; gap: 64px; }
.ptdu-kaki-corsec { color: var(--ptdu-n4); margin-top: 16px; line-height: 22px; }
.ptdu-kaki-corsec a { text-decoration: underline; }
.ptdu-kaki .hukum a { text-decoration: underline; }

.ptdu-ke-atas[hidden] { display: none; }

/* Hero beranda: pita putih tipografis. Tanpa foto, sesuai keputusan
   bahwa isi situs tidak ditambah. Bab 10 mengizinkan halaman resmi
   memakai bidang paling sedikit. */
.ptdu-hero { padding: var(--ptdu-web-seksi-desktop) 0; }
.ptdu-hero-baris { display: flex; justify-content: space-between; align-items: end;
  gap: 32px; flex-wrap: wrap; }

/* Kisi kartu arah pada halaman bagian. */
.ptdu-kisi { display: grid; gap: var(--ptdu-web-selokan); }
.ptdu-kisi-3 { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }

/* Kartu bernomor: angka penanda beraksen, perangkat lentur Panduan Warna. */
.ptdu-kartu .ptdu-nomor { font-size: var(--ptdu-web-h3); font-weight: 700;
  color: var(--ptdu-bidang-gelap); line-height: 1; }
.ptdu-kartu-muda .ptdu-nomor, .ptdu-kartu-gelap .ptdu-nomor { color: inherit; }

/* Tabel: pembungkus supaya tabel lebar bisa digeser di layar sempit
   tanpa merusak lebar halaman. */
.ptdu-tabel-bungkus { overflow-x: auto; }
.ptdu-tabel caption { text-align: left; font-weight: 700; font-size: var(--ptdu-web-h4);
  line-height: var(--ptdu-web-h4-baris); padding-bottom: 16px; }

/* Blok kontak. */
.ptdu-kontak-blok { max-width: var(--ptdu-web-kolom-artikel); }

@media (max-width: 767.98px) {
  .ptdu-hero { padding: var(--ptdu-web-seksi-seluler) 0; }
  .ptdu-kaki .tautan-utama { gap: 0; }
}

/* Tautan arah pada hero. */
.ptdu-hero-tautan { display: flex; gap: 32px; flex-wrap: wrap; }

/* Judul kartu memakai ukuran h3 panduan walaupun jenjangnya h2, supaya
   jenjang judul tidak melompat dari h1 ke h3. Bab 14 butir 1. */
.ptdu-kartu h2, .ptdu-kartu-berita h2 {
  font-size: var(--ptdu-web-h3); line-height: var(--ptdu-web-h3-baris);
  letter-spacing: var(--ptdu-web-h3-jarak); margin: 0;
}
.ptdu-kartu h2 a { text-decoration: none; }
.ptdu-kartu .ptdu-nomor + h2 { margin-top: 8px; }

/* Logo memakai dua berkas resmi Pedoman Logo apa adanya: hitam di bilah
   navigasi putih, putih di kaki halaman hitam. Berkasnya tidak diubah. */
.ptdu-kepala .ptdu-logo { display: inline-flex; }
.ptdu-kaki img { display: block; }

/* Garis kaki halaman: warnanya ikut token, bukan abu bawaan peramban. */
.ptdu-kaki .garis { color: var(--ptdu-n5); }