/*
Theme Name: The Carb Shop Pro (Woo Menu + UI) WP6.9 Preview
Author: Dennis Riddle
Description: FSE block theme with custom blocks, WooCommerce Menu block, inspector controls UI, and editor preview fallbacks (WP 6.9 safe).
Version: 5.1.5
Text Domain: carbshop
*/

:root{
  --carb-dark:#020307;
  --carb-light:#f4f6f5;
  --carb-accent:#d886aa;
  --carb-text:#616969;
  --carb-brown:#593f1e;
}
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
  margin: 0;
}

/* Hero */
.hero{
  min-height: 50vh;
  background: linear-gradient(135deg,var(--carb-dark) 0%, var(--carb-brown) 100%);
  color: var(--carb-light);
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 2rem 2rem 2.5rem;
  position:relative;
  overflow:hidden;
  text-align:center;
  border-top: 1px solid #d886aa;
  border-bottom: 1px solid #d886aa;
}
.hero::before{
  content:'';
  position:absolute; inset:0;
  background:
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 10px,
      rgba(216, 134, 170, 0.03) 10px,
      rgba(216, 134, 170, 0.03) 20px
    );
  pointer-events:none;
}
.hero > *{ position:relative; z-index:1; }
.hero h1{ font-size: clamp(2.5rem, 5vw, 4.5rem); font-weight: 900; letter-spacing: 2px; text-transform: uppercase; text-shadow: 3px 3px 0 var(--carb-accent); margin: 0 0 1rem;}
.hero .tagline{ font-size: clamp(1.3rem, 2.5vw, 2rem); color: var(--carb-accent); font-weight: 700; font-style: italic; margin: 0 0 1.5rem;}
.hero .desc{ max-width: 48rem; margin: 0 auto; font-size: 1.2rem; opacity: .95; }
.hero-inner{max-width:1100px;margin:0 auto;}

/* Menu */
.menu{
  background: var(--carb-brown);
  padding: 5rem 2rem;
}
.menu h2{
  text-align:center;
  color: var(--carb-light);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 2.5rem;
  font-size: clamp(2rem, 3.5vw, 3rem);
}
.menu-grid{
  max-width: 1100px;
  margin: 0 auto;
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem;
}
.menu-item{
  background: var(--carb-light);
  padding: 1.75rem;
  border-radius: 15px;
  text-align:center;
  box-shadow: 0 4px 10px rgba(0,0,0,.2);
  transition: transform .2s ease, box-shadow .2s ease;
  display:flex;
  flex-direction:column;
  gap: .75rem;
}
.menu-item:hover{
  transform: translateY(-4px);
  box-shadow: 0 10px 22px rgba(216, 134, 170, 0.35);
}
.menu-item .thumb img{ width: 100%; height: auto; border-radius: 12px; }
.menu-item h3{ margin: .25rem 0 0; font-size: 1.25rem; color: var(--carb-dark); font-weight: 900; }
.menu-item .price{ color: var(--carb-dark); font-weight: 900; }
.menu-item .excerpt{ margin:0; color: var(--carb-text); font-size: .98rem; }
.menu-item .actions{ margin-top:auto; }
.menu-item .button, .menu-item a.button{
  display:inline-block;
  padding: .75rem 1.1rem;
  border-radius: 999px;
  background: var(--carb-accent);
  color: var(--carb-light);
  text-decoration:none;
  font-weight: 900;
  border: 0;
}
.menu-item .button:hover{ filter: brightness(1.05); }
.menu-item a{ color:inherit; text-decoration:none; }
.menu-item a:hover{ text-decoration:underline; }

/* Header/footer */
.wp-site-blocks > header,
.wp-site-blocks > footer{
  background: var(--carb-dark);
  color: var(--carb-light);
}
.wp-site-blocks > header > nav > a.wp-block-navigation-item__content,
.wp-site-blocks > footer > nav > a.wp-block-navigation-item__content,
.wp-site-blocks > footer > nav > p
{
	color: var(--carb-light);
}