/* ScubAI — Liquid Glass / Liquid Grass (Ruthless Style) */

:root{
  --scubai-orange: #F97316;
  --scubai-orange2: #FB923C;
  --scubai-green: #22C55E;
  --scubai-deep: #071018;
  --scubai-ink: #0B1420;
  
  --glass-bg: rgba(255,255,255,0.06);
  --glass-border: rgba(255,255,255,0.14);
  --glass-shadow: 0 18px 50px rgba(0,0,0,0.22);
  --glass-blur: 24px;
  
  --text-main: #E6EEF8;
  --text-muted: #A7B6C8;
}

body, p, a, li, span, .wp-block-button__link, h1, h2, h3, h4, h5, h6, .wp-block-heading, .site-title, .menu-item a { 
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important; 
  color: var(--text-main) !important;
}

h1, h2, h3, .wp-block-heading {
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
}

body {
  background:
    radial-gradient(1200px 700px at 10% 10%, rgba(34,197,94,0.22), transparent 55%),
    radial-gradient(1000px 700px at 90% 15%, rgba(249,115,22,0.26), transparent 55%),
    radial-gradient(900px 700px at 70% 90%, rgba(251,146,60,0.18), transparent 60%),
    linear-gradient(180deg, var(--scubai-deep), var(--scubai-ink)) !important;
  color: var(--text-main);
}

body::before {
  content: "";
  pointer-events: none;
  position: fixed; 
  inset: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="200" height="200" filter="url(%23n)" opacity="0.35"/></svg>');
  mix-blend-mode: overlay;
  opacity: 0.18;
  z-index: 99999;
}

#page, .site, main, footer { position: relative; z-index: 1; background: transparent !important; }

/* Kadence Overrides for Dark Mode */
.site-container, .site-content, .content-bg { background: transparent !important; }

/* Kadence Sticky Glass Header */
#masthead, .site-header {
  position: sticky !important;
  top: 0;
  z-index: 9999;
  background: rgba(7, 16, 24, 0.4) !important;
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border-bottom: 1px solid var(--glass-border);
  box-shadow: 0 4px 30px rgba(0,0,0,0.2);
}
.site-branding a, .main-navigation a, .site-title, .site-header-row-container-inner {
  color: var(--text-main) !important;
}
.main-navigation a:hover { color: var(--scubai-orange) !important; }

/* RUTHLESS STYLE GLASS CARDS */
.scubai-glass, .wp-block-cover .wp-block-group.has-background {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
  border-radius: 24px !important;
  backdrop-filter: blur(var(--glass-blur)) saturate(150%) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(150%) !important;
  padding: 32px !important;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.3s ease !important;
}
.scubai-glass:hover, .wp-block-cover .wp-block-group.has-background:hover {
  transform: translateY(-2px) scale(1.01) !important;
  box-shadow: 0 30px 60px rgba(0,0,0,.3) !important;
  border-color: rgba(255,255,255,0.25) !important;
}

/* RUTHLESS BUTTONS */
.wp-block-button__link {
  background: linear-gradient(135deg, var(--scubai-orange) 0%, var(--scubai-orange2) 100%) !important;
  box-shadow: 0 8px 24px rgba(249,115,22,.25) !important;
  transition: transform .25s cubic-bezier(0.25, 1, 0.5, 1), box-shadow .25s ease, filter .25s ease !important;
  color: #000000 !important; /* High contrast on orange */
  border: none !important;
  border-radius: 99px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}
.wp-block-button__link:hover {
  transform: translateY(-2px) scale(1.03) !important;
  filter: saturate(1.2) brightness(1.1) !important;
  box-shadow: 0 12px 32px rgba(249,115,22,.4) !important;
}

/* OUTLINE BUTTON (RUTHLESS) */
.wp-block-button.is-style-outline .wp-block-button__link {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  color: var(--text-main) !important;
  box-shadow: none !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: rgba(255,255,255,0.1) !important;
  border-color: rgba(255,255,255,0.3) !important;
}

/* BLOG CARDS */
.wp-block-latest-posts { list-style: none; padding:0; }
.wp-block-latest-posts li { 
  background: var(--glass-bg) !important; 
  padding: 24px !important; 
  border-radius: 24px !important;
  margin-bottom: 20px; 
  box-shadow: 0 12px 36px rgba(0,0,0,0.2) !important; 
  border: 1px solid var(--glass-border) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.3s ease !important;
}
.wp-block-latest-posts li:hover {
  transform: translateY(-4px) scale(1.015) !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.3) !important;
  border-color: rgba(255,255,255,0.25) !important;
}
.wp-block-latest-posts li a { color: var(--scubai-green) !important; font-weight: 600; text-decoration: none; font-size: 1.25rem; display:block; margin-bottom: 8px;}
.wp-block-latest-posts .wp-block-latest-posts__post-date { font-size: 0.85rem; color: var(--text-muted) !important; }

/* FIX COVER DIM OVERLAYS FOR DARK THEME */
.wp-block-cover__background { background-color: transparent !important; }
.wp-block-cover { background: transparent !important; border: 1px solid var(--glass-border); border-radius: 32px; box-shadow: var(--glass-shadow); backdrop-filter: blur(24px); margin-top: 24px; }