.m3ga-elementor-component { --m3ga-widget-accent: var(--wp--preset--color--action-blue, #3155d9); color: var(--wp--preset--color--m3ga-text, #1d2a38); } .m3ga-elementor-page, .m3ga-elementor-editorial, .m3ga-elementor-article, .m3ga-elementor-legal-content, .m3ga-elementor-auth-page, .m3ga-elementor-account-page, .m3ga-elementor-state-page { gap: clamp(2rem, 5vw, 4rem); padding-block: clamp(1rem, 3vw, 2rem) clamp(4rem, 8vw, 6rem); } .m3ga-elementor-auth-page, .m3ga-elementor-account-page { padding-block-start: 0; } .m3ga-elementor-hero, .m3ga-elementor-game_hero, .m3ga-elementor-cta { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr); align-items: center; gap: clamp(2rem, 6vw, 5rem); min-block-size: 420px; padding: clamp(2rem, 7vw, 6rem); border-radius: 18px; background: #f4f6f9; } .m3ga-elementor-image { inline-size: 100%; block-size: clamp(280px, 38vw, 520px); border-radius: 14px; object-fit: cover; } .m3ga-elementor-cta { grid-template-columns: 1fr; min-block-size: auto; background: var(--wp--preset--color--m3ga-navy, #0b2545); color: #fff; } .m3ga-elementor-cta .m3ga-elementor-title { color: #fff; } .m3ga-elementor-heading, .m3ga-elementor-article_header { max-inline-size: 800px; } .m3ga-elementor-callout { padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid #dce3ea; border-inline-start: 4px solid var(--m3ga-widget-accent); border-radius: 12px; background: #f4f6f9; } .m3ga-support-search { max-inline-size: 800px; margin-inline: auto; } .m3ga-support-search > label { display: block; margin-block-end: 8px; color: #0b2545; font-weight: 750; } .m3ga-support-search > div { display: flex; align-items: stretch; gap: 8px; } .m3ga-support-search input { flex: 1 1 auto; inline-size: 100%; min-inline-size: 0; min-block-size: 52px; padding: 10px 14px; border: 1px solid #dce3ea; border-radius: 8px; } .m3ga-support-search button { flex: 0 0 auto; min-block-size: 52px; padding-inline: 24px; border: 1px solid var(--m3ga-widget-accent); border-radius: 8px; background: var(--m3ga-widget-accent); color: #fff; font-weight: 750; } .m3ga-elementor-eyebrow { margin: 0 0 0.5rem; color: var(--m3ga-widget-accent); font-size: 0.75rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; } .m3ga-elementor-title { margin-block: 0 0.75rem; color: var(--wp--preset--color--m3ga-navy, #0b2545); font-size: clamp(1.75rem, 1.25rem + 2vw, 3.5rem); line-height: 1.08; } .m3ga-elementor-button { display: inline-flex; align-items: center; justify-content: center; min-block-size: 44px; padding: 0.65rem 1rem; margin-block-start: 1rem; border-radius: 8px; background: var(--m3ga-widget-accent); color: #fff; font-weight: 750; text-decoration: none; } .m3ga-elementor-items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin-block-start: 1.5rem; } .m3ga-elementor-item, .m3ga-elementor-account, .m3ga-elementor-contents { display: grid; gap: 0.5rem; padding: 1.5rem; border: 1px solid #dce3ea; border-radius: 12px; background: #fff; box-shadow: 0 4px 18px rgb(11 37 69 / 5%); color: inherit; text-decoration: none; } .m3ga-elementor-item strong { color: #0b2545; font-size: 1.1rem; } .m3ga-elementor-contents ol, .m3ga-elementor-account ul, .m3ga-elementor-breadcrumbs ol { padding: 0; margin: 0; list-style: none; } .m3ga-elementor-contents a, .m3ga-elementor-account li a { display: flex; align-items: center; min-block-size: 44px; padding: 0.5rem; } .m3ga-elementor-contents a.is-active, .m3ga-elementor-contents a[aria-current="location"] { color: var(--m3ga-widget-accent); font-weight: 750; } .elementor :where(h2, h3) { scroll-margin-block-start: 104px; } .m3ga-elementor-contents .is-h3 a { padding-inline-start: 1.5rem; font-size: 0.9rem; } .m3ga-elementor-breadcrumbs ol, .m3ga-elementor-metadata, .m3ga-elementor-profile { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; } .m3ga-elementor-breadcrumbs li + li::before { margin-inline-end: 0.75rem; content: "/"; } .m3ga-elementor-metric { color: #0b2545; font-size: 3rem; } .m3ga-elementor-status { color: #277a4b; font-weight: 750; } @media (max-width: 767px) { .m3ga-elementor-hero, .m3ga-elementor-game_hero, .m3ga-elementor-cta { grid-template-columns: 1fr; min-block-size: auto; } .m3ga-elementor-items { grid-template-columns: 1fr; } .m3ga-support-search > div { flex-direction: column; } .m3ga-support-search button { inline-size: 100%; } } @media (prefers-reduced-motion: reduce) { .m3ga-elementor-component *, .m3ga-elementor-component *::before, .m3ga-elementor-component *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; } } .m3ga-elementor-avatar { display: inline-grid; flex: 0 0 var(--m3ga-avatar-size, 72px); place-items: center; inline-size: var(--m3ga-avatar-size, 72px); block-size: var(--m3ga-avatar-size, 72px); border-radius: 50%; background: linear-gradient(135deg, #3155d9, #6520cf); color: #fff; font-weight: 800; }