/*
Theme Name: Pallet Jacks Microsite Child
Theme URI: https://palletjacks.co.za/
Description: WordPress child theme for the palletjacks.co.za keyword microsite.
Author: Codex
Template: generatepress
Version: 2.0
Text Domain: palletjacks-microsite
*/

/* =========================================================
   Phase 1 Public-Facing Upgrade
   ========================================================= */

:root{
  --pj-bg:#f5f7fa;
  --pj-surface:#ffffff;
  --pj-text:#14212b;
  --pj-muted:#5f6b76;
  --pj-border:#d9e1e7;
  --pj-primary:#0f766e;
  --pj-primary-dark:#0b5e58;
  --pj-primary-soft:#e7f6f5;
  --pj-whatsapp:#25d366;
  --pj-whatsapp-dark:#128c7e;
  --pj-warning:#9a6700;
  --pj-shadow:0 14px 36px rgba(16,24,40,.08);
  --pj-radius:18px;
  --pj-container:1180px;
}

html{scroll-behavior:smooth;}
body{background:var(--pj-bg);color:var(--pj-text);}
.pj-container{width:min(calc(100% - 32px),var(--pj-container));margin-inline:auto;}
.pj-section{padding:56px 0;}
.pj-section-tight{padding:28px 0;}
.pj-card{background:var(--pj-surface);border:1px solid var(--pj-border);border-radius:var(--pj-radius);box-shadow:var(--pj-shadow);}
.pj-grid{display:grid;gap:24px;}
.pj-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.pj-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.pj-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.pj-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--pj-primary-soft);color:var(--pj-primary-dark);font-size:14px;font-weight:700;}
.pj-hero,.pj-page-hero{padding:42px 0 24px;}
.pj-hero h1,.pj-page-hero h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:14px 0 16px;}
.pj-lead{font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.65;color:var(--pj-muted);max-width:760px;}
.pj-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
.pj-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:14px;text-decoration:none;font-weight:700;border:1px solid transparent;transition:all .2s ease;}
.pj-btn:hover{transform:translateY(-1px);}
.pj-btn-primary{background:var(--pj-whatsapp);color:#062912;}
.pj-btn-primary:hover{background:#1fc55a;color:#062912;}
.pj-btn-secondary{background:#fff;color:var(--pj-text);border-color:var(--pj-border);}
.pj-btn-secondary:hover{border-color:#b8c3cc;background:#fbfcfd;color:var(--pj-text);}
.pj-btn-outline{background:transparent;color:var(--pj-primary-dark);border-color:var(--pj-primary);}
.pj-btn-outline:hover{background:var(--pj-primary-soft);color:var(--pj-primary-dark);}
.pj-trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px;}
.pj-trust-item{padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--pj-border);font-weight:600;color:#31414e;}
.pj-split{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;}
.pj-media img,.pj-image-card img,.pj-category-card img,.pj-product-card img{width:100%;height:auto;border-radius:16px;display:block;}
.pj-panel{padding:24px;}
.pj-category-card,.pj-product-card,.pj-info-card,.pj-step-card,.pj-faq-item{padding:22px;}
.pj-category-card h3,.pj-product-card h3,.pj-info-card h3,.pj-step-card h3{margin-top:0;}
.pj-kicker{font-size:14px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--pj-primary-dark);}
.pj-muted{color:var(--pj-muted);}
.pj-checks,.pj-list{margin:0;padding-left:18px;}
.pj-checks li,.pj-list li{margin:8px 0;color:#33414c;}
.pj-steps{counter-reset:step;}
.pj-step-card .pj-step-no{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:var(--pj-primary-soft);color:var(--pj-primary-dark);font-weight:800;margin-bottom:14px;}
.pj-price-note{padding:18px 20px;border-left:4px solid var(--pj-warning);background:#fff9eb;border-radius:12px;color:#7a5a0c;}
.pj-highlight{background:linear-gradient(180deg,#ffffff 0%,#f4fbfb 100%);}
.pj-darkband{background:#10212a;color:#ecf4f7;}
.pj-darkband .pj-muted{color:#c8d5dd;}
.pj-darkband .pj-card{background:#17323f;border-color:#294857;color:#edf5f8;}
.pj-darkband .pj-btn-secondary{background:transparent;color:#edf5f8;border-color:#59707b;}
.pj-faq-item summary{cursor:pointer;font-weight:700;}
.pj-faq-item details{padding:0;}
.pj-faq-item p{margin-bottom:0;color:var(--pj-muted);}
.pj-sticky-wa{position:fixed;right:18px;bottom:18px;z-index:9999;display:inline-flex;align-items:center;gap:10px;padding:13px 16px;border-radius:999px;background:var(--pj-whatsapp);color:#062912;text-decoration:none;font-weight:800;box-shadow:0 12px 24px rgba(37,211,102,.25);}
.pj-mini-note{font-size:13px;color:var(--pj-muted);}
.pj-page-content{padding:28px 0 56px;}
.pj-breadcrumbs{font-size:14px;color:var(--pj-muted);margin-bottom:14px;}
.pj-breadcrumbs a{text-decoration:none;}
.pj-form-note{font-size:14px;color:var(--pj-muted);margin-top:10px;}

@media (max-width: 980px){
  .pj-grid-4,.pj-grid-3,.pj-grid-2,.pj-trust-strip,.pj-split{grid-template-columns:1fr;}
  .pj-section{padding:42px 0;}
  .pj-hero,.pj-page-hero{padding:24px 0 16px;}
  .pj-panel,.pj-category-card,.pj-product-card,.pj-info-card,.pj-step-card,.pj-faq-item{padding:18px;}
}

@media (max-width: 640px){
  .pj-container{width:min(calc(100% - 20px),var(--pj-container));}
  .pj-sticky-wa{left:12px;right:12px;bottom:12px;justify-content:center;}
  .pj-actions .pj-btn{width:100%;}
}