/**
 * Professional theme overrides for nakratko.online
 * Activated by html[data-theme="pro"]
 * Memphis (default) theme needs no overrides — it's defined in each page's inline <style>.
 */

/* ─── 1. Color palette remapping ─── */

[data-theme="pro"] {
  --hot-pink: #0A66C2;
  --electric-blue: #0A66C2;
  --sunny: #E8E8E8;
  --lime: #057642;
  --grape: #5F6B7A;
  --tangerine: #B24020;
  --cream: #F3F2EF;
  --ink: #191919;
  --ink-light: #404040;
  --muted: #666666;
  --card-bg: #FFFFFF;
}


/* ─── 2. Memphis background & color bars: hidden ─── */

[data-theme="pro"] .memphis-bg {
  display: none !important;
}

[data-theme="pro"] .color-bar {
  display: none !important;
}


/* ─── 3. Typography: Titan One → Outfit everywhere ─── */

[data-theme="pro"] .fun-font,
[data-theme="pro"] .hero-title,
[data-theme="pro"] .card-title,
[data-theme="pro"] .section-label,
[data-theme="pro"] .big-number,
[data-theme="pro"] .countdown-number,
[data-theme="pro"] .stat-number,
[data-theme="pro"] .game-title,
[data-theme="pro"] .error-code,
[data-theme="pro"] .policy-title,
[data-theme="pro"] .big-label,
[data-theme="pro"] .rate-badge,
[data-theme="pro"] .result-mini-number,
[data-theme="pro"] .town-stat-number,
[data-theme="pro"] .cc-city,
[data-theme="pro"] .cc-years,
[data-theme="pro"] .percentile-you strong,
[data-theme="pro"] .timeline-year,
[data-theme="pro"] .quote-text,
[data-theme="pro"] .wf-row.wf-total .wf-value,
[data-theme="pro"] .tl-sublabel,
[data-theme="pro"] .app-card-title,
[data-theme="pro"] .app-card-tag,
[data-theme="pro"] .filter-pill,
[data-theme="pro"] .salary-number-input,
[data-theme="pro"] .num-input {
  font-family: 'Outfit', 'Inter', system-ui, sans-serif !important;
  font-weight: 700;
}


/* ─── 4. Cards: thin borders, subtle shadows, smaller radius ─── */

[data-theme="pro"] .info-card,
[data-theme="pro"] .content-card,
[data-theme="pro"] .policy-card,
[data-theme="pro"] .dark-card,
[data-theme="pro"] .hero-card,
[data-theme="pro"] .game-container {
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06) !important;
}

[data-theme="pro"] .stat-card,
[data-theme="pro"] .countdown-unit,
[data-theme="pro"] .result-mini,
[data-theme="pro"] .fact-card,
[data-theme="pro"] .cc-card,
[data-theme="pro"] .info-item {
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

/* Card color variant shadows — all neutralized */
[data-theme="pro"] .card-blue,
[data-theme="pro"] .card-pink,
[data-theme="pro"] .card-grape,
[data-theme="pro"] .card-lime,
[data-theme="pro"] .card-sunny,
[data-theme="pro"] .card-tangerine {
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06) !important;
}

/* Card ::before decorative circles */
[data-theme="pro"] .info-card::before,
[data-theme="pro"] .content-card::before,
[data-theme="pro"] .hero-card::before,
[data-theme="pro"] .hero-card::after {
  display: none !important;
}

/* Card hover effects — subtle lift */
[data-theme="pro"] .info-card:hover,
[data-theme="pro"] .content-card:hover,
[data-theme="pro"] .stat-card:hover,
[data-theme="pro"] .fact-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

/* Fact card nth-child colored shadows — neutralize */
[data-theme="pro"] .fact-card:nth-child(1),
[data-theme="pro"] .fact-card:nth-child(2),
[data-theme="pro"] .fact-card:nth-child(3),
[data-theme="pro"] .fact-card:nth-child(4),
[data-theme="pro"] .fact-card:nth-child(5),
[data-theme="pro"] .fact-card:nth-child(6) {
  box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}


/* ─── 5. Landing page: app-card overrides (inline style shadows) ─── */

[data-theme="pro"] .app-card {
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

[data-theme="pro"] .app-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

[data-theme="pro"] .app-card-banner {
  background: linear-gradient(135deg, #0A66C2 0%, #004182 100%);
  border-color: #D9D9D9;
  border-radius: 8px;
}

[data-theme="pro"] .coming-soon {
  border: 1px dashed #D9D9D9;
  border-radius: 8px;
  background: none;
}


/* ─── 6. Buttons: thin borders, subtle interactions ─── */

[data-theme="pro"] .btn-share,
[data-theme="pro"] .button-throw,
[data-theme="pro"] .button-share {
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important;
}

[data-theme="pro"] .btn-share:hover,
[data-theme="pro"] .button-throw:hover,
[data-theme="pro"] .button-share:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.12) !important;
}

[data-theme="pro"] .btn-share:active,
[data-theme="pro"] .button-throw:active,
[data-theme="pro"] .button-share:active {
  transform: translateY(0) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.08) !important;
}


