/* === The Young Sharks Custom Theme === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@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-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --ys-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --ys-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; color: var(--ys-text) !important; background: var(--ys-bg) !important; }

/* Header */
.wp-block-site-title a { font-weight: 800 !important; font-size: 1.5rem !important; letter-spacing: -0.025em; color: var(--ys-primary) !important; }
.wp-block-navigation-item a { font-weight: 500 !important; font-size: 0.95rem !important; color: var(--ys-text) !important; }
.wp-block-navigation-item a:hover { color: var(--ys-accent) !important; }

/* Buttons */
.wp-block-button__link, .wc-block-components-button, .wc-block-grid__product-add-to-cart { 
  background: var(--ys-accent) !important; color: #fff !important; 
  border-radius: 10px !important; font-weight: 600 !important; 
  padding: 14px 32px !important; font-size: 1rem !important;
  box-shadow: var(--ys-shadow-sm) !important; transition: all 0.2s ease !important;
  border: none !important;
}
.wp-block-button__link:hover, .wc-block-components-button:hover, .wc-block-grid__product-add-to-cart:hover { 
  background: var(--ys-accent-hover) !important; transform: translateY(-1px); box-shadow: var(--ys-shadow) !important; 
}

/* Override old dark inline styles */
.is-style-fill .wp-block-button__link, .wp-block-button.is-style-fill .wp-block-button__link { background: var(--ys-accent) !important; color: #fff !important; }

/* Dark sections override → light */
.wp-block-group[style*="#0f172a"] { background: #f8fafc !important; }
.wp-block-group[style*="#0a0e27"] { background: #f8fafc !important; }
.wp-block-group[style*="#11152b"] { background: #ffffff !important; }

/* Override text colors inside dark bg overrides */
.wp-block-group[style*="#f8fafc"] h1, .wp-block-group[style*="#ffffff"] h1,
.wp-block-group[style*="#f8fafc"] h2, .wp-block-group[style*="#ffffff"] h2,
.wp-block-group[style*="#f8fafc"] h3, .wp-block-group[style*="#ffffff"] h3 { color: var(--ys-primary) !important; }

.wp-block-group[style*="#f8fafc"] p, .wp-block-group[style*="#ffffff"] p { color: var(--ys-text) !important; }

.wp-block-group[style*="#0f172a"] h1, .wp-block-group[style*="#0f172a"] h2, 
.wp-block-group[style*="#0f172a"] h3, .wp-block-group[style*="#0f172a"] p { color: #fff !important; }

/* Product Cards */
.wc-block-grid__product { background: #fff; border-radius: var(--ys-radius); border: 1px solid var(--ys-border); overflow: hidden; transition: all 0.2s ease; }
.wc-block-grid__product:hover { box-shadow: var(--ys-shadow-lg); transform: translateY(-4px); border-color: #cbd5e1; }
.wc-block-grid__product-image img { border-radius: 0 !important; }
.wc-block-grid__product-title { font-weight: 700 !important; font-size: 1.1rem !important; color: var(--ys-primary); padding: 0 20px; }
.wc-block-grid__product-price { font-weight: 700 !important; font-size: 1.25rem !important; color: #dc2626 !important; padding: 0 20px; }
.wc-block-grid__product-price del { color: var(--ys-text-light) !important; font-weight: 500 !important; font-size: 0.95rem !important; }

/* Trust Bar */
.trust-bar { display: flex; flex-wrap: wrap; justify-content: center; gap: 32px; padding: 24px; background: var(--ys-bg-soft); border-top: 1px solid var(--ys-border); border-bottom: 1px solid var(--ys-border); }
.trust-item { display: flex; align-items: center; gap: 10px; font-size: 0.9rem; font-weight: 500; color: var(--ys-text); }

/* Sections */
.section { padding: 80px 20px; }
.section-heading { font-size: 2rem; font-weight: 700; color: var(--ys-primary); text-align: center; margin-bottom: 12px; }
.section-subheading { text-align: center; color: var(--ys-text-light); font-size: 1.1rem; max-width: 500px; margin: 0 auto 48px; }

/* Blog cards */
.blog-card { background: #fff; border: 1px solid var(--ys-border); border-radius: var(--ys-radius); overflow: hidden; transition: all 0.2s ease; }
.blog-card:hover { box-shadow: var(--ys-shadow); border-color: #cbd5e1; }
.blog-card-title { font-size: 1.1rem; font-weight: 700; color: var(--ys-primary); padding: 16px 20px 4px; }
.blog-card-excerpt { color: var(--ys-text-light); font-size: 0.9rem; padding: 0 20px 20px; margin: 0; }

/* Footer */
.wp-block-template-part[area="footer"] { background: var(--ys-primary) !important; color: #94a3b8 !important; }
_wp-block-template-part a { color: #cbd5e1 !important; }