/* ========================================================================== Orły Białystok — Molten Theme (White-Red-Green / Premium & Modern) Activated via [data-theme="molten"] on ========================================================================== */ [data-theme="molten"] { --color-primary: #C61F2B; --color-primary-light: #E04350; --color-accent: #3BBF9B; --color-accent-dark: #2A9A7B; --color-gold: #3BBF9B; --color-dark: #222222; --color-light: #F5F5F5; --color-gray-light: #E6E6E6; } /* ---- Top bar ---- */ [data-theme="molten"] .top-bar { background: #222222; } [data-theme="molten"] .top-bar a:hover { color: #3BBF9B; } [data-theme="molten"] .top-bar .social-link:hover { background: #C61F2B; color: #fff; } /* ---- Header ---- */ [data-theme="molten"] .site-header { background: rgba(245, 245, 245, 0.98); } [data-theme="molten"] .site-header.scrolled { box-shadow: 0 4px 24px rgba(34, 34, 34, 0.12); } [data-theme="molten"] .nav-link-custom { color: #222222 !important; } [data-theme="molten"] .nav-link-custom:hover { color: #C61F2B !important; } [data-theme="molten"] .nav-link-custom::after { background: #C61F2B; } [data-theme="molten"] .navbar-brand .logo-text { color: #222222; } [data-theme="molten"] .navbar-toggler i { color: #C61F2B !important; } /* ---- Buttons ---- */ [data-theme="molten"] .btn-orly { background: #C61F2B; color: #fff; } [data-theme="molten"] .btn-orly:hover { background: #E04350; color: #fff; box-shadow: 0 6px 20px rgba(198, 31, 43, 0.35); } [data-theme="molten"] .btn-orly-primary { background: #222222; } [data-theme="molten"] .btn-orly-primary:hover { background: #333333; box-shadow: 0 6px 20px rgba(34, 34, 34, 0.35); } /* ---- Sections ---- */ [data-theme="molten"] .section-label { color: #C61F2B; } [data-theme="molten"] .section-title { color: #222222; } [data-theme="molten"] .divider { background: #C61F2B; } /* ---- Hero ---- */ [data-theme="molten"] .hero-overlay { background: linear-gradient(135deg, rgba(34, 34, 34, 0.92) 0%, rgba(198, 31, 43, 0.55) 60%, rgba(34, 34, 34, 0.45) 100%); } [data-theme="molten"] .hero-eyebrow { color: #3BBF9B; } [data-theme="molten"] .page-hero-overlay { background: linear-gradient(to right, rgba(34, 34, 34, 0.95), rgba(198, 31, 43, 0.6)); } [data-theme="molten"] .breadcrumb-item.active { color: #3BBF9B; } /* ---- Quick tiles ---- */ [data-theme="molten"] .quick-tile:hover { background: #C61F2B; } [data-theme="molten"] .quick-tile .tile-icon { color: #C61F2B; } /* ---- Cards ---- */ [data-theme="molten"] .group-card:hover { border-color: #C61F2B; } [data-theme="molten"] .group-card-header { background: #C61F2B; } [data-theme="molten"] .group-card-header .age-badge { background: #3BBF9B; color: #fff; } [data-theme="molten"] .coach-card:hover .coach-img { border-color: #3BBF9B; } [data-theme="molten"] .coach-role { color: #C61F2B; } /* ---- Schedule ---- */ [data-theme="molten"] .schedule-table th { background: #C61F2B; } [data-theme="molten"] .schedule-table tbody tr:hover { background: rgba(198, 31, 43, 0.04); } /* ---- Ticker ---- */ [data-theme="molten"] .ticker-bar { background: #3BBF9B; color: #fff; } [data-theme="molten"] .ticker-label { background: #C61F2B; } /* ---- CTA Banner ---- */ [data-theme="molten"] .cta-banner-overlay { background: linear-gradient(135deg, rgba(34, 34, 34, 0.94), rgba(198, 31, 43, 0.7)); } /* ---- Stats ---- */ [data-theme="molten"] .stat-number { color: #3BBF9B; } /* ---- Timeline ---- */ [data-theme="molten"] .timeline-dot { background: #C61F2B; box-shadow: 0 0 0 2px #C61F2B; } [data-theme="molten"] .timeline-year { color: #C61F2B; } /* ---- Forms ---- */ [data-theme="molten"] .form-orly .form-control:focus, [data-theme="molten"] .form-orly .form-select:focus { border-color: #3BBF9B; box-shadow: 0 0 0 3px rgba(59, 191, 155, 0.15); } /* ---- Steps ---- */ [data-theme="molten"] .step-number { background: #C61F2B; } /* ---- Icon box ---- */ [data-theme="molten"] .icon-box { color: #C61F2B; } /* ---- Tags ---- */ [data-theme="molten"] .tag-nabory { background: rgba(198, 31, 43, 0.1); color: #C61F2B; } /* ---- Package cards ---- */ [data-theme="molten"] .package-card.featured { border-color: #C61F2B; } [data-theme="molten"] .package-card.featured::before { background: #C61F2B; } [data-theme="molten"] .package-feature i { color: #C61F2B; } /* ---- FAQ ---- */ [data-theme="molten"] .faq-accordion .accordion-button { color: #222222; } [data-theme="molten"] .faq-accordion .accordion-button:not(.collapsed) { background: #C61F2B; } /* ---- Footer ---- */ [data-theme="molten"] .site-footer { background: #222222; } [data-theme="molten"] .footer-link:hover { color: #3BBF9B; } [data-theme="molten"] .footer-social:hover { background: #C61F2B; color: #fff; } [data-theme="molten"] .section-divider { background: linear-gradient(to right, #C61F2B, #3BBF9B); } /* ---- Mobile menu ---- */ [data-theme="molten"] .nav-link-mobile:hover { color: #C61F2B; } /* ---- Overrides ---- */ [data-theme="molten"] .bg-primary-custom { background: #C61F2B !important; } [data-theme="molten"] .bg-primary-gradient { background: linear-gradient(135deg, #C61F2B, #E04350) !important; } [data-theme="molten"] .text-accent { color: #3BBF9B !important; } [data-theme="molten"] .text-primary-custom { color: #C61F2B !important; } /* ---- Theme toggle ---- */ [data-theme="molten"] .theme-toggle-btn { border-color: #C61F2B; color: #C61F2B; } [data-theme="molten"] .theme-toggle-btn:hover { background: #C61F2B; color: #fff; }