/*
Theme Name: Nexter Child – JPS Hosting
Theme URI: https://jpshosting.com
Description: Clean client-facing child theme for JPS Hosting websites. Brand-first, minimal, and stable.
Author: JPS Hosting
Template: nexter
Version: 1.0.0
*/

/* =========================================================
   JPS HOSTING – BRAND DESIGN TOKENS
   These are SAFE to use globally
   ========================================================= */

:root {
  /* Core Brand Colors */
  --jps-navy: #0F172A;
  --jps-cyan: #00FFFF;
  --jps-blue: #3B82F6;
  --jps-purple: #8B5CF6;
  --jps-white: #F3F4F6;
  --jps-gray: #6B7280;

  /* UI Helpers */
  --jps-radius: 15px;
  --jps-shadow: 0 4px 12px rgba(0,0,0,0.15);
  --jps-glow: 0 0 20px rgba(0,255,255,0.4);
}

/* =========================================================
   GLOBAL BASELINE (Minimal + Safe)
   ========================================================= */

html {
  scroll-behavior: smooth;
}

body {
  color: var(--jps-navy);
  background-color: #ffffff;
}

/* =========================================================
   LINK STYLING (Neutral, Brand-Aware)
   ========================================================= */

a {
  color: var(--jps-blue);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover,
a:focus {
  color: var(--jps-cyan);
  text-decoration: underline;
}

/* =========================================================
   ICON STANDARD (JPS Hosting)
   Use this for SVG icons, admin UI, feature blocks
   ========================================================= */

.jps-icon,
.jps-icon svg {
  color: var(--jps-cyan);
  fill: var(--jps-cyan);
}

.jps-icon:hover {
  filter: drop-shadow(0 0 6px rgba(0,255,255,0.6));
}

/* =========================================================
   BUTTON BASELINE (Optional Utility)
   Only applies if you reuse these classes
   ========================================================= */

.jps-btn {
  border-radius: var(--jps-radius);
  font-weight: 600;
  transition: all 0.2s ease;
}

.jps-btn-primary {
  background-color: var(--jps-cyan);
  color: var(--jps-navy);
  border: 2px solid transparent;
}

.jps-btn-primary:hover {
  background-color: var(--jps-navy);
  color: var(--jps-cyan);
  border-color: var(--jps-cyan);
  box-shadow: var(--jps-glow);
}

/* =========================================================
   IMAGE SAFETY
   ========================================================= */

img {
  max-width: 100%;
  height: auto;
}

/* =========================================================
   BRAND LOGO HELPERS (OPTIONAL)
   For use in headers, hero sections, or widgets
   ========================================================= */

.jps-logo {
  max-width: 220px;
}

.jps-logo.small {
  max-width: 140px;
}

/* =========================================================
   DO NOT ADD SOP STYLES HERE
   SOP-specific styles belong in SOP-only stylesheets
   ========================================================= */