/* ========================================================================== Orły Białystok — Mikasa Theme (Yellow-Blue / Energetic & Dynamic) Activated via [data-theme="mikasa"] on ========================================================================== */ [data-theme="mikasa"] { --color-primary: #2E3F8F; --color-primary-light: #4A5DB5; --color-accent: #F2C500; --color-accent-dark: #C9A400; --color-gold: #FFD740; --color-dark: #1A1F3A; --color-light: #F0F2FA; } /* ---- Top bar ---- */ [data-theme="mikasa"] .top-bar { background: #1F2A5A; } [data-theme="mikasa"] .top-bar a:hover { color: #FFD740; } [data-theme="mikasa"] .top-bar .social-link:hover { background: #F2C500; color: #1A1F3A; } /* ---- Header ---- */ [data-theme="mikasa"] .site-header { background: rgba(26, 31, 58, 0.97); } [data-theme="mikasa"] .site-header.scrolled { box-shadow: 0 4px 24px rgba(26, 31, 58, 0.25); } [data-theme="mikasa"] .nav-link-custom { color: rgba(255, 255, 255, 0.9) !important; } [data-theme="mikasa"] .nav-link-custom:hover { color: #FFD740 !important; } [data-theme="mikasa"] .nav-link-custom::after { background: #F2C500; } [data-theme="mikasa"] .navbar-brand .logo-text { color: #fff; } [data-theme="mikasa"] .navbar-brand .logo-sub { color: rgba(255, 255, 255, 0.6); } [data-theme="mikasa"] .navbar-toggler i { color: #F2C500 !important; } /* ---- Buttons ---- */ [data-theme="mikasa"] .btn-orly { background: #F2C500; color: #1A1F3A; } [data-theme="mikasa"] .btn-orly:hover { background: #FFD740; color: #1A1F3A; box-shadow: 0 6px 20px rgba(242, 197, 0, 0.4); } [data-theme="mikasa"] .btn-orly-primary { background: #2E3F8F; } [data-theme="mikasa"] .btn-orly-primary:hover { background: #4A5DB5; box-shadow: 0 6px 20px rgba(46, 63, 143, 0.35); } /* ---- Sections ---- */ [data-theme="mikasa"] .section-label { color: #F2C500; } [data-theme="mikasa"] .section-title { color: #2E3F8F; } [data-theme="mikasa"] .divider { background: #F2C500; } /* ---- Hero ---- */ [data-theme="mikasa"] .hero-overlay { background: linear-gradient(135deg, rgba(26, 31, 58, 0.92) 0%, rgba(46, 63, 143, 0.6) 60%, rgba(26, 31, 58, 0.4) 100%); } [data-theme="mikasa"] .hero-eyebrow { color: #FFD740; } [data-theme="mikasa"] .page-hero-overlay { background: linear-gradient(to right, rgba(26, 31, 58, 0.95), rgba(46, 63, 143, 0.65)); } [data-theme="mikasa"] .breadcrumb-item.active { color: #FFD740; } /* ---- Quick tiles ---- */ [data-theme="mikasa"] .quick-tile:hover { background: #2E3F8F; } [data-theme="mikasa"] .quick-tile .tile-icon { color: #2E3F8F; } /* ---- Cards ---- */ [data-theme="mikasa"] .group-card:hover { border-color: #2E3F8F; } [data-theme="mikasa"] .group-card-header { background: #2E3F8F; } [data-theme="mikasa"] .group-card-header .age-badge { background: #F2C500; color: #1A1F3A; } [data-theme="mikasa"] .coach-card:hover .coach-img { border-color: #F2C500; } [data-theme="mikasa"] .coach-role { color: #F2C500; } /* ---- Schedule ---- */ [data-theme="mikasa"] .schedule-table th { background: #2E3F8F; } [data-theme="mikasa"] .schedule-table tbody tr:hover { background: rgba(46, 63, 143, 0.06); } /* ---- Ticker ---- */ [data-theme="mikasa"] .ticker-bar { background: #F2C500; color: #1A1F3A; } [data-theme="mikasa"] .ticker-label { background: #2E3F8F; } /* ---- CTA Banner ---- */ [data-theme="mikasa"] .cta-banner-overlay { background: linear-gradient(135deg, rgba(26, 31, 58, 0.94), rgba(242, 197, 0, 0.65)); } /* ---- Stats ---- */ [data-theme="mikasa"] .stat-number { color: #F2C500; } /* ---- Timeline ---- */ [data-theme="mikasa"] .timeline-dot { background: #F2C500; box-shadow: 0 0 0 2px #F2C500; } [data-theme="mikasa"] .timeline-year { color: #2E3F8F; } /* ---- Forms ---- */ [data-theme="mikasa"] .form-orly .form-control:focus, [data-theme="mikasa"] .form-orly .form-select:focus { border-color: #2E3F8F; box-shadow: 0 0 0 3px rgba(46, 63, 143, 0.15); } /* ---- Steps ---- */ [data-theme="mikasa"] .step-number { background: #2E3F8F; } /* ---- Icon box ---- */ [data-theme="mikasa"] .icon-box { color: #2E3F8F; } /* ---- Tags ---- */ [data-theme="mikasa"] .tag-nabory { background: rgba(46, 63, 143, 0.1); color: #2E3F8F; } /* ---- Package cards ---- */ [data-theme="mikasa"] .package-card.featured { border-color: #2E3F8F; } [data-theme="mikasa"] .package-card.featured::before { background: #F2C500; color: #1A1F3A; } [data-theme="mikasa"] .package-feature i { color: #2E3F8F; } /* ---- FAQ ---- */ [data-theme="mikasa"] .faq-accordion .accordion-button { color: #2E3F8F; } [data-theme="mikasa"] .faq-accordion .accordion-button:not(.collapsed) { background: #2E3F8F; } /* ---- Footer ---- */ [data-theme="mikasa"] .site-footer { background: #1A1F3A; } [data-theme="mikasa"] .footer-link:hover { color: #FFD740; } [data-theme="mikasa"] .footer-social:hover { background: #F2C500; color: #1A1F3A; } [data-theme="mikasa"] .section-divider { background: linear-gradient(to right, #2E3F8F, #F2C500); } /* ---- Mobile menu ---- */ [data-theme="mikasa"] .nav-link-mobile:hover { color: #F2C500; } /* ---- Offcanvas bg-primary-custom overrides ---- */ [data-theme="mikasa"] .bg-primary-custom { background: #2E3F8F !important; } [data-theme="mikasa"] .bg-primary-gradient { background: linear-gradient(135deg, #2E3F8F, #4A5DB5) !important; } /* ---- Theme Toggle Button ---- */ .theme-toggle-btn { display: flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 9999px; border: 1.5px solid var(--color-accent); background: transparent; color: var(--color-accent); font-size: 0.78rem; font-weight: 700; font-family: var(--font-heading); cursor: pointer; transition: all 0.2s ease; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.05em; } .theme-toggle-btn:hover { background: var(--color-accent); color: var(--color-white); } .theme-toggle-btn i { font-size: 0.85rem; } [data-theme="mikasa"] .theme-toggle-btn { border-color: #F2C500; color: #F2C500; } [data-theme="mikasa"] .theme-toggle-btn:hover { background: #F2C500; color: #1A1F3A; } /* ---- Mobile theme toggle ---- */ .mobile-theme-toggle { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--color-gray-light); }