/* dbevent.dk – creme og mørkegrøn (design af Codex, 15. okt. 2026). Kun farver: opbygning, tekster og sektioner er uændrede.
   Slås fra ved at fjerne data-theme="creme" på <html>. */
:root[data-theme="creme"] {
  --bg: #f3eee2;
  --bg-soft: #ebe5d8;
  --bg-raised: #faf7ef;
  --cream: #f3eee2;
  --text: #10251c;
  --muted: #526158;
  --line: rgba(16, 37, 28, .16);
  --line-strong: rgba(16, 37, 28, .27);
  --gold: #ad833d;
  --gold-light: #806028;
  --dark-gold: #806028;
  --green: #10251c;
  --shadow: 0 28px 90px rgba(16, 37, 28, .10);
}
:root[data-theme="creme"] body {
  background: #f3eee2;
  color: #10251c;
}
:root[data-theme="creme"] :is(#top, #contact, .site-footer, .marquee) {
  --bg: #10251c;
  --bg-soft: #173328;
  --bg-raised: #1b382c;
  --text: #f3eee2;
  --muted: #c2c9bc;
  --line: rgba(243, 238, 226, .17);
  --line-strong: rgba(243, 238, 226, .29);
  --gold: #c5a15c;
  --gold-light: #dcc48f;
  --shadow: 0 28px 90px rgba(5, 22, 14, .14);
  color: #f3eee2;
}
:root[data-theme="creme"] :is(.site-header, .site-header.is-scrolled, .site-header .navbar, .site-header.is-scrolled .navbar) {
  background: #f3eee2 !important;
  border-color: rgba(16, 37, 28, .16) !important;
}
:root[data-theme="creme"] .site-header {
  --bg: #f3eee2;
  --bg-soft: #ebe5d8;
  --text: #10251c;
  --muted: #526158;
  --line: rgba(16, 37, 28, .16);
  --line-strong: rgba(16, 37, 28, .27);
  --gold: #ad833d;
  --gold-light: #806028;
  color: #10251c;
  box-shadow: none;
  transition: background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
:root[data-theme="creme"] .site-header .navbar,
:root[data-theme="creme"] .site-header.is-scrolled .navbar {
  box-shadow: none;
}
:root[data-theme="creme"] .site-header.is-scrolled {
  border-bottom: 1px solid rgba(16, 37, 28, .15) !important;
  box-shadow: 0 6px 24px rgba(16, 37, 28, .09);
}
:root[data-theme="creme"] .site-header.is-scrolled .navbar {
  border-color: rgba(16, 37, 28, .24) !important;
}
.header-wordmark { display: none; }
:root[data-theme="creme"] .site-header .brand {
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  overflow: visible;
}
:root[data-theme="creme"] .site-header .header-wordmark {
  display: block;
  color: #10251c;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .18em;
  text-indent: .18em;
  white-space: nowrap;
}
:root[data-theme="creme"] .site-header .nav-links > a:not(.button) {
  color: #31483b;
}
:root[data-theme="creme"] .site-header .nav-links > a:not(.button):hover {
  color: #10251c;
}
:root[data-theme="creme"] .site-header .header-contact-copy small {
  color: #526158;
}
:root[data-theme="creme"] .site-header .header-contact {
  color: #10251c;
}
:root[data-theme="creme"] .site-header .header-contact:hover {
  background: rgba(16, 37, 28, .045);
}
:root[data-theme="creme"] .site-header .menu-button {
  color: #10251c;
  background: transparent;
  border-color: rgba(16, 37, 28, .24);
}
:root[data-theme="creme"] .site-header #navLinks a.nav-eventbriefen,
:root[data-theme="creme"] .site-header #navLinks a.nav-eventbriefen:hover {
  color: #806028;
}
:root[data-theme="creme"] #navLinks.is-open {
  background: #f3eee2 !important;
  border-color: rgba(16, 37, 28, .24) !important;
  box-shadow: 0 24px 60px rgba(16, 37, 28, .18) !important;
}
:root[data-theme="creme"] .site-header .brand-logo--full {
  background: transparent !important;
  width: 52px !important;
  height: 41px !important;
  flex: 0 0 41px !important;
  max-width: 52px !important;
  max-height: 41px !important;
}
@media (max-width: 820px) {
  :root[data-theme="creme"] .site-header .brand-logo--full {
    width: 46px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    max-width: 46px !important;
    max-height: 36px !important;
  }
  :root[data-theme="creme"] .site-header .header-wordmark {
    font-size: 9.5px;
    letter-spacing: .16em;
    text-indent: .16em;
  }
}
:root[data-theme="creme"] .hero.hero--editorial {
  background: linear-gradient(120deg, #10251c 0%, #10251c 58%, #153126 100%);
}
:root[data-theme="creme"] .hero-monogram {
  color: rgba(243, 238, 226, .025);
}
:root[data-theme="creme"] .hero-editorial-title {
  color: #f3eee2;
}
:root[data-theme="creme"] .hero-editorial-title span {
  color: #dcc48f;
}
:root[data-theme="creme"] .hero-editorial-kicker,
:root[data-theme="creme"] .hero-signals small {
  color: #dcc48f !important;
}
:root[data-theme="creme"] .hero-editorial-lead {
  color: #d0d4c9;
}
:root[data-theme="creme"] .hero-image-frame {
  border-color: rgba(220, 196, 143, .36);
  box-shadow: 0 28px 90px rgba(4, 18, 10, .22);
}
:root[data-theme="creme"] .hero-image-offset {
  border-color: rgba(197, 161, 92, .45);
  background: rgba(197, 161, 92, .035);
}
:root[data-theme="creme"] .hero-image-caption {
  color: #f3eee2;
}
:root[data-theme="creme"] .hero-signals > div {
  border-color: rgba(243, 238, 226, .17) !important;
  background-color: rgba(243, 238, 226, .035) !important;
}
:root[data-theme="creme"] .case-feature {
  --gold-light: #dcc48f;
  --text: #f3eee2;
  box-shadow: 0 34px 110px rgba(16, 37, 28, .14);
}
:root[data-theme="creme"] .reviews-rating-pill {
  background: #f8f4eb;
  border-color: rgba(16, 37, 28, .17);
  color: #10251c;
}
:root[data-theme="creme"] .partners-carousel-eyebrow,
:root[data-theme="creme"] .partners-carousel-help {
  color: #526158;
}
:root[data-theme="creme"] .partners-arrow {
  background: #f8f4eb;
  color: #10251c;
  border-color: rgba(16, 37, 28, .24);
}
:root[data-theme="creme"] .partners-viewport::before {
  background: linear-gradient(90deg, #f3eee2, transparent);
}
:root[data-theme="creme"] .partners-viewport::after {
  background: linear-gradient(270deg, #f3eee2, transparent);
}
:root[data-theme="creme"] .partners-dot {
  background: rgba(16, 37, 28, .3);
}
:root[data-theme="creme"] .partners-dot.is-active {
  background: #806028;
}
:root[data-theme="creme"] .mobile-action-bar {
  background: #10251c;
  border-color: rgba(243, 238, 226, .2);
}
:root[data-theme="creme"] .mobile-action-bar a {
  color: #f3eee2;
}
:root[data-theme="creme"] .mobile-action-bar a:last-child {
  background: #f3eee2;
  color: #10251c;
}
:root[data-theme="creme"] :is(.button--primary, .review-button--gold) {
  background: var(--text);
  color: var(--bg);
  border-color: transparent;
}
:root[data-theme="creme"] :is(.button--primary:hover, .review-button--gold:hover) {
  background: var(--gold-light);
  color: var(--bg);
}
:root[data-theme="creme"] .button--ghost {
  border-color: var(--line-strong);
  color: var(--text);
  background: transparent;
}
:root[data-theme="creme"] .site-header .header-cta {
  background: #10251c;
  color: #f3eee2;
  border-color: #10251c;
  box-shadow: 0 12px 34px rgba(16, 37, 28, .10);
}
:root[data-theme="creme"] .site-header .header-cta:hover {
  background: #254737;
  color: #f3eee2;
  box-shadow: 0 16px 42px rgba(16, 37, 28, .15);
}
:root[data-theme="creme"] .marquee {
  background: #153126;
  border-color: rgba(197, 161, 92, .25);
}
:root[data-theme="creme"] :is(#services, #cases, #partners, #about, #faq, #reviews) {
  background: #f3eee2;
  color: #10251c;
}
:root[data-theme="creme"] #process {
  background: #e9e3d5;
  color: #10251c;
}
:root[data-theme="creme"] :is(.section-kicker, .partner-body small, .service-icon, .service-link, .review-eyebrow, .partners-quote figcaption) {
  color: var(--gold-light);
}
:root[data-theme="creme"] :is(.section-copy, .service-number, .partner-body p, .about-main p, .about-stat span, .faq-answer, .review-side-card p) {
  color: var(--muted);
}
:root[data-theme="creme"] :is(.service-card, .partner-card, .about-main, .about-stats, .review-feature-card, .review-side-card) {
  background: #f8f4eb;
  border-color: rgba(16, 37, 28, .17);
  box-shadow: 0 20px 70px rgba(16, 37, 28, .045);
}
:root[data-theme="creme"] :is(.service-card:hover, .partner-card:hover) {
  background: #faf7ef;
  border-color: rgba(128, 96, 40, .45);
}
:root[data-theme="creme"] .service-icon {
  background: rgba(173, 131, 61, .07);
  border-color: rgba(128, 96, 40, .25);
}
:root[data-theme="creme"] :is(.about-stat strong, .review-score strong, .review-person strong, .review-quote, .partners-quote blockquote) {
  color: #10251c;
}
:root[data-theme="creme"] :is(.review-person span, .review-score span, .reviews-count) {
  color: #526158;
}
:root[data-theme="creme"] .review-feature-card--latest {
  background: #ede6d7;
  border-color: rgba(128, 96, 40, .4);
}
:root[data-theme="creme"] .review-button {
  color: #10251c;
  background: transparent;
  border-color: rgba(16, 37, 28, .28);
}
:root[data-theme="creme"] .review-button--gold {
  background: #10251c;
  color: #f3eee2;
}
:root[data-theme="creme"] :is(.reviews-google, .review-google-mark small) {
  color: #806028;
}
:root[data-theme="creme"] :is(#partners .mobile-swipe-guide, #about .mobile-swipe-guide, #services .mobile-swipe-guide, #reviews .mobile-swipe-guide) {
  color: #526158;
  text-shadow: none;
}
:root[data-theme="creme"] :is(#partners, #about, #services, #reviews) .mobile-swipe-guide__label {
  color: #526158 !important;
  text-shadow: none !important;
}
:root[data-theme="creme"] :is(#partners, #about, #services, #reviews) .mobile-swipe-guide__count {
  color: #526158 !important;
  text-shadow: none !important;
}
:root[data-theme="creme"] :is(#partners, #about, #services, #reviews) .mobile-swipe-guide__arrow {
  background: rgba(173, 131, 61, .08) !important;
  border-color: rgba(128, 96, 40, .28) !important;
  color: #806028 !important;
}
:root[data-theme="creme"] #about .about-stat {
  background: #f8f4eb !important;
  border-color: rgba(16, 37, 28, .17) !important;
}
:root[data-theme="creme"] #about .about-stat span {
  color: #526158 !important;
}
:root[data-theme="creme"] #about .about-stat strong {
  color: #10251c !important;
}
:root[data-theme="creme"] #contact {
  background: #10251c;
}
:root[data-theme="creme"] .contact-shell {
  background: #173328;
  border-color: rgba(243, 238, 226, .17);
}
:root[data-theme="creme"] .form-card {
  --text: #10251c;
  --bg: #f3eee2;
  --muted: #526158;
  --gold-light: #806028;
  background: #f3eee2;
  color: #10251c;
}
:root[data-theme="creme"] .site-footer {
  background: #10251c;
  border-color: rgba(243, 238, 226, .17);
}

