/**
 * BAKED. Block Editor Styles
 * Applied both in editor and on frontend.
 */

/* ─── TAG / SECTION LABEL ─── */
.baked-tag {
  font-size: 0.7rem !important;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--terracotta);
  font-weight: 500;
  margin-bottom: 1.2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.baked-tag::before {
  content: '';
  width: 30px;
  height: 1px;
  background: var(--terracotta);
  flex-shrink: 0;
}

.has-text-align-center.baked-tag {
  justify-content: center;
}

.baked-tag--gold {
  color: var(--gold) !important;
}

.baked-tag--gold::before {
  background: var(--gold);
}

/* ─── SECTION TITLES ─── */
.baked-section-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  font-size: clamp(2.2rem, 4vw, 3.5rem) !important;
  color: var(--charcoal);
  line-height: 1.15 !important;
  margin-bottom: 1.5rem !important;
}

.baked-section-title em {
  font-style: italic;
  color: var(--terracotta);
}

.baked-section-title--light {
  color: var(--cream) !important;
}

.baked-section-title--light em {
  color: var(--caramel);
}

/* ─── BODY TEXT ─── */
.baked-body-text {
  color: var(--soft-brown) !important;
  line-height: 1.9 !important;
  font-weight: 300;
  font-size: 1rem;
  margin-bottom: 1.5rem;
}

/* ─── HERO ─── */
.baked-hero--split {
  min-height: 100vh;
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, var(--cream) 0%, var(--latte) 50%, var(--flour) 100%);
  padding: 6rem 4rem !important;
}

.baked-hero-heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  font-size: clamp(3.5rem, 7vw, 7rem) !important;
  line-height: 0.95 !important;
  color: var(--charcoal) !important;
  margin-bottom: 1.5rem !important;
  letter-spacing: -0.02em;
}

.baked-hero-heading em {
  font-style: italic;
  color: var(--terracotta);
  font-weight: 300;
}

.baked-hero-desc {
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
  color: var(--soft-brown) !important;
  max-width: 440px;
  margin-bottom: 2.5rem;
  font-weight: 300;
}

.baked-hero-image img {
  border-radius: 200px 200px 20px 20px !important;
  box-shadow: 0 40px 80px rgba(59, 42, 30, 0.15);
  object-fit: cover;
}

.baked-hero--fullwidth {
  border-radius: 0 !important;
}

.baked-hero--fullwidth .baked-hero-heading em {
  color: var(--gold);
}

/* ─── BUTTONS ─── */
.is-style-baked-primary .wp-block-button__link {
  background: var(--terracotta) !important;
  color: white !important;
  border-radius: 50px !important;
  padding: 0.95rem 2.2rem !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 30px rgba(181, 112, 79, 0.3) !important;
  border: none !important;
  transition: all 0.4s ease;
}

.is-style-baked-primary .wp-block-button__link:hover {
  background: var(--espresso) !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(59, 42, 30, 0.25) !important;
}

.is-style-baked-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--espresso) !important;
  border: 1.5px solid var(--soft-brown) !important;
  border-radius: 50px !important;
  padding: 0.95rem 2.2rem !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease;
}

.is-style-baked-outline .wp-block-button__link:hover {
  border-color: var(--terracotta) !important;
  color: var(--terracotta) !important;
}

.is-style-baked-outline-light .wp-block-button__link {
  background: transparent !important;
  color: white !important;
  border: 1.5px solid rgba(255,255,255,0.5) !important;
  border-radius: 50px !important;
  padding: 0.95rem 2.2rem !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease;
}

.is-style-baked-outline-light .wp-block-button__link:hover {
  border-color: white !important;
  background: rgba(255,255,255,0.1) !important;
}

/* ─── ABOUT SECTION ─── */
.baked-about {
  background: var(--cream);
  padding: 7rem 4rem !important;
}

.baked-about-img img {
  border-radius: 16px !important;
  aspect-ratio: 3/4;
  object-fit: cover;
}

