/*
Theme Name: EZ-Dock Inc.
Theme URI: https://ezdockcarolina.com
Author: Anthony Twyman
Author URI: https://anthonytwyman.com
Description: Premium custom block theme for EZ-DOCK INC. — waterfront solutions for Carolinas' Lake Regions. Features full-width photographic headers, editable product catalog with replaceable placeholders, guided product discovery (Find My Dock Solution), project selection workflow, custom quote system, and fully editable business settings. Built for WordPress 6.5+ with forward compatibility for WordPress 7.1.3 target.
Version: 1.0.0
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ezdock-inc
Requires at least: 6.5
Tested up to: 6.8.3
Requires PHP: 8.1
Tags: block-theme, full-site-editing, waterfront, marina, dock, blue, navy, custom-colors, custom-logo, featured-images, translation-ready
*/

:root {
  --ezdock-navy: #0A3161;
  --ezdock-lake: #1CA7C8;
  --ezdock-accent: #FFB703;
  --ezdock-light: #F7F9FB;
  --ezdock-white: #FFFFFF;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #1a1a1a;
  line-height: 1.6;
}

/* Full-width hero system */
.ezdock-hero {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: 60vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.ezdock-hero .wp-block-cover__image-background {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.ezdock-hero-content {
  max-width: 1280px;
  margin: 0 auto;
  padding: 4rem 2rem;
  width: 100%;
}
.ezdock-hero h1 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 800;
  line-height: 1.1;
  color: white;
  text-shadow: 0 2px 20px rgba(0,0,0,0.3);
}
.ezdock-hero p {
  font-size: 1.25rem;
  color: rgba(255,255,255,0.9);
  max-width: 600px;
}

/* Product cards */
.ezdock-product-card {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  background: white;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ezdock-product-card:hover {
  box-shadow: 0 10px 30px rgba(10,49,97,0.12);
  transform: translateY(-4px);
  border-color: var(--ezdock-lake);
}
.ezdock-product-card img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  background: #f1f5f9;
}
.ezdock-product-placeholder {
  background: linear-gradient(135deg, #0A3161 0%, #1CA7C8 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  text-align: center;
  padding: 1rem;
}

/* Buttons */
.wp-block-button__link {
  border-radius: 8px;
  font-weight: 600;
  padding: 0.875rem 1.75rem;
  transition: all 0.2s;
}
.ezdock-btn-primary {
  background: var(--ezdock-navy);
  color: white;
}
.ezdock-btn-primary:hover {
  background: #08264d;
}
.ezdock-btn-accent {
  background: var(--ezdock-accent);
  color: #0A3161;
}

/* Navigation */
.ezdock-nav {
  background: white;
  border-bottom: 1px solid #e2e8f0;
  position: sticky;
  top: 0;
  z-index: 100;
}

/* Quote project badge */
.ezdock-project-badge {
  background: var(--ezdock-accent);
  color: #0A3161;
  border-radius: 20px;
  padding: 2px 8px;
  font-size: 0.75rem;
  font-weight: 700;
  margin-left: 6px;
}