/* beckfordart.design site styles. Moved verbatim out of homepage Code modules on 2026-09-28. */

/* --- style block 1 --- */
#main-header{display:none!important;}
#main-footer{display:none!important;}
#bad-site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(18px,4vw,52px);border-bottom:1px solid rgba(255,253,248,.12);background:rgba(17,17,15,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.bad-header-brand{display:inline-flex;align-items:center;gap:10px;color:#fffdf8;text-decoration:none;font:700 .95rem/1.15 Georgia,serif;}
.bad-header-brand img{width:44px;height:37px;object-fit:contain;}
#bad-site-footer{padding:44px clamp(18px,4vw,52px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid rgba(255,253,248,.1);}
#bad-site-footer .bad-footer-brand{display:inline-flex;align-items:center;gap:10px;color:#fffdf8;text-decoration:none;font:700 .95rem/1.15 Georgia,serif;}
#bad-site-footer .bad-footer-brand img{width:36px;height:30px;object-fit:contain;}
#bad-site-footer .bad-footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:.88rem;}
#bad-site-footer .bad-footer-links a{color:rgba(255,253,248,.62);text-decoration:none;}
#bad-site-footer .bad-footer-links a:hover{color:#d6ff38;}
#bad-site-footer .bad-footer-copy{color:rgba(255,253,248,.4);font-size:.8rem;width:100%;order:3;}
@media (min-width:640px){ #bad-site-footer .bad-footer-copy{width:auto;order:0;margin-left:auto;} }
#bad-hero-glow{position:absolute;top:0;left:50%;width:100vw;transform:translateX(-50%);height:100vh;min-height:700px;overflow:hidden;pointer-events:none;z-index:0;background:
  linear-gradient(90deg,rgba(3,4,6,.55) 0%,rgba(3,4,6,.86) 38%,rgba(3,4,6,.86) 62%,rgba(3,4,6,.55) 100%),
  linear-gradient(180deg,rgba(2,3,5,.5) 0%,transparent 26%,transparent 66%,rgba(2,3,5,.78) 100%),
  #06090d url(/wp-content/uploads/beckford-cyberpunk-city.png) center center/cover no-repeat;}
:root{--facade-source-height:8000px;--facade-tile-width:420px;--facade-offset-y:0px;}
html,body{overflow-x:clip;}
.bad-side-lights{position:fixed;top:0;bottom:0;width:max(0px,calc((100vw - 1080px) / 2));min-width:0;pointer-events:none;z-index:5;background-color:#0c0c0a;background-repeat:repeat-x;background-size:min(var(--facade-tile-width),100%) var(--facade-source-height);background-position-y:var(--facade-offset-y);will-change:background-position;}
.bad-side-lights.bad-side-left{left:0;background-image:url(/wp-content/uploads/left-facade.svg?v=7);background-position-x:left;}
.bad-side-lights.bad-side-right{right:0;background-image:url(/wp-content/uploads/right-facade.svg?v=7);background-position-x:right;}
@media (max-width:1280px){.bad-side-lights{display:none;}}
@media (prefers-reduced-motion:reduce){.bad-side-lights{will-change:auto;}}

.bad-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);}
.bad-reveal.bad-in{opacity:1;transform:none;}

.bad-card{--accent:#d6ff38;position:relative;background:rgba(255,253,248,.04);border:1px solid rgba(255,253,248,.1);border-top:2px solid var(--accent);border-radius:10px;padding:26px;transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s ease,box-shadow .35s ease;}
.bad-card:hover{transform:translateY(-6px);background:rgba(255,253,248,.07);box-shadow:0 18px 44px rgba(0,0,0,.35);}
.bad-card.is-spotlight{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,rgba(255,253,248,.1));}

/* Pathways — no top strip, faint numeral watermark, tinted wash */
.bad-card--path{border-top:1px solid rgba(255,253,248,.1);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 65%),rgba(255,253,248,.03);overflow:hidden;}
.bad-card--path .bad-card-num{position:absolute;top:22px;right:22px;width:50px;height:50px;color:var(--accent);opacity:.6;pointer-events:none;}

/* Brand & design — full outline instead of top strip, airier fill */
.bad-card--outline{border:1px solid color-mix(in srgb,var(--accent) 45%,rgba(255,253,248,.15));border-top:1px solid color-mix(in srgb,var(--accent) 45%,rgba(255,253,248,.15));background:rgba(255,253,248,.015);}
.bad-card--outline .bad-card-mark{display:inline-block;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,transparent);border:1px solid var(--accent);margin-bottom:16px;}

/* Deliverables — flat reference panel, not a purchase tier */
.bad-card--flat{background:transparent;border:none;border-radius:0;border-left:3px solid var(--accent);padding:2px 0 2px 24px;}
.bad-card--flat:hover{transform:none;background:transparent;box-shadow:none;}

/* Site Care — smaller, tighter, utility feel */
.bad-card--compact{padding:20px 22px;border-top-width:1px;}
.bad-card--compact .bad-card-price{font-size:1.6rem;margin-bottom:8px;}

/* Website packages — navy panel + blurred glow tab header, from the real
   Beckford Art Design business card palette (navy #152350 / gold #e7c240) */