.baked-about-img-offset {
  margin-top: 3rem;
}

.baked-values {
  margin-top: 2.5rem !important;
  padding-top: 2.5rem;
  border-top: 1px solid var(--latte);
}

.baked-value-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  margin-bottom: 0.3rem !important;
  color: var(--charcoal);
}

.baked-value-desc {
  font-size: 0.85rem !important;
  color: var(--soft-brown) !important;
  font-weight: 300;
  line-height: 1.7 !important;
}

/* ─── GALLERY ─── */
.baked-gallery-section {
  padding: 7rem 4rem !important;
  background: var(--warm-white);
}

.baked-gallery-grid .wp-block-image {
  border-radius: 14px;
  overflow: hidden;
}

.baked-gallery-grid .wp-block-image img {
  aspect-ratio: 1;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.baked-gallery-grid .wp-block-image:hover img {
  transform: scale(1.05);
}

.baked-gallery-grid .wp-block-image figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.5rem;
  background: linear-gradient(to top, rgba(59, 42, 30, 0.6), transparent);
  color: white;
  font-size: 0.85rem;
  font-weight: 500;
  opacity: 0;
  transition: opacity 0.4s;
}

.baked-gallery-grid .wp-block-image:hover figcaption {
  opacity: 1;
}

/* ─── ORDER SECTION ─── */
.baked-order-section {
  background: var(--charcoal) !important;
  padding: 7rem 4rem !important;
  position: relative;
}

.baked-order-desc {
  max-width: 560px;
  margin: 0 auto 3.5rem !important;
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
  color: rgba(245, 240, 232, 0.65) !important;
  font-weight: 300;
}

.baked-order-card {
  background: rgba(245, 240, 232, 0.06) !important;
  border: 1px solid rgba(245, 240, 232, 0.1);
  border-radius: 20px !important;
  padding: 2rem !important;
  transition: all 0.4s ease;
}

.baked-order-card:hover {
  background: rgba(245, 240, 232, 0.1) !important;
  border-color: rgba(181, 112, 79, 0.3);
  transform: translateY(-4px);
}

.baked-order-card-img img {
  border-radius: 12px !important;
  aspect-ratio: 16/10;
  object-fit: cover;
}

.baked-order-card-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  color: var(--cream) !important;
  margin-bottom: 0.7rem !important;
}

.baked-order-card-text {
  font-size: 0.9rem !important;
  line-height: 1.7 !important;
  color: rgba(245, 240, 232, 0.5) !important;
  font-weight: 300;
}

/* ─── CONTACT SECTION ─── */
.baked-contact-section {
  padding: 7rem 4rem !important;
  background: var(--warm-white);
}

.baked-contact-blocks {
  margin-top: 1.5rem !important;
}

.baked-map-placeholder {
  width: 100%;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: var(--soft-brown);
  background: linear-gradient(135deg, var(--latte), var(--flour));
  border-radius: 20px;
  text-align: center;
  font-size: 0.85rem;
  line-height: 1.6;
}

/* ─── PRODUCTS SECTION ─── */
.baked-products-section {
  padding: 7rem 4rem !important;
  background: var(--warm-white);
}

/* ─── RESPONSIVE ─── */
@media (max-width: 1024px) {
  .baked-hero--split { padding: 6rem 2.5rem !important; }
  .baked-about,
  .baked-gallery-section,
  .baked-order-section,
  .baked-contact-section,
  .baked-products-section { padding: 5rem 2.5rem !important; }
}

@media (max-width: 768px) {
  .baked-hero--split { min-height: auto; padding: 6rem 1.5rem 3rem !important; }
  .baked-hero-heading { font-size: 3rem !important; }
  .baked-hero-columns { flex-direction: column !important; }
  .baked-about-img-offset { margin-top: 0; }
  .baked-about,
  .baked-gallery-section,
  .baked-order-section,
  .baked-contact-section,
  .baked-products-section { padding: 4rem 1.5rem !important; }
  .baked-order-cards { flex-direction: column !important; }
}