/*
 Theme Name:   CG Creations Divi Child
 Theme URI:    https://cgcreatations.org
 Description:  Custom woodworking gallery — warm, handcrafted aesthetic
 Author:       CG Creations
 Template:     Divi
 Version:      1.0.0
*/

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Source+Sans+3:wght@300;400;500;600&display=swap");

:root {
  --cgc-cream: #f7f3ec;
  --cgc-parchment: #ede6d9;
  --cgc-walnut: #3d2b1f;
  --cgc-cedar: #8b5e3c;
  --cgc-sage: #6b7f5e;
  --cgc-charcoal: #2a2420;
  --cgc-muted: #7a6f65;
  --cgc-border: #d9cfc0;
  --cgc-radius: 6px;
}

body.cgc-site,
body.cgc-site #page-container,
body.cgc-site #main-content {
  background: var(--cgc-cream) !important;
  color: var(--cgc-charcoal) !important;
}

body.cgc-site,
body.cgc-site .et_pb_button,
body.cgc-site input,
body.cgc-site textarea,
body.cgc-site select {
  font-family: "Source Sans 3", system-ui, sans-serif !important;
}

body.cgc-site h1,
body.cgc-site h2,
body.cgc-site h3,
body.cgc-site h4,
body.cgc-site .cgc-display {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 600 !important;
  color: var(--cgc-walnut) !important;
  letter-spacing: -0.01em;
}

/* Header */
body.cgc-site #main-header {
  background: var(--cgc-cream) !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--cgc-border) !important;
}

body.cgc-site #top-menu li a {
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--cgc-walnut) !important;
  font-weight: 500 !important;
}

body.cgc-site #top-menu li a:hover,
body.cgc-site #top-menu li.current-menu-item a {
  color: var(--cgc-cedar) !important;
  opacity: 1 !important;
}

body.cgc-site #et-top-navigation {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

/* Hero */
.cgc-eyebrow {
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--cgc-cedar);
  margin-bottom: 16px;
}

.cgc-hero-title {
  font-size: clamp(48px, 8vw, 88px) !important;
  line-height: 0.95 !important;
  margin: 0 0 20px !important;
}

.cgc-hero-sub {
  font-size: 17px;
  line-height: 1.7;
  color: var(--cgc-muted);
  max-width: 520px;
  font-weight: 300;
}

.cgc-page-title {
  font-size: clamp(40px, 6vw, 72px) !important;
  line-height: 1 !important;
  margin-bottom: 12px !important;
}

.cgc-page-intro {
  font-size: 17px;
  line-height: 1.7;
  color: var(--cgc-muted);
  max-width: 560px;
  font-weight: 300;
}

/* Gallery grid */
.cgc-gallery-item {
  margin-bottom: 8px;
}

.cgc-gallery-card {
  border-radius: var(--cgc-radius);
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--cgc-border);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.cgc-gallery-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(61, 43, 31, 0.1);
}

.cgc-gallery-card img {
  border-radius: var(--cgc-radius) var(--cgc-radius) 0 0;
  transition: transform 0.5s ease;
}

.cgc-gallery-card:hover img {
  transform: scale(1.03);
}

.cgc-gallery-caption {
  padding: 18px 20px 22px;
}

.cgc-gallery-category {
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--cgc-sage);
  margin-bottom: 6px;
}

.cgc-gallery-title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  color: var(--cgc-walnut) !important;
}

/* Filter tags (visual only) */
.cgc-filter-note {
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--cgc-muted);
  margin-bottom: 32px;
}

/* Contact */
.cgc-contact-block {
  background: #fff;
  border: 1px solid var(--cgc-border);
  border-radius: var(--cgc-radius);
  padding: 32px;
}

.cgc-contact-label {
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--cgc-cedar);
  margin-bottom: 8px;
}

.cgc-contact-value {
  font-size: 18px;
  color: var(--cgc-walnut);
  margin-bottom: 24px;
}

.cgc-contact-value a {
  color: var(--cgc-walnut);
  text-decoration: none;
  border-bottom: 1px solid var(--cgc-border);
  transition: border-color 0.2s;
}

.cgc-contact-value a:hover {
  border-color: var(--cgc-cedar);
  color: var(--cgc-cedar);
}

.cgc-commission-note {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 24px !important;
  line-height: 1.4 !important;
  color: var(--cgc-walnut) !important;
  border-left: 3px solid var(--cgc-cedar);
  padding-left: 20px;
  margin: 0 0 32px !important;
}

/* Buttons */
body.cgc-site .et_pb_button {
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  border-radius: var(--cgc-radius) !important;
  padding: 14px 32px !important;
  background: var(--cgc-walnut) !important;
  color: var(--cgc-cream) !important;
  border: none !important;
}

body.cgc-site .et_pb_button:hover {
  background: var(--cgc-cedar) !important;
}

/* Images */
body.cgc-site .et_pb_image {
  border-radius: var(--cgc-radius);
  overflow: hidden;
}

body.cgc-site .et_pb_image img {
  border-radius: var(--cgc-radius);
}

/* Forms */
body.cgc-site .et_pb_contact_form input,
body.cgc-site .et_pb_contact_form textarea,
body.cgc-site .et_pb_contact_form select {
  border-radius: var(--cgc-radius) !important;
  border: 1px solid var(--cgc-border) !important;
  background: var(--cgc-cream) !important;
  color: var(--cgc-charcoal) !important;
}

/* Footer */
body.cgc-site #main-footer,
body.cgc-site #footer-bottom {
  background: var(--cgc-walnut) !important;
  border-top: none !important;
}

body.cgc-site #footer-info,
body.cgc-site .footer-widget {
  color: rgba(247, 243, 236, 0.7) !important;
  font-size: 13px !important;
}

body.cgc-site .footer-widget h4 {
  color: var(--cgc-cream) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

/* Sections */
body.cgc-site .et_pb_section {
  background-color: var(--cgc-cream);
}

@media (max-width: 980px) {
  .cgc-hero-title {
    font-size: 44px !important;
  }
}