/* ============================================= LOKAL FONT FACE (DM SANS & DYSLEXIA) ============================================= */ @font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; } @font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Open-Dyslexic'; src: url('../fonts/open-dyslexic.woff') format('woff'); font-weight: 400; font-display: swap; } /* ============================================= GLOBAL WRAPPER RESET ============================================= */ .adeck-wrapper, .adeck-wrapper * { box-sizing: border-box !important; font-family: 'DM Sans', sans-serif !important; } /* ============================================= 1. SKIP LINK & LAUNCHER ============================================= */ .adeck-skip-backdrop { position: fixed !important; inset: 0 !important; background: rgba(0,0,0,0.5) !important; z-index: 2147483645 !important; opacity: 0 !important; visibility: hidden !important; transition: all 0.3s ease !important; pointer-events: none !important; } .adeck-skip-backdrop.show { opacity: 1 !important; visibility: visible !important; } .adeck-skip-link { position: fixed !important; top: -150px !important; left: 20px !important; background: #ffffff !important; color: #111827 !important; padding: 12px 24px !important; border-radius: 999px !important; border: 2px solid #1e3bc9 !important; outline: none !important; font-family: 'DM Sans', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; text-decoration: none !important; display: flex !important; align-items: center !important; gap: 15px !important; z-index: 2147483647 !important; box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important; transition: top 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.2s !important; } .adeck-skip-link:focus, .adeck-skip-link:active, .adeck-skip-link:focus-visible { top: 25px !important; outline: none !important; box-shadow: 0 0 0 5px rgba(30, 59, 201, 0.35), 0 10px 25px rgba(0,0,0,0.15) !important; } .adeck-skip-icon-left svg { width: 24px !important; height: 24px !important; stroke: #111827 !important; display: block !important; } .adeck-enter-group { display: flex !important; flex-direction: column !important; align-items: center !important; margin-left: 10px !important; } .adeck-skip-icon-right { width: 18px !important; height: 18px !important; stroke: #111827 !important; } .adeck-enter-group span { font-size: 9px !important; font-weight: 700 !important; margin-top: 2px !important; letter-spacing: 0.5px !important; color: #111827 !important; } #adeck-main-content:focus { outline: 3px solid #1e3bc9 !important; outline-offset: 4px !important; } .adeck-launcher { position: fixed !important; z-index: 2147483646 !important; width: 48px !important; height: 56px !important; border: none !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; padding: 0 !important; } .adeck-launcher::before { content: "" !important; display: block !important; width: 26px !important; height: 26px !important; background-color: #ffffff !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z'/%3E%3C/svg%3E") !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; transition: transform 0.3s ease !important; } .adeck-launcher:focus-visible { outline: 3px solid #ffffff !important; outline-offset: 3px !important; box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #1e3bc9, 0 0 0 9px rgba(30,59,201,0.4) !important; } .adeck-launcher[class*="-left"] { left: 0 !important; border-radius: 0 8px 8px 0 !important; box-shadow: 4px 0 12px rgba(0,0,0,0.1) !important; } .adeck-launcher[class*="-right"] { right: 0 !important; border-radius: 8px 0 0 8px !important; box-shadow: -4px 0 12px rgba(0,0,0,0.1) !important; } .adeck-launcher.pos-top-left { top: 25px !important; } .adeck-launcher.pos-top-right { top: 25px !important; } .adeck-launcher.pos-middle-left { top: 50% !important; transform: translateY(-50%) !important; } .adeck-launcher.pos-middle-right { top: 50% !important; transform: translateY(-50%) !important; } .adeck-launcher.pos-bottom-left { bottom: 25px !important; } .adeck-launcher.pos-bottom-right { bottom: 25px !important; } .adeck-launcher[class*="-left"]:hover, .adeck-launcher[class*="-right"]:hover { width: 54px !important; } .adeck-launcher:hover::before { transform: scale(1.1) !important; } html:has(.adeck-panel.show-panel) .adeck-launcher { opacity: 0 !important; pointer-events: none !important; } /* ============================================= 3. PANEL UTAMA & HEADER ============================================= */ .adeck-panel { position: fixed !important; top: 0 !important; right: -448px !important; width: 400px !important; max-width: 100vw !important; height: 100vh !important; height: 100dvh !important; background: #ffffff !important; box-shadow: -5px 0 30px rgba(0,0,0,0.15) !important; z-index: 2147483647 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; transition: right 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } .adeck-panel.show-panel { right: 0 !important; } .adeck-panel.panel-left { right: auto !important; left: -448px !important; transition: left 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; box-shadow: 5px 0 30px rgba(0,0,0,0.15) !important; } .adeck-panel.panel-left.show-panel { left: 0 !important; right: auto !important; } body.adeck-panel-open { overflow: hidden !important; } .adeck-panel-backdrop { position: fixed !important; inset: 0 !important; background: rgba(17,24,39,0.28) !important; z-index: 2147483646 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 0.25s ease, visibility 0.25s ease !important; } .adeck-panel-backdrop.show { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* FIX: Padding bottom diperbesar agar jarak ke konten tidak menempel */ .adeck-header-hero { padding: 18px 18px 40px 18px !important; display: flex !important; flex-direction: column !important; position: relative !important; flex-shrink: 0 !important; } .adeck-hero-top-bar { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; margin-bottom: 14px !important; } .adeck-hero-content { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 2px !important; } .adeck-hero-content h2 { margin: 0 !important; max-width: none !important; font-size: 18px !important; font-weight: 800 !important; line-height: 1.08 !important; letter-spacing: -0.4px !important; text-wrap: pretty !important; } .adeck-hero-links { margin-top: 11px !important; font-size: 13px !important; opacity: 0.94 !important; font-weight: 500 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; flex-wrap: wrap !important; } /* FIX UI: Gaya tombol hero links disamakan */ .adeck-hero-link-btn { background: rgba(255,255,255,0.14) !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 999px !important; padding: 7px 14px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.25px !important; text-decoration: none !important; opacity: 1 !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; transition: background 0.2s, border-color 0.2s, transform 0.2s, box-shadow 0.2s !important; cursor: pointer !important; min-height: 36px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important; } .adeck-hero-link-btn:hover { background: rgba(255,255,255,0.22) !important; border-color: rgba(255,255,255,0.18) !important; transform: translateY(-1px) !important; } .adeck-hero-link-btn:focus-visible { outline: 2px solid rgba(255,255,255,0.9) !important; outline-offset: 3px !important; border-radius: 20px !important; } .adeck-hero-link-btn svg { width: 12px !important; height: 12px !important; fill: #ffffff !important; } .adeck-panel-body { border-radius: 20px 20px 0 0 !important; margin-top: -15px !important; position: relative !important; z-index: 2 !important; flex: 1 !important; box-shadow: 0 -4px 15px rgba(0,0,0,0.05) !important; overflow: hidden !important; } .adeck-panel-scroll { height: 100% !important; overflow-y: auto !important; overflow-x: hidden !important; width: 100% !important; box-sizing: border-box !important; scrollbar-width: none !important; -ms-overflow-style: none !important; } .adeck-panel-scroll::-webkit-scrollbar, .adeck-panel-scroll::-webkit-scrollbar-button, .adeck-panel-scroll::-webkit-scrollbar-track, .adeck-panel-scroll::-webkit-scrollbar-thumb, .adeck-panel-scroll::-webkit-scrollbar-corner { width: 0 !important; height: 0 !important; display: none !important; background: transparent !important; } .adeck-custom-scrollbar { position: absolute !important; top: 12px !important; bottom: 12px !important; right: 4px !important; width: 6px !important; border-radius: 999px !important; background: #e5e7eb !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 3 !important; } .adeck-custom-scrollbar.is-scrollable { visibility: visible !important; } .adeck-panel-body:hover .adeck-custom-scrollbar.is-scrollable { opacity: 1 !important; } .adeck-custom-scrollbar-thumb { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; min-height: 36px !important; border-radius: inherit !important; background: #1e3bc9 !important; will-change: transform, height !important; } .adeck-panel.panel-left .adeck-custom-scrollbar { right: auto !important; left: 4px !important; } .adeck-hero-top-bar .adeck-close-btn { width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; background: rgba(255,255,255,0.14) !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 50% !important; cursor: pointer !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important; } .adeck-hero-top-bar .adeck-close-btn svg { width: 18px !important; height: 18px !important; fill: #ffffff !important; } .adeck-hero-top-bar .adeck-close-btn:hover { background: rgba(255,255,255,0.22) !important; border-color: rgba(255,255,255,0.18) !important; transform: translateY(-1px) !important; } .adeck-hero-top-bar .adeck-close-btn:focus-visible { outline: 2px solid rgba(255,255,255,0.9) !important; outline-offset: 2px !important; } .adeck-hero-top-bar .adeck-lang-btn { background: rgba(255,255,255,0.14) !important; border: 1px solid rgba(255,255,255,0.12) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important; padding: 6px 12px !important; display: flex !important; align-items: center !important; gap: 5px !important; border-radius: 999px !important; cursor: pointer !important; font-size: 11px !important; font-weight: 700 !important; transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important; margin: 0 !important; appearance: none !important; min-height: 34px !important; } .adeck-hero-top-bar .adeck-lang-btn:hover { background: rgba(255,255,255,0.22) !important; border-color: rgba(255,255,255,0.18) !important; transform: translateY(-1px) !important; } .adeck-hero-top-bar .adeck-lang-btn:focus-visible { outline: 2px solid rgba(255,255,255,0.9) !important; outline-offset: 2px !important; } .adeck-hero-top-bar .adeck-lang-btn svg { width: 14px !important; height: 14px !important; flex-shrink: 0 !important; } /* ============================================= NEW: PROFILES LIST — 2 KOLOM COMPACT ============================================= */ .adeck-profiles-section { border-bottom: 1px solid #eee !important; container-type: inline-size !important; } .adeck-profiles-header { padding: 16px 16px 0 16px !important; } .adeck-profiles-title { margin: 0 !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; color: #6b7280 !important; } .adeck-profiles-list { padding: 10px 0 16px 0 !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; box-sizing: border-box !important; } .adeck-profile-card { position: relative !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; padding: 10px 46px 10px 10px !important; min-height: 56px !important; border: 1.5px solid #e5e7eb !important; border-radius: 14px !important; background: #ffffff !important; cursor: pointer !important; text-align: left !important; transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important; width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; appearance: none !important; margin: 0 !important; gap: 4px !important; overflow: hidden !important; } .adeck-profile-card:hover { border-color: #9ca3af !important; background: #f9fafb !important; transform: translateY(-1px) !important; } .adeck-profile-card:focus-visible { outline: 3px solid #1e3bc9 !important; outline-offset: 2px !important; } .adeck-profile-left { display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; min-width: 0 !important; } .adeck-profile-icon { width: 28px !important; height: 28px !important; background: #f4f4f4 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; transition: background 0.2s ease, transform 0.2s ease !important; } .adeck-profile-icon svg { width: 14px !important; height: 14px !important; fill: #333 !important; transition: fill 0.2s ease !important; } .adeck-profile-text { display: flex !important; flex-direction: column !important; min-width: 0 !important; flex: 1 !important; } .adeck-profile-name { font-size: 12.5px !important; font-weight: 700 !important; color: #111827 !important; margin: 0 !important; line-height: 1.2 !important; white-space: normal !important; word-break: keep-all !important; overflow-wrap: normal !important; text-wrap: balance !important; } .adeck-profile-desc { display: none !important; } /* Toggle switch — pojok kanan atas card via absolute */ .adeck-toggle-switch { position: absolute !important; top: 50% !important; right: 10px !important; transform: translateY(-50%) !important; width: 28px !important; height: 16px !important; background: #e5e7eb !important; border-radius: 20px !important; transition: background 0.3s !important; flex-shrink: 0 !important; } .adeck-toggle-switch::after { content: '' !important; position: absolute !important; top: 2px !important; left: 2px !important; width: 12px !important; height: 12px !important; background: #ffffff !important; border-radius: 50% !important; transition: transform 0.3s !important; box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important; } /* Active State */ .adeck-profile-card.active-profile { box-shadow: 0 10px 24px rgba(30,59,201,0.10) !important; } .adeck-profile-card.active-profile .adeck-profile-icon { transform: scale(1.04) !important; } .adeck-profile-card.active-profile .adeck-profile-name { font-weight: 800 !important; } .adeck-profile-card.active-profile .adeck-toggle-switch::after { transform: translateX(12px) !important; } .adeck-profiles-note { display: none !important; } .adeck-accordion-container-profiles { padding-bottom: 0 !important; } .adeck-accordion-item-profiles .adeck-accordion-content { padding-bottom: 0 !important; } .adeck-accordion-item-profiles .adeck-profiles-section { border-bottom: none !important; } @container (max-width: 330px) { .adeck-profiles-list { grid-template-columns: 1fr !important; } } /* ============================================= 4. SLIDERS WIDGET DEPAN ============================================= */ .adeck-sliders-section { border: 1px solid #e5e7eb !important; border-radius: 18px !important; overflow: hidden !important; } .adeck-slider-row { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 12px 20px !important; } .adeck-slider-row--border { border-top: 1px solid #f0f0f0 !important; } .adeck-slider-label { margin-bottom: 0 !important; font-size: 13px !important; font-weight: 600 !important; color: #333 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; flex: 1 !important; text-align: left !important; } .adeck-font-row { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 12px !important; } .adeck-font-btn { width: 34px !important; height: 34px !important; min-width: 34px !important; border-radius: 50% !important; border: none !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: transform 0.2s, filter 0.2s !important; padding: 0 !important; appearance: none !important; } .adeck-font-btn svg { width: 16px !important; height: 16px !important; fill: #ffffff !important; } .adeck-font-btn:hover { filter: brightness(1.1) !important; transform: scale(1.05) !important; } #adeck-font-val, #adeck-lh-val, #adeck-ts-val { font-size: 14px !important; font-weight: 700 !important; color: #333 !important; min-width: 44px !important; text-align: center !important; display: inline-block !important; } .adeck-typography-toolbar { padding: 12px 16px 8px 16px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px !important; } .adeck-typography-group-label { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.6px !important; text-transform: uppercase !important; color: #6b7280 !important; line-height: 1 !important; } .adeck-typography-reset-btn { min-height: 34px !important; padding: 7px 12px !important; border: 1px solid #d1d5db !important; border-radius: 999px !important; background: transparent !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.2px !important; cursor: pointer !important; transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease !important; appearance: none !important; } .adeck-typography-reset-btn:focus-visible { outline: 3px solid #1e3bc9 !important; outline-offset: 2px !important; } .adeck-sliders-section .adeck-slider-row:first-of-type { border-top: 1px solid #f0f0f0 !important; } /* ============================================= 5. ACCORDION & GRID BUTTONS ============================================= */ .adeck-accordion-container { padding: 14px 20px 0 20px !important; } .adeck-accordion-item { border-bottom: 1px solid #eee !important; margin-bottom: 6px !important; } .adeck-accordion-item:last-child { border-bottom: none !important; margin-bottom: 0 !important; } .adeck-accordion-header { width: 100% !important; display: flex !important; justify-content: space-between !important; align-items: center !important; background: transparent !important; border: none !important; padding: 14px 4px !important; cursor: pointer !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; font-weight: 700 !important; appearance: none !important; outline: none !important; border-radius: 4px !important; min-height: 44px !important; transition: background 0.2s ease, color 0.2s ease !important; } .adeck-accordion-header:hover { background: rgba(17,24,39,0.03) !important; } .adeck-accordion-header:focus-visible { outline: 3px solid #1e3bc9 !important; outline-offset: 2px !important; background: rgba(30,59,201,0.05) !important; } .adeck-accordion-header .adeck-chevron { width: 20px !important; height: 20px !important; transition: transform 0.3s ease, opacity 0.2s ease !important; opacity: 0.56 !important; } .adeck-accordion-item.active .adeck-accordion-header .adeck-chevron { opacity: 0.9 !important; } .adeck-accordion-item.active .adeck-accordion-header .adeck-chevron { transform: rotate(180deg) !important; } .adeck-accordion-content { display: none !important; padding: 2px 0 14px 0 !important; } .adeck-accordion-item.active .adeck-accordion-content { display: block !important; animation: adeckFadeIn 0.3s ease-in-out !important; } .adeck-accordion-content .adeck-sliders-section { margin-bottom: 14px !important; } @keyframes adeckFadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } } .adeck-grid-container-inner { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } .adeck-accordion-content > .adeck-grid-container-inner { padding-top: 2px !important; } .adeck-grid-btn { position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; background-color: #ffffff !important; border: 1px solid #ddd !important; border-radius: 12px !important; padding: 15px 9px 13px 9px !important; margin: 0 !important; cursor: pointer !important; text-align: center !important; transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.2s !important; height: 100px !important; appearance: none !important; min-width: 0 !important; width: 100% !important; box-shadow: 0 1px 0 rgba(17,24,39,0.02) !important; } .adeck-grid-btn svg:not(.adeck-btn-check) { width: 24px !important; height: 24px !important; fill: #333 !important; transition: fill 0.2s, transform 0.2s !important; margin-bottom: 8px !important; flex-shrink: 0 !important; } .adeck-grid-btn span { font-size: 13px !important; margin-top: 8px !important; font-weight: 600 !important; line-height: 1.3 !important; white-space: normal !important; word-wrap: break-word !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; width: 100% !important; min-height: 2.6em !important; text-wrap: balance !important; transition: color 0.2s, font-weight 0.2s !important; } .adeck-grid-btn:focus-visible { outline: 3px solid #1e3bc9 !important; outline-offset: 2px !important; } .adeck-grid-btn:hover { background: #f9fafb !important; border-color: #9ca3af !important; transform: translateY(-1px) !important; box-shadow: 0 8px 20px rgba(17,24,39,0.06) !important; } .adeck-btn-check { position: absolute !important; top: 8px !important; right: 8px !important; width: 18px !important; height: 18px !important; opacity: 0 !important; transform: scale(0.5) !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; fill: #1e3bc9 !important; } .adeck-grid-btn.active-feature .adeck-btn-check { opacity: 1 !important; transform: scale(1) !important; } .adeck-grid-btn.active-feature { transform: translateY(-1px) !important; box-shadow: 0 10px 24px rgba(17,24,39,0.08) !important; border-width: 1.5px !important; } .adeck-grid-btn.active-feature svg:not(.adeck-btn-check) { transform: scale(1.04) !important; } .adeck-grid-btn.active-feature span { font-weight: 700 !important; } .adeck-reset-wrapper { padding: 14px 20px 22px 20px !important; margin-top: 6px !important; position: relative !important; } .adeck-reset-wrapper::before { content: '' !important; position: absolute !important; top: 0 !important; left: 20px !important; right: 20px !important; height: 1px !important; background: rgba(17,24,39,0.08) !important; } .adeck-grid-btn.adeck-btn-reset { grid-column: span 2 !important; display: flex !important; justify-content: center !important; align-items: center !important; padding: 0 20px !important; background-color: #253c5b !important; color: #ffffff !important; height: 50px !important; min-height: 50px !important; border-radius: 50px !important; border: none !important; flex-direction: row !important; transition: background 0.2s, transform 0.2s, box-shadow 0.2s !important; box-shadow: 0 8px 18px rgba(37,60,91,0.16) !important; } .adeck-grid-btn.adeck-btn-reset span { font-size: 14px !important; margin: 0 !important; color: #ffffff !important; font-weight: 700 !important; line-height: 1 !important; min-height: 0 !important; display: block !important; } .adeck-grid-btn.adeck-btn-reset:hover { filter: brightness(1.06) !important; transform: translateY(-1px) !important; box-shadow: 0 12px 24px rgba(37,60,91,0.2) !important; } .adeck-grid-btn.adeck-btn-reset:focus-visible { outline: 3px solid #ffffff !important; outline-offset: 2px !important; box-shadow: 0 0 0 5px #253c5b !important, 0 12px 24px rgba(37,60,91,0.2) !important; } /* ============================================= 6. ACCESSIBILITY EFFECTS ============================================= */ html.adeck-focus-indicator *:focus:not(.adeck-wrapper *):not(.adeck-skip-link):not(.adeck-launcher) { outline: 3px solid #FF5722 !important; outline-offset: 4px !important; box-shadow: 0 0 0 6px rgba(255,87,34,0.25) !important; } .adeck-filter-overlay { display: none !important; } html.adeck-grayscale .adeck-visual-target { filter: grayscale(100%) !important; } html.adeck-low-sat .adeck-visual-target { filter: saturate(30%) !important; } html.adeck-high-sat .adeck-visual-target { filter: saturate(300%) contrast(105%) !important; } html.adeck-negative .adeck-visual-target { filter: contrast(180%) saturate(150%) !important; } html[data-adeck-theme="dark"] { color-scheme: dark !important; accent-color: #d0d0d0 !important; --adeck-dark-bg: #121212; --adeck-dark-surface: #121212; --adeck-dark-surface-alt: #121212; --adeck-dark-border: rgba(255, 255, 255, 0.12); --adeck-dark-text: rgba(255, 255, 255, 0.87); --adeck-dark-text-muted: rgba(255, 255, 255, 0.6); --adeck-dark-link: rgba(255, 255, 255, 0.87); --adeck-dark-link-hover: #ffffff; --adeck-dark-mark-bg: #5f4b00; --adeck-dark-mark-text: rgba(255, 255, 255, 0.87); --adeck-dark-focus: #ffffff; } html[data-adeck-theme="dark"], html[data-adeck-theme="dark"] body:not(.adeck-wrapper):not(.adeck-wrapper *) { background-color: var(--adeck-dark-bg) !important; color: var(--adeck-dark-text) !important; } html[data-adeck-theme="dark"] body :where( main, [role="main"], #main, #content, #primary, #page, #wrapper, #app, #__next, #root, .site, .site-main, .site-content, .content-area, .entry-content ):not(.adeck-wrapper):not(.adeck-wrapper *) { background-color: var(--adeck-dark-bg) !important; color: var(--adeck-dark-text) !important; } html[data-adeck-theme="dark"] body :where( aside, article, form, fieldset, details, dialog, table, thead, tbody, tfoot, tr, th, td, .wp-block-group, .wp-block-column, .wp-block-media-text__content, .wp-block-cover__inner-container, .wp-block-query, .wp-block-post, .widget, .card, [class*="card"], [class*="panel"], [class*="box"], .has-background, .adeck-dark-surface-auto, pre, code, blockquote, figure, figcaption ):not(.adeck-wrapper):not(.adeck-wrapper *) { background-color: var(--adeck-dark-surface) !important; color: var(--adeck-dark-text) !important; border-color: var(--adeck-dark-border) !important; } html[data-adeck-theme="dark"] body :where( .elementor-element.adeck-dark-surface-auto:not(.elementor-motion-effects-element-type-background), .adeck-dark-surface-auto.elementor-motion-effects-element-type-background > .elementor-motion-effects-container > .elementor-motion-effects-layer, .adeck-dark-surface-auto > .elementor-motion-effects-container > .elementor-motion-effects-layer, .adeck-dark-surface-auto > .elementor-background-overlay, .elementor-element.adeck-dark-surface-auto > .elementor-widget-container, .elementor-element.adeck-dark-surface-auto > .e-con-inner, .elementor-element.adeck-dark-surface-auto > .elementor-container ):not(.adeck-wrapper):not(.adeck-wrapper *) { background: var(--adeck-dark-surface) !important; background-image: none !important; border-color: var(--adeck-dark-border) !important; } html[data-adeck-theme="dark"] body :where( .adeck-dark-surface-auto:hover, .adeck-dark-surface-auto:focus, .adeck-dark-surface-auto:focus-within, .adeck-dark-surface-auto:active, .adeck-dark-surface-auto.is-active, .adeck-dark-surface-auto.is-hovered, .adeck-dark-surface-auto.is-focused ):not(.adeck-wrapper):not(.adeck-wrapper *) { background: var(--adeck-dark-surface) !important; background-color: var(--adeck-dark-surface) !important; background-image: none !important; color: var(--adeck-dark-text) !important; border-color: var(--adeck-dark-border) !important; box-shadow: none !important; filter: none !important; } html[data-adeck-theme="dark"] body :where( .wp-block-group:hover, .wp-block-group:focus-within, .wp-block-column:hover, .wp-block-column:focus-within, .wp-block-post:hover, .wp-block-post:focus-within, .widget:hover, .widget:focus-within, .card:hover, .card:focus-within, [class*="card"]:hover, [class*="card"]:focus-within, [class*="box"]:hover, [class*="box"]:focus-within, [class*="panel"]:hover, [class*="panel"]:focus-within, [class*="pricing"]:hover, [class*="pricing"]:focus-within, .wp-block-greenshift-blocks-row-column:hover, .wp-block-greenshift-blocks-row-column:focus-within, .wp-block-greenshift-blocks-iconbox:hover, .wp-block-greenshift-blocks-iconbox:focus-within, .wp-block-greenshift-blocks-container:hover, .wp-block-greenshift-blocks-container:focus-within, .gspb_iconBox:hover, .gspb_iconBox:focus-within, .gspb_container:hover, .gspb_container:focus-within, .gspb_button_wrapper:hover, .gspb_button_wrapper:focus-within ):not(.adeck-wrapper):not(.adeck-wrapper *) { background: var(--adeck-dark-surface) !important; background-color: var(--adeck-dark-surface) !important; background-image: none !important; color: var(--adeck-dark-text) !important; border-color: var(--adeck-dark-border) !important; box-shadow: none !important; filter: none !important; } html[data-adeck-theme="dark"] body :where( .adeck-dark-surface-auto:hover, .adeck-dark-surface-auto:focus, .adeck-dark-surface-auto:focus-within, .adeck-dark-surface-auto:active, .adeck-dark-surface-auto.is-active, .adeck-dark-surface-auto.is-hovered, .adeck-dark-surface-auto.is-focused ) :where( h1, h2, h3, h4, h5, h6, p, span, li, small, strong, em, a, svg, svg *, .gspb-buttonbox-title, .gspb-buttonbox-text, .gspb-buttonbox-textwrap, .gspb-buttonbox-icon, .gspb_heading, .gspb_text ):not(.adeck-wrapper):not(.adeck-wrapper *) { color: inherit !important; fill: currentColor !important; stroke: currentColor !important; } html[data-adeck-theme="dark"] body :where( .wp-block-group:hover, .wp-block-group:focus-within, .wp-block-column:hover, .wp-block-column:focus-within, .wp-block-post:hover, .wp-block-post:focus-within, .widget:hover, .widget:focus-within, .card:hover, .card:focus-within, [class*="card"]:hover, [class*="card"]:focus-within, [class*="box"]:hover, [class*="box"]:focus-within, [class*="panel"]:hover, [class*="panel"]:focus-within, [class*="pricing"]:hover, [class*="pricing"]:focus-within, .wp-block-greenshift-blocks-row-column:hover, .wp-block-greenshift-blocks-row-column:focus-within, .wp-block-greenshift-blocks-iconbox:hover, .wp-block-greenshift-blocks-iconbox:focus-within, .wp-block-greenshift-blocks-container:hover, .wp-block-greenshift-blocks-container:focus-within, .gspb_iconBox:hover, .gspb_iconBox:focus-within, .gspb_container:hover, .gspb_container:focus-within, .gspb_button_wrapper:hover, .gspb_button_wrapper:focus-within ) :where( h1, h2, h3, h4, h5, h6, p, span, li, small, strong, em, a, svg, svg *, .gspb-buttonbox-title, .gspb-buttonbox-text, .gspb-buttonbox-textwrap, .gspb-buttonbox-icon, .gspb_heading, .gspb_text ):not(.adeck-wrapper):not(.adeck-wrapper *) { color: inherit !important; fill: currentColor !important; stroke: currentColor !important; } html[data-adeck-theme="dark"] body :where( .adeck-dark-surface-auto .elementor-icon, .adeck-dark-surface-auto .elementor-icon-box-icon, .adeck-dark-surface-auto .elementor-icon-list-icon, .adeck-dark-surface-auto .elementor-button-icon, .adeck-dark-surface-auto .elementor-icon svg, .adeck-dark-surface-auto .elementor-icon svg *, .adeck-dark-surface-auto .elementor-icon-box-icon svg, .adeck-dark-surface-auto .elementor-icon-box-icon svg *, .adeck-dark-surface-auto .elementor-icon-list-icon svg, .adeck-dark-surface-auto .elementor-icon-list-icon svg *, .adeck-dark-surface-auto .elementor-button-icon svg, .adeck-dark-surface-auto .elementor-button-icon svg *, .adeck-dark-surface-auto .elementor-tab-title svg, .adeck-dark-surface-auto .elementor-tab-title svg *, .adeck-dark-surface-auto .elementor-accordion-icon svg, .adeck-dark-surface-auto .elementor-accordion-icon svg * ):not(.adeck-wrapper):not(.adeck-wrapper *) { color: inherit !important; fill: currentColor !important; stroke: currentColor !important; } html[data-adeck-theme="dark"] body :where( .elementor-shape-fill, .elementor-shape-fill * ):not(.adeck-wrapper):not(.adeck-wrapper *) { fill: var(--adeck-dark-surface) !important; stroke: transparent !important; } html[data-adeck-theme="dark"] body :where( header .elementor-widget-icon.elementor-view-stacked .elementor-icon, nav .elementor-widget-icon.elementor-view-stacked .elementor-icon, #masthead .elementor-widget-icon.elementor-view-stacked .elementor-icon, .site-header .elementor-widget-icon.elementor-view-stacked .elementor-icon, .main-navigation .elementor-widget-icon.elementor-view-stacked .elementor-icon, .elementor-location-header .elementor-widget-icon.elementor-view-stacked .elementor-icon, [data-elementor-type="header"] .elementor-widget-icon.elementor-view-stacked .elementor-icon ):not(.adeck-wrapper):not(.adeck-wrapper *) { background-color: #121212 !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; box-shadow: none !important; } html[data-adeck-theme="dark"] body :where( header .elementor-widget-icon.elementor-view-stacked .elementor-icon:hover, header .elementor-widget-icon.elementor-view-stacked .elementor-icon:focus-visible, nav .elementor-widget-icon.elementor-view-stacked .elementor-icon:hover, nav .elementor-widget-icon.elementor-view-stacked .elementor-icon:focus-visible, #masthead .elementor-widget-icon.elementor-view-stacked .elementor-icon:hover, #masthead .elementor-widget-icon.elementor-view-stacked .elementor-icon:focus-visible, .site-header .elementor-widget-icon.elementor-view-stacked .elementor-icon:hover, .site-header .elementor-widget-icon.elementor-view-stacked .elementor-icon:focus-visible, .main-navigation .elementor-widget-icon.elementor-view-stacked .elementor-icon:hover, .main-navigation .elementor-widget-icon.elementor-view-stacked .elementor-icon:focus-visible, .elementor-location-header .elementor-widget-icon.elementor-view-stacked .elementor-icon:hover, .elementor-location-header .elementor-widget-icon.elementor-view-stacked .elementor-icon:focus-visible, [data-elementor-type="header"] .elementor-widget-icon.elementor-view-stacked .elementor-icon:hover, [data-elementor-type="header"] .elementor-widget-icon.elementor-view-stacked .elementor-icon:focus-visible ):not(.adeck-wrapper):not(.adeck-wrapper *) { background-color: #121212 !important; color: #ffffff !important; } html[data-adeck-theme="dark"] body :where( header .elementor-widget-icon.elementor-view-stacked .elementor-icon svg, header .elementor-widget-icon.elementor-view-stacked .elementor-icon svg *, nav .elementor-widget-icon.elementor-view-stacked .elementor-icon svg, nav .elementor-widget-icon.elementor-view-stacked .elementor-icon svg *, #masthead .elementor-widget-icon.elementor-view-stacked .elementor-icon svg, #masthead .elementor-widget-icon.elementor-view-stacked .elementor-icon svg *, .site-header .elementor-widget-icon.elementor-view-stacked .elementor-icon svg, .site-header .elementor-widget-icon.elementor-view-stacked .elementor-icon svg *, .main-navigation .elementor-widget-icon.elementor-view-stacked .elementor-icon svg, .main-navigation .elementor-widget-icon.elementor-view-stacked .elementor-icon svg *, .elementor-location-header .elementor-widget-icon.elementor-view-stacked .elementor-icon svg, .elementor-location-header .elementor-widget-icon.elementor-view-stacked .elementor-icon svg *, [data-elementor-type="header"] .elementor-widget-icon.elementor-view-stacked .elementor-icon svg, [data-elementor-type="header"] .elementor-widget-icon.elementor-view-stacked .elementor-icon svg * ):not(.adeck-wrapper):not(.adeck-wrapper *) { fill: #ffffff !important; stroke: #ffffff !important; } html[data-adeck-theme="dark"] body :where( header :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]), [role="banner"] :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]), #masthead :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]), .site-header :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]), .ct-header :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]), .elementor-location-header :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]), [data-elementor-type="header"] :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]) ):not(.adeck-wrapper):not(.adeck-wrapper *) { background: #121212 !important; background-image: none !important; color: rgba(255, 255, 255, 0.87) !important; border-color: rgba(255, 255, 255, 0.18) !important; box-shadow: none !important; } html[data-adeck-theme="dark"] body :where( header :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]) :where(span, small, strong, em, .ct-button-text, .ct-button-secondary-text, .adeck-dark-text-auto), [role="banner"] :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]) :where(span, small, strong, em, .ct-button-text, .ct-button-secondary-text, .adeck-dark-text-auto), #masthead :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]) :where(span, small, strong, em, .ct-button-text, .ct-button-secondary-text, .adeck-dark-text-auto), .site-header :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]) :where(span, small, strong, em, .ct-button-text, .ct-button-secondary-text, .adeck-dark-text-auto), .ct-header :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]) :where(span, small, strong, em, .ct-button-text, .ct-button-secondary-text, .adeck-dark-text-auto), .elementor-location-header :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]) :where(span, small, strong, em, .ct-button-text, .ct-button-secondary-text, .adeck-dark-text-auto), [data-elementor-type="header"] :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]) :where(span, small, strong, em, .ct-button-text, .ct-button-secondary-text, .adeck-dark-text-auto) ):not(.adeck-wrapper):not(.adeck-wrapper *) { color: rgba(255, 255, 255, 0.87) !important; } html[data-adeck-theme="dark"] body :where( header :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]):hover, header :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]):focus-visible, [role="banner"] :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]):hover, [role="banner"] :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]):focus-visible, #masthead :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]):hover, #masthead :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]):focus-visible, .site-header :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]):hover, .site-header :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]):focus-visible, .ct-header :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]):hover, .ct-header :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]):focus-visible, .elementor-location-header :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]):hover, .elementor-location-header :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]):focus-visible, [data-elementor-type="header"] :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]):hover, [data-elementor-type="header"] :where(.button, .wp-element-button, .wp-block-button__link, .ct-button, .ct-header-cta a, a[class*="button"]):focus-visible ):not(.adeck-wrapper):not(.adeck-wrapper *) { background: #121212 !important; color: #ffffff !important; } html[data-adeck-theme="dark"] body :where( header, header > div, header > section, header > nav, [role="banner"], [role="banner"] > div, [role="banner"] > section, .wp-site-blocks > header, .wp-block-template-part, .wp-block-navigation, .wp-block-navigation__responsive-container, .wp-block-navigation__container, .wp-block-navigation-submenu, .wp-block-navigation__submenu-container, #masthead, #masthead > div, .site-header, .site-header > div, .site-header-inner, .main-navigation, .ct-header, .ct-header [data-row], .ct-header .ct-container, .ct-header .ct-header-text, .ct-sticky-container, .ct-panel, .elementor-location-header, .elementor-location-header .elementor-element, .elementor-location-header .elementor-container, .elementor-location-header .elementor-widget-wrap, .elementor-location-header .elementor-widget-container, .elementor-location-header .e-con, .elementor-location-header .e-con-inner, .elementor-location-header .elementor-background-overlay, .elementor-location-header .elementor-motion-effects-layer, [data-elementor-type="header"], [data-elementor-type="header"] .elementor-element, [data-elementor-type="header"] .elementor-container, [data-elementor-type="header"] .elementor-widget-wrap, [data-elementor-type="header"] .elementor-widget-container, [data-elementor-type="header"] .e-con, [data-elementor-type="header"] .e-con-inner, [data-elementor-type="header"] .elementor-background-overlay, [data-elementor-type="header"] .elementor-motion-effects-layer, .elementor-nav-menu--dropdown, .elementor-nav-menu__container, .sub-menu ):not(.adeck-wrapper):not(.adeck-wrapper *) { background: #121212 !important; color: rgba(255, 255, 255, 0.87) !important; border-color: rgba(255, 255, 255, 0.12) !important; } html[data-adeck-theme="dark"] body :where( header :where( a:not(.elementor-button):not(.elementor-button-link):not(.button):not(.wp-element-button), .elementor-item, .elementor-sub-item, .wp-block-navigation-item__label, .menu-item > a, .sub-menu a, .elementor-nav-menu a, .elementor-nav-menu--dropdown a, .elementor-heading-title, .elementor-icon-list-text ), [role="banner"] :where( a:not(.elementor-button):not(.elementor-button-link):not(.button):not(.wp-element-button), .wp-block-navigation-item__label, .wp-block-navigation-item__content, .wp-block-site-title, .wp-block-site-logo, .menu-item > a, .sub-menu a ), #masthead :where( a:not(.elementor-button):not(.elementor-button-link):not(.button):not(.wp-element-button), .elementor-item, .elementor-sub-item, .wp-block-navigation-item__label, .menu-item > a, .sub-menu a, .elementor-nav-menu a, .elementor-nav-menu--dropdown a, .elementor-heading-title, .elementor-icon-list-text ), .site-header :where( a:not(.elementor-button):not(.elementor-button-link):not(.button):not(.wp-element-button), .elementor-item, .elementor-sub-item, .wp-block-navigation-item__label, .menu-item > a, .sub-menu a, .elementor-nav-menu a, .elementor-nav-menu--dropdown a, .elementor-heading-title, .elementor-icon-list-text ), .elementor-location-header :where( a:not(.elementor-button):not(.elementor-button-link):not(.button):not(.wp-element-button), .elementor-item, .elementor-sub-item, .wp-block-navigation-item__label, .menu-item > a, .sub-menu a, .elementor-nav-menu a, .elementor-nav-menu--dropdown a, .elementor-heading-title, .elementor-icon-list-text ), .ct-header :where( a:not(.elementor-button):not(.elementor-button-link):not(.button):not(.wp-element-button), .ct-menu-link, .ct-header-text, .ct-label, .menu-item > a, .sub-menu a ), [data-elementor-type="header"] :where( a:not(.elementor-button):not(.elementor-button-link):not(.button):not(.wp-element-button), .elementor-item, .elementor-sub-item, .wp-block-navigation-item__label, .menu-item > a, .sub-menu a, .elementor-nav-menu a, .elementor-nav-menu--dropdown a, .elementor-heading-title, .elementor-icon-list-text ) ):not(.adeck-wrapper):not(.adeck-wrapper *) { color: rgba(255, 255, 255, 0.87) !important; } html[data-adeck-theme="dark"] body :where( header :where( svg:not(.e-font-icon-svg), svg:not(.e-font-icon-svg) *, .menu-item svg, .menu-item svg *, .sub-menu svg, .sub-menu svg *, .elementor-nav-menu svg, .elementor-nav-menu svg *, .elementor-nav-menu__container svg, .elementor-nav-menu__container svg * ), [role="banner"] :where( .menu-item svg, .menu-item svg *, .sub-menu svg, .sub-menu svg *, .wp-block-navigation svg, .wp-block-navigation svg * ), #masthead :where( svg:not(.e-font-icon-svg), svg:not(.e-font-icon-svg) *, .menu-item svg, .menu-item svg *, .sub-menu svg, .sub-menu svg *, .elementor-nav-menu svg, .elementor-nav-menu svg *, .elementor-nav-menu__container svg, .elementor-nav-menu__container svg * ), .site-header :where( svg:not(.e-font-icon-svg), svg:not(.e-font-icon-svg) *, .menu-item svg, .menu-item svg *, .sub-menu svg, .sub-menu svg *, .elementor-nav-menu svg, .elementor-nav-menu svg *, .elementor-nav-menu__container svg, .elementor-nav-menu__container svg * ), .elementor-location-header :where( svg:not(.e-font-icon-svg), svg:not(.e-font-icon-svg) *, .menu-item svg, .menu-item svg *, .sub-menu svg, .sub-menu svg *, .elementor-nav-menu svg, .elementor-nav-menu svg *, .elementor-nav-menu__container svg, .elementor-nav-menu__container svg * ), .ct-header :where( .menu-item svg, .menu-item svg *, .sub-menu svg, .sub-menu svg *, .ct-icon, .ct-icon svg, .ct-icon svg * ), [data-elementor-type="header"] :where( svg:not(.e-font-icon-svg), svg:not(.e-font-icon-svg) *, .menu-item svg, .menu-item svg *, .sub-menu svg, .sub-menu svg *, .elementor-nav-menu svg, .elementor-nav-menu svg *, .elementor-nav-menu__container svg, .elementor-nav-menu__container svg * ) ):not(.adeck-wrapper):not(.adeck-wrapper *) { fill: currentColor !important; stroke: currentColor !important; } html[data-adeck-theme="dark"] body :where( .elementor-button, .elementor-button-link, .elementor-widget-button .elementor-button, .elementor-widget-button a.elementor-button ):not(.adeck-wrapper):not(.adeck-wrapper *) { background: var(--adeck-dark-surface-alt) !important; background-image: none !important; color: var(--adeck-dark-text) !important; border-color: var(--adeck-dark-border) !important; box-shadow: none !important; } html[data-adeck-theme="dark"] body :where( .elementor-button:hover, .elementor-button:focus-visible, .elementor-button-link:hover, .elementor-button-link:focus-visible, .elementor-widget-button .elementor-button:hover, .elementor-widget-button .elementor-button:focus-visible ):not(.adeck-wrapper):not(.adeck-wrapper *) { background: var(--adeck-dark-surface-alt) !important; color: rgba(255, 255, 255, 0.87) !important; } html[data-adeck-theme="dark"] body :where( .wp-block-greenshift-blocks-buttonbox, .gspb-buttonbox, .adeck-dark-surface-auto :where(.button, .wp-element-button, .wp-block-button__link, .wp-block-greenshift-blocks-buttonbox, .gspb-buttonbox) ):not(.adeck-wrapper):not(.adeck-wrapper *) { background: #121212 !important; background-image: none !important; color: rgba(255, 255, 255, 0.87) !important; border-color: rgba(255, 255, 255, 0.18) !important; box-shadow: none !important; } html[data-adeck-theme="dark"] body :where( .wp-block-greenshift-blocks-buttonbox:hover, .wp-block-greenshift-blocks-buttonbox:focus-visible, .gspb-buttonbox:hover, .gspb-buttonbox:focus-visible, .adeck-dark-surface-auto :where(.button, .wp-element-button, .wp-block-button__link, .wp-block-greenshift-blocks-buttonbox, .gspb-buttonbox):hover, .adeck-dark-surface-auto :where(.button, .wp-element-button, .wp-block-button__link, .wp-block-greenshift-blocks-buttonbox, .gspb-buttonbox):focus-visible ):not(.adeck-wrapper):not(.adeck-wrapper *) { background: #121212 !important; color: #ffffff !important; border-color: rgba(255, 255, 255, 0.22) !important; box-shadow: none !important; filter: none !important; } html[data-adeck-theme="dark"] body :where( .wp-block-greenshift-blocks-buttonbox :where(.gspb-buttonbox-text, .gspb-buttonbox-title, .gspb-buttonbox-textwrap, .gspb-buttonbox-icon, svg, svg *), .gspb-buttonbox :where(.gspb-buttonbox-text, .gspb-buttonbox-title, .gspb-buttonbox-textwrap, .gspb-buttonbox-icon, svg, svg *), .adeck-dark-surface-auto :where(.button, .wp-element-button, .wp-block-button__link, .wp-block-greenshift-blocks-buttonbox, .gspb-buttonbox) :where(span, strong, em, small, svg, svg *) ):not(.adeck-wrapper):not(.adeck-wrapper *) { color: inherit !important; fill: currentColor !important; stroke: currentColor !important; } html[data-adeck-theme="dark"] body :where( p, li, dt, dd, label, legend, strong, em, small, time, cite, summary, caption, figcaption, blockquote, pre, code, th, td, .wp-block-navigation-item__label, .adeck-dark-text-auto ):not(.adeck-wrapper):not(.adeck-wrapper *) { color: var(--adeck-dark-text) !important; } html[data-adeck-theme="dark"] body :where( p, li, blockquote, pre, code ):not(.adeck-wrapper):not(.adeck-wrapper *) { line-height: 1.7 !important; } html[data-adeck-theme="dark"] body :where(h1, h2, h3, h4, h5, h6):not(.adeck-wrapper):not(.adeck-wrapper *) { color: rgba(255, 255, 255, 0.87) !important; } html[data-adeck-theme="dark"] body :where( button, input, select, textarea, .button, .wp-element-button, .wp-block-button__link ):not(.adeck-wrapper):not(.adeck-wrapper *) { background-color: var(--adeck-dark-surface-alt) !important; color: var(--adeck-dark-text) !important; border-color: var(--adeck-dark-border) !important; } html[data-adeck-theme="dark"] body :where(input, textarea):not(.adeck-wrapper):not(.adeck-wrapper *)::placeholder { color: var(--adeck-dark-text-muted) !important; opacity: 1 !important; } html[data-adeck-theme="dark"] body :where(a):not(.elementor-icon):not(.elementor-button):not(.elementor-button-link):not(.adeck-wrapper):not(.adeck-wrapper *) { color: var(--adeck-dark-link) !important; text-decoration-color: currentColor !important; } html[data-adeck-theme="dark"] body :where(a:hover, a:focus-visible):not(.elementor-icon):not(.elementor-button):not(.elementor-button-link):not(.adeck-wrapper):not(.adeck-wrapper *) { color: var(--adeck-dark-link-hover) !important; } html[data-adeck-theme="dark"] body :where(caption, figcaption, small, .wp-caption-text, .wp-block-post-date, .wp-block-post-excerpt__excerpt):not(.adeck-wrapper):not(.adeck-wrapper *) { color: var(--adeck-dark-text-muted) !important; } html[data-adeck-theme="dark"] body :where(mark):not(.adeck-wrapper):not(.adeck-wrapper *) { background-color: var(--adeck-dark-mark-bg) !important; color: var(--adeck-dark-mark-text) !important; } html[data-adeck-theme="dark"] body :where(hr):not(.adeck-wrapper):not(.adeck-wrapper *) { border-color: var(--adeck-dark-border) !important; opacity: 1 !important; } html[data-adeck-theme="dark"] body :where( img, picture, video, canvas, svg, iframe ):not(.adeck-wrapper):not(.adeck-wrapper *) { background-color: transparent !important; color: inherit !important; filter: none !important; } html[data-adeck-theme="dark"] body :where(table, th, td, pre, code, blockquote):not(.adeck-wrapper):not(.adeck-wrapper *) { box-shadow: none !important; } html[data-adeck-theme="dark"] body :where(tr:nth-child(even) > td, tr:nth-child(even) > th):not(.adeck-wrapper):not(.adeck-wrapper *) { background-color: rgba(255, 255, 255, 0.04) !important; } html[data-adeck-theme="dark"] body :where(*:focus-visible):not(.adeck-wrapper *):not(.adeck-skip-link):not(.adeck-launcher) { outline: 3px solid var(--adeck-dark-focus) !important; outline-offset: 3px !important; } html[data-adeck-theme="dark"] ::selection { background-color: rgba(255, 255, 255, 0.2) !important; color: rgba(255, 255, 255, 0.87) !important; } html.adeck-dark-mode-preload *, html.adeck-dark-mode-preload *::before, html.adeck-dark-mode-preload *::after { transition: none !important; } html.adeck-dyslexic { --e-global-typography-primary-font-family: 'Open-Dyslexic', 'OpenDyslexic', sans-serif !important; --e-global-typography-secondary-font-family: 'Open-Dyslexic', 'OpenDyslexic', sans-serif !important; --e-global-typography-text-font-family: 'Open-Dyslexic', 'OpenDyslexic', sans-serif !important; --e-global-typography-accent-font-family: 'Open-Dyslexic', 'OpenDyslexic', sans-serif !important; --wp--preset--font-family--system-font: 'Open-Dyslexic', 'OpenDyslexic', sans-serif !important; } html.adeck-dyslexic p:not(.adeck-wrapper *), html.adeck-dyslexic h1:not(.adeck-wrapper *), html.adeck-dyslexic h2:not(.adeck-wrapper *), html.adeck-dyslexic h3:not(.adeck-wrapper *), html.adeck-dyslexic h4:not(.adeck-wrapper *), html.adeck-dyslexic h5:not(.adeck-wrapper *), html.adeck-dyslexic h6:not(.adeck-wrapper *), html.adeck-dyslexic a:not(.adeck-wrapper *), html.adeck-dyslexic li:not(.adeck-wrapper *), html.adeck-dyslexic label:not(.adeck-wrapper *), html.adeck-dyslexic blockquote:not(.adeck-wrapper *), html.adeck-dyslexic td:not(.adeck-wrapper *), html.adeck-dyslexic th:not(.adeck-wrapper *), html.adeck-dyslexic figcaption:not(.adeck-wrapper *), html.adeck-dyslexic button:not(.adeck-wrapper *), html.adeck-dyslexic input:not(.adeck-wrapper *), html.adeck-dyslexic span:not([class*="icon"]):not(.adeck-wrapper *) { font-family: 'Open-Dyslexic', 'OpenDyslexic', sans-serif !important; } html.adeck-dyslexic body, html.adeck-dyslexic .elementor-location-header { margin-top: 0 !important; } html.adeck-center h1:not(.adeck-wrapper *), html.adeck-center h2:not(.adeck-wrapper *), html.adeck-center h3:not(.adeck-wrapper *), html.adeck-center h4:not(.adeck-wrapper *), html.adeck-center h5:not(.adeck-wrapper *), html.adeck-center h6:not(.adeck-wrapper *), html.adeck-center p:not(.adeck-wrapper *), html.adeck-center li:not(.adeck-wrapper *), html.adeck-center blockquote:not(.adeck-wrapper *), html.adeck-center figcaption:not(.adeck-wrapper *), html.adeck-center td:not(.adeck-wrapper *), html.adeck-center th:not(.adeck-wrapper *), html.adeck-center dt:not(.adeck-wrapper *), html.adeck-center dd:not(.adeck-wrapper *), html.adeck-center label:not(.adeck-wrapper *), html.adeck-center summary:not(.adeck-wrapper *) { text-align: center !important; } html.adeck-bold h1:not(.adeck-wrapper *), html.adeck-bold h2:not(.adeck-wrapper *), html.adeck-bold h3:not(.adeck-wrapper *), html.adeck-bold h4:not(.adeck-wrapper *), html.adeck-bold h5:not(.adeck-wrapper *), html.adeck-bold h6:not(.adeck-wrapper *), html.adeck-bold p:not(.adeck-wrapper *), html.adeck-bold li:not(.adeck-wrapper *), html.adeck-bold a:not(.adeck-wrapper *), html.adeck-bold strong:not(.adeck-wrapper *), html.adeck-bold em:not(.adeck-wrapper *), html.adeck-bold b:not(.adeck-wrapper *), html.adeck-bold i:not(.adeck-wrapper *), html.adeck-bold blockquote:not(.adeck-wrapper *), html.adeck-bold figcaption:not(.adeck-wrapper *), html.adeck-bold td:not(.adeck-wrapper *), html.adeck-bold th:not(.adeck-wrapper *), html.adeck-bold dt:not(.adeck-wrapper *), html.adeck-bold dd:not(.adeck-wrapper *), html.adeck-bold label:not(.adeck-wrapper *), html.adeck-bold summary:not(.adeck-wrapper *) { font-weight: 700 !important; } html.adeck-links a:not(.adeck-wrapper *) { text-decoration: underline !important; text-decoration-thickness: 3px !important; text-underline-offset: 4px !important; text-decoration-color: #F59E0B !important; } html.adeck-hide-images img:not(.adeck-wrapper *), html.adeck-hide-images picture:not(.adeck-wrapper *) img, html.adeck-hide-images figure:not(.adeck-wrapper *) img { opacity: 0 !important; } html.adeck-hide-images .adeck-hide-bg-image:not(.adeck-wrapper *) { background-image: none !important; } .adeck-read-aloud-highlight { outline: 3px solid #f59f00 !important; background-color: rgba(245,159,0,0.1) !important; cursor: pointer !important; } html.adeck-big-cursor, html.adeck-big-cursor * { cursor: url('data:image/svg+xml;utf8,') 2 2, auto !important; } html.adeck-highlight-titles h1:not(.adeck-wrapper *), html.adeck-highlight-titles h2:not(.adeck-wrapper *), html.adeck-highlight-titles h3:not(.adeck-wrapper *), html.adeck-highlight-titles h4:not(.adeck-wrapper *), html.adeck-highlight-titles h5:not(.adeck-wrapper *), html.adeck-highlight-titles h6:not(.adeck-wrapper *) { outline: 3px solid #1e3bc9 !important; outline-offset: 3px !important; } html.adeck-highlight-content p:not(.adeck-wrapper *), html.adeck-highlight-content li:not(.adeck-wrapper *), html.adeck-highlight-content blockquote:not(.adeck-wrapper *) { outline: 3px solid #F59E0B !important; outline-offset: 3px !important; } html.adeck-stop-animations *:not(.adeck-wrapper *):not(.adeck-view-active):not(.adeck-view-hidden), html.adeck-stop-animations *:not(.adeck-wrapper *)::before, html.adeck-stop-animations *:not(.adeck-wrapper *)::after { animation-duration: 0.01ms !important; animation-delay: 0ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; transition-delay: 0ms !important; scroll-behavior: auto !important; } html.adeck-stop-animations .adeck-wrapper, html.adeck-stop-animations .adeck-wrapper *, html.adeck-stop-animations .adeck-wrapper *::before, html.adeck-stop-animations .adeck-wrapper *::after { animation-duration: revert !important; animation-delay: revert !important; animation-iteration-count: revert !important; transition-duration: revert !important; transition-delay: revert !important; } /* ============================================= 7. READING GUIDE & MASK ============================================= */ .adeck-guide-curtain { position: fixed !important; left: 0 !important; width: 100vw !important; background-color: rgba(0,0,0,0.85) !important; z-index: 2147483644 !important; pointer-events: none !important; display: none !important; } #adeck-guide-top { top: 0 !important; border-bottom: 3px solid #f59e0b !important; } #adeck-guide-bottom { bottom: 0 !important; border-top: 3px solid #f59e0b !important; } html.adeck-reading-mask .adeck-guide-curtain { display: block !important; } #adeck-reading-line { position: fixed !important; left: 0 !important; width: 100vw !important; height: 2px !important; background: #f59e0b !important; z-index: 2147483644 !important; pointer-events: none !important; display: none !important; transform: translateY(-50%) !important; box-shadow: 0 0 0 1px rgba(0,0,0,0.15), 0 2px 8px rgba(245,158,11,0.4) !important; } #adeck-reading-line::before { content: '' !important; position: absolute !important; left: 0 !important; right: 0 !important; top: -12px !important; height: 24px !important; background: rgba(245,158,11,0.08) !important; pointer-events: none !important; } #adeck-reading-line::after { content: '' !important; position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 0 !important; height: 0 !important; border-top: 7px solid transparent !important; border-bottom: 7px solid transparent !important; border-left: 10px solid #f59e0b !important; } html.adeck-reading-guide #adeck-reading-line { display: block !important; } /* ============================================= 8. VIEW SYSTEM & MISC ============================================= */ .adeck-view-hidden { display: none !important; } .adeck-view-active { display: block !important; animation: adeckFadeIn 0.3s ease-in-out !important; } .adeck-view-header { padding: 20px 20px 10px !important; } .adeck-btn-back { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: #ffffff !important; border: 1px solid #ddd !important; padding: 7px 14px !important; border-radius: 999px !important; cursor: pointer !important; font-size: 13px !important; font-weight: 700 !important; transition: background 0.2s, border-color 0.2s, transform 0.2s, box-shadow 0.2s !important; min-height: 40px !important; box-shadow: 0 1px 0 rgba(17,24,39,0.03) !important; } .adeck-btn-back svg { width: 14px !important; height: 14px !important; } .adeck-btn-back:hover { background: #f9fafb !important; border-color: #9ca3af !important; transform: translateY(-1px) !important; box-shadow: 0 8px 20px rgba(17,24,39,0.06) !important; } .adeck-btn-back:focus-visible { outline: 3px solid #1e3bc9 !important; outline-offset: 2px !important; } .adeck-view-content { padding: 0 20px 20px 20px !important; } .adeck-hide-title { margin-bottom: 16px !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: -0.2px !important; } .adeck-radio-group { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-bottom: 18px !important; } .adeck-radio-card { display: flex !important; align-items: center !important; gap: 12px !important; border: 1.5px solid #ddd !important; border-radius: 14px !important; padding: 15px 16px !important; cursor: pointer !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; transition: all 0.2s ease !important; margin: 0 !important; min-height: 52px !important; box-shadow: 0 1px 0 rgba(17,24,39,0.02) !important; } .adeck-radio-card input[type="radio"] { position: absolute !important; opacity: 0 !important; width: 0 !important; height: 0 !important; } .adeck-radio-card:has(input:focus-visible) { outline: 3px solid #1e3bc9 !important; outline-offset: 2px !important; } .adeck-radio-card:hover { background: #f9fafb !important; border-color: #9ca3af !important; transform: translateY(-1px) !important; } .adeck-radio-card:has(input:checked) { box-shadow: 0 10px 24px rgba(17,24,39,0.06) !important; } .adeck-radio-circle { width: 20px !important; height: 20px !important; border: 2px solid #9ca3af !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; transition: 0.2s !important; } .adeck-radio-circle::after { content: "" !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; background: transparent !important; transition: 0.2s !important; } .adeck-hide-actions { display: flex !important; gap: 10px !important; margin-top: 4px !important; } .adeck-btn-not-now { flex: 1 !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; background: #ffffff !important; border: 1.5px solid #ddd !important; padding: 12px 16px !important; border-radius: 999px !important; cursor: pointer !important; font-weight: 700 !important; font-size: 14px !important; transition: 0.2s !important; text-align: center !important; min-height: 46px !important; box-shadow: none !important; } .adeck-btn-not-now:hover { background: #f9fafb !important; border-color: #9ca3af !important; transform: translateY(-1px) !important; box-shadow: 0 8px 20px rgba(17,24,39,0.05) !important; } .adeck-btn-not-now:focus-visible { outline: 3px solid #1e3bc9 !important; outline-offset: 2px !important; } .adeck-btn-confirm { flex: 1 !important; border: none !important; padding: 12px 16px !important; border-radius: 999px !important; cursor: pointer !important; font-weight: 700 !important; font-size: 14px !important; transition: 0.2s !important; text-align: center !important; min-height: 46px !important; box-shadow: 0 10px 20px rgba(17,24,39,0.1) !important; } .adeck-btn-confirm:hover { filter: brightness(0.95) !important; transform: translateY(-1px) !important; } .adeck-btn-confirm:focus-visible { outline: 3px solid #ffffff !important; outline-offset: 2px !important; box-shadow: 0 0 0 5px rgba(30,59,201,0.4) !important; } .adeck-panel-footer { display: flex !important; justify-content: center !important; align-items: center !important; gap: 6px !important; padding: 9px 16px 11px 16px !important; border-top: 1px solid rgba(0,0,0,0.06) !important; font-size: 10.5px !important; margin-top: auto !important; flex-shrink: 0 !important; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(17,24,39,0.02) 100%) !important; } .adeck-panel-footer span { opacity: 0.56 !important; letter-spacing: 0.1px !important; } .adeck-footer-logo { height: 17px !important; width: auto !important; max-width: 158px !important; object-fit: contain !important; display: block !important; opacity: 0.92 !important; } #adeck-view-statement .adeck-view-content { border: 1px solid rgba(17,24,39,0.08) !important; border-radius: 18px !important; margin: 0 20px 20px 20px !important; padding: 16px !important; background: linear-gradient(180deg, rgba(249,250,251,0.95) 0%, #ffffff 100%) !important; box-shadow: 0 10px 24px rgba(17,24,39,0.04) !important; } #adeck-view-hide .adeck-view-content { padding: 0 20px 20px 20px !important; } #adeck-view-statement .adeck-view-content > *:first-child { margin-top: 0 !important; } #adeck-view-statement .adeck-view-content h1, #adeck-view-statement .adeck-view-content h2, #adeck-view-statement .adeck-view-content h3, #adeck-view-statement .adeck-view-content h4 { font-size: 16px !important; line-height: 1.4 !important; margin-top: 18px !important; margin-bottom: 8px !important; font-weight: 700 !important; } #adeck-view-statement .adeck-view-content p { font-size: 13px !important; margin-bottom: 14px !important; line-height: 1.7 !important; opacity: 0.85 !important; } #adeck-view-statement .adeck-view-content ul, #adeck-view-statement .adeck-view-content ol { margin-left: 20px !important; margin-bottom: 15px !important; opacity: 0.85 !important; font-size: 13px !important; } #adeck-view-statement .adeck-view-content li { margin-bottom: 6px !important; line-height: 1.5 !important; } #adeck-view-statement .adeck-view-content > p:last-child, #adeck-view-statement .adeck-view-content > ul:last-child, #adeck-view-statement .adeck-view-content > ol:last-child { margin-bottom: 0 !important; } #adeck-view-statement .adeck-view-content a { color: #1e3bc9 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } #adeck-view-statement .adeck-view-content a:hover { color: #152a91 !important; text-decoration-thickness: 2px !important; } #adeck-view-statement .adeck-view-content a:focus-visible { outline: 2px solid #1e3bc9 !important; outline-offset: 2px !important; border-radius: 2px !important; } @media screen and (max-width: 480px) { .adeck-panel { width: 100vw !important; right: -100vw !important; border-radius: 0 !important; } .adeck-panel.panel-left { left: -100vw !important; } .adeck-header-hero { padding: 16px 16px 34px 16px !important; } .adeck-hero-top-bar { margin-bottom: 12px !important; } .adeck-hero-content h2 { font-size: 18px !important; max-width: none !important; } .adeck-hero-links { gap: 6px !important; margin-top: 8px !important; } .adeck-hero-link-btn { padding: 6px 12px !important; font-size: 11px !important; min-height: 34px !important; } .adeck-profiles-header { padding: 14px 14px 0 14px !important; } .adeck-profiles-list { gap: 8px !important; padding: 10px 0 14px 0 !important; } .adeck-profile-card { min-height: 54px !important; padding: 10px 44px 10px 10px !important; } .adeck-profile-name { font-size: 12px !important; } .adeck-accordion-container { padding: 10px 15px 0 15px !important; } .adeck-accordion-header { padding: 13px 2px !important; } .adeck-accordion-content { padding-bottom: 12px !important; } .adeck-grid-container-inner { gap: 10px !important; } .adeck-grid-btn { height: 92px !important; padding: 14px 8px 12px 8px !important; } .adeck-grid-btn span { font-size: 12.5px !important; min-height: 2.5em !important; } .adeck-btn-back { min-height: 38px !important; padding: 7px 13px !important; } .adeck-view-header { padding: 18px 15px 10px !important; } .adeck-view-content { padding: 0 15px 18px 15px !important; } #adeck-view-statement .adeck-view-content { margin: 0 15px 16px 15px !important; padding: 15px !important; } .adeck-hide-title { font-size: 16px !important; margin-bottom: 14px !important; } .adeck-hide-actions { flex-direction: column !important; } .adeck-reset-wrapper { padding: 13px 15px 18px 15px !important; } .adeck-reset-wrapper::before { left: 15px !important; right: 15px !important; } .adeck-grid-btn.adeck-btn-reset { height: 48px !important; min-height: 48px !important; } .adeck-panel-footer { padding: 8px 14px 10px 14px !important; font-size: 10px !important; gap: 5px !important; } .adeck-footer-logo { height: 16px !important; max-width: 146px !important; } .adeck-skip-link { width: 90% !important; left: 5% !important; font-size: 14px !important; justify-content: center !important; } } @media print { .adeck-wrapper, .adeck-skip-link, .adeck-skip-backdrop, .adeck-guide-curtain, #adeck-reading-line { display: none !important; } }