/* ---- Finpudsning (Claude, 15. okt. 2026) ---- */

/* Hero: "Direkte kontakt / Erfaring / Arbejdsområde" uden flader – kun fine linjer */
:root[data-theme="creme"] .hero-signals {
  border-top-color: rgba(243, 238, 226, .16) !important;
}
:root[data-theme="creme"] .hero-signals > div {
  background: transparent !important;
  background-color: transparent !important;
  border-color: rgba(243, 238, 226, .12) !important;
}
:root[data-theme="creme"] .hero-signals strong { color: #f3eee2; }

/* Topbjælke: telefonen bliver på tablet som en rund knap (før forsvandt den under 1080 px) */
@media (min-width: 821px) and (max-width: 1080px) {
  :root[data-theme="creme"] .site-header .header-contact {
    display: inline-flex !important;
    padding: 0 !important;
    margin-right: 8px;
  }
  :root[data-theme="creme"] .site-header .header-contact-copy { display: none !important; }
}
:root[data-theme="creme"] .site-header .header-contact-icon {
  border-color: rgba(16, 37, 28, .22);
  color: #10251c;
}

/* Partnerkort: rolige, ens logoflader – ingen store halve cirkler */
:root[data-theme="creme"] .partner-logo:not(.partner-logo--mark):not(.partner-logo--mixmatch) {
  background: #fbf8f1 !important;
  border-bottom: 1px solid rgba(16, 37, 28, .1);
}
:root[data-theme="creme"] .partner-logo:not(.partner-logo--mark):not(.partner-logo--mixmatch)::before { display: none !important; }
:root[data-theme="creme"] .partner-logo--festal { background: #fbf8f1 !important; }
:root[data-theme="creme"] .partner-logo--festal img {
  width: min(100%, 190px) !important;
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(16, 37, 28, .16);
}
:root[data-theme="creme"] .partner-logo--stayseat { background: #fbf8f1 !important; }

/* "Én klar plan": mørkegrøn, så siden får rytme (grøn – creme – grøn – creme) */
:root[data-theme="creme"] #process {
  --text: #f3eee2;
  --muted: #c2c9bc;
  --line: rgba(243, 238, 226, .16);
  --line-strong: rgba(243, 238, 226, .28);
  background: #10251c !important;
  color: #f3eee2 !important;
}
:root[data-theme="creme"] #process::before { opacity: .35; filter: invert(1); }
:root[data-theme="creme"] #process .section-title,
:root[data-theme="creme"] #process .process-step h3 { color: #f3eee2 !important; }
:root[data-theme="creme"] #process .section-kicker { color: #dcc48f !important; }
:root[data-theme="creme"] #process .section-copy,
:root[data-theme="creme"] #process .process-step p { color: #c2c9bc !important; }
:root[data-theme="creme"] #process .process-step > span { color: rgba(243, 238, 226, .55) !important; }
:root[data-theme="creme"] #process .process-grid,
:root[data-theme="creme"] #process .process-step {
  border-color: rgba(243, 238, 226, .16) !important;
}
:root[data-theme="creme"] #process .process-step::after { background: #c5a15c !important; }

/* Mindre tom luft på lyse sektioner */
:root[data-theme="creme"] #partners { padding-bottom: clamp(40px, 5vw, 72px) !important; }

/* Fodens logo: creme-udgaven, uden sort firkant */
:root[data-theme="creme"] .site-footer img { background: transparent !important; }

/* Cookie-boksen i samme farver (stilen kommer fra analytics.js, derfor !important) */
:root[data-theme="creme"] .db-cookie-banner {
  background: #10251c !important;
  border-color: rgba(243, 238, 226, .18) !important;
  box-shadow: 0 24px 70px rgba(16, 37, 28, .28) !important;
}
:root[data-theme="creme"] .db-cookie-accept {
  background: #f3eee2 !important;
  color: #10251c !important;
  border-color: #f3eee2 !important;
}
:root[data-theme="creme"] .db-cookie-reject {
  background: transparent !important;
  color: #f3eee2 !important;
  border-color: rgba(243, 238, 226, .4) !important;
}

/* Kortere tomrum mellem partner-citatet og "Personen bag" */
:root[data-theme="creme"] #about { padding-top: clamp(24px, 3vw, 44px) !important; }

/* "Én klar plan" på mobil: rene kort og synlig swipe-tekst på grøn */
:root[data-theme="creme"] #process .process-step {
  background: rgba(243, 238, 226, .045) !important;
  border-color: rgba(243, 238, 226, .16) !important;
}
:root[data-theme="creme"] #process .mobile-swipe-guide,
:root[data-theme="creme"] #process .mobile-swipe-guide__label,
:root[data-theme="creme"] #process .mobile-swipe-guide__count {
  color: #c2c9bc !important;
  text-shadow: none !important;
}
:root[data-theme="creme"] #process .mobile-swipe-guide__label::before { background: #c5a15c !important; }
:root[data-theme="creme"] #process .mobile-swipe-guide__arrow {
  background: rgba(197, 161, 92, .12) !important;
  border-color: rgba(197, 161, 92, .45) !important;
  color: #dcc48f !important;
}

