/*
Theme Name: Pabrikbox Custom
Theme URI: https://pabrikbox.com
Author: Atlantis Pack
Description: Custom full-code WordPress theme for pabrikbox.com (Atlantis Pack) - rigid box / packaging manufacturer. Built with ACF Flexible Content page builder and custom post types for Product/Service/Industry/Portfolio/Testimonial/FAQ.
Version: 1.0.0
Text Domain: pabrikbox
*/

:root{
  --color-primary:#1a2b4c;
  --color-accent:#c9a24b;
  --color-bg:#ffffff;
  --color-bg-alt:#f6f5f2;
  --color-text:#222222;
  --color-muted:#6b7280;
  --font-heading:Georgia, 'Times New Roman', serif;
  --font-body:'Segoe UI', Arial, sans-serif;
  --container-w:1200px;
}

*{box-sizing:border-box;}
body{margin:0;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.6;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--color-primary);text-decoration:none;}
h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.2;margin:0 0 .5em;}
.container{max-width:var(--container-w);margin:0 auto;padding:0 24px;}
.btn{display:inline-block;padding:12px 28px;border-radius:4px;background:var(--color-primary);color:#fff;font-weight:600;}
.btn.btn-accent{background:var(--color-accent);color:#1a2b4c;}
.site-header{border-bottom:1px solid #eee;}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px;position:relative;flex-wrap:wrap;}
.main-nav ul{list-style:none;display:flex;gap:28px;margin:0;padding:0;}
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0;border:0;background:transparent;cursor:pointer;}
.nav-toggle span{display:block;width:26px;height:2px;background:var(--color-primary);transition:transform .2s ease,opacity .2s ease;}
.nav-toggle.is-active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.is-active span:nth-child(2){opacity:0;}
.nav-toggle.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.site-footer{background:var(--color-primary);color:#fff;padding:48px 0 24px;margin-top:64px;}
.site-footer a{color:#fff;}
.block{padding:64px 0;}
.block-alt{background:var(--color-bg-alt);}
.grid{display:grid;gap:24px;}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
.hero{padding:96px 0;background:var(--color-bg-alt);text-align:center;}
.hero h1{font-size:2.6rem;}
.card{background:#fff;border:1px solid #eee;border-radius:8px;padding:24px;}
.section-title{text-align:center;max-width:700px;margin:0 auto 40px;}
.testimonial{background:var(--color-bg-alt);border-radius:8px;padding:24px;}
.steps{counter-reset:step;list-style:none;padding:0;margin:0;}
.steps li,.step{counter-increment:step;position:relative;padding-left:56px;margin-bottom:24px;list-style:none;}
.steps li:before,.step:before{content:counter(step);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;}
.faq-item{border-bottom:1px solid #e5e5e5;padding:16px 0;}
.faq-item summary{cursor:pointer;font-weight:600;}
.logo-cloud img{filter:grayscale(1);opacity:.6;}
.cta-banner{background:var(--color-primary);color:#fff;text-align:center;padding:48px 24px;border-radius:12px;}
.cta-banner h2{color:#fff;}
.btn-outline{background:transparent;border:2px solid currentColor;}
@media (max-width:900px){
  .grid-3,.grid-4{grid-template-columns:repeat(2,1fr);}
  .nav-toggle{display:flex;order:2;}
  .header-cta{order:3;}
  .main-nav{display:block;order:4;flex-basis:100%;max-height:0;overflow:hidden;transition:max-height .25s ease;}
  .main-nav.is-open{max-height:600px;}
  .main-nav ul{flex-direction:column;gap:0;padding:16px 0 8px;}
  .main-nav ul li{border-top:1px solid #eee;}
  .main-nav ul li a{display:block;padding:12px 4px;}
}
@media (max-width:600px){.grid-3,.grid-4{grid-template-columns:1fr;}}