/* Maison Ateş — global color language (fonts loaded async in HTML) */
:root {
  --bg: #030308 !important;
  --bg2: #07070f !important;
  --bg-card: #0b0b12 !important;
  --card: #0b0b12 !important;
  --bg-card-alt: #101018 !important;
  --primary: #d4af37 !important;
  --gold: #d4af37 !important;
  --gold2: #f0d78c !important;
  --champagne: #efe2b8 !important;
  --accent: #c45c26 !important;
  --neon-orange: #c45c26 !important;
  --neon-pink: #b8891d !important;
  --neon-purple: #8a6410 !important;
  --neon-blue: #d4af37 !important;
  --secondary: #25d366 !important;
  --wa: #25d366 !important;
  --text: #f4efe2 !important;
  --text-muted: #c4bba6 !important;
  --muted: #c4bba6 !important;
  --line: rgba(212, 175, 55, 0.22) !important;
  --max: 1200px;
}

html { color-scheme: dark; }

body {
  background-color: #030308 !important;
  background-image:
    radial-gradient(90% 70% at 50% -20%, rgba(212, 175, 55, 0.12), transparent 55%),
    radial-gradient(70% 50% at 100% 30%, rgba(196, 92, 38, 0.07), transparent 50%),
    linear-gradient(180deg, #020205 0%, #07070f 45%, #040408 100%) !important;
  color: #f4efe2 !important;
  font-family: Manrope, "Segoe UI", system-ui, -apple-system, sans-serif !important;
}

/* A11y: focus + contrast */
:focus-visible {
  outline: 2px solid #f0d78c !important;
  outline-offset: 2px;
}
a:focus-visible,
.btn:focus-visible,
button:focus-visible {
  outline: 2px solid #f0d78c !important;
  outline-offset: 3px;
}

/* Links — soft champagne lift, never bright gold-yellow */
a { color: #efe2b8 !important; }
a:hover { color: #c45c26 !important; }

/* Header / nav */
.header,
header {
  background: rgba(3, 3, 8, 0.96) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.18) !important;
  backdrop-filter: blur(12px);
}
.menu a,
header nav a {
  color: #cfc6b0 !important;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.menu a:hover,
header nav a:hover {
  background: rgba(196, 92, 38, 0.18) !important;
  color: #efe2b8 !important;
  box-shadow: inset 0 0 0 1px rgba(196, 92, 38, 0.35);
}
.menu a.active,
header nav a.active {
  background: linear-gradient(135deg, #c45c26, #8a3d14) !important;
  color: #fff8e8 !important;
}
.menu-toggle {
  background: linear-gradient(135deg, #c45c26, #8a3d14) !important;
  color: #fff8e8 !important;
}
.header-tel,
.header-tel-desktop {
  background: linear-gradient(135deg, #c45c26, #a0481c 55%, #6e3010) !important;
  color: #fff8e8 !important;
  box-shadow: 0 8px 22px rgba(196, 92, 38, 0.28) !important;
}

/* Surfaces */
.card,
.content-box,
.profile-card,
.service-scroll-card,
.faq-card,
.catalog-card,
.cb-box,
.chat-bubble,
.cb-wrap .cb-box {
  background: #0b0b12 !important;
  border-color: rgba(212, 175, 55, 0.22) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

/* Headings */
h1, h2, .hero h1, .section h2, .content-box h2 {
  color: #fff8e8 !important;
}
h1 .accent,
.accent,
.hero h1 .accent,
.hero-kicker,
.slider-label {
  color: #c45c26 !important;
  text-shadow: 0 0 18px rgba(196, 92, 38, 0.25) !important;
}
h1 .accent-gold,
.accent-gold,
.hero h1 .accent-gold,
.content-box h3,
.price,
.hero-stat .num {
  color: #f0d78c !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.2) !important;
}
.content-box h2 {
  color: #d4af37 !important;
  border-bottom-color: rgba(212, 175, 55, 0.25) !important;
  text-shadow: none !important;
}
.content-box h4,
.faq summary {
  color: #e0b84d !important;
}
.hero-badge,
.hero-kicker {
  background: linear-gradient(180deg, rgba(212, 175, 55, 0.16), rgba(0, 0, 0, 0.45)) !important;
  color: #efe2b8 !important;
  border: 1px solid rgba(212, 175, 55, 0.28);
}

/* Buttons — keep identity; hover = lift + amber glow (not gold-yellow) */
.btn,
a.btn,
.btn-tel,
.btn-gold,
.btn-primary,
.btn-outline,
.btn-whatsapp,
.btn-wa,
.btn-night,
.btn-magusa,
.header-tel,
.cb-cta,
.read-more-btn {
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease !important;
}
.btn-tel,
.btn-night,
.btn-magusa,
.header-tel {
  background: linear-gradient(135deg, #c45c26, #a0481c 55%, #6e3010) !important;
  color: #fff8e8 !important;
  box-shadow: 0 10px 22px rgba(196, 92, 38, 0.28) !important;
}
.btn-tel:hover,
.btn-night:hover,
.btn-magusa:hover,
.header-tel:hover,
a.btn-tel:hover,
a.btn-night:hover,
a.btn-magusa:hover,
a.header-tel:hover {
  color: #fff8e8 !important;
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 14px 30px rgba(196, 92, 38, 0.42) !important;
  background: linear-gradient(135deg, #d46830, #b05020 55%, #7a3612) !important;
}
.btn-gold,
.btn-primary {
  background: linear-gradient(135deg, #b8891d, #8a6410) !important;
  color: #fff8e8 !important;
}
.btn-gold:hover,
.btn-primary:hover,
a.btn-gold:hover,
a.btn-primary:hover {
  color: #fff8e8 !important;
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 14px 28px rgba(138, 100, 16, 0.4) !important;
  background: linear-gradient(135deg, #c49a2a, #9a7014) !important;
}
.btn-outline {
  border-color: rgba(196, 92, 38, 0.65) !important;
  color: #efe2b8 !important;
  background: transparent !important;
}
.btn-outline:hover,
a.btn-outline:hover {
  border-color: #c45c26 !important;
  color: #efe2b8 !important;
  background: rgba(196, 92, 38, 0.14) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(196, 92, 38, 0.22) !important;
}
/* Floating / global WhatsApp stays green */
.floating-cta .btn-whatsapp,
.floating-cta .btn-wa,
.cb-cta,
a.cb-cta {
  background: linear-gradient(180deg, #3be07a, #1fad55) !important;
  color: #fff !important;
}
.floating-cta .btn-whatsapp:hover,
.floating-cta .btn-wa:hover,
.cb-cta:hover,
a.cb-cta:hover {
  color: #fff !important;
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 12px 28px rgba(37, 211, 102, 0.4) !important;
  background: linear-gradient(180deg, #48e887, #22b85c) !important;
}
/* Hero / footer WA — green brand cue */
.hero-cta .btn-whatsapp,
.hero-cta .btn-wa {
  background: linear-gradient(180deg, #3be07a, #1fad55) !important;
  color: #fff !important;
}
.hero-cta .btn-whatsapp:hover,
.hero-cta .btn-wa:hover {
  color: #fff !important;
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 12px 28px rgba(37, 211, 102, 0.4) !important;
  background: linear-gradient(180deg, #48e887, #22b85c) !important;
}
/* Catalog + profile WA — zümrüt + altın (klas); floating/hero ayrı kalır */
.oa-btn-wa,
.oa-card .oa-btn-wa,
.oa-btn-wa.oa-btn-full,
.profile-card-rich .btn-whatsapp,
.profile-card-rich .btn-wa,
.profile-card-rich a.btn-whatsapp,
.profile-card-rich a.btn-wa,
.profile-card-rich .btn-wa-luxe,
.catalog-card .btn-wa,
.catalog-card a.btn-wa {
  background:
    linear-gradient(180deg, rgba(240, 215, 140, 0.12), transparent 40%),
    linear-gradient(165deg, #0f3d2e 0%, #0b5c3a 42%, #094a30 100%) !important;
  color: #f7f1e4 !important;
  border: 1px solid rgba(212, 175, 55, 0.45) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(240, 215, 140, 0.22) !important;
}
.oa-btn-wa:hover,
.oa-card .oa-btn-wa:hover,
.oa-btn-wa.oa-btn-full:hover,
.profile-card-rich .btn-whatsapp:hover,
.profile-card-rich .btn-wa:hover,
.profile-card-rich a.btn-whatsapp:hover,
.profile-card-rich a.btn-wa:hover,
.profile-card-rich .btn-wa-luxe:hover,
.catalog-card .btn-wa:hover,
.catalog-card a.btn-wa:hover {
  color: #fff8e8 !important;
  transform: translateY(-2px);
  filter: none !important;
  background:
    linear-gradient(180deg, rgba(240, 215, 140, 0.2), transparent 45%),
    linear-gradient(165deg, #145a42 0%, #0e7048 42%, #0a5636 100%) !important;
  border-color: rgba(240, 215, 140, 0.65) !important;
  box-shadow:
    0 18px 36px rgba(0, 0, 0, 0.5),
    0 0 24px rgba(196, 92, 38, 0.18),
    inset 0 1px 0 rgba(240, 215, 140, 0.3) !important;
}
.profile-card-rich {
  border-color: rgba(212, 175, 55, 0.4) !important;
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(240, 215, 140, 0.1) !important;
}
.profile-card-rich:hover {
  border-color: rgba(196, 92, 38, 0.55) !important;
  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.58),
    0 0 24px rgba(196, 92, 38, 0.2) !important;
}
.profile-prices b,
.oa-price-item b {
  color: #e8c56a !important;
}

/* Tables / accents */
.table th,
.price-table th {
  background: linear-gradient(135deg, #b8891d, #8a6410) !important;
  color: #fff8e8 !important;
}
.table .price,
.price-tag {
  color: #f0d78c !important;
}
.info {
  background: rgba(212, 175, 55, 0.08) !important;
  border-left-color: #d4af37 !important;
}

/* Triple bar / media frames */
.triple-icon img,
.flex-img img,
.shake-img-wrapper img,
.kiss-image img,
.seo-inline-img,
.seo-inline-img-left,
.seo-inline-fig {
  border-color: rgba(212, 175, 55, 0.35) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4) !important;
}
/* Injected SEO figures (js/seo-inline-images.js) */
figure.seo-inline-fig {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid rgba(212, 175, 55, 0.35);
}
figure.seo-inline-fig img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
figure.seo-inline-img {
  float: right;
  margin: 0 0 12px 16px;
  width: 130px;
  height: 130px;
}
figure.seo-inline-img-left {
  float: left;
  margin: 0 16px 12px 0;
  width: 130px;
  height: 130px;
}
@media (max-width: 768px) {
  figure.seo-inline-img,
  figure.seo-inline-img-left {
    float: none;
    display: block;
    margin: 12px auto;
    width: 120px;
    height: 120px;
  }
}

/* Footer / floating */
.footer,
footer {
  background: #04040a !important;
  border-top: 1px solid rgba(212, 175, 55, 0.16) !important;
  color: #9a927f !important;
}
.footer a,
footer a {
  color: #f0d78c !important;
}
.floating-cta {
  background: rgba(3, 3, 8, 0.92) !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
}

/* Chat */
.cb-av,
.chat-bubble .cb-av {
  background: linear-gradient(135deg, #e0b84d, #b8891d) !important;
  color: #171107 !important;
}
.cb-meta strong { color: #fff8e8 !important; }
.cb-msg { color: #efe2b8 !important; }

/* Soft gold hairlines */
.triple-bar,
.section,
.slider-section {
  border-color: rgba(212, 175, 55, 0.12) !important;
}

/* Remaining orange → gold (shared CSS leftovers) */
h2 { color: #f0d78c !important; }
h3 {
  color: #c45c26 !important;
  border-left-color: #d4af37 !important;
}
.hero-proof,
.hero-stat .num,
.price { color: #f0d78c !important; }
.read-more-btn {
  color: #efe2b8 !important;
  border-color: rgba(196, 92, 38, 0.65) !important;
}
.read-more-btn:hover {
  background: rgba(196, 92, 38, 0.14) !important;
  color: #efe2b8 !important;
  border-color: #c45c26 !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(196, 92, 38, 0.22) !important;
}
.faq-card:hover { border-color: #c45c26 !important; }
.faq-card-content a { color: #efe2b8 !important; }
.faq-card-content a:hover,
.footer-nav a:hover { color: #c45c26 !important; }
.kiss-image img,
.triple-icon img,
.faq-card-img,
.footer .triple img,
.seo-inline-img,
.seo-inline-img-left,
.slider-track img,
.img-grid img {
  border-color: rgba(212, 175, 55, 0.35) !important;
}
.profile-card,
.service-scroll-card,
.faq-card {
  background: #0b0b12 !important;
  border-color: rgba(212, 175, 55, 0.22) !important;
}