/* === Shared Header & Footer — matching wirecableshow.com === */

/* Header */
.wcs-header{background:linear-gradient(135deg,#1a2332,#0f1a2e);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,0.3)}
.wcs-header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;padding:0 20px;height:56px}
.wcs-logo{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:30px;flex-shrink:0}
.wcs-logo img{height:36px}
.wcs-logo-text{color:#fff;font-size:14px;font-weight:700;letter-spacing:0.5px;line-height:1.2}
.wcs-logo-text span{color:#E31E24}
.wcs-nav{display:flex;gap:4px;flex:1}
.wcs-nav a{color:#b0b8c1;text-decoration:none;font-size:13px;font-weight:600;padding:8px 14px;border-radius:6px;transition:all .2s;letter-spacing:0.5px}
.wcs-nav a:hover,.wcs-nav a.active{color:#fff;background:rgba(52,152,219,0.15)}
.wcs-nav a.active{color:#3498db}
.wcs-nav-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.wcs-nav-right a{color:#8fa8bf;text-decoration:none;font-size:12px;transition:color .2s}
.wcs-nav-right a:hover{color:#3498db}

/* Mobile menu */
.wcs-mobile-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:8px}

/* Footer */
.wcs-footer{background:linear-gradient(135deg,#1a2332,#2c3e50);color:#fff;padding:40px 20px 0;margin-top:60px}
.wcs-footer-inner{max-width:1200px;margin:0 auto}
.wcs-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.1)}
.wcs-footer-col h3{color:#3498db;font-size:14px;font-weight:600;margin-bottom:18px;text-transform:uppercase;position:relative;padding-bottom:8px}
.wcs-footer-col h3::after{content:'';position:absolute;left:0;bottom:0;width:30px;height:2px;background:#3498db}
.wcs-footer-col p{color:#b0b8c1;font-size:13px;line-height:1.7;margin-bottom:12px}
.wcs-footer-col ul{list-style:none;padding:0}
.wcs-footer-col ul li{margin-bottom:10px}
.wcs-footer-col ul li a{color:#b0b8c1;text-decoration:none;font-size:13px;transition:all .2s}
.wcs-footer-col ul li a:hover{color:#3498db;transform:translateX(3px);display:inline-block}
.wcs-footer-bottom{padding:20px 0;text-align:center;border-top:1px solid rgba(255,255,255,0.05)}
.wcs-footer-bottom p{color:#667;font-size:12px;margin:0}

/* Event dates in footer */
.wcs-event-dates .event-item{padding:12px;background:rgba(52,152,219,0.05);border-radius:6px;border-left:3px solid #3498db;margin-bottom:10px}
.wcs-event-dates .event-item strong{display:block;color:#fff;font-size:13px;margin-bottom:4px}
.wcs-event-dates .event-item span{color:#b0b8c1;font-size:12px}
.wcs-event-dates .event-item .venue{color:#009639;font-style:italic;font-size:11px}

/* Contact in footer */
.wcs-contact-item{padding:12px;background:rgba(52,152,219,0.05);border-radius:6px;border-left:3px solid #3498db;margin-bottom:10px}
.wcs-contact-item strong{display:block;color:#fff;font-size:13px;margin-bottom:4px}
.wcs-contact-item span{color:#b0b8c1;font-size:12px}
.wcs-contact-email{padding:12px;background:rgba(46,204,113,0.1);border-radius:6px;border-left:3px solid #2ecc71}
.wcs-contact-email a{color:#2ecc71;text-decoration:none;font-size:13px}

@media(max-width:768px){
  .wcs-nav{display:none}
  .wcs-mobile-toggle{display:block}
  .wcs-footer-grid{grid-template-columns:1fr;gap:24px}
}