/** * Professional light theme — editorial, airy, Databricks-accented. * Apply: */ body.theme-professional { --bg-primary: #f4f6f9; --bg-secondary: #ffffff; --bg-tertiary: #eef1f6; --db-navy: #1b3139; --db-red: #ff3621; --db-cyan: #00a9e0; --bg-body: #f4f6f9; --bg-card: #ffffff; --bg-card-hover: #f8fafc; --border-glass: #e2e8f0; --text-primary: #0f172a; --text-main: #0f172a; --text-secondary: #475569; --text-muted: #64748b; --text-tertiary: #94a3b8; --accent-glow: rgba(255, 54, 33, 0.12); --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06); --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08); --shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.1); --radius-card: 12px; background: var(--bg-primary); color: var(--text-primary); } body.theme-professional html { background: var(--bg-primary); } /* Remove space / star noise */ body.theme-professional .parallax-container { display: none; } body.theme-professional #scroll-progress { background: var(--accent-primary) !important; } /* Nav: clean white bar */ body.theme-professional .navbar { background: rgba(255, 255, 255, 0.92) !important; border-bottom: 1px solid var(--border-glass); box-shadow: var(--shadow-sm); backdrop-filter: blur(12px); } body.theme-professional .navbar.scrolled { background: #fff !important; box-shadow: var(--shadow-md); } body.theme-professional .nav-link { color: var(--db-navy, #1b3139); font-weight: 600; font-size: 0.95rem; } body.theme-professional .nav-link:hover, body.theme-professional .nav-link.active { color: var(--accent-primary); font-weight: 700; } body.theme-professional .nav-socials a { color: var(--db-navy, #1b3139); font-weight: 600; } body.theme-professional .nav-socials a:hover { color: var(--accent-primary); } /* Ticker */ body.theme-professional .news-ticker-container, body.theme-professional .top-bar-ticker { background: #fff !important; border: 1px solid var(--border-glass) !important; color: var(--text-primary) !important; box-shadow: var(--shadow-sm) !important; } body.theme-professional .ticker-item { color: var(--text-secondary) !important; } /* Hero */ body.theme-professional #home { padding-top: calc(45px + var(--header-height) + 1rem); padding-bottom: 1rem; background: linear-gradient(180deg, #fff 0%, #f0f4f8 55%, var(--bg-primary) 100%); } body.theme-professional .hero-wrap { margin-bottom: 0; gap: 1rem 2rem; align-items: center; } body.theme-professional .hero-logo-img { max-width: 220px; } body.theme-professional .hero-title { color: var(--text-primary); } body.theme-professional .hero-lead strong { color: var(--db-navy, #1b3139); font-weight: 700; } body.theme-professional .hero-lead { margin: 0.5rem 0 1rem; } body.theme-professional .hero-cta-row { margin-bottom: 1rem; } body.theme-professional .section-title { margin-bottom: 1rem; } body.theme-professional .youtube-feed { padding: 1rem 0; border-top: none; } body.theme-professional .carousel-section { margin-top: 1.25rem; } body.theme-professional .carousel-section-header { margin-bottom: 0.35rem; } body.theme-professional .events-section { padding: 1.25rem 0 1.5rem; } body.theme-professional .partnerships { padding: 1.5rem 0; } body.theme-professional .newsletter { padding: 1.25rem 0; } body.theme-professional .interviews { padding: 0.5rem 0 1rem; } /* Content / trainings page */ body.theme-professional.trainings-page .trainings-hero { padding: 6.5rem 0 1.25rem !important; } body.theme-professional.trainings-page .topic-nav-wrapper { padding: 0.65rem 0 !important; margin-bottom: 0.75rem !important; } body.theme-professional.trainings-page .featured-section { margin-bottom: 1.25rem !important; } body.theme-professional.trainings-page .resource-section { padding-top: 0.75rem !important; padding-bottom: 1.5rem !important; scroll-margin-top: 110px; } body.theme-professional.trainings-page .section-header { margin-bottom: 0.75rem !important; padding-bottom: 0.5rem !important; } body.theme-professional.trainings-page .filter-container.filter-sticky { margin-bottom: 0.75rem !important; } @media (max-width: 900px) { body.theme-professional #home { padding-top: calc(40px + var(--header-height) + 0.75rem); } body.theme-professional .hero-wrap { gap: 1rem; } body.theme-professional .hero-logo-img { max-width: 220px; } body.theme-professional.trainings-page .trainings-hero { padding: 5.5rem 0 1rem !important; } } /* Databricks branding */ body.theme-professional .databricks-hero-badge { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--db-navy); background: rgba(0, 169, 224, 0.1); border: 1px solid rgba(0, 169, 224, 0.25); padding: 0.35rem 0.75rem; border-radius: 999px; margin-bottom: 0.75rem; } body.theme-professional .databricks-hero-badge .db-logo-sm { width: 18px; height: 18px; } body.theme-professional .hero-curator-badge { text-transform: none; letter-spacing: normal; line-height: 1.4; } body.theme-professional .hero-curator-badge strong { color: var(--db-navy); } body.theme-professional .hero-community-badge { background: linear-gradient(135deg, rgba(255, 54, 33, 0.18) 0%, rgba(255, 54, 33, 0.1) 100%); border-color: rgba(255, 54, 33, 0.45); } body.theme-professional .hero-community-badge strong { color: var(--accent-primary); } body.theme-professional .hero-badge-icon { color: var(--db-cyan); } body.theme-professional .databricks-hero-badge i { color: var(--db-red); } body.theme-professional .databricks-topic-pills { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.25rem; } body.theme-professional .db-pill { display: inline-flex; align-items: center; padding: 0.35rem 0.85rem; font-size: 0.8rem; font-weight: 600; line-height: 1.2; color: var(--db-navy); background: #fff; border: 1px solid var(--border-glass); border-radius: 999px; text-decoration: none; transition: border-color 0.2s, color 0.2s, background 0.2s; } body.theme-professional .hero-top-topics .db-pill { margin-bottom: 0; } body.theme-professional .db-pill:hover { color: var(--db-red); border-color: rgba(255, 54, 33, 0.35); background: rgba(255, 54, 33, 0.06); } body.theme-professional .carousel-subscribe-btn { color: var(--db-red) !important; border-color: var(--db-red) !important; } body.theme-professional .carousel-subscribe-btn:hover { background: var(--db-red) !important; color: #fff !important; } body.theme-professional .section-new-badge { background: rgba(0, 169, 224, 0.12); color: var(--db-navy); border: 1px solid rgba(0, 169, 224, 0.25); } body.theme-professional .navbar { border-top: 3px solid var(--db-red); } body.theme-professional .trainings-hero { border-bottom: 1px solid var(--border-glass); background: linear-gradient(180deg, #fff, var(--bg-primary)); } body.theme-professional .hero-title { color: var(--text-primary); -webkit-text-fill-color: unset; background: none; line-height: 1.15; } body.theme-professional .hero-title-accent { color: var(--accent-primary); } body.theme-professional .hero-cta-row .btn-hero-secondary { background: #fff; color: var(--text-primary); border-color: var(--border-glass); } body.theme-professional .hero-cta-row .btn-hero-secondary:hover { border-color: #cbd5e1; color: var(--text-primary); background: #fff; } body.theme-professional .hero-lead { color: var(--text-secondary); } body.theme-professional .hero-cta-row .btn-outline-light { border-color: var(--border-glass); color: var(--text-primary); background: #fff; } body.theme-professional .hero-cta-row .btn-outline-light:hover { border-color: var(--accent-primary); color: var(--accent-primary); background: #fff; } body.theme-professional .btn-social { border-color: var(--border-glass) !important; color: var(--text-secondary) !important; background: #fff !important; } body.theme-professional .btn-social:hover { border-color: var(--accent-primary) !important; color: var(--accent-primary) !important; } body.theme-professional .hero-social-compact a { color: var(--text-secondary); font-size: 0.9rem; font-weight: 500; } body.theme-professional .hero-social-compact a:hover { color: var(--accent-primary); } body.theme-professional .hero-social-compact .dot { color: var(--text-tertiary); margin: 0 0.35rem; } /* Stats: simple white cards */ body.theme-professional .stats-bar { display: none; } body.theme-professional .stats-bar .section-title { text-align: left; font-size: 1.1rem; font-weight: 700; margin-bottom: 0.75rem; color: var(--text-primary); } body.theme-professional .stat-tile { background: #fff !important; border: 1px solid var(--border-glass) !important; box-shadow: var(--shadow-sm); border-radius: var(--radius-card); padding: 1rem 1.25rem !important; } body.theme-professional .stat-tile:hover { box-shadow: var(--shadow-md); border-color: #cbd5e1 !important; opacity: 1; transform: translateY(-2px); } body.theme-professional .stat-tile-icon { background: var(--bg-tertiary) !important; border-color: var(--border-glass) !important; color: var(--accent-primary) !important; } body.theme-professional .stat-label { color: var(--text-muted) !important; } body.theme-professional .stat-number-primary, body.theme-professional .stat-number-secondary { color: var(--text-primary) !important; } /* Hide secondary stat line for cleaner tiles */ body.theme-professional .stat-tile .stat-line:nth-child(2) { display: none; } /* Sections */ body.theme-professional section:not(#home) { background: transparent; } body.theme-professional .section-title { color: var(--text-primary); } body.theme-professional .section-title-left { color: var(--text-primary); } /* Carousels & cards */ body.theme-professional .carousel-video-card, body.theme-professional .newsletter-card { background: #fff !important; border: 1px solid var(--border-glass) !important; box-shadow: var(--shadow-sm); border-radius: var(--radius-card); } body.theme-professional .carousel-video-card:hover { box-shadow: var(--shadow-md) !important; border-color: #cbd5e1 !important; } body.theme-professional .carousel-card-title { color: var(--text-primary) !important; } body.theme-professional .carousel-btn { background: #fff !important; border-color: var(--border-glass) !important; color: var(--text-primary) !important; } /* Resource cards (content page) */ body.theme-professional .resource-card { background: #fff !important; border: 1px solid var(--border-glass) !important; box-shadow: var(--shadow-sm); border-radius: var(--radius-card); } body.theme-professional .resource-card:hover { box-shadow: var(--shadow-md); border-color: #cbd5e1 !important; } body.theme-professional .card-title { color: var(--text-primary) !important; } body.theme-professional .card-content { color: var(--text-secondary); } /* Content page overrides (inline dark styles) */ body.theme-professional.trainings-page { background: var(--bg-primary) !important; background-image: none !important; color: var(--text-primary) !important; } body.theme-professional .trainings-hero .hero-title { background: none !important; -webkit-text-fill-color: unset !important; color: var(--text-primary) !important; } body.theme-professional .trainings-hero .hero-subtitle { color: var(--text-secondary) !important; } body.theme-professional .topic-nav-wrapper.scrolled { background: rgba(255, 255, 255, 0.95) !important; border-bottom: 1px solid var(--border-glass) !important; } body.theme-professional .topic-link { background: #fff !important; border-color: var(--border-glass) !important; color: var(--text-secondary) !important; } body.theme-professional .topic-link:hover, body.theme-professional .topic-link.active { background: rgba(255, 54, 33, 0.08) !important; border-color: rgba(255, 54, 33, 0.25) !important; color: var(--accent-primary) !important; box-shadow: none !important; } body.theme-professional .filter-container, body.theme-professional .filter-container.filter-sticky { background: #fff !important; border: 1px solid var(--border-glass) !important; box-shadow: var(--shadow-sm) !important; backdrop-filter: none !important; } body.theme-professional .search-wrapper { background: var(--bg-tertiary) !important; border-color: transparent !important; } body.theme-professional .search-input { color: var(--text-primary) !important; } body.theme-professional .filter-pill { background: transparent !important; color: var(--text-secondary) !important; border: 1px solid transparent !important; } body.theme-professional .filter-pill.active { background: rgba(255, 54, 33, 0.1) !important; color: var(--accent-primary) !important; border-color: rgba(255, 54, 33, 0.2) !important; } body.theme-professional .latest-articles-section { background: #fff !important; border: 1px solid var(--border-glass) !important; } body.theme-professional .featured-card { background: #fff !important; border: 1px solid var(--border-glass) !important; box-shadow: var(--shadow-md) !important; } body.theme-professional .section-count-badge { background: var(--bg-tertiary); color: var(--text-secondary); } body.theme-professional .resource-card-skeleton { background: #fff; border-color: var(--border-glass); } body.theme-professional .skeleton-thumb, body.theme-professional .skeleton-line { background: var(--bg-tertiary); } /* Footer */ body.theme-professional .footer { background: #fff; border-top: 1px solid var(--border-glass); color: var(--text-secondary); } body.theme-professional .footer-nav a, body.theme-professional .footer-socials a { color: var(--text-secondary); } body.theme-professional .footer-nav a:hover, body.theme-professional .footer-socials a:hover { color: var(--accent-primary); } body.theme-professional .footer-newsletter-cta { background: #fff; border-color: var(--border-glass); box-shadow: var(--shadow-sm); } body.theme-professional .footer-newsletter-title { color: var(--text-primary); } body.theme-professional .footer-newsletter-text { color: var(--text-muted); } body.theme-professional .footer .footer-subscribe-btn { color: #fff; border: 1px solid var(--accent-primary); box-shadow: 0 2px 8px rgba(255, 54, 33, 0.22); } body.theme-professional .footer .footer-subscribe-btn:hover { color: #fff; opacity: 0.95; } body.theme-professional .footer .btn-hero-secondary.footer-cta-btn { background: #fff; color: var(--text-primary); border: 1px solid var(--border-glass); box-shadow: var(--shadow-sm); } body.theme-professional .footer .btn-hero-secondary.footer-cta-btn:hover { border-color: #cbd5e1; color: var(--text-primary); background: #fff; opacity: 1; } /* Modals */ body.theme-professional .modal-content { background: #fff !important; border: 1px solid var(--border-glass) !important; color: var(--text-primary) !important; } /* Forms */ body.theme-professional .hero-glow, body.theme-professional .hero-decor { opacity: 0.35; } body.theme-professional .hero-badge { background: var(--bg-tertiary) !important; border-color: var(--border-glass) !important; color: var(--accent-primary) !important; } body.theme-professional .youtube-feed, body.theme-professional .newsletter, body.theme-professional .interviews { background: transparent; } body.theme-professional .partnership, body.theme-professional #events, body.theme-professional .events-section { background: var(--bg-primary); } body.theme-professional .events-section .section-title { margin-bottom: 0; }