/*
Theme Name: PixelWebID
Theme URI: https://pixelweb.id
Author: PixelWebID
Author URI: https://pixelweb.id
Description: Tema WordPress resmi PixelWebID — jasa pembuatan website, maintenance & otomasi AI untuk UMKM Indonesia. Beranda, katalog harga, dan blog siap pakai, 1:1 dengan desain mockup.
Version: 1.1.3
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pixelwebid
*/

/* ====== Dasar (mengikuti mockup) ====== */
html,body{margin:0;padding:0}
body{background:#f7f4ef;font-family:Manrope,system-ui,sans-serif;color:#0b2223;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#2b5bff;text-decoration:none}
a:hover{color:#14535a}
img{max-width:100%;height:auto}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* Kontainer bantu */
.pw-wrap{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}

/* ====== Navbar responsif ====== */
.pw-header{position:sticky;top:0;z-index:50;background:rgba(251,249,244,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(19,43,41,.10)}
.pw-navrow{position:relative;max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:14px}
.pw-brand{display:flex;align-items:center;gap:10px;margin-right:auto}
.pw-burger{display:none;background:transparent;border:0;cursor:pointer;padding:8px;line-height:0;border-radius:8px}
.pw-burger:hover{background:rgba(19,43,41,.06)}
.pw-nav{display:flex;align-items:center;gap:22px}
.pw-nav a{font-size:15px;font-weight:500;color:rgba(19,43,41,.72)}
.pw-nav a:hover{color:#0b2223}
.pw-nav .pw-cta{background:#2b5bff;color:#fff;font-weight:600;padding:10px 17px;border-radius:8px;white-space:nowrap}
.pw-nav .pw-cta:hover{background:#1b47d8;color:#fff}
@media (max-width:820px){
  .pw-burger{display:inline-flex}
  .pw-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fbf9f4;border-bottom:1px solid rgba(19,43,41,.12);padding:8px 20px 16px;box-shadow:0 16px 30px -14px rgba(19,43,41,.35)}
  .pw-nav.open{display:flex}
  .pw-nav a{padding:13px 4px;font-size:16px;border-bottom:1px solid rgba(19,43,41,.07)}
  .pw-nav .pw-cta{text-align:center;margin-top:12px;padding:14px;font-size:16px;border-bottom:0}
}

/* ====== Keterbacaan di HP (naikkan teks kecil, tanpa ubah desktop) ====== */
@media (max-width:640px){
  /* Paragraf isi di semua template */
  section p{font-size:16.5px !important;line-height:1.7 !important}
  /* Sub-teks/label mungil (kartu, fitur, footer) minimal enak dibaca */
  section p[style*="font-size:11"],section p[style*="font-size:12"],section p[style*="font-size:13"],
  section div[style*="font-size:11"],section div[style*="font-size:12"],section div[style*="font-size:13"],
  section span[style*="font-size:11"],section span[style*="font-size:12"],section span[style*="font-size:13"],
  section li[style*="font-size:11"],section li[style*="font-size:12"],section li[style*="font-size:13"]{
    font-size:15px !important;line-height:1.55 !important
  }
  /* Tombol/CTA lebih empuk disentuh */
  section a[style*="border-radius:10px"],section a[style*="border-radius:11px"]{font-size:16px !important}
  /* Artikel: dasar 16.5px biar nyaman dibaca panjang */
  .pwid-article{font-size:16.5px;line-height:1.82}
}

/* ====== Reader artikel (single & page) ====== */
.pw-article-grid{display:grid;gap:44px;margin-top:34px;grid-template-columns:minmax(0,760px) minmax(0,1fr)}
@media (max-width:992px){
  .pw-article-grid{grid-template-columns:1fr;gap:24px}
  .pw-article-grid > aside{order:-1}
  .pw-article-grid > aside > div{position:static !important;background:#fff;border:1px solid rgba(19,43,41,.11);padding:24px;border-radius:16px}
}
.pwid-article{font-size:16px;line-height:1.8;color:rgba(19,43,41,.9)}
.pwid-article > :first-child{margin-top:0}
.pwid-article h2{font-family:Sora,sans-serif;font-size:clamp(21px,2.4vw,25px);font-weight:700;letter-spacing:-.6px;line-height:1.25;margin:42px 0 0;scroll-margin-top:84px;color:#0b2223}
.pwid-article h3{font-family:Sora,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.2px;margin:26px 0 0;color:#0b2223}
.pwid-article p{margin:14px 0 0;text-wrap:pretty}
.pwid-article ul,.pwid-article ol{margin:15px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:9px}
.pwid-article li{padding-left:3px}
.pwid-article a{color:#2b5bff;font-weight:600}
.pwid-article a:hover{color:#14535a}
.pwid-article strong{color:#0b2223;font-weight:700}
.pwid-article img{border-radius:14px;margin-top:26px}
.pwid-article figure{margin:30px 0 0}
.pwid-article figure img{width:100%;border-radius:16px;border:1px solid rgba(19,43,41,.12);margin-top:0}
.pwid-article figure figcaption{font-size:14px;color:rgba(19,43,41,.56);margin-top:10px;line-height:1.5;text-align:center}
.pwid-article blockquote{margin:22px 0 0;padding:2px 0 2px 18px;border-left:3px solid #e5b93f;color:rgba(19,43,41,.8)}

/* ====== FAQ accordion (dipakai front-page, katalog, single) ====== */
.pw-faq-item .pw-faq-body{display:none}
.pw-faq-item.open .pw-faq-body{display:block}
.pw-faq-item .pw-faq-sign::before{content:'+'}
.pw-faq-item.open .pw-faq-sign::before{content:'\2013'}

/* ====== Filter add-on ====== */
.pw-addon-hidden{display:none !important}
.pw-cat-chip{font-family:Manrope,sans-serif;font-size:14px;font-weight:600;padding:8px 15px;border-radius:999px;cursor:pointer;transition:all .16s;background:#fff;color:rgba(11,34,35,.74);border:1px solid rgba(11,34,35,.16)}
.pw-cat-chip.active{background:#0b2223;color:#fff;border:1px solid #0b2223}

/* FAQ sign default (tutup) */
.pw-faq-btn{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;text-align:left;background:transparent;border:0;padding:17px 19px;cursor:pointer;font-family:Sora,sans-serif;font-size:15.5px;font-weight:600;color:#0b2223;line-height:1.45}
.pw-faq-sign{flex:none;font-size:17px;color:#14535a;line-height:1}
.pw-faq-body{padding:0 19px 18px;font-size:15px;line-height:1.72;color:rgba(11,34,35,.78)}

/* WP core alignment helpers untuk konten */
.pwid-article .aligncenter{display:block;margin-left:auto;margin-right:auto}
.pwid-article .alignright{float:right;margin:0 0 16px 20px}
.pwid-article .alignleft{float:left;margin:0 20px 16px 0}
.wp-caption-text{font-size:14px;color:rgba(19,43,41,.56);text-align:center;margin-top:8px}

/* ====== Info "i" rincian & ketentuan add-on ====== */
.pw-info{font-size:14px;color:rgba(11,34,35,.8)}
.pw-info summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:7px;font-weight:600;color:#14535a;user-select:none}
.pw-info summary::-webkit-details-marker{display:none}
.pw-info-i{width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font:700 11px/1 Georgia,serif;font-style:italic}
.pw-info[open] summary{margin-bottom:8px}
.pw-info-body{background:#f7f4ef;border:1px solid rgba(11,34,35,.10);border-radius:10px;padding:12px 14px;line-height:1.6}
.pw-info-body ul{margin:4px 0 10px;padding-left:18px}
.pw-info-body p,.pw-info-body li{font-size:14px !important;line-height:1.6 !important;margin:0 0 8px}
.pw-info-body li{margin:0 0 3px}
.pw-info-body a{font-weight:600}