/* Tukangpoles.id — penyempurnaan global (dimuat terakhir di semua halaman) */
:root{--o-ink:#9A4A00}

/* 1. Header & footer sejajar dengan konten */
header .wrap{width:min(1180px,calc(100% - 32px))}

/* 1b. Tinggi bar header sama di semua halaman */
header .wrap.head{padding-top:12px;padding-bottom:12px}

/* 2. Menu penuh di desktop, hamburger di layar kecil */
@media(min-width:1024px){
 .menu-toggle{display:none!important}
 .site-nav{display:flex!important;position:static!important;width:auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;flex-direction:row!important;align-items:center;gap:2px;margin-left:auto}
 .site-nav .nav-link{min-height:40px;padding:8px 12px;font-size:.92rem;border-radius:8px;white-space:nowrap}
 .site-nav .nav-link.active{color:#FFA500;background:#1f1f1f}
}

/* 3. Fokus keyboard terlihat */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #FFA500;outline-offset:2px}

/* 4. Tombol Hitung Estimasi di beranda */
.tp-calc #tp-calculate{background:#FFA500;color:#111}
.tp-calc #tp-calculate:hover{filter:brightness(1.06)}

/* 8. Kontras teks oranye di latar terang */
.tp-more,.tp-pill-link,.tp-hint-t b,.tp-sub a{color:var(--o-ink)}
.tp-page .lyn-act .lyn-alt,.tp-page a.tp-pill-link{color:var(--o-ink)}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 9. Cek Harga: contoh perhitungan */
.tp-ex{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.tp-ex>div{display:flex;flex-direction:column;gap:4px;padding:18px;background:var(--soft,#f4f4f5);border-radius:14px}
.tp-ex strong{color:#111;font-size:1rem}
.tp-ex span{color:var(--mut,#52525b);font-size:.9rem}
.tp-ex b{margin-top:6px;font-size:1.35rem;font-weight:900;letter-spacing:-.02em;color:#111}
.tp-page .tp-ex-note{margin:12px 0 0;font-size:.88rem}
@media(max-width:700px){.tp-ex{grid-template-columns:minmax(0,1fr)}}

/* 11. Artikel: layanan terkait */
.pg-related{margin-top:26px;padding:18px;background:var(--soft,#f4f4f5);border-radius:14px}
.pg-related div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pg-related a{padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line,#e4e4e7);color:#18181b;font-weight:700;font-size:.9rem;text-decoration:none}
.pg-related a:hover{border-color:#FFA500}

/* 12. Tulisan Tukangpoles.id di teks halaman */
.bn-t{color:inherit}
.bn-p{color:#FFA500}
.lyn-hero .bn-t,.tp-hero .bn-t,.tp-cta .bn-t,.tp-calc .bn-t,.dt-price .bn-t{color:#fff}
/* di footer ikut warna teks footer, bukan menonjol */
footer .bn-t,footer .bn-p{color:inherit}

/* 13. Footer desktop: "Ikuti Kami" di kanan (HP tetap satu kolom) */
@media(min-width:900px){
 footer .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:56px;align-items:start}
 footer .wrap>.brand,footer .wrap>.domicile,footer .wrap>.footer-description{grid-column:1}
 footer .wrap>.social-block{grid-column:2;grid-row:1/span 3;justify-self:end;margin:0}
 footer .wrap>.notice:last-child{grid-column:1/-1;margin-top:6px}
}

/* Judul hero disembunyikan sampai ukurannya selesai disesuaikan JS (tidak ada lompatan besar-kecil).
   Pengaman: tetap muncul otomatis setelah 1,2 dtk bila JS gagal/nonaktif. */
.tp-hero h1,[data-fit]{visibility:hidden;animation:tp-reveal 0s linear 1.2s forwards}
.tp-hero h1.ready,[data-fit].ready{visibility:visible;animation:none}
@keyframes tp-reveal{to{visibility:visible}}

/* Perbaikan halaman melebar di HP < 390px: kolom grid "1fr" tidak boleh lebih sempit dari isinya (tabel harga),
   sehingga halaman jadi lebih lebar dari layar dan browser HP memperkecil/menggeser tampilan. */
@media(max-width:1000px){
  .tp-price-grid,.tp-low,.tp-faq-grid{grid-template-columns:minmax(0,1fr)}
  .tp-price-grid>*,.tp-low>*,.tp-faq-grid>*{min-width:0}
}
.tp-pt{overflow-x:auto}
@media(max-width:380px){
  .dt-pt{font-size:.82rem}
  .dt-pt th:first-child{white-space:normal}
  .dt-pt th,.dt-pt td{padding:8px 4px}
}

/* === Ikon mesin polisher (Poles Lantai). Ikon kuas dipakai untuk Perawatan === */
.ic-pol{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.125em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='19' width='20' height='3' rx='1.5'/%3E%3Cpath d='M5 18c0-3.6 3-6 7-6s7 2.4 7 6z'/%3E%3Cpath d='M10.4 12.6 15.3 2.9l2.2 1.1-4.6 9.2z'/%3E%3Crect x='14' y='1.2' width='6.4' height='2.3' rx='1.15' transform='rotate(27 17.2 2.35)'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='19' width='20' height='3' rx='1.5'/%3E%3Cpath d='M5 18c0-3.6 3-6 7-6s7 2.4 7 6z'/%3E%3Cpath d='M10.4 12.6 15.3 2.9l2.2 1.1-4.6 9.2z'/%3E%3Crect x='14' y='1.2' width='6.4' height='2.3' rx='1.15' transform='rotate(27 17.2 2.35)'/%3E%3C/svg%3E") center/contain no-repeat}

/* === Pesan jika belum ada foto hasil pengerjaan untuk layanan ini === */
.tp-gal-empty{text-align:center;color:#52525b;font-weight:600;padding:26px 12px;margin:0}
.tp-gal-empty[hidden]{display:none}