/*
 * PrismWare — MySellAuth Theme
 * Exact match to prismware.wtf
 * #000 bg · #0a0a0a cards · #1a1a1a borders · #4169e1 accent · Inter font
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ── HIDE STATS ── */
[data-component-id="stats"] { display:none !important; }

/* ── BASE ── */
*,*::before,*::after{box-sizing:border-box}
html,body{
  background:#000 !important;
  font-family:'Inter',sans-serif !important;
  -webkit-font-smoothing:antialiased;
  color:#fff;
}
:root{
  --cl-background:0,0,0 !important;
  --cl-card:10,10,10 !important;
  --cl-accent:65,105,225 !important;
}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:#000}
::-webkit-scrollbar-thumb{background:#252525;border-radius:2px}
::-webkit-scrollbar-thumb:hover{background:#333}
::selection{background:rgba(65,105,225,.25);color:#fff}

/* ── NAVBAR ── */
nav[data-component-id="navbar"]{position:sticky;top:0;z-index:100}
nav[data-component-id="navbar"] > div{
  background:rgba(0,0,0,.92) !important;
  border:none !important;
  border-bottom:1px solid #1a1a1a !important;
  backdrop-filter:blur(12px) !important;
}
nav[data-component-id="navbar"] a,
nav[data-component-id="navbar"] button{
  font-family:'Inter',sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
}
nav[data-component-id="navbar"] .text-t-primary{color:#fff !important}
nav[data-component-id="navbar"] .text-t-primary\/80{color:#888 !important}
nav[data-component-id="navbar"] a:hover,nav[data-component-id="navbar"] button:hover{color:#fff !important}

/* nav buy button */
nav[data-component-id="navbar"] .bg-accent-500{
  background:#fff !important;color:#000 !important;
  border:none !important;border-radius:6px !important;
  font-weight:700 !important;padding:7px 16px !important;
}
nav[data-component-id="navbar"] .bg-accent-500:hover{opacity:.88 !important}
nav[data-component-id="navbar"] .bg-accent-700{
  background:#111 !important;color:#fff !important;
  border:1px solid #252525 !important;border-radius:6px !important;
}
nav .bg-card{background:#0a0a0a !important}
nav .border-white\/5{border-color:#1a1a1a !important}

/* ── GLOBAL COLORS ── */
.bg-background{background:#000 !important}
.bg-card,.bg-card\/75,.bg-card\/90{background:#0a0a0a !important}
.bg-background\/35{background:rgba(0,0,0,.35) !important}
.border-white\/5{border-color:#1a1a1a !important}
.border-white\/10{border-color:#252525 !important}
.text-t-primary{color:#fff !important}
.text-t-primary\/80,.text-t-primary\/75{color:#777 !important}
.text-t-primary\/60,.text-t-primary\/50{color:#444 !important}
.text-accent-500{color:#4169e1 !important}
.bg-accent-500{background:#4169e1 !important}
.bg-accent-500\/10{background:rgba(65,105,225,.08) !important}
.border-accent-500{border-color:#4169e1 !important}
hr{border-color:#1a1a1a !important}

/* ── HERO ── */
section[data-component-id*="hero"]{
  background:#000 !important;
  border-bottom:1px solid #1a1a1a !important;
}
section[data-component-id*="hero"] h1{
  font-size:clamp(32px,5vw,56px) !important;
  font-weight:800 !important;
  letter-spacing:-.5px !important;
  line-height:1.1 !important;
  color:#fff !important;
}
section[data-component-id*="hero"] p{color:#777 !important;font-size:15px !important;line-height:1.75 !important}
section[data-component-id*="hero"] a.bg-accent-500,
section[data-component-id*="hero"] button.bg-accent-500{
  background:#4169e1 !important;color:#fff !important;
  border-radius:7px !important;padding:12px 24px !important;
  font-weight:600 !important;border:none !important;
  box-shadow:0 0 24px rgba(65,105,225,.3) !important;
}
section[data-component-id*="hero"] a.bg-accent-500:hover{box-shadow:0 0 40px rgba(65,105,225,.5) !important;transform:translateY(-1px) !important}
section[data-component-id*="hero"] a.border-accent-500,
section[data-component-id*="hero"] button.border-accent-500{
  border:1px solid #252525 !important;color:#888 !important;
  background:transparent !important;border-radius:7px !important;
  padding:12px 24px !important;font-weight:500 !important;
}
section[data-component-id*="hero"] a.border-accent-500:hover{border-color:#4169e1 !important;color:#4169e1 !important}

/* ── PRODUCT CARDS ── */
a[href*="/product/"],
a[href*="/products/"] > div,
.group .bg-card{
  background:#0a0a0a !important;
  border:1px solid #1a1a1a !important;
  border-radius:8px !important;
  transition:border-color .2s !important;
  overflow:hidden !important;
}
a[href*="/product/"]:hover > *,
a[href*="/products/"]:hover > div{border-color:#252525 !important}

/* product card name */
.group h3{font-size:14px !important;font-weight:600 !important;color:#fff !important}

/* product card price */
.group .text-accent-500{color:#fff !important;font-size:15px !important;font-weight:700 !important}

/* ── PRODUCT PAGE ── */
.bg-background\/35.border.border-white\/5{
  background:#0a0a0a !important;
  border:1px solid #1a1a1a !important;
  border-radius:8px 8px 0 0 !important;
}

/* product title */
h1.text-t-primary{
  font-size:clamp(18px,3vw,28px) !important;
  font-weight:700 !important;
  letter-spacing:-.3px !important;
}

/* product tabs (Description etc) */
button.px-3.py-1\.5{
  border:1px solid #1a1a1a !important;
  border-radius:5px !important;
  font-size:12px !important;
  font-weight:500 !important;
  background:#0a0a0a !important;
  color:#777 !important;
  transition:all .15s !important;
}
button.px-3.py-1\.5.bg-accent-500\/10{background:rgba(65,105,225,.1) !important;color:#4169e1 !important;border-color:#4169e1 !important}

/* price display */
.text-3xl.text-t-primary{font-size:32px !important;font-weight:800 !important;letter-spacing:-1px !important}

/* variant/tier selector */
[x-data="productForm"] button{
  border:1px solid #1a1a1a !important;
  background:#0a0a0a !important;
  color:#777 !important;
  border-radius:6px !important;
  font-size:13px !important;
  font-weight:500 !important;
  transition:all .15s !important;
}
[x-data="productForm"] button[class*="accent"],
[x-data="productForm"] button[class*="selected"]{
  border-color:#4169e1 !important;
  color:#fff !important;
  background:#050d24 !important;
}

/* Add to cart */
button[type="submit"]{
  background:#fff !important;color:#000 !important;
  border:none !important;border-radius:7px !important;
  font-weight:700 !important;font-size:14px !important;
  padding:13px !important;width:100% !important;
  transition:opacity .15s !important;
  letter-spacing:-.1px !important;
}
button[type="submit"]:hover{opacity:.88 !important}

/* ── FEATURES ── */
section[data-component-id*="features"]{
  background:#000 !important;
  border-top:1px solid #1a1a1a !important;
  border-bottom:1px solid #1a1a1a !important;
}
section[data-component-id*="features"] .bg-card{
  background:#0a0a0a !important;
  border:1px solid #1a1a1a !important;
  border-radius:8px !important;
  transition:background .2s !important;
}
section[data-component-id*="features"] .bg-card:hover{background:#111 !important}
section[data-component-id*="features"] i,
section[data-component-id*="features"] .fa,
section[data-component-id*="features"] .fas{color:#4169e1 !important}
section[data-component-id*="features"] h3{font-weight:700 !important}

/* ── FAQ ── */
section[data-component-id*="faq"]{background:#000 !important}
section[data-component-id*="faq"] .bg-card{
  background:#0a0a0a !important;border:1px solid #1a1a1a !important;
  border-radius:6px !important;transition:border-color .2s !important;
}
section[data-component-id*="faq"] .bg-card:hover{border-color:#252525 !important}

/* ── FEEDBACKS ── */
section[data-component-id*="feedbacks"]{background:#000 !important;border-top:1px solid #1a1a1a !important}
section[data-component-id*="feedbacks"] .bg-card{
  background:#0a0a0a !important;border:1px solid #1a1a1a !important;border-radius:8px !important;
}

/* ── CART ── */
.cart-page,[data-component-id*="cart"]{background:#000 !important}

/* ── MODALS ── */
[class*="modal"] > div,
[x-data*="modal"] > div > div,
[x-show][class*="fixed"] > div{
  background:#0a0a0a !important;
  border:1px solid #1a1a1a !important;
  border-radius:10px !important;
}

/* ── INPUTS ── */
input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
textarea,select{
  background:#0a0a0a !important;
  border:1px solid #1a1a1a !important;
  color:#fff !important;
  border-radius:6px !important;
  font-family:'Inter',sans-serif !important;
  font-size:13px !important;
}
input:focus,textarea:focus,select:focus{
  border-color:#4169e1 !important;
  outline:none !important;
  box-shadow:0 0 0 1px rgba(65,105,225,.15) !important;
}
input::placeholder,textarea::placeholder{color:#444 !important}

/* ── FOOTER ── */
footer{
  background:#000 !important;
  border-top:1px solid #1a1a1a !important;
}
footer .bg-card\/90{background:#000 !important;border:none !important}
footer .border-white\/5{border-color:#1a1a1a !important}
footer p,footer span{color:#444 !important}
footer a{color:#444 !important;text-decoration:none !important;transition:color .15s !important}
footer a:hover{color:#fff !important}
footer .text-t-primary{color:#fff !important}
footer .text-accent-500{color:#4169e1 !important}
footer .font-semibold.text-lg{color:#fff !important;font-size:15px !important;font-weight:700 !important}

/* ── BADGES ── */
.badge,[class*="badge"]{
  background:#111 !important;border:1px solid #1a1a1a !important;
  color:#888 !important;border-radius:4px !important;
}
/* status badge (Undetected etc) */
.pulsating{opacity:.4 !important}

/* ── PAGINATION ── */
[class*="pagination"] button,[class*="pagination"] a{
  background:#0a0a0a !important;border:1px solid #1a1a1a !important;
  color:#777 !important;border-radius:5px !important;
}
[class*="pagination"] button:hover,[class*="pagination"] a:hover{border-color:#4169e1 !important;color:#4169e1 !important}

/* ── CUSTOMER PAGES ── */
[data-component-id*="customer"],
.customer-page{background:#000 !important}
.customer-page .bg-card{background:#0a0a0a !important;border:1px solid #1a1a1a !important}

/* sidebar */
[x-data*="sidebar"] a{
  color:#777 !important;border-radius:6px !important;
  transition:all .15s !important;font-size:13px !important;
}
[x-data*="sidebar"] a:hover,[x-data*="sidebar"] a.active{
  background:#111 !important;color:#fff !important;
}

/* ── TYPOGRAPHY ── */
h1,h2,h3,h4,h5,h6{font-family:'Inter',sans-serif !important;color:#fff !important}
p{font-family:'Inter',sans-serif !important}
.editor p,.editor li,.editor a{font-family:'Inter',sans-serif !important;color:#888 !important;line-height:1.75 !important}
.editor h1,.editor h2,.editor h3{color:#fff !important}
.editor a{color:#4169e1 !important}
.editor a:hover{text-decoration:underline !important}

/* section headings */
section h1.text-2xl,section h1.text-3xl,section h1.text-4xl{
  font-weight:800 !important;letter-spacing:-.5px !important;
}
.border-accent-500.mt-1{background:#4169e1 !important;height:2px !important}

/* ── MISC ── */
.rounded-none{border-radius:0 !important}
[class*="border-white"]{border-color:#1a1a1a !important}
.divide-white\/5 > *{border-color:#1a1a1a !important}
.bg-white\/\[0\.025\]{background:rgba(255,255,255,.02) !important}