/*
Theme Name:  AnonymGoldKaufen
Theme URI:   https://anonymgoldkaufen.de
Author:      AnonymGoldKaufen.de
Description: Helles Premium-Theme für Edelmetallankauf
Version:     4.0.0
License:     Proprietary
Text Domain: agk
*/

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

/* ════════════════════════════════════════════════════════════
   HARD RESET – überschreibt JEDEN anderen Stylesheet
════════════════════════════════════════════════════════════ */
html, body {
  background-color: #F9F7F3 !important;
  color: #1A1F2E !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

/* Alle Textelemente explizit dunkel */
body p,
body li,
body span,
body div,
body td,
body th { color: #3A3D4A !important; }

body h1, body h2, body h3, body h4, body h5, body h6 {
  color: #1A1F2E !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
}

body a { color: #B8903A !important; }
body a:hover { color: #8A6A22 !important; }

/* ════════════════════════════════════════════════════════════
   LAYOUT
════════════════════════════════════════════════════════════ */
.wrap         { max-width: 1100px !important; margin: 0 auto !important; padding: 0 28px !important; }
.wrap--narrow { max-width: 860px !important; }
.section      { padding: 72px 0 !important; }
.gold-line    { height: 1px !important; background: linear-gradient(90deg,transparent,#D4B06A,transparent) !important; }

/* ════════════════════════════════════════════════════════════
   BUTTONS
════════════════════════════════════════════════════════════ */
.btn {
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
  padding: 12px 28px !important;
  background: #B8903A !important;
  color: #FFFFFF !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: .84rem !important; font-weight: 600 !important;
  letter-spacing: .06em !important; text-transform: uppercase !important;
  border: 2px solid #B8903A !important; border-radius: 6px !important;
  cursor: pointer !important; text-decoration: none !important;
  transition: background .18s, transform .15s !important;
}
.btn:hover { background: #8A6A22 !important; border-color: #8A6A22 !important; color: #fff !important; text-decoration: none !important; transform: translateY(-1px) !important; }
.btn--outline { background: transparent !important; color: #B8903A !important; }
.btn--outline:hover { background: #F5EDD8 !important; }
.btn--white { background: #FFFFFF !important; color: #B8903A !important; border-color: #FFFFFF !important; }

/* ════════════════════════════════════════════════════════════
   SITE HEADER
════════════════════════════════════════════════════════════ */
.site-header {
  background: #FFFFFF !important;
  border-bottom: 2px solid #B8903A !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.07) !important;
  position: sticky !important; top: 0 !important; z-index: 900 !important;
}
.site-logo__text {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.35rem !important; font-weight: 700 !important;
  color: #1A1F2E !important; letter-spacing: .01em !important;
}
.site-logo__gold { color: #B8903A !important; }
.site-nav__list li a {
  color: #3A3D4A !important; font-size: .8rem !important;
  font-weight: 500 !important; letter-spacing: .05em !important;
  text-transform: uppercase !important; text-decoration: none !important;
  padding: 6px 12px !important; border-radius: 6px !important;
}
.site-nav__list li a:hover,
.site-nav__list li.current-menu-item > a,
.site-nav__list li.current_page_item > a {
  color: #8A6A22 !important; background: #F5EDD8 !important;
}
.btn--header { padding: 8px 18px !important; font-size: .76rem !important; }

/* ════════════════════════════════════════════════════════════
   CARDS
════════════════════════════════════════════════════════════ */
.card {
  background: #FFFFFF !important;
  border: 1px solid #E8E2D6 !important;
  border-radius: 12px !important;
  padding: 32px 28px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.07) !important;
}

/* ════════════════════════════════════════════════════════════
   FORM FIELDS
════════════════════════════════════════════════════════════ */
.field label { color: #1A1F2E !important; font-size: .72rem !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; }
.field input, .field select, .field textarea {
  background: #FFFFFF !important; border: 1.5px solid #D9D4C8 !important;
  border-radius: 6px !important; color: #1A1F2E !important;
  font-family: 'DM Sans', sans-serif !important; font-size: .95rem !important;
}
.field input::placeholder, .field textarea::placeholder { color: #A0A3B0 !important; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: #B8903A !important; outline: none !important; }
.check-row label { color: #6B6E7A !important; font-size: .87rem !important; }
.check-row label a { color: #B8903A !important; }
.alert--ok  { background: #F0FDF4 !important; border: 1px solid #BBF7D0 !important; color: #166534 !important; }
.alert--err { background: #FEF2F2 !important; border: 1px solid #FECACA !important; color: #991B1B !important; }

/* ════════════════════════════════════════════════════════════
   FOOTER
════════════════════════════════════════════════════════════ */
.site-footer { background: #FFFFFF !important; border-top: 1px solid #E8E2D6 !important; }
.site-footer__cta { background: #B8903A !important; padding: 48px 28px !important; }
.site-footer__cta-title { color: #FFFFFF !important; font-family: 'Cormorant Garamond', serif !important; }
.site-footer__cta-label, .site-footer__cta-sub { color: rgba(255,255,255,.85) !important; }
.site-footer__body { padding: 52px 0 40px !important; background: #FFFFFF !important; }
.site-footer__logo-text { font-family: 'Cormorant Garamond', serif !important; color: #1A1F2E !important; font-size: 1.1rem !important; font-weight: 700 !important; }
.site-footer__desc { color: #6B6E7A !important; font-size: .87rem !important; line-height: 1.65 !important; }
.site-footer__head { color: #B8903A !important; font-size: .7rem !important; font-weight: 600 !important; letter-spacing: .16em !important; text-transform: uppercase !important; margin-bottom: 14px !important; }
.site-footer__list li { color: #6B6E7A !important; font-size: .87rem !important; }
.site-footer__list li a { color: #6B6E7A !important; }
.site-footer__nav li a { color: #6B6E7A !important; font-size: .87rem !important; }
.site-footer__nav li a:hover { color: #B8903A !important; }
.site-footer__bottom { background: #F9F7F3 !important; border-top: 1px solid #E8E2D6 !important; padding: 14px 0 !important; }
.site-footer__bottom-inner span, .site-footer__bottom-inner a { color: #9A9DAA !important; font-size: .78rem !important; }
.site-footer__badges span { background: #F5EDD8 !important; border: 1px solid #D4B06A !important; color: #8A6A22 !important; }

/* ════════════════════════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .section { padding: 52px 0 !important; }
  .wrap    { padding: 0 18px !important; }
}