.bad-card--tab{background:#152350;border:1px solid rgba(255,253,248,.08);overflow:hidden;}
.bad-card--tab.is-spotlight{background:#152350;border-color:color-mix(in srgb,var(--accent) 45%,rgba(255,253,248,.08));}
.bad-card--tab .bad-tab-head{position:relative;height:84px;margin:-26px -26px 20px;background:
  radial-gradient(circle at 75% 25%,color-mix(in srgb,var(--accent) 55%,transparent),transparent 60%),
  radial-gradient(circle at 20% 85%,rgba(91,140,255,.4),transparent 55%),
  #0e1a3d;}
.bad-card--tab .bad-card-price{color:var(--accent);}

/* Creative Retainers — premium diagonal ribbon instead of a pill badge */
.bad-card--ribbon{overflow:hidden;border:1px solid rgba(255,253,248,.1);border-top:1px solid rgba(255,253,248,.1);}
.bad-card--ribbon .bad-ribbon{position:absolute;top:18px;right:-38px;width:160px;transform:rotate(45deg);background:var(--accent);color:#11110f;text-align:center;font:800 .62rem/1 'Courier New',monospace;letter-spacing:.08em;text-transform:uppercase;padding:6px 0;box-shadow:0 4px 12px rgba(0,0,0,.35);}
.bad-card--ribbon .bad-card-price{font-family:Georgia,serif;}

.bad-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:8px;background:#d6ff38;color:#11110f;font-weight:900;text-decoration:none;font-size:.95rem;box-shadow:0 0 0 rgba(214,255,56,0);transition:box-shadow .3s ease,transform .3s ease;}
.bad-btn:hover{box-shadow:0 0 42px rgba(214,255,56,.5);transform:translateY(-2px);}
.bad-btn-ghost{background:transparent;border:1px solid rgba(255,253,248,.25);color:#fffdf8;}
.bad-btn-ghost:hover{box-shadow:0 0 30px rgba(255,253,248,.15);border-color:rgba(255,253,248,.5);}

@media (max-width:900px){
  .bad-grid{grid-template-columns:1fr !important;}
}
@media (max-width:600px){
  #bad-site-header{padding:10px 16px;}
  .bad-header-brand img{width:34px;height:29px;}
  .bad-header-brand span{display:none;}
  #bad-site-header .bad-btn{padding:9px 16px;font-size:.8rem;white-space:nowrap;}
}
@media (prefers-reduced-motion: reduce){
  .bad-reveal{opacity:1;transform:none;transition:none;}
  #bad-hero-glow .bad-glow{transition:none;}
  .bad-card{transition:none;}
}

/* --- style block 2 (quote form) --- */
#bad-quote-wrap form{display:grid;gap:14px;max-width:520px;position:relative;z-index:1;}
#bad-quote-wrap label{display:grid;gap:6px;font-weight:700;font-size:.85rem;color:rgba(255,253,248,.55);}
#bad-quote-wrap input,#bad-quote-wrap select,#bad-quote-wrap textarea{padding:11px 12px;border:1px solid rgba(255,253,248,.18);border-radius:6px;font:inherit;background:rgba(255,253,248,.04);color:#fffdf8;color-scheme:dark;}
#bad-quote-wrap input::placeholder,#bad-quote-wrap textarea::placeholder{color:rgba(255,253,248,.35);}
#bad-quote-wrap select option{background:#1a1a17;color:#fffdf8;}
.bad-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* --- Sub-pages (everything except the homepage): dark, readable, full width. Added 2026-09-28. --- */
body:not(.home){background:#0c0c0a;}
body:not(.home) #page-container{padding-top:76px !important;background:#0c0c0a;}
body:not(.home) #main-content,body:not(.home) #main-content .container{background:transparent;}
body:not(.home) #main-content .container{max-width:760px;width:90%;padding-top:48px;padding-bottom:72px;}
body:not(.home) #main-content .container:before{display:none;}
body:not(.home) #sidebar{display:none;}
body:not(.home) #left-area{width:100%;padding:0;float:none;}
body:not(.home) .entry-content,body:not(.home) .entry-content p,body:not(.home) .entry-content li{color:rgba(255,253,248,.78);font-size:1rem;line-height:1.75;}
body:not(.home) h1.entry-title,body:not(.home) .entry-content h2,body:not(.home) .entry-content h3{color:#fffdf8;font-family:Georgia,serif;}
body:not(.home) h1.entry-title{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:.4em;}
body:not(.home) .entry-content h2{font-size:1.45rem;margin:1.8em 0 .5em;padding:0;}
body:not(.home) .entry-content strong{color:#fffdf8;}
body:not(.home) .entry-content a{color:#d6ff38;text-decoration:underline;text-underline-offset:3px;}
body:not(.home) .entry-content ul{padding-left:1.2em;}
body:not(.home) .entry-content li{margin-bottom:.4em;}
body:not(.home) #bad-site-footer{background:#0c0c0a;}
/* Grand-opening pricing (D-025, 2026-09-29) */
.bad-price-next{display:block;margin:-4px 0 16px;padding:0;font:700 .72rem/1.35 'Courier New',monospace;letter-spacing:.08em;text-transform:uppercase;color:#d6ff38;}
.bad-price-next--row{margin:4px 0 0;text-align:right;font-size:.66rem;}
.bad-promo{margin:28px 0 0;max-width:640px;padding:18px 22px;border:1px solid rgba(214,255,56,.35);border-left:4px solid #d6ff38;border-radius:10px;background:rgba(214,255,56,.06);}
.bad-promo .bad-promo-eyebrow{font:800 .74rem/1 'Courier New',monospace;letter-spacing:.14em;text-transform:uppercase;color:#d6ff38;margin:0 0 10px;padding:0;}
.bad-promo .bad-promo-text{font-size:1rem;line-height:1.6;color:rgba(255,253,248,.8);margin:0;padding:0;}
.bad-promo .bad-promo-text strong{color:#fffdf8;}
strong:has(> .bad-price-next--row){text-align:right;}