/*
Theme Name: JMAG SUITE
Theme URI: https://jmag-suite.ch/
Author: JMAG
Description: Thème bloc premium et lumineux pour JMAG SUITE, avec compositions visuelles réutilisables.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: jmag-suite
Tags: block-patterns, full-site-editing, wide-blocks, custom-colors, custom-logo
*/

:root {
  --jmag-shadow: 0 24px 70px rgba(10,15,45,.10);
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

.jmag-glass {
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(10,15,45,.08);
  box-shadow: var(--jmag-shadow);
  backdrop-filter: blur(14px);
  border-radius: 24px;
}

.jmag-gradient-text {
  background: linear-gradient(100deg,#00E6FF 0%,#0066FF 38%,#7A00FF 70%,#FF6A3D 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.jmag-card {
  height: 100%;
  padding: clamp(1.35rem, 2vw, 2rem);
  border: 1px solid rgba(10,15,45,.08);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 16px 45px rgba(10,15,45,.07);
  transition: transform .2s ease, box-shadow .2s ease;
}
.jmag-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 60px rgba(10,15,45,.12);
}

.jmag-pill {
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.5rem .85rem;
  border-radius:999px;
  background:#F2F4F7;
  color:#0A0F2D;
  font-size:.84rem;
  font-weight:700;
}

.jmag-site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255,255,255,.92);
  border-bottom: 1px solid rgba(10,15,45,.07);
  backdrop-filter: blur(16px);
}

.jmag-logo-mark { width: 48px; height: 48px; object-fit: contain; }

.jmag-module-icon {
  width: 76px;
  height: 76px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background: linear-gradient(135deg,#00E6FF 0%,#0066FF 40%,#7A00FF 72%,#FF6A3D 100%);
  color:white;
  box-shadow: 0 18px 35px rgba(37,99,255,.24);
  font-size: 1.7rem;
  font-weight: 800;
}

@media (max-width: 782px) {
  .jmag-desktop-nav { display:none !important; }
}