/*
Theme Name: YoungSharks
Template: twentytwentyfour
Author: The Young Sharks
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  --ys-primary: #0f172a;
  --ys-accent: #2563eb;
  --ys-accent-hover: #1d4ed8;
  --ys-text: #334155;
  --ys-text-light: #64748b;
  --ys-bg: #ffffff;
  --ys-bg-soft: #f8fafc;
  --ys-bg-muted: #f1f5f9;
  --ys-border: #e2e8f0;
  --ys-success: #059669;
  --ys-radius: 12px;
  --ys-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.08), 0 2px 4px -2px rgb(0 0 0 / 0.06);
  --ys-shadow-lg: 0 10px 25px -5px rgb(0 0 0 / 0.10);
}

body, p, li, span, a { font-family: 'Inter', sans-serif !important; color: #334155 !important; }
h1, h2, h3, h4, h5, h6 { font-family: 'Inter', sans-serif !important; color: #0f172a !important; }

/* Override ALL inline dark backgrounds */
[style*="background-color: #0a0e27"], [style*="background-color:#0a0e27"],
[style*="background-color: #11152b"], [style*="background-color:#11152b"],
[style*="background-color: #1a1f3c"], [style*="background-color:#1a1f3c"] { background: #f8fafc !important; }

/* Override dark text colors inside them */
[style*="background-color: #0a0e27"] h1, [style*="background-color:#0a0e27"] h1,
[style*="background-color: #0a0e27"] h2, [style*="background-color:#0a0e27"] h2,
[style*="background-color: #0a0e27"] h3, [style*="background-color:#0a0e27"] h3,
[style*="background-color: #11152b"] h1, [style*="background-color:#11152b"] h1,
[style*="background-color: #11152b"] h2, [style*="background-color:#11152b"] h2,
[style*="background-color: #11152b"] h3, [style*="background-color:#11152b"] h3 { color: #0f172a !important; }

[style*="background-color: #0a0e27"] p, [style*="background-color: #11152b"] p,
[style*="background-color: #1a1f3c"] p { color: #334155 !important; }

/* Buttons */
.wp-block-button__link { background: #2563eb !important; color: #fff !important; border-radius: 10px !important; font-weight: 600 !important; padding: 14px 32px !important; }

/* Header */
.wp-block-site-title a { font-weight: 800 !important; font-size: 1.35rem !important; letter-spacing: -0.02em; color: #0f172a !important; }
.wp-block-navigation-item a { font-weight: 500 !important; font-size: 0.95rem !important; color: #334155 !important; }
.wp-block-navigation-item a:hover { color: #2563eb !important; }

/* Products */
.wc-block-grid__product { background: #fff; border-radius: 12px; border: 1px solid #e2e8f0; overflow: hidden; transition: all 0.25s ease; }
.wc-block-grid__product:hover { box-shadow: var(--ys-shadow-lg); transform: translateY(-3px); border-color: #cbd5e1; }
.wc-block-grid__product-price { font-weight: 700 !important; color: #dc2626 !important; }
.wc-block-grid__product-price del { color: #64748b !important; font-weight: 500 !important; font-size: 0.9rem !important; }

/* Footer */
.wp-block-template-part[area="footer"] { background: #0f172a !important; }