/* Undersider (priser, om, bryllupscasen, julefrokost, bryllupsplanlægning, lej tjenere):
   samme mørkegrønne udtryk som toppen af forsiden, med lys tekst */
:root[data-theme="creme"] :is(.pricing-page, .about-page, .event-case-page) {
  --bg: #10251c;
  --bg-soft: #173328;
  --bg-raised: #1b382c;
  --cream: #f3eee2;
  --text: #f3eee2;
  --muted: #c2c9bc;
  --line: rgba(243, 238, 226, .17);
  --line-strong: rgba(243, 238, 226, .29);
  --gold: #c5a15c;
  --gold-light: #dcc48f;
  background-color: #10251c !important;
  color: #f3eee2;
}
:root[data-theme="creme"] :is(.pricing-page, .about-page, .event-case-page) {
  background:
    radial-gradient(circle at 82% 4%, rgba(197, 161, 92, .12), transparent 30%),
    radial-gradient(circle at 8% 72%, rgba(243, 238, 226, .05), transparent 34%),
    linear-gradient(180deg, #10251c 0%, #0f2219 100%) !important;
}
:root[data-theme="creme"] :is(.price-card, .about-page .about-card, .event-case-page .case-card) {
  background: linear-gradient(145deg, rgba(243, 238, 226, .07), rgba(243, 238, 226, .025)) !important;
  border-color: rgba(243, 238, 226, .16) !important;
}
:root[data-theme="creme"] .price-card.featured {
  background:
    radial-gradient(circle at 100% 0%, rgba(197, 161, 92, .16), transparent 35%),
    linear-gradient(145deg, rgba(243, 238, 226, .09), rgba(243, 238, 226, .03)) !important;
  border-color: rgba(197, 161, 92, .5) !important;
}
/* Bryllupscasens billedfortælling ligger inde i case-siden, men er lys: brug de lyse farver */
:root[data-theme="creme"] .event-case-page .event-story {
  --bg: #f3eee2; --bg-soft: #ebe5d8; --bg-raised: #faf7ef; --text: #10251c; --muted: #526158;
  --line: rgba(16, 37, 28, .16); --line-strong: rgba(16, 37, 28, .27); --gold: #ad833d; --gold-light: #806028;
  color: #10251c;
}
:root[data-theme="creme"] #eventStory .section-kicker { color: #806028 !important; }

/* Intro-animationen (første besøg): mørkegrøn med creme-logo i stedet for sort og guld */
:root[data-theme="creme"].intro-first .brand-intro { background: #10251c !important; }
:root[data-theme="creme"] .brand-intro-plane {
  background: linear-gradient(145deg, rgba(243, 238, 226, .045), rgba(243, 238, 226, .01)) !important;
  border-color: rgba(220, 196, 143, .3) !important;
  box-shadow: 0 30px 80px rgba(4, 18, 10, .35) !important;
}
:root[data-theme="creme"] .brand-intro-core { background: radial-gradient(circle, rgba(220, 196, 143, .1), transparent 68%) !important; }
:root[data-theme="creme"] .brand-intro-inner { width: clamp(330px, 46vw, 580px) !important; }
:root[data-theme="creme"] .brand-intro-logo { width: clamp(310px, 42vw, 540px) !important; mix-blend-mode: normal !important; }