.site-info {
    text-transform: capitalize;
    text-align: center;
    display: none;
}

/* IdiomQuest site-wide visual system */
@import url('https://fonts.googleapis.com/css2?family=Alatsi&family=Roboto:wght@400;500;700;900&display=swap');

:root {
  --iq-black: #050505;
  --iq-panel: #12100c;
  --iq-panel-soft: #1d1810;
  --iq-cream: #fff3cf;
  --iq-cream-soft: #eadfbe;
  --iq-gold: #ffbd2e;
  --iq-gold-bright: #ffd45a;
  --iq-orange: #d96a27;
  --iq-line: rgba(255, 189, 46, 0.48);
}

html,
body {
  background: var(--iq-black) !important;
  color: var(--iq-cream) !important;
  font-family: 'Roboto', Arial, sans-serif !important;
}

body,
button,
input,
select,
textarea {
  font-family: 'Roboto', Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title,
.page-title,
.widget-title,
.elementor-heading-title {
  color: var(--iq-cream) !important;
  font-family: 'Alatsi', 'Arial Rounded MT Bold', Arial, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em;
  text-transform: none;
}

p, li, label, blockquote,
.entry-content,
.entry-summary,
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  color: var(--iq-cream-soft);
}

a {
  color: var(--iq-gold);
  text-decoration-color: rgba(255, 189, 46, 0.58);
  text-underline-offset: 0.16em;
}

a:hover,
a:focus {
  color: var(--iq-gold-bright);
}

.site-header,
#masthead,
.site-footer,
#colophon {
  background: rgba(5, 5, 5, 0.96) !important;
  color: var(--iq-cream) !important;
  border-color: var(--iq-line) !important;
}

.site-title a,
.site-description,
.main-navigation a,
.menu-toggle {
  color: var(--iq-cream) !important;
  font-family: 'Alatsi', 'Arial Rounded MT Bold', Arial, sans-serif !important;
}

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
  color: var(--iq-gold) !important;
}

.main-navigation ul ul {
  background: var(--iq-panel) !important;
  border: 1px solid var(--iq-line);
  border-radius: 14px;
  overflow: hidden;
}

button,
input[type='button'],
input[type='reset'],
input[type='submit'],
.wp-block-button__link,
.elementor-button {
  background: linear-gradient(135deg, var(--iq-gold-bright), var(--iq-gold)) !important;
  border: 2px solid var(--iq-gold-bright) !important;
  border-radius: 16px !important;
  color: #211407 !important;
  font-family: 'Alatsi', 'Arial Rounded MT Bold', Arial, sans-serif !important;
  font-weight: 400 !important;
  box-shadow: 0 8px 24px rgba(255, 189, 46, 0.18);
  text-decoration: none !important;
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

button:hover,
button:focus,
input[type='button']:hover,
input[type='submit']:hover,
.wp-block-button__link:hover,
.elementor-button:hover {
  color: #120b03 !important;
  filter: brightness(1.08);
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(255, 189, 46, 0.28);
}

input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='number'],
textarea,
select {
  background: var(--iq-panel) !important;
  border: 2px solid var(--iq-line) !important;
  border-radius: 14px !important;
  color: var(--iq-cream) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(234, 223, 190, 0.62);
}

article,
.widget,
.wp-block-group,
.elementor-widget-call-to-action .elementor-cta__content {
  border-color: var(--iq-line);
}

blockquote {
  background: var(--iq-panel-soft);
  border-left: 5px solid var(--iq-gold);
  border-radius: 0 14px 14px 0;
  padding: 1.1rem 1.35rem;
}

hr,
.wp-block-separator {
  border-color: var(--iq-line) !important;
}

.site-footer,
#colophon {
  border-top: 1px solid var(--iq-line) !important;
}

@media (max-width: 782px) {
  .main-navigation ul {
    background: rgba(5, 5, 5, 0.98);
  }

  h1,
  .entry-title,
  .page-title {
    line-height: 1.05;
  }
}


/* Quick Match result-card contrast */
.iqm-game .iqm-reveal,
.iqm-game .iqm-finish-card {
  color: #211407 !important;
}

.iqm-game .iqm-reveal h3,
.iqm-game .iqm-reveal-idiom,
.iqm-game .iqm-finish-card h3 {
  color: #211407 !important;
}

.iqm-game .iqm-reveal .iqm-meaning,
.iqm-game .iqm-finish-card p:not(.iqm-eyebrow) {
  color: #6b4a24 !important;
}