/* /public/site-theme.css */

:root {
  --site-bg: linear-gradient(293deg, #fff7ed 0%, #ffffff 100%);
  --site-bg-pattern-opacity: 0.05;

  --site-text: #111827;
  --site-text-muted: #4b5563;
  --site-title: #ffffff;

  --site-card-bg: rgba(255, 255, 255, 0.94);
  --site-card-border: rgba(17, 24, 39, 0.10);
  --site-card-shadow: 0 10px 28px rgba(15, 23, 42, 0.10);

  --site-section-bg: rgba(255, 255, 255, 0.92);
  --site-section-dark-bg: linear-gradient(180deg, #0f1f4b 0%, #0e1424 100%);

  --site-accent: #ff6500;
  --site-accent-2: #f7b42e;
  --site-button-bg: linear-gradient(to right top, #ffaa00, #ffb700);
  --site-button-text: #111827;

  --site-input-bg: rgba(255, 255, 255, 0.96);
  --site-input-text: #111827;
  --site-input-border: #ffb700;

  --site-logo-bg: rgba(255, 255, 255, 0.92);
  --site-logo-text: #111827;
}

/* Fehér mód */
html[data-site-theme="light"] {
  --site-bg: linear-gradient(293deg, #fff7ed 0%, #ffffff 100%);
  --site-bg-pattern-opacity: 0.05;

  --site-text: #111827;
  --site-text-muted: #4b5563;
  --site-title: #ffffff;

  --site-card-bg: rgba(255, 255, 255, 0.94);
  --site-card-border: rgba(17, 24, 39, 0.10);
  --site-card-shadow: 0 10px 28px rgba(15, 23, 42, 0.10);

  --site-section-bg: rgba(255, 255, 255, 0.92);
  --site-section-dark-bg: linear-gradient(180deg, #0f1f4b 0%, #0e1424 100%);

  --site-accent: #ff6500;
  --site-accent-2: #f7b42e;
  --site-button-bg: linear-gradient(to right top, #ffaa00, #ffb700);
  --site-button-text: #111827;

  --site-input-bg: rgba(255, 255, 255, 0.96);
  --site-input-text: #111827;
  --site-input-border: #ffb700;

  --site-logo-bg: rgba(255, 255, 255, 0.92);
  --site-logo-text: #111827;
}

/* Sötét mód */
html[data-site-theme="dark"] {
  --site-bg: linear-gradient(293deg, #0f172a 0%, #111827 100%);
  --site-bg-pattern-opacity: 0.08;

  --site-text: #f9fafb;
  --site-text-muted: #cbd5e1;
  --site-title: #ffffff;

  --site-card-bg: rgba(17, 24, 39, 0.94);
  --site-card-border: rgba(255, 255, 255, 0.14);
  --site-card-shadow: 0 16px 42px rgba(0, 0, 0, 0.35);

  --site-section-bg: rgba(15, 23, 42, 0.94);
  --site-section-dark-bg: linear-gradient(180deg, #020617 0%, #111827 100%);

  --site-accent: #f97316;
  --site-accent-2: #fbbf24;
  --site-button-bg: linear-gradient(to right top, #f97316, #fbbf24);
  --site-button-text: #111827;

  --site-input-bg: rgba(15, 23, 42, 0.95);
  --site-input-text: #ffffff;
  --site-input-border: rgba(249, 115, 22, 0.8);

  --site-logo-bg: rgba(17, 24, 39, 0.94);
  --site-logo-text: #ffffff;
}

/* Alap oldal */
.site-themed {
  background: var(--site-bg) !important;
  color: var(--site-text) !important;
}

.site-themed::before {
  opacity: var(--site-bg-pattern-opacity) !important;
}

.site-themed .hero-bg {
  background-image: url('/public/media/dragon-scales.svg') !important;
  opacity: 0.6 !important;
}
.site-themed .gold{        color: #ff9800;
    text-shadow: 0 1px 18px #ff6500;}
/* Szövegek */
.site-themed h1,
.site-themed h2,
.site-themed h3,
.site-themed h4,
.site-themed h5,
.site-themed summary {
  color: var(--site-text) !important;
}

.site-themed .steps h2,
.site-themed .steps h5,
.site-themed .cta-footer h3 {
  color: #ffffff !important;
}

.site-themed p,
.site-themed small,
.site-themed .hero p,
.site-themed .infocard p,
.site-themed .feature p,
.site-themed .ts p {
  color: var(--site-text-muted) !important;
}

/* Hero bevezető blokk */
.site-themed .elso {
background: #86500021 !important;
    color: var(--site-text) !important;
    border: 1px solid rgb(255 255 255) !important;
    box-shadow: var(--site-card-shadow) !important;
}

/* Kártyák */
.site-themed .infostrip,
.site-themed .faq {
      backdrop-filter: blur(3px);
    background: #2e3b4d75 !important;
    color: var(--site-text) !important;
    border-color: var(--site-card-border) !important;
}



.site-themed .infocard,
.site-themed .feature,
.site-themed .ts,
.site-themed details {
background: #86500021 !important;
    color: var(--site-text) !important;
    border: 1px solid rgb(255 255 255) !important;
backdrop-filter: blur(3px);
  box-shadow: var(--site-card-shadow) !important;
}

/* Narancs testimonial szekció */
.site-themed .testimonials {
  background: var(--site-accent) !important;
}

/* Sötét gyári szekciók */
.site-themed .steps,
.site-themed .cta-footer {
  background: var(--site-section-dark-bg) !important;
}

/* CTA card */
.site-themed .cta-footer .cta-card {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

/* Gombok */
.site-themed .btn {
  background: var(--site-button-bg) !important;
  color: var(--site-button-text) !important;
  border-color: transparent !important;
}

.site-themed .btn--ghost {
  background: transparent !important;
  color: var(--site-accent) !important;
  border-color: var(--site-accent) !important;
  box-shadow: none !important;
}

.site-themed .btn--ghost:hover {
  background: var(--site-accent) !important;
  color: #ffffff !important;
}

/* Badge */
.site-themed .badge {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: var(--site-text) !important;
}

html[data-site-theme="dark"] .site-themed .badge {
  color: #ffffff !important;
}

/* Login mockup */
.site-themed #logobelso {
      background: #ff65002b !important;
    color: #ffffff !important;
        border-color: #ff6500 !important;
    backdrop-filter: blur(4px);
}

.site-themed #logokulso {
      border-color: #ff9800 !important;
}

.site-themed .szoveg {
  background: rgba(17, 24, 39, 0.74) !important;
}

.site-themed #fnev,
.site-themed #pass {
  background: var(--site-input-bg) !important;
  color: var(--site-input-text) !important;
  border-color: var(--site-input-border) !important;
}

.site-themed #fnev::placeholder,
.site-themed #pass::placeholder {
  color: var(--site-text-muted) !important;
}

.site-themed #llog {
  background: var(--site-accent) !important;
  color: #ffffff !important;
  border-color: var(--site-accent) !important;
}

.site-themed #whbutt {
  background: transparent !important;
  color: var(--site-accent) !important;
  border-color: var(--site-accent) !important;
}

/* Footer */
.site-themed footer {
  color: var(--site-text-muted) !important;
}

.site-themed footer a {
  color: var(--site-accent) !important;
}

/* Inline fixek ellen */
.site-themed [style*="color:#fff"],
.site-themed [style*="color: #fff"] {
  color: #ffffff !important;
}

html[data-site-theme="dark"] .site-themed [style*="color:#c7d2fe"],
html[data-site-theme="dark"] .site-themed [style*="color: #c7d2fe"] {
  color: #cbd5e1 !important;
}