/**
 * Brend palete — usklađeno s {Tema}/css/styles.css i pozadinama (bg.png / boje stranice)
 * Pozadina stranice i sp_logo ostaju iz foldera teme.
 */
.mcqrc-theme-Ozujsko {
  --mc-brand: #ed1c24;
  --mc-brand-2: #a51216;
  --mc-brand-bg: rgba(237, 28, 36, 0.14);
  --mc-brand-contrast: #ffffff;
  --mc-warm: #ffd000;
  --mc-header-glass: rgba(255, 248, 200, 0.42);
  --mc-header-border: rgba(255, 255, 255, 0.55);
  --mc-header-btn-bg: rgba(255, 255, 255, 0.95);
  --mc-dock-surface: rgba(255, 255, 255, 0.96);
  --mc-dock-shadow: 0 4px 24px rgba(165, 18, 22, 0.18);
  --mc-panel-shadow: 0 4px 24px rgba(165, 18, 22, 0.1);
}

.mcqrc-theme-Jelen {
  --mc-brand: #000000;
  --mc-brand-2: #1a1a1a;
  --mc-brand-bg: rgba(0, 0, 0, 0.12);
  --mc-brand-contrast: #ffffff;
  --mc-warm: #f5c901;
  --mc-header-glass: rgba(255, 248, 210, 0.4);
  --mc-header-border: rgba(255, 255, 255, 0.55);
  --mc-header-btn-bg: rgba(255, 255, 255, 0.95);
  --mc-dock-surface: rgba(255, 255, 255, 0.96);
  --mc-dock-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
  --mc-panel-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
  /* Marketing modal — baner (žuta / crvena / bijela), ne brend paleta */
  --mc-mkt-header-bg: linear-gradient(168deg, #ffe566 0%, #f5c901 40%, #ffd000 100%);
  --mc-mkt-header-text: #1a1a1a;
  --mc-mkt-header-muted: rgba(26, 26, 26, 0.72);
  --mc-mkt-header-shadow: inset 0 -1px 0 rgba(189, 10, 38, 0.12);
  --mc-mkt-ribbon-width: 4px;
  --mc-mkt-ribbon: #bd0a26;
  --mc-mkt-badge-bg: #bd0a26;
  --mc-mkt-badge-text: #ffffff;
  --mc-mkt-badge-radius: 4px;
  --mc-mkt-badge-border: none;
  --mc-mkt-badge-shadow: 0 2px 8px rgba(189, 10, 38, 0.28);
  --mc-mkt-close-bg: rgba(255, 255, 255, 0.5);
  --mc-mkt-close-text: #1a1a1a;
  --mc-mkt-close-active: rgba(255, 255, 255, 0.72);
  --mc-mkt-grabber: rgba(189, 10, 38, 0.25);
  --mc-mkt-accent: #bd0a26;
  --mc-mkt-accent-bg: rgba(255, 208, 0, 0.45);
  --mc-mkt-accent-shadow: 0 0 0 1px rgba(189, 10, 38, 0.1);
  --mc-mkt-btn-bg: linear-gradient(135deg, #d41426 0%, #bd0a26 100%);
  --mc-mkt-btn-text: #ffffff;
  --mc-mkt-btn-shadow: 0 4px 14px rgba(189, 10, 38, 0.32);
  --mc-mkt-q-num: #bd0a26;
  --mc-mkt-state: #bd0a26;
}

.mcqrc-theme-Stella {
  --mc-brand: #e30137;
  --mc-brand-2: #b8012c;
  --mc-brand-bg: rgba(227, 1, 55, 0.14);
  --mc-brand-contrast: #ffffff;
  --mc-warm: #ffffff;
  --mc-header-glass: rgba(255, 255, 255, 0.35);
  --mc-header-border: rgba(255, 255, 255, 0.5);
  --mc-header-btn-bg: rgba(255, 255, 255, 0.95);
  --mc-dock-surface: rgba(255, 255, 255, 0.96);
  --mc-dock-shadow: 0 4px 24px rgba(184, 1, 44, 0.2);
  --mc-panel-shadow: 0 4px 24px rgba(184, 1, 44, 0.12);
}

.mcqrc-theme-Bavaria {
  --mc-brand: #0a4594;
  --mc-brand-2: #0480d6;
  --mc-brand-bg: rgba(10, 69, 148, 0.14);
  --mc-brand-contrast: #ffffff;
  --mc-warm: #468deb;
  --mc-header-glass: rgba(220, 235, 255, 0.45);
  --mc-header-border: rgba(255, 255, 255, 0.55);
  --mc-header-btn-bg: rgba(255, 255, 255, 0.95);
  --mc-dock-surface: rgba(255, 255, 255, 0.96);
  --mc-dock-shadow: 0 4px 24px rgba(10, 69, 148, 0.2);
  --mc-panel-shadow: 0 4px 24px rgba(10, 69, 148, 0.1);
}

.mcqrc-theme-Staropramen {
  --mc-brand: #144734;
  --mc-brand-2: #0d3528;
  --mc-brand-bg: rgba(20, 71, 52, 0.14);
  --mc-brand-contrast: #ffffff;
  --mc-warm: #fef9e5;
  --mc-header-glass: rgba(254, 249, 229, 0.55);
  --mc-header-border: rgba(255, 255, 255, 0.65);
  --mc-header-btn-bg: rgba(255, 255, 255, 0.95);
  --mc-dock-surface: rgba(255, 255, 255, 0.97);
  --mc-dock-shadow: 0 4px 24px rgba(20, 71, 52, 0.16);
  --mc-panel-shadow: 0 4px 24px rgba(20, 71, 52, 0.08);
}

.mcqrc-theme-Niksicko {
  --mc-brand: #be8a20;
  --mc-brand-2: #8f6618;
  --mc-brand-bg: rgba(190, 138, 32, 0.16);
  --mc-brand-contrast: #ffffff;
  --mc-warm: #b6a268;
  --mc-header-glass: rgba(40, 40, 40, 0.35);
  --mc-header-border: rgba(255, 255, 255, 0.25);
  --mc-header-btn-bg: rgba(255, 255, 255, 0.92);
  --mc-dock-surface: rgba(255, 255, 255, 0.96);
  --mc-dock-shadow: 0 4px 24px rgba(0, 0, 0, 0.22);
  --mc-panel-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
}

.mcqrc-theme-MolsonCoors {
  --mc-brand: #1496ff;
  --mc-brand-2: #091f3f;
  --mc-brand-bg: rgba(20, 150, 255, 0.14);
  --mc-brand-contrast: #ffffff;
  --mc-warm: #ff6912;
  --mc-header-glass: rgba(230, 242, 255, 0.5);
  --mc-header-border: rgba(255, 255, 255, 0.6);
  --mc-header-btn-bg: rgba(255, 255, 255, 0.95);
  --mc-dock-surface: rgba(255, 255, 255, 0.97);
  --mc-dock-shadow: 0 4px 24px rgba(9, 31, 63, 0.18);
  --mc-panel-shadow: 0 4px 24px rgba(9, 31, 63, 0.08);
}

.mcqrc-theme-Hidra {
  --mc-brand: #f22531;
  --mc-brand-2: #0d12a0;
  --mc-brand-bg: rgba(242, 37, 49, 0.14);
  --mc-brand-contrast: #ffffff;
  --mc-warm: #0d12a0;
  --mc-header-glass: rgba(255, 255, 255, 0.32);
  --mc-header-border: rgba(255, 255, 255, 0.45);
  --mc-header-btn-bg: rgba(255, 255, 255, 0.95);
  --mc-dock-surface: rgba(255, 255, 255, 0.96);
  --mc-dock-shadow: 0 4px 24px rgba(13, 18, 160, 0.2);
  --mc-panel-shadow: 0 4px 24px rgba(242, 37, 49, 0.1);
}

/* Akcenti koji prate brend i na tamnoj pozadini */
.mcqrc-theme-Ozujsko .mc-venue-social a,
.mcqrc-theme-Jelen .mc-venue-social a,
.mcqrc-theme-Stella .mc-venue-social a,
.mcqrc-theme-Bavaria .mc-venue-social a,
.mcqrc-theme-Staropramen .mc-venue-social a,
.mcqrc-theme-Niksicko .mc-venue-social a,
.mcqrc-theme-MolsonCoors .mc-venue-social a,
.mcqrc-theme-Hidra .mc-venue-social a {
  background: linear-gradient(145deg, var(--mc-brand), var(--mc-brand-2));
  color: var(--mc-brand-contrast) !important;
}

.mcqrc-theme-Niksicko .mc-menu-btn {
  color: var(--mc-brand) !important;
}

.mcqrc-theme-Staropramen .mc-menu-btn {
  color: var(--mc-brand) !important;
}