/* ====================================================================================
 * File: wp-content/themes/veristzon-astra-child/assets/css/edd-shop.css
 * Mobile-first, world-class polish, badges & quick tabs
 * ==================================================================================== */
:root{
  --vz-primary:#001A3A; --vz-accent:#6AA842; --vz-body:#1f2937;
  --vz-surface:#ffffff; --vz-surface-2:#f7f8fa; --vz-border:#e6e8ef;
  --vz-shadow:0 10px 30px rgba(0,0,0,.08); --vz-radius:14px;
}
*{box-sizing:border-box}
.container{max-width:1200px;margin-inline:auto;padding-inline:16px}

/* Utility */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Breadcrumbs */
.vz-breadcrumbs{font-size:.9rem;color:#667085;margin:8px 0 12px}
.vz-breadcrumbs a{text-decoration:none}
.vz-breadcrumbs .sep{margin:0 .5rem;color:#c0c4cf}

/* Title + tabs */
.vz-archive-title{font-size:2rem;text-align:center;color:var(--vz-primary);font-weight:800;margin:10px 0 8px}
.vz-quicktabs{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:10px}
.vz-quicktabs a{padding:.5rem .8rem;border:1px solid var(--vz-border);border-radius:999px;background:#fff;text-decoration:none;color:#334155;font-weight:600}
.vz-quicktabs a.active{background:var(--vz-accent);border-color:var(--vz-accent);color:#fff}

/* Toolbar */
.vz-shop-toolbar{background:var(--vz-surface-2);border:1px solid var(--vz-border);border-radius:12px;padding:10px;margin-bottom:18px}
.vz-toolbar-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;justify-content:center}
.vz-shop-toolbar input[type="search"], .vz-shop-toolbar select{padding:.65rem .8rem;border:1px solid var(--vz-border);border-radius:10px;min-width:220px;background:#fff}
.vz-btn-primary{background:var(--vz-accent);color:#fff;border:0;padding:.65rem 1rem;border-radius:10px;font-weight:700;cursor:pointer}
.vz-btn-primary:hover{filter:brightness(.95)}

/* Archive grid */
.vz-bookstore-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin:14px 0}
.vz-book-card{grid-column:span 3;background:#fff;border:1px solid var(--vz-border);border-radius:var(--vz-radius);box-shadow:var(--vz-shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease}
.vz-book-card:hover{transform:translateY(-3px)}
.vz-book-image{position:relative;display:block;aspect-ratio:3/4;background:#f1f3f8}
.vz-book-image img{width:100%;height:100%;object-fit:cover;display:block}
.vz-badges{position:absolute;top:10px;left:10px;display:flex;gap:6px;flex-wrap:wrap}
.vz-badge{display:inline-block;font-size:.72rem;padding:.18rem .5rem;border-radius:999px;border:1px solid var(--vz-border);background:#fff;font-weight:700}
.vz-badge-new{border-color:#B7F0C1;color:#176B2D;background:#F4FFF6}
.vz-badge-hot{border-color:#FFD4AF;color:#8A3A0A;background:#FFF7ED}
.vz-book-content{padding:14px;display:flex;flex-direction:column;gap:10px;flex:1}
.vz-book-title{margin:0}
.vz-book-title a{color:var(--vz-primary);font-weight:700;text-decoration:none}
.vz-book-title a:hover{color:var(--vz-accent)}
.vz-book-price{font-weight:800;color:var(--vz-accent);font-size:1.06rem}
.vz-btn-buy{background:var(--vz-accent)!important;color:#fff!important;padding:.55rem 1rem;border-radius:10px;text-decoration:none;font-weight:700;display:inline-block}
.vz-pagination{text-align:center;margin:14px 0}

/* Single */
.vz-single-book{margin:10px auto 24px}
.vz-single{background:#fff;border:1px solid var(--vz-border);border-radius:16px;box-shadow:var(--vz-shadow);padding:16px}
.vz-single-grid{display:grid;grid-template-columns:5fr 7fr;gap:20px;align-items:start}
.vz-single-media{position:relative}
.vz-single-cover{width:100%;height:auto;border-radius:12px;box-shadow:var(--vz-shadow);display:block}
.vz-single-title{font-size:2rem;color:var(--vz-primary);font-weight:800;margin:.4rem 0}
.vz-single-price{display:inline-block;background:var(--vz-surface-2);border:1px solid var(--vz-border);border-radius:12px;padding:.5rem .9rem;color:var(--vz-accent);font-weight:800;margin:.4rem 0 8px}
.vz-single-cta{margin:8px 0}
.vz-single-cta .edd-submit input[type="submit"]{background:var(--vz-accent)!important;color:#fff!important;padding:.9rem 1.5rem!important;border-radius:12px!important;font-weight:800!important;border:0!important}
.vz-single-meta{margin-top:10px;color:#475569}
.vz-single-content{max-width:900px;margin:16px auto 0;line-height:1.7;color:#111827}

/* Related */
.vz-related{margin:24px auto 0;max-width:1100px}
.vz-related h2{text-align:center;color:var(--vz-primary);font-size:1.35rem;margin-bottom:10px}
.vz-related-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.vz-related-card{grid-column:span 3;border:1px solid var(--vz-border);border-radius:12px;overflow:hidden;background:#fff;text-decoration:none;color:var(--vz-primary);transition:transform .15s ease}
.vz-related-card:hover{transform:translateY(-3px)}
.vz-related-card .img{aspect-ratio:3/4;background:#f2f3f7}
.vz-related-card .img img{width:100%;height:100%;object-fit:cover}
.vz-related-card .title{padding:10px;font-weight:700}

/* Responsive */
@media (max-width: 1024px){
  .vz-book-card{grid-column:span 4}
  .vz-related-card{grid-column:span 4}
  .vz-single-grid{grid-template-columns:1fr}
}
@media (max-width: 768px){
  .vz-archive-title{font-size:1.7rem}
  .vz-book-card{grid-column:span 6}
  .vz-related-card{grid-column:span 6}
}
@media (max-width: 520px){
  .vz-book-card{grid-column:span 12}
  .vz-related-card{grid-column:span 12}
}