/* ==========================================================================
   WISAM ENTERPRISES — BLACK THEME
   Loaded last on every page, so it overrides the original light styles.
   To go back to the light site, remove the <link href="black-theme.css"> line
   from the pages (or delete this file).
   ========================================================================== */
:root{
  --bk-bg:#000;
  --bk-bg2:#0b0b0b;
  --bk-surface:#131313;
  --bk-surface2:#1b1b1b;
  --bk-line:#2a2a2a;
  --bk-text:#d2d2d2;
  --bk-muted:#a3a3a3;
  --bk-head:#fff;
  --bk-gold:#c9a64f;
  --bk-gold-soft:#dcbd6c;
  color-scheme:dark;
}
html,body{background:var(--bk-bg)!important;color:var(--bk-text)}

/* Header + navigation */
header,.we-header,.p-header{background:rgba(0,0,0,.97)!important;border-bottom:1px solid var(--bk-line)!important}
nav a,.we-links a,.p-links a{color:#eee!important}
nav a:hover,.we-links a:hover,.p-links a:hover{color:var(--bk-gold-soft)!important}
.menu-toggle,.we-menu,.p-menu{color:#fff!important;background:none!important}
@media(max-width:750px){nav,.we-links,.p-links{background:#000!important;border-bottom:1px solid var(--bk-line)!important}}
@media(max-width:650px){.p-links{background:#000!important}}

/* Logo: logo-black.png is a transparent gold version of the logo (gold planet and text, champagne orbit). */
.logo,.we-logo,.p-logo{filter:none}

/* Headings */
h1,h2,h3,h4,.section-title,.we-title,.p-hero h1,.product-hero h1,
.product-card h2,.p-card h2,.we-card h3,.we-copy h3,.we-values h3,.we-name-card h3,
.group-card h3,.value-grid h3,.legacy-copy h3,.we-warehouse h3,.coal-box h2,.spec-box strong,.spec-label{color:var(--bk-head)!important}
.industries .section-title,.we-industries .we-title,.about .section-title{color:#fff!important}

/* Body copy */
.section-text,.we-text,.p-hero p,.we-card p,.we-values p,.we-warehouse p,.we-copy p,
.group-card p,.value-grid p,.product-card p,.p-card p,.legacy-copy p,.note,.spec-note,
.granule-item span,.operations-gallery figcaption,.timeline span{color:var(--bk-muted)!important}
.we-note,.legacy-note{background:var(--bk-surface)!important;color:#bdbdbd!important}
.lead,.we-lead{color:var(--bk-gold-soft)!important}
.back,.product-card a,.p-card a{color:var(--bk-gold-soft)!important}
.kicker,.we-kicker,.p-kicker,.we-contact-grid span,.contact-grid span,.value-grid span{color:var(--bk-gold)!important}

/* Section backgrounds */
section,.we-section{background-color:transparent}
.soft-section,.contact,.we-soft,.we-contact{background:var(--bk-bg2)!important}
.we-industries,.industries{background:#070707!important;border-top:1px solid var(--bk-line);border-bottom:1px solid var(--bk-line)}
.we-industry-grid div,.industry-grid div{border-color:var(--bk-line)!important;background:var(--bk-surface)}
.product-hero,.p-hero,.quote-page{background:linear-gradient(135deg,#101010,#000)!important}
.about{background:#080808!important}

/* Cards and panels */
.we-copy,.we-card,.we-values article,.we-contact-grid>div,.we-warehouse,
.p-card,.product-card,.group-card,.legacy-copy,.value-grid article,.contact-grid>div,
.contact-box,.quote-form,.coal-box,.operations-gallery figure{
  background:var(--bk-surface)!important;border-color:var(--bk-line)!important;box-shadow:none!important}
.we-name-card{background:var(--bk-surface)!important;border:1px solid var(--bk-line)!important;border-top:4px solid var(--bk-gold)!important}
.origin-list div,.size-list div{background:var(--bk-surface2)!important;color:var(--bk-text)}
.legacy-row>img{background:var(--bk-surface)!important;border-color:var(--bk-gold)!important}
.we-year,.legacy-year{border-color:#000!important}
.timeline strong{box-shadow:0 0 0 2px var(--bk-gold)}

/* Contact blocks and links */
.we-contact-grid a,.contact-grid a{color:#fff!important}
.we-contact-grid a:hover,.contact-grid a:hover{color:var(--bk-gold-soft)!important}
.we-map{background:var(--bk-surface)!important;border-color:var(--bk-line)!important}
.we-map iframe{filter:invert(.92) hue-rotate(180deg) contrast(.9)}

/* Buttons */
.btn,.we-btn{background:var(--bk-gold)!important;color:#000!important}
.btn:hover,.we-btn:hover{background:var(--bk-gold-soft)!important}
.btn.light{background:#fff!important;color:#111!important}

/* Specification tables */
.spec-table{border-top:1px solid var(--bk-line)!important}
.spec-row{border-bottom:1px solid var(--bk-line)!important}

/* Quote form */
.quote-form label{color:#e6e6e6!important}
.quote-form input,.quote-form select,.quote-form textarea{background:var(--bk-surface2)!important;color:#fff!important;border:1px solid #3a3a3a!important}
.quote-form input::placeholder,.quote-form textarea::placeholder{color:#7d7d7d}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:2px solid var(--bk-gold);outline-offset:0;border-color:var(--bk-gold)!important}

/* Footer */
footer,.we-footer,.p-footer{background:#000!important;border-top:1px solid var(--bk-line);color:#8c8c8c!important}
::selection{background:var(--bk-gold);color:#000}

/* Header: logo in the far left corner, menu at the far right, full width */
.nav,.we-nav,.p-nav{max-width:none!important;margin:0!important;padding-left:28px!important;padding-right:28px!important}
.logo,.we-logo,.p-logo{height:62px!important;width:auto!important;margin-left:0}
@media(max-width:750px){.nav,.we-nav,.p-nav{padding-left:16px!important;padding-right:16px!important}.logo,.we-logo,.p-logo{height:52px!important}}