/*
Theme Name: No Such Syndicate Pro
Theme URI: https://nssyn.com
Author: Richard Sanders
Author URI: https://nssyn.com
Description: Cinematic, WooCommerce-ready theme with Books CPT and dual-funnel buy boxes (Direct + Retailers).
Version: 1.1.0
Text Domain: nssyn
*/

/* WooCommerce skin */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  background: linear-gradient(180deg,#141419,#0a0a0a);
  border:1px solid rgba(192,192,192,.18);
  color:#f5f5f7; border-radius:14px; padding:.7em 1.1em; font-weight:700;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  border-color:rgba(192,192,192,.3);
}
.woocommerce div.product .product_title { font-family: Orbitron, Inter, sans-serif; letter-spacing: .06em; }
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  background:#0b0b0c; color:#e6e6ea; border:1px solid rgba(255,255,255,.08);
}
/* Buy box */
.nssyn-buybox {
  border:1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg,#101014,#0b0b0d);
  border-radius:16px; padding:18px; display:flex; flex-direction:column; gap:12px;
}
.nssyn-buybox .title { font-weight:800; letter-spacing:.02em; }
.nssyn-buybox .row { display:flex; gap:10px; flex-wrap:wrap }
.nssyn-btn {
  display:inline-flex; align-items:center; gap:10px; padding:12px 16px; border-radius:14px;
  border:1px solid rgba(192,192,192,.22); background:linear-gradient(180deg,#121316,#0b0b0c); font-weight:700; color:#f5f5f7;
}
.nssyn-btn.primary { border-color:rgba(139,0,0,.5); box-shadow:0 0 0 2px rgba(139,0,0,.25) inset }
.nssyn-retailers { display:flex; gap:8px; flex-wrap:wrap }
.nssyn-chip {
  border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:6px 10px; font-size:.85rem;
  background:linear-gradient(180deg,#121216,#0b0b0c); color:#d0d0d7;
}
/* Books grid */
.nssyn-books-grid { display:grid; grid-template-columns: repeat(12, 1fr); gap:16px }
.nssyn-book { grid-column: span 3; border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:16px; background:linear-gradient(180deg,#111114,#0b0b0c) }
.nssyn-book .cover { aspect-ratio: 2/3; border-radius:12px; background:#1a1a1f; margin-bottom:10px; border:1px solid rgba(255,255,255,.06) }
@media (max-width:1100px){ .nssyn-book{ grid-column:span 4 } }
@media (max-width:800px){ .nssyn-book{ grid-column:span 6 } }
@media (max-width:520px){ .nssyn-book{ grid-column:span 12 } }