/*
Theme Name: FXBrokerFraud Books Pro
Theme URI: https://fxbrokerfraud.com
Author: ChatGPT (with Clive)
Description: One-shot upload theme for selling multiple books with WooCommerce, hardened security, improved product layout, demo content, podcast player, and Audiobook MP3 option.
Version: 2.2.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: fxbf-books
Tags: e-commerce, books, grid-layout, accessibility-ready
*/

:root{ --bg:#0b0f17; --card:#121826; --text:#e7eefc; --muted:#97a3b6; --accent:#3abef9; --accent-2:#8b5cf6; --border:rgba(255,255,255,.08) }
html,body{ background:var(--bg); color:var(--text); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,"Helvetica Neue",Arial; line-height:1.6 }
a{ color:var(--accent); text-decoration:none } a:hover{text-decoration:underline}
.container{ width:min(1200px,92%); margin:0 auto }
.header{ display:flex; align-items:center; justify-content:space-between; padding:18px 0 }
.brand{ font-weight:800; letter-spacing:.2px; font-size:1.2rem }
.nav a{ margin-left:18px; color:var(--text); opacity:.85 } .nav a:hover{opacity:1}
.hero{ display:grid; grid-template-columns:1.2fr .8fr; gap:24px; padding:26px 0 10px } @media (max-width:900px){.hero{grid-template-columns:1fr}}
.card{ background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)); border:1px solid var(--border); border-radius:20px; padding:22px; box-shadow:0 8px 24px rgba(0,0,0,.25) }
.grid{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px }
@media (max-width:1100px){ .grid{ grid-template-columns:repeat(3,1fr) } }
@media (max-width:800px){ .grid{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:520px){ .grid{ grid-template-columns:1fr } }
.product-card{ background:var(--card); border:1px solid var(--border); border-radius:16px; overflow:hidden; display:flex; flex-direction:column }
.product-card .thumb{ aspect-ratio:3/4; width:100%; object-fit:cover; background:#0a0e14 }
.product-card .content{ padding:14px 14px 16px }
.product-card h3{ margin:0 0 8px 0; font-size:1rem; line-height:1.35 }
.badges{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:10px }
.badge{ border:1px solid var(--border); padding:3px 8px; border-radius:999px; font-size:.75rem; color:var(--muted) }
.price{ font-weight:800; font-size:1.05rem; margin-top:auto }
.button,.wc-forward,.button.alt{ display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:12px; border:1px solid var(--border); background:linear-gradient(180deg, rgba(58,190,249,.15), rgba(139,92,246,.12)); color:var(--text); text-decoration:none; transition:.2s transform ease; cursor:pointer }
.button:hover{ transform:translateY(-1px) }
.sidebar{ position:sticky; top:16px; align-self:start; display:flex; flex-direction:column; gap:12px }
.filter-chip{ padding:8px 12px; border-radius:999px; background:var(--card); border:1px solid var(--border); cursor:pointer; display:inline-block; margin:4px 6px 0 0 }
.searchbar input{ width:100%; padding:12px 14px; border-radius:12px; border:1px solid var(--border); background:#0a0f1d; color:var(--text) }
.footer{ color:var(--muted); padding:28px 0 40px; text-align:center; border-top:1px solid var(--border); margin-top:40px }
.notice{ font-size:.9rem; color:var(--muted) } .alert{ background:#1d283a; border:1px solid var(--border); padding:12px 14px; border-radius:12px }
img{ max-width:100%; height:auto } .screen-reader-text{ position:absolute; left:-9999px }

/* Single product */
.product-wrap{ display:grid; grid-template-columns: 1.1fr .9fr; gap:28px }
@media (max-width: 980px){ .product-wrap{ grid-template-columns:1fr } }
.product-gallery{ position:relative; background:var(--card); border:1px solid var(--border); border-radius:18px; padding:16px }
.product-gallery img{ width:100%; height:auto; border-radius:12px }
.product-buybox{ position:sticky; top:16px; align-self:start; background:var(--card); border:1px solid var(--border); border-radius:18px; padding:20px; box-shadow:0 8px 24px rgba(0,0,0,.25) }
.product-meta{ display:flex; flex-wrap:wrap; gap:10px; margin:8px 0 16px }
.meta-pill{ font-size:.8rem; border:1px solid var(--border); padding:6px 10px; border-radius:999px; color:var(--muted) }
.price-lg{ font-size:1.6rem; font-weight:800; margin:6px 0 14px }
.buy-actions{ display:flex; gap:10px; flex-wrap:wrap }
.buy-actions .button{ padding:12px 16px; border-radius:14px; font-weight:600 }
.trust{ display:flex; gap:10px; align-items:flex-start; margin-top:12px; color:var(--muted); font-size:.9rem }
.details-card{ background:var(--card); border:1px solid var(--border); border-radius:18px; padding:18px; margin-top:18px }
.share{ display:flex; gap:10px; margin-top:12px } .breadcrumbs{ color:var(--muted); font-size:.9rem; margin-bottom:12px }