/*
Theme Name: picklepro
Theme URI: https://example.com/picklepro
Author: Michael Cronin
Author URI: https://example.com
Description: Minimal starter theme scaffold for the Pickle Pro static export integration.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: picklepro
*/

/*
 * Keep styles minimal; expand as static assets are integrated.
 */

body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #111;
  background-color: #fff;
}

a {
  color: inherit;
  text-decoration: underline;
}

main {
  max-width: 960px;
  margin: 0 auto;
  padding: 2rem 1.5rem;
}

.no-posts {
  text-align: center;
  padding: 4rem 0;
}

/* PicklePro palette overrides */
:root {
  /* Surfaces */
  --background: 0 0% 100%; /* #ffffff */
  --foreground: 60 13% 3%; /* #080806 */

  --card: 0 0% 100%;
  --card-foreground: 60 13% 3%;

  --popover: 0 0% 100%;
  --popover-foreground: 60 13% 3%;

  --muted: 0 0% 100%;
  --muted-foreground: 60 13% 3%;

  --accent: 0 0% 100%;
  --accent-foreground: 60 13% 3%;

  --secondary: 0 0% 100%;
  --secondary-foreground: 60 13% 3%;

  /* Actions */
  --primary: 60 13% 3%;       /* #080806 */
  --primary-foreground: 0 0% 100%; /* #ffffff */
}

/* Ensure default text color across the site */
body { color: #080806; }

/* Constrain common background utility classes to white */
.bg-background,
.bg-card,
.bg-muted,
.bg-accent,
.bg-secondary { background-color: #ffffff !important; }

/* Header/Footer background to #080806 while keeping their text white via existing classes */
.bg-neutral-dark { background-color: #080806 !important; }
header { background-color: #080806; }

/* Ensure the PicklePro logo keeps a consistent size on all breakpoints */
.site-logo {
  height: 40px;
  width: auto;
}

/* Footer styling */
footer.bg-neutral-dark { background-color: #080806 !important; color: #ffffff; }
footer.bg-neutral-dark a { color: #ffffff; }

/* Force only white or #080806 backgrounds for common utilities */
.bg-black { background-color: #080806 !important; }
.bg-black\/10 { background-color: rgba(8,8,6,0.10) !important; }
.bg-black\/20 { background-color: rgba(8,8,6,0.20) !important; }
.bg-black\/30 { background-color: rgba(8,8,6,0.30) !important; }
.bg-black\/50 { background-color: rgba(8,8,6,0.50) !important; }
.bg-black\/70 { background-color: rgba(8,8,6,0.70) !important; }
.bg-black\/80 { background-color: rgba(8,8,6,0.80) !important; }

/* Neutralize gradients to white surfaces */
.bg-gradient-to-br, .bg-gradient-to-t { background-image: none !important; background-color: #ffffff !important; }

/* Restore gradient overlays to avoid white blocks */
.bg-gradient-to-t {
  background-image: linear-gradient(to top, rgba(8, 8, 6, 0.20), rgba(8, 8, 6, 0)) !important;
  background-color: transparent !important;
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, rgba(8, 8, 6, 0.05), rgba(8, 8, 6, 0)) !important;
  background-color: transparent !important;
}

/* Live badge and text mapped into palette */
.bg-live { background-color: #080806 !important; }
.text-live { color: #080806 !important; }

/* Card/background w/ alpha variants rely on CSS vars already set to white */
.bg-card\/50, .bg-card\/60, .bg-card\/80, .bg-background\/80, .bg-muted\/30, .bg-card\/95 { background-color: #ffffff !important; }

.shadow-card {
  border: 1px solid #e5e7eb;
}