/*
Theme Name:   CyberShield
Theme URI:    http://localhost/marketing/
Description:  NobleClicks – Creative Web Design & Marketing agency theme (DotCreative-style) based on Twenty Twenty-Five. Custom header and footer.
Author:       NobleClicks
Template:     twentytwentyfive
Version:      3.6.2
Text Domain:  cybershield
Tags: light, marketing, agency, business
*/

/* ═══════════════════════════════════════════════════════════
   GLOBAL DESIGN TOKENS — NobleClicks brand system
   Single source of truth. Legacy --cs-* names are kept and
   remapped so existing inc/* style blocks pick up the new
   palette automatically.
═══════════════════════════════════════════════════════════ */
:root {
  /* Brand palette — DotCreative clone */
  --nc-primary:    #ff497c;            /* DotCreative pink/rose */
  --nc-primary-d:  #e63467;            /* hover / pressed */
  --nc-primary-l:  #fff0f5;            /* tint / soft fills */
  --nc-ink:        #1f2732;            /* dark sections / headings */
  --nc-bg:         #FFFFFF;            /* page background */
  --nc-surface:    #f4f4f5;            /* card / muted section surface */
  --nc-text:       #323232;            /* body text */
  --nc-muted:      #7f7f7f;            /* secondary text */
  --nc-border:     rgba(31,39,50,.10); /* hairlines */
  --nc-shadow:     0 10px 30px rgba(31,39,50,.08);
  --nc-radius:     14px;
  --nc-grad:       linear-gradient(135deg,#ff497c 0%,#e63467 100%);

  /* Secondary accents from DotCreative palette */
  --nc-lime:       #a0ce4e;
  --nc-teal:       #00bea3;
  --nc-orange:     #f1894c;

  /* Type system */
  --nc-font-body:  'Poppins', system-ui, -apple-system, sans-serif;
  --nc-font-head:  'Poppins', system-ui, -apple-system, sans-serif;
  --nc-font-serif: 'Vidaloka', Georgia, serif;   /* decorative display / quotes */

  /* Legacy aliases → remapped to new palette */
  --cs-bg:      var(--nc-bg);
  --cs-surface: var(--nc-surface);
  --cs-cyan:    var(--nc-primary);
  --cs-purple:  var(--nc-ink);
  --cs-text:    var(--nc-text);
  --cs-muted:   var(--nc-muted);
  --cs-border:  var(--nc-border);
  --cs-nav-h:   72px;
}

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: 8px; }
::-webkit-scrollbar-track { background: var(--nc-surface); }
::-webkit-scrollbar-thumb { background: #d6d6da; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--nc-primary); }

/* ═══════════════════════════════════════════════════════════
   SELECTION
═══════════════════════════════════════════════════════════ */
::selection {
  background: rgba(255, 73, 124, .22);
  color: var(--nc-ink);
}