/* ─── 7. Toggle buttons & pills ─── */

[data-theme="pro"] .child-btn,
[data-theme="pro"] .city-btn {
  border: 1px solid #D9D9D9;
  border-radius: 6px;
}

[data-theme="pro"] .child-btn.active,
[data-theme="pro"] .city-btn.active {
  box-shadow: none !important;
}

[data-theme="pro"] .filter-pill {
  border: 1px solid #D9D9D9;
  border-radius: 20px;
}

[data-theme="pro"] .filter-pill:hover {
  transform: none !important;
  box-shadow: none !important;
  background: #E8E8E8;
}

[data-theme="pro"] .filter-pill[aria-pressed="true"] {
  box-shadow: none !important;
}


/* ─── 8. Inputs ─── */

[data-theme="pro"] .salary-number-input,
[data-theme="pro"] .num-input {
  border: 1px solid #D9D9D9;
  border-radius: 6px;
}

[data-theme="pro"] .salary-number-input:focus,
[data-theme="pro"] .num-input:focus {
  border-color: #0A66C2;
  box-shadow: 0 0 0 3px rgba(10,102,194,0.15);
}

[data-theme="pro"] .salary-slider::-webkit-slider-thumb,
[data-theme="pro"] .slider::-webkit-slider-thumb {
  border: 2px solid #191919;
}

[data-theme="pro"] .salary-slider::-moz-range-thumb,
[data-theme="pro"] .slider::-moz-range-thumb {
  border: 2px solid #191919;
}


/* ─── 9. FAQ items ─── */

[data-theme="pro"] .faq-item {
  border: 1px solid #D9D9D9;
  border-radius: 6px;
}

[data-theme="pro"] .faq-item summary::after {
  color: #0A66C2;
}


/* ─── 10. Decorative elements ─── */

/* Rate badge */
[data-theme="pro"] .rate-badge,
[data-theme="pro"] .status-badge,
[data-theme="pro"] .afford-badge {
  border-radius: 4px;
}

/* Percentile bar marker */
[data-theme="pro"] .percentile-marker {
  border: 2px solid #191919;
}

[data-theme="pro"] .percentile-fill {
  background: linear-gradient(90deg, #0A66C2, #5F6B7A);
}

/* Quote block */
[data-theme="pro"] .quote-block {
  border-left-color: #0A66C2;
  border-radius: 0 6px 6px 0;
}

/* Toast notifications */
[data-theme="pro"] .toast {
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

/* 404 error code */
[data-theme="pro"] .error-code {
  text-shadow: 2px 2px 0 rgba(0,0,0,0.1) !important;
}

/* Section label decorative line */
[data-theme="pro"] .section-label::after {
  height: 1px;
}

/* Timeline dots */
[data-theme="pro"] .tl-dot {
  border: 2px solid #191919;
}

/* Mandate bar (volitve) */
[data-theme="pro"] .mandate-bar {
  border-radius: 4px;
}

/* Coalition item */
[data-theme="pro"] .coalition-item {
  border: 1px solid #D9D9D9;
  border-radius: 6px;
}

/* Info box */
[data-theme="pro"] .info-box {
  border: 1px solid #D9D9D9;
  border-radius: 6px;
}

/* Policy icon */
[data-theme="pro"] .policy-icon {
  border: 1px solid #D9D9D9;
  border-radius: 6px;
}

/* Game area & result */
[data-theme="pro"] .game-area {
  border: 1px solid #D9D9D9;
  border-radius: 8px;
}

[data-theme="pro"] .game-result {
  border: 1px dashed #D9D9D9;
  border-radius: 8px;
}


/* ─── 11. Selection & focus ─── */

[data-theme="pro"] ::selection {
  background: #0A66C2;
  color: #fff;
}

[data-theme="pro"] :focus-visible {
  outline: 2px solid #0A66C2;
  outline-offset: 2px;
}


/* ─── 12. Shadow DOM passthrough variables ─── */

[data-theme="pro"] site-header {
  --header-border-width: 1px;
  --header-shadow-color: transparent;
  --logo-font: 'Outfit';
}

[data-theme="pro"] site-footer {
  --footer-border-width: 1px;
  --footer-shadow-color: transparent;
}


/* ─── 13. Media ownership page (mediji.html) ─── */

[data-theme="pro"] .landscape-card {
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

[data-theme="pro"] .landscape-card::before {
  display: none !important;
}

[data-theme="pro"] .outlet-pill {
  border: 1px solid #D9D9D9;
  border-radius: 4px;
}

[data-theme="pro"] .owner-type {
  border-radius: 4px;
}

[data-theme="pro"] .chain {
  border-radius: 6px;
}

[data-theme="pro"] .owner-name {
  font-family: 'Outfit', 'Inter', system-ui, sans-serif !important;
  font-weight: 700;
}


/* ─── 14. Links within cards ─── */

[data-theme="pro"] .faq-answer a,
[data-theme="pro"] .info-card a {
  color: #0A66C2;
}

[data-theme="pro"] .faq-answer a:hover,
[data-theme="pro"] .info-card a:hover {
  color: #004182;
}