/**
 * File location: wp-content/themes/itb-new-theme/assets/css/category-page.css
 * Enqueued by page-category-taxi.php only (not sitewide).
 * Scoped under .itb-cat-* with !important on anything the parent theme's
 * global input/heading/button styles would otherwise win against — same
 * reasoning as product-page.css.
 */
body.page-template-page-category-taxi{
  --itb-navy:#14213D;
  --itb-primary:var(--cab-primary,#2D4698);
  --itb-accent:var(--cab-accent,#D4A017);
  --itb-cta:#dd3333;
  --itb-cta-dark:#c22626;
  --itb-line:#E4E6ED;
  --itb-mist:#F4F5F8;
  --itb-wa:#25D366;
}
.itb-cat-wrap,.itb-cat-wrap *{box-sizing:border-box;}
.itb-cat-wrap{max-width:1180px;margin:0 auto;padding:0 20px 40px;}
.itb-cat-wrap h1,.itb-cat-wrap h2,.itb-cat-wrap h3{margin:0;font-weight:600;line-height:1.3;}

/* ---------- hero ---------- */
.itb-cat-hero{background:var(--itb-navy);margin:0 -20px 0;padding:34px 20px;}
.itb-cat-hero-inner{max-width:1140px;margin:0 auto;}
.itb-cat-crumb{color:#aab1cc !important;font-size:12.5px;margin-bottom:10px;}
.itb-cat-crumb a{color:#aab1cc !important;text-decoration:underline;}
.itb-cat-title{font-size:28px !important;color:#fff !important;margin:0 0 8px !important;}
.itb-cat-tagline{color:#dbe0ee;font-size:15px;margin:0 0 18px;max-width:640px;}
.itb-cat-hero-cta{display:flex;gap:10px;flex-wrap:wrap;}

/* ---------- buttons (shared with product page naming) ---------- */
.itb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:0;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none;line-height:1.2;}
.itb-btn-cta{background:var(--itb-cta);color:#fff !important;}
.itb-btn-cta:hover{background:var(--itb-cta-dark);}
.itb-btn-whatsapp{background:var(--itb-wa);color:#fff !important;}
.itb-btn-outline{background:transparent;border:1.5px solid rgba(255,255,255,.4) !important;color:#fff !important;}
.itb-btn-block{width:100%;}

/* ---------- USP strip ---------- */
.itb-cat-usp{padding:22px 0;border-bottom:1px solid var(--itb-line);}
.itb-cat-usp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.itb-cat-usp-grid > div{display:flex;align-items:center;gap:10px;}
.itb-cat-usp-grid .icon{font-size:22px;}
.itb-cat-usp-grid strong{display:block;font-size:13.5px;color:var(--itb-primary);}
.itb-cat-usp-grid span{font-size:12px;color:#7a8093;}

/* ---------- toolbar: count + filters + sort ---------- */
.itb-cat-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:20px 0 4px;}
.itb-cat-count{font-size:13.5px;color:#6b7180;}
.itb-cat-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.itb-cat-filters{display:flex;flex-wrap:wrap;gap:8px;}
.itb-wrap .itb-chip,.itb-cat-wrap button.itb-chip{border:1.5px solid var(--itb-line) !important;background:#fff !important;color:#4a5060 !important;padding:7px 14px !important;border-radius:20px !important;font-size:12.5px !important;font-weight:600 !important;cursor:pointer;width:auto !important;}
.itb-cat-wrap button.itb-chip.active{border-color:var(--itb-primary) !important;background:var(--itb-primary) !important;color:#fff !important;}
.itb-cat-sort{padding:9px 14px;border-radius:8px;border:1.5px solid var(--itb-line);font-size:13px;background:#fff;}

/* ---------- product grid ---------- */
.itb-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:18px 0 10px;}
.itb-cat-card{background:#fff;border:1px solid var(--itb-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;}
.itb-cat-card.itb-hidden{display:none;}
.itb-cat-card-media{position:relative;display:block;}
.itb-cat-card-media img{display:block;width:100%;height:190px;object-fit:cover;}
.itb-cat-badge{position:absolute;top:10px;left:10px;background:var(--itb-cta);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:4px;}
.itb-cat-card-body{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1;}
.itb-cat-card-body h3{font-size:15.5px !important;line-height:1.35;}
.itb-cat-card-body h3 a{color:var(--itb-primary) !important;text-decoration:none;}
.itb-cat-tags{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:#6b7180;}
.itb-cat-tags span{background:var(--itb-mist);border-radius:14px;padding:3px 9px;}
.itb-cat-price{margin-top:auto;}
.itb-cat-price .was,.itb-cat-price .was *{color:#98a0b3 !important;text-decoration:line-through;font-size:12.5px !important;margin-right:6px;}
.itb-cat-price .now,.itb-cat-price .now *{color:var(--itb-cta) !important;font-weight:700 !important;font-size:16px !important;}

/* ---------- pagination ---------- */
.itb-cat-pagination{display:flex;justify-content:center;gap:6px;padding:20px 0;flex-wrap:wrap;}
.itb-cat-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border:1px solid var(--itb-line);border-radius:7px;color:var(--itb-primary) !important;text-decoration:none;font-size:13.5px;}
.itb-cat-pagination .page-numbers.current{background:var(--itb-primary);color:#fff !important;border-color:var(--itb-primary);}

/* ---------- about / SEO description ---------- */
.itb-cat-about{border-top:1px solid var(--itb-line);padding:30px 0 10px;}
.itb-cat-about h2{font-size:19px !important;color:var(--itb-primary) !important;margin:0 0 12px !important;}
.itb-cat-about-body{font-size:14.5px;color:#454a58;line-height:1.7;}
.itb-cat-about-body p{margin:0 0 14px;}

/* ---------- floating WhatsApp ---------- */
.itb-cat-fab{position:fixed;bottom:22px;right:22px;width:56px;height:56px;border-radius:50%;background:var(--itb-wa);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:60;text-decoration:none;}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .itb-cat-grid{grid-template-columns:repeat(2,1fr);}
  .itb-cat-usp-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .itb-cat-grid{grid-template-columns:1fr;}
  .itb-cat-toolbar{flex-direction:column;align-items:flex-start;}
  .itb-cat-controls{width:100%;justify-content:space-between;}
}