/*
Theme Name: Delacroix Dynasty — Homepage Fixed
Theme URI: https://example.com/delacroix-dynasty
Author: KC Benoit
Description: A luxury editorial WordPress block theme for The Delacroix Dynasty romance series.
Version: 1.1.0
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: delacroix-dynasty
Tags: block-patterns, full-site-editing, custom-colors, custom-logo, featured-images, wide-blocks
*/

html { scroll-behavior: smooth; }
body {
  background:
    radial-gradient(circle at 20% 10%, rgba(199,168,108,.10), transparent 28%),
    radial-gradient(circle at 85% 35%, rgba(245,242,234,.05), transparent 25%),
    linear-gradient(135deg, #0b0b0b 0%, #151515 45%, #0f0f0f 100%);
  background-attachment: fixed;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background-image:
    linear-gradient(118deg, transparent 0 42%, rgba(199,168,108,.16) 43%, transparent 44% 100%),
    linear-gradient(72deg, transparent 0 67%, rgba(245,242,234,.06) 68%, transparent 69% 100%);
  background-size: 980px 980px, 760px 760px;
  mix-blend-mode: screen;
  z-index: -1;
}
::selection { background: #c7a86c; color: #121212; }
a { text-underline-offset: .18em; }
.wp-site-blocks { overflow-x: hidden; }
.dd-eyebrow { letter-spacing: .22em; text-transform: uppercase; font-size: .75rem; }
.dd-script { font-family: "Allura", "Brush Script MT", cursive; font-weight: 400; }
.dd-gold-rule { width: 84px; height: 1px; background: #c7a86c; margin: 1rem 0; }
.dd-card {
  border: 1px solid rgba(199,168,108,.30);
  background: linear-gradient(180deg, rgba(24,24,24,.94), rgba(10,10,10,.98));
  box-shadow: 0 24px 70px rgba(0,0,0,.34);
}
.dd-soft-glow { box-shadow: 0 0 70px rgba(199,168,108,.10); }
.dd-cover img { aspect-ratio: 2 / 3; object-fit: cover; }
.dd-nav .wp-block-navigation-item__content { position: relative; text-decoration: none; }
.dd-nav .wp-block-navigation-item__content::after {
  content: ""; position: absolute; left: 0; right: 100%; bottom: -.3rem;
  height: 1px; background: #c7a86c; transition: right .25s ease;
}
.dd-nav .wp-block-navigation-item__content:hover::after,
.dd-nav .current-menu-item .wp-block-navigation-item__content::after { right: 0; }
.dd-button .wp-block-button__link { transition: transform .2s ease, box-shadow .2s ease; }
.dd-button .wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(199,168,108,.18); }
.dd-hero { min-height: 78vh; display: flex; align-items: center; }
.dd-hero::after {
  content: ""; position: absolute; inset: auto 0 0; height: 180px;
  background: linear-gradient(transparent, #121212); pointer-events: none;
}
.dd-section { padding-top: clamp(4rem, 8vw, 8rem); padding-bottom: clamp(4rem, 8vw, 8rem); }
.dd-pearl {
  width: 9px; height: 9px; border-radius: 50%; display: inline-block;
  background: radial-gradient(circle at 35% 30%, #fff 0, #f5f2ea 42%, #c7a86c 100%);
  box-shadow: 0 0 14px rgba(245,242,234,.45);
}
@media (prefers-reduced-motion: no-preference) {
  .dd-fade { animation: ddFade .8s ease both; }
  @keyframes ddFade { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
}
@media (max-width: 782px) {
  .dd-hero { min-height: 68vh; }
  body { background-attachment: scroll; }
}