/*
Theme Name:   CyberShield
Theme URI:    http://localhost/cyber/
Description:  CyberShield – Cybersecurity IT firm child theme based on Twenty Twenty-Five. Designed for Elementor page builder with a custom dark header and footer.
Author:       CyberShield Dev
Template:     twentytwentyfive
Version:      1.0.0
Text Domain:  cybershield
Tags: dark, cybersecurity, elementor, business
*/

/* ═══════════════════════════════════════════════════════════
   GLOBAL RESETS & BODY
═══════════════════════════════════════════════════════════ */
:root {
  --cs-bg:          #0a0e1a;
  --cs-surface:     #0d1525;
  --cs-cyan:        #00d4ff;
  --cs-purple:      #7b2fff;
  --cs-nav-h:       72px;
  --cs-text:        #e2e8f0;
  --cs-muted:       #64748b;
  --cs-border:      rgba(255,255,255,.07);
}

html, body {
  background: var(--cs-bg) !important;
  color: var(--cs-text) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
}

/* Push content below the fixed header */
body {
  padding-top: var(--cs-nav-h) !important;
}

/* Remove default Twenty Twenty-Five margins on Elementor pages */
.elementor-page .wp-block-group.wp-block-post-content,
.elementor-page main.wp-block-group,
.page-template-elementor_header_footer main {
  margin-top: 0 !important;
  padding: 0 !important;
}

/* Hide the Twenty Twenty-Five header/footer patterns if they still render */
.wp-block-pattern-placeholder { display: none; }

/* Twenty Twenty-Five removes default list styling — restore for Elementor */
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
  list-style: revert;
  padding-left: revert;
  margin: revert;
}

/* ═══════════════════════════════════════════════════════════
   SCROLLBAR
═══════════════════════════════════════════════════════════ */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #060912; }
::-webkit-scrollbar-thumb { background: #1e3a5f; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--cs-cyan); }

/* ═══════════════════════════════════════════════════════════
   SELECTION
═══════════════════════════════════════════════════════════ */
::selection {
  background: rgba(0, 212, 255, .25);
  color: #fff;
}