/** * Entawa Global Theme Foundation * LIGHT-001 * * This file defines semantic theme tokens only. * Component migration happens in later LIGHT slices. */ /* ========================================================== DARK — CURRENT BASELINE ========================================================== */ :root, html[data-entawa-theme="dark"] { --entawa-bg: #101216; --entawa-surface: #171b21; --entawa-surface-2: #11171f; --entawa-surface-3: #20252d; --entawa-field: #0d0f12; --entawa-border: rgba(255,255,255,.08); --entawa-border-soft: rgba(255,255,255,.06); --entawa-border-strong: rgba(255,255,255,.13); --entawa-heading: #ffffff; --entawa-text: #f4f7fa; --entawa-text-secondary: #c7d0da; --entawa-muted: #98a7b7; --entawa-muted-2: #7f8d9b; --entawa-accent: #338fd4; --entawa-accent-hover: #46a2e5; --entawa-accent-soft: rgba(51,143,212,.12); --entawa-accent-soft-strong: rgba(51,143,212,.20); --entawa-success: #36b16b; --entawa-success-soft: rgba(54,177,107,.14); --entawa-warning: #d69e2e; --entawa-warning-soft: rgba(214,158,46,.14); --entawa-danger: #e66060; --entawa-danger-soft: rgba(230,96,96,.12); --entawa-shadow-sm: 0 8px 24px rgba(0,0,0,.07); --entawa-shadow-md: 0 12px 32px rgba(0,0,0,.14); --entawa-shadow-lg: 0 18px 50px rgba(0,0,0,.20); --entawa-overlay: rgba(0,0,0,.58); } /* ========================================================== LIGHT ========================================================== */ html[data-entawa-theme="light"] { --entawa-bg: #f5f7fa; --entawa-surface: #ffffff; --entawa-surface-2: #f8fafc; --entawa-surface-3: #eef2f6; --entawa-field: #ffffff; --entawa-border: rgba(15,23,42,.12); --entawa-border-soft: rgba(15,23,42,.08); --entawa-border-strong: rgba(15,23,42,.18); --entawa-heading: #111827; --entawa-text: #1f2937; --entawa-text-secondary: #334155; --entawa-muted: #64748b; --entawa-muted-2: #8794a5; --entawa-accent: #2f80c9; --entawa-accent-hover: #246fae; --entawa-accent-soft: rgba(47,128,201,.10); --entawa-accent-soft-strong: rgba(47,128,201,.17); --entawa-success: #238a4a; --entawa-success-soft: rgba(35,138,74,.10); --entawa-warning: #a86d0a; --entawa-warning-soft: rgba(168,109,10,.10); --entawa-danger: #c83f4d; --entawa-danger-soft: rgba(200,63,77,.09); --entawa-shadow-sm: 0 6px 20px rgba(15,23,42,.06); --entawa-shadow-md: 0 12px 32px rgba(15,23,42,.08); --entawa-shadow-lg: 0 18px 50px rgba(15,23,42,.11); --entawa-overlay: rgba(15,23,42,.38); } /* ========================================================== ENTAWA_LIGHT_002_SITE_SHELL Global Light Site Shell ========================================================== */ /* Native browser controls */ html[data-entawa-theme="dark"] { color-scheme: dark; } html[data-entawa-theme="light"] { color-scheme: light; } /* ========================================================== PAGE ROOT ========================================================== */ html[data-entawa-theme="light"], html[data-entawa-theme="light"] body { background-color: var(--entawa-bg) !important; color: var(--entawa-text); } /* * Keep the global transition restrained. * We intentionally do NOT animate every element. */ html[data-entawa-theme="light"] body, html[data-entawa-theme="light"] .et-l--header, html[data-entawa-theme="light"] .et-l--footer { transition: background-color .22s ease, color .22s ease, border-color .22s ease; } /* ========================================================== HEADER ========================================================== */ html[data-entawa-theme="light"] .et-l--header { color: var(--entawa-text) !important; } html[data-entawa-theme="light"] .et-l--header .et_pb_section { background-color: var(--entawa-surface) !important; border-color: var(--entawa-border) !important; } /* Main menu text */ html[data-entawa-theme="light"] .et-l--header .et_pb_menu a, html[data-entawa-theme="light"] .et-l--header .et-menu > li > a { color: var(--entawa-text) !important; } /* Main menu hover / current */ html[data-entawa-theme="light"] .et-l--header .et-menu > li > a:hover, html[data-entawa-theme="light"] .et-l--header .et-menu > li.current-menu-item > a, html[data-entawa-theme="light"] .et-l--header .et-menu > li.current-menu-ancestor > a { color: var(--entawa-accent) !important; } /* ========================================================== DESKTOP DROPDOWNS ========================================================== */ html[data-entawa-theme="light"] .et-l--header .nav li ul, html[data-entawa-theme="light"] .et-l--header .et-menu-nav li ul, html[data-entawa-theme="light"] .et-l--header .et_pb_menu__menu li ul { background: var(--entawa-surface) !important; border-color: var(--entawa-border) !important; box-shadow: var(--entawa-shadow-md) !important; } html[data-entawa-theme="light"] .et-l--header .nav li li a, html[data-entawa-theme="light"] .et-l--header .et-menu li li a { color: var(--entawa-text-secondary) !important; } html[data-entawa-theme="light"] .et-l--header .nav li li a:hover, html[data-entawa-theme="light"] .et-l--header .et-menu li li a:hover { background: var(--entawa-accent-soft) !important; color: var(--entawa-accent) !important; opacity: 1 !important; } /* ========================================================== MOBILE MENU ========================================================== */ html[data-entawa-theme="light"] .et-l--header .et_mobile_nav_menu { color: var(--entawa-text) !important; } html[data-entawa-theme="light"] .et-l--header .mobile_menu_bar::before { color: var(--entawa-text) !important; } html[data-entawa-theme="light"] .et-l--header .et_mobile_menu { background: var(--entawa-surface) !important; border-top-color: var(--entawa-accent) !important; box-shadow: var(--entawa-shadow-lg) !important; } html[data-entawa-theme="light"] .et-l--header .et_mobile_menu li a { color: var(--entawa-text-secondary) !important; border-bottom-color: var(--entawa-border-soft) !important; } html[data-entawa-theme="light"] .et-l--header .et_mobile_menu li a:hover, html[data-entawa-theme="light"] .et-l--header .et_mobile_menu .current-menu-item > a { background: var(--entawa-accent-soft) !important; color: var(--entawa-accent) !important; opacity: 1 !important; } /* ========================================================== THEME SWITCH ========================================================== */ .entawa-theme-toggle { cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; } .entawa-theme-toggle, .entawa-theme-toggle * { transition: color .2s ease, background-color .2s ease, border-color .2s ease, opacity .2s ease, transform .2s ease; } /* Dark switch */ html[data-entawa-theme="dark"] .entawa-theme-toggle { color: var(--entawa-text) !important; } /* Light switch */ html[data-entawa-theme="light"] .entawa-theme-toggle { color: var(--entawa-text) !important; } html[data-entawa-theme="light"] .entawa-theme-toggle .et-pb-icon, html[data-entawa-theme="light"] .entawa-theme-toggle .et_pb_icon_wrap, html[data-entawa-theme="light"] .entawa-theme-toggle .et_pb_icon_wrap .et-pb-icon { color: var(--entawa-text) !important; } .entawa-theme-toggle:hover { opacity: .82; } .entawa-theme-toggle:active { transform: scale(.94); } .entawa-theme-toggle:focus-visible { outline: 2px solid var(--entawa-accent); outline-offset: 5px; border-radius: 6px; } /* ========================================================== FOOTER ========================================================== */ html[data-entawa-theme="light"] .et-l--footer { background: var(--entawa-surface) !important; color: var(--entawa-text-secondary) !important; } html[data-entawa-theme="light"] .et-l--footer .et_pb_section { background: var(--entawa-surface) !important; border-color: var(--entawa-border) !important; } /* Footer headings */ html[data-entawa-theme="light"] .et-l--footer h1, html[data-entawa-theme="light"] .et-l--footer h2, html[data-entawa-theme="light"] .et-l--footer h3, html[data-entawa-theme="light"] .et-l--footer h4, html[data-entawa-theme="light"] .et-l--footer h5, html[data-entawa-theme="light"] .et-l--footer h6 { color: var(--entawa-heading) !important; } /* Footer text */ html[data-entawa-theme="light"] .et-l--footer p, html[data-entawa-theme="light"] .et-l--footer li { color: var(--entawa-muted) !important; } /* Footer links */ html[data-entawa-theme="light"] .et-l--footer a { color: var(--entawa-text-secondary) !important; } html[data-entawa-theme="light"] .et-l--footer a:hover { color: var(--entawa-accent) !important; } /* Divi icons / social icons */ html[data-entawa-theme="light"] .et-l--footer .et-pb-icon, html[data-entawa-theme="light"] .et-l--footer .et_pb_social_media_follow_network a.icon { color: var(--entawa-text-secondary) !important; } /* ========================================================== COMMON SHELL BORDERS ========================================================== */ html[data-entawa-theme="light"] .et-l--header hr, html[data-entawa-theme="light"] .et-l--footer hr { border-color: var(--entawa-border) !important; } /* ========================================================== ENTAWA_LIGHT_002A_DIVI_SHELL_FIX Override Divi Theme Builder hard-coded shell backgrounds ========================================================== */ /* ========================================================== HEADER OUTER SHELL ========================================================== */ html[data-entawa-theme="light"] body .et-l.et-l--header, html[data-entawa-theme="light"] body .et-l.et-l--header .et_pb_section, html[data-entawa-theme="light"] body .et-l.et-l--header .et_pb_section_0_tb_header { background: var(--entawa-surface) !important; background-color: var(--entawa-surface) !important; background-image: none !important; border-color: var(--entawa-border) !important; } /* * The header row itself must stay transparent so that * the section owns the shell background. */ html[data-entawa-theme="light"] body .et-l--header .et_pb_row { background-color: transparent !important; background-image: none !important; } /* ========================================================== HEADER MENU MODULE ========================================================== */ html[data-entawa-theme="light"] body .et-l--header .et_pb_menu, html[data-entawa-theme="light"] body .et-l--header .et_pb_menu_inner_container { background: transparent !important; background-color: transparent !important; } /* Menu text */ html[data-entawa-theme="light"] body .et-l--header .et_pb_menu__menu > nav > ul > li > a, html[data-entawa-theme="light"] body .et-l--header .et-menu > li > a { color: var(--entawa-text) !important; } /* Dropdown arrow */ html[data-entawa-theme="light"] body .et-l--header .et-menu .menu-item-has-children > a:first-child::after { color: var(--entawa-muted) !important; } /* ========================================================== HEADER ICONS ========================================================== */ html[data-entawa-theme="light"] body .et-l--header .et_pb_icon .et-pb-icon, html[data-entawa-theme="light"] body .et-l--header .et_pb_icon_wrap .et-pb-icon { color: var(--entawa-text) !important; } /* Theme toggle gets accent distinction */ html[data-entawa-theme="light"] body .et-l--header .entawa-theme-toggle .et-pb-icon { color: var(--entawa-accent) !important; } /* ========================================================== FOOTER OUTER SHELL ========================================================== */ html[data-entawa-theme="light"] body .et-l.et-l--footer, html[data-entawa-theme="light"] body .et-l.et-l--footer .et_pb_section, html[data-entawa-theme="light"] body .et-l.et-l--footer .et_pb_section_0_tb_footer { background: var(--entawa-surface) !important; background-color: var(--entawa-surface) !important; background-image: none !important; border-color: var(--entawa-border) !important; } /* * Keep rows/modules transparent. * Their contents inherit the new light shell. */ html[data-entawa-theme="light"] body .et-l--footer .et_pb_row { background-color: transparent !important; background-image: none !important; } /* Footer modules */ html[data-entawa-theme="light"] body .et-l--footer .et_pb_text, html[data-entawa-theme="light"] body .et-l--footer .et_pb_code, html[data-entawa-theme="light"] body .et-l--footer .et_pb_social_media_follow { background-color: transparent !important; } /* Footer text */ html[data-entawa-theme="light"] body .et-l--footer .et_pb_text_inner, html[data-entawa-theme="light"] body .et-l--footer .et_pb_text_inner p, html[data-entawa-theme="light"] body .et-l--footer .et_pb_text_inner li { color: var(--entawa-muted) !important; } /* Footer headings */ html[data-entawa-theme="light"] body .et-l--footer .et_pb_text_inner h1, html[data-entawa-theme="light"] body .et-l--footer .et_pb_text_inner h2, html[data-entawa-theme="light"] body .et-l--footer .et_pb_text_inner h3, html[data-entawa-theme="light"] body .et-l--footer .et_pb_text_inner h4, html[data-entawa-theme="light"] body .et-l--footer .et_pb_text_inner h5, html[data-entawa-theme="light"] body .et-l--footer .et_pb_text_inner h6 { color: var(--entawa-heading) !important; } /* Footer links */ html[data-entawa-theme="light"] body .et-l--footer .et_pb_text_inner a { color: var(--entawa-text-secondary) !important; } html[data-entawa-theme="light"] body .et-l--footer .et_pb_text_inner a:hover { color: var(--entawa-accent) !important; } /* Footer separators */ html[data-entawa-theme="light"] body .et-l--footer .et_pb_divider::before { border-color: var(--entawa-border) !important; } /* ========================================================== MOBILE HEADER ========================================================== */ html[data-entawa-theme="light"] body .et-l--header .et_mobile_menu { background: var(--entawa-surface) !important; background-color: var(--entawa-surface) !important; border-color: var(--entawa-border) !important; } /* ========================================================== CONTRAST SAFETY ========================================================== */ html[data-entawa-theme="light"] body .et-l--header svg, html[data-entawa-theme="light"] body .et-l--footer svg { color: inherit; } /* ========================================================== ENTAWA_LIGHT_002B_STICKY_HEADER Divi moves the header row to position:fixed while sticky. The row must therefore own its background instead of remaining transparent over the page content. ========================================================== */ /* Sticky row */ html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky, html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky--top { background: var(--entawa-surface) !important; background-color: var(--entawa-surface) !important; background-image: none !important; border-color: var(--entawa-border) !important; box-shadow: 0 8px 24px rgba(15,23,42,.07) !important; } /* * Keep the modules inside the sticky row transparent. * The row itself owns the white sticky background. */ html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .et_pb_menu, html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .et_pb_menu_inner_container, html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .et_pb_column { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Sticky menu text */ html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .et-menu > li > a { color: var(--entawa-text) !important; } /* Sticky active / hover */ html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .et-menu > li.current-menu-item > a, html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .et-menu > li.current-menu-ancestor > a, html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .et-menu > li > a:hover { color: var(--entawa-accent) !important; } /* Sticky icons */ html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .et_pb_icon .et-pb-icon { color: var(--entawa-text) !important; } /* Theme switch */ html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .entawa-theme-toggle .et-pb-icon { color: var(--entawa-accent) !important; } /* Dropdowns opened from sticky header */ html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .nav li ul, html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .et-menu li ul { background: var(--entawa-surface) !important; border-color: var(--entawa-border) !important; box-shadow: var(--entawa-shadow-md) !important; } /* ========================================================== ENTAWA_LIGHT_002C_HEADER_POLISH Logo + action controls ========================================================== */ /* ========================================================== LOGO Current logo asset is white. Render it dark only in Light Mode. ========================================================== */ html[data-entawa-theme="light"] body .et-l--header .et_pb_menu__logo img { filter: brightness(0) saturate(100%) !important; opacity: .92 !important; } /* Also support Divi image-logo modules if used */ html[data-entawa-theme="light"] body .et-l--header .et_pb_menu__logo-wrap img { filter: brightness(0) saturate(100%) !important; opacity: .92 !important; } /* ========================================================== HEADER BUTTON MODULES English / Account / etc. ========================================================== */ html[data-entawa-theme="light"] body .et-l--header .et_pb_button { background: var(--entawa-surface-2) !important; color: var(--entawa-text) !important; border: 1px solid var(--entawa-border-strong) !important; box-shadow: none !important; text-shadow: none !important; } html[data-entawa-theme="light"] body .et-l--header .et_pb_button:hover { background: var(--entawa-accent-soft) !important; color: var(--entawa-accent) !important; border-color: rgba(47,128,201,.28) !important; } /* Remove Divi generated button icon color conflicts */ html[data-entawa-theme="light"] body .et-l--header .et_pb_button::after, html[data-entawa-theme="light"] body .et-l--header .et_pb_button::before { color: currentColor !important; } /* ========================================================== HEADER ICON MODULES Cart / Theme Switch / similar square controls ========================================================== */ html[data-entawa-theme="light"] body .et-l--header .et_pb_icon { background: var(--entawa-surface-2) !important; background-color: var(--entawa-surface-2) !important; border-color: var(--entawa-border-strong) !important; box-shadow: none !important; } /* Actual icon glyph */ html[data-entawa-theme="light"] body .et-l--header .et_pb_icon .et-pb-icon { color: var(--entawa-text-secondary) !important; } /* Icon hover */ html[data-entawa-theme="light"] body .et-l--header .et_pb_icon:hover { background: var(--entawa-accent-soft) !important; border-color: rgba(47,128,201,.30) !important; } html[data-entawa-theme="light"] body .et-l--header .et_pb_icon:hover .et-pb-icon { color: var(--entawa-accent) !important; } /* ========================================================== THEME SWITCH ACTIVE APPEARANCE ========================================================== */ html[data-entawa-theme="light"] body .et-l--header .entawa-theme-toggle { background: var(--entawa-accent-soft) !important; border-color: rgba(47,128,201,.38) !important; } html[data-entawa-theme="light"] body .et-l--header .entawa-theme-toggle .et-pb-icon { color: var(--entawa-accent) !important; } /* Keyboard focus */ html[data-entawa-theme="light"] body .et-l--header .et_pb_button:focus-visible, html[data-entawa-theme="light"] body .et-l--header .et_pb_icon:focus-visible { outline: 2px solid var(--entawa-accent) !important; outline-offset: 3px !important; } /* ========================================================== STICKY STATE Same appearance while row is fixed ========================================================== */ html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .et_pb_button { background: var(--entawa-surface-2) !important; color: var(--entawa-text) !important; border-color: var(--entawa-border-strong) !important; } html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .et_pb_icon { background: var(--entawa-surface-2) !important; border-color: var(--entawa-border-strong) !important; } html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .entawa-theme-toggle { background: var(--entawa-accent-soft) !important; } /* Logo stays dark while sticky */ html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .et_pb_menu__logo img { filter: brightness(0) saturate(100%) !important; } /* ========================================================== ENTAWA_LIGHT_002D1_HEADER_CONTROLS Exact Divi module fixes: - Account button - WPML English control ========================================================== */ /* ========================================================== ACCOUNT BUTTON Exact live module: .et_pb_button_0_tb_header ========================================================== */ html[data-entawa-theme="light"] body .et-l--header a.et_pb_button_0_tb_header { background: var(--entawa-surface-2) !important; background-color: var(--entawa-surface-2) !important; color: var(--entawa-text) !important; border-color: var(--entawa-border-strong) !important; text-shadow: none !important; box-shadow: none !important; } /* Divi-generated icon / pseudo content */ html[data-entawa-theme="light"] body .et-l--header a.et_pb_button_0_tb_header::before, html[data-entawa-theme="light"] body .et-l--header a.et_pb_button_0_tb_header::after { color: var(--entawa-text) !important; } /* Account hover */ html[data-entawa-theme="light"] body .et-l--header a.et_pb_button_0_tb_header:hover { background: var(--entawa-accent-soft) !important; color: var(--entawa-accent) !important; border-color: rgba(47,128,201,.30) !important; } html[data-entawa-theme="light"] body .et-l--header a.et_pb_button_0_tb_header:hover::before, html[data-entawa-theme="light"] body .et-l--header a.et_pb_button_0_tb_header:hover::after { color: var(--entawa-accent) !important; } /* ========================================================== WPML ENGLISH CONTROL Exact live module: .et_pb_text_0_tb_header ========================================================== */ html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header { background: var(--entawa-surface-2) !important; background-color: var(--entawa-surface-2) !important; background-image: none !important; color: var(--entawa-text) !important; border-color: var(--entawa-border-strong) !important; box-shadow: none !important; } /* WPML wrapper/list stays transparent */ html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header .wpml-ls, html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header .wpml-ls ul, html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header .wpml-ls li { background: transparent !important; background-color: transparent !important; } /* English link */ html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header .wpml-ls-link { color: var(--entawa-text) !important; background: transparent !important; text-shadow: none !important; } /* English hover */ html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header:hover { background: var(--entawa-accent-soft) !important; border-color: rgba(47,128,201,.30) !important; } html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header:hover .wpml-ls-link { color: var(--entawa-accent) !important; } /* ========================================================== STICKY STATE Exact same visual treatment ========================================================== */ html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky a.et_pb_button_0_tb_header { background: var(--entawa-surface-2) !important; color: var(--entawa-text) !important; border-color: var(--entawa-border-strong) !important; } html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .et_pb_text_0_tb_header { background: var(--entawa-surface-2) !important; color: var(--entawa-text) !important; border-color: var(--entawa-border-strong) !important; } /* Focus accessibility */ html[data-entawa-theme="light"] body .et-l--header a.et_pb_button_0_tb_header:focus-visible, html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header:focus-within { outline: 2px solid var(--entawa-accent) !important; outline-offset: 3px !important; } /* ========================================================== ENTAWA_LIGHT_002D2_SHELL_FINAL Header text visibility + Footer newsletter ========================================================== */ /* ========================================================== HEADER — ACCOUNT BUTTON Force every textual layer inside the exact button to use the Light theme text color. ========================================================== */ html[data-entawa-theme="light"] body .et-l--header a.et_pb_button_0_tb_header { background: var(--entawa-surface-2) !important; color: var(--entawa-text) !important; border-color: var(--entawa-border-strong) !important; opacity: 1 !important; text-shadow: none !important; } html[data-entawa-theme="light"] body .et-l--header a.et_pb_button_0_tb_header * { color: var(--entawa-text) !important; opacity: 1 !important; } /* * Divi account icon remains the same color as the text. */ html[data-entawa-theme="light"] body .et-l--header a.et_pb_button_0_tb_header::before, html[data-entawa-theme="light"] body .et-l--header a.et_pb_button_0_tb_header::after { color: var(--entawa-text) !important; opacity: 1 !important; } /* Hover */ html[data-entawa-theme="light"] body .et-l--header a.et_pb_button_0_tb_header:hover, html[data-entawa-theme="light"] body .et-l--header a.et_pb_button_0_tb_header:hover *, html[data-entawa-theme="light"] body .et-l--header a.et_pb_button_0_tb_header:hover::before, html[data-entawa-theme="light"] body .et-l--header a.et_pb_button_0_tb_header:hover::after { color: var(--entawa-accent) !important; } /* ========================================================== HEADER — WPML LANGUAGE CONTROL ========================================================== */ html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header { background: var(--entawa-surface-2) !important; color: var(--entawa-text) !important; border-color: var(--entawa-border-strong) !important; opacity: 1 !important; } /* * WPML has several nested elements and can set their own * colors. Scope this reset ONLY to this header module. */ html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header .et_pb_text_inner, html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header .wpml-ls, html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header .wpml-ls ul, html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header .wpml-ls li, html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header .wpml-ls a, html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header .wpml-ls-link, html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header .wpml-ls-native { background: transparent !important; color: var(--entawa-text) !important; opacity: 1 !important; text-shadow: none !important; } /* Language hover */ html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header:hover, html[data-entawa-theme="light"] body .et-l--header .et_pb_text_0_tb_header:hover * { color: var(--entawa-accent) !important; } /* ========================================================== FOOTER NEWSLETTER Exact live form: Contact Form 7 ========================================================== */ /* Email field */ html[data-entawa-theme="light"] body .et-l--footer input.wpcf7-email { background: var(--entawa-field) !important; background-color: var(--entawa-field) !important; color: var(--entawa-text) !important; border: 1px solid var(--entawa-border-strong) !important; box-shadow: none !important; caret-color: var(--entawa-text) !important; } /* Placeholder */ html[data-entawa-theme="light"] body .et-l--footer input.wpcf7-email::placeholder { color: var(--entawa-muted) !important; opacity: 1 !important; } /* Email focus */ html[data-entawa-theme="light"] body .et-l--footer input.wpcf7-email:focus { background: var(--entawa-surface) !important; border-color: var(--entawa-accent) !important; outline: none !important; box-shadow: 0 0 0 3px var(--entawa-accent-soft) !important; } /* Submit */ html[data-entawa-theme="light"] body .et-l--footer input.wpcf7-submit { background: var(--entawa-accent) !important; background-color: var(--entawa-accent) !important; color: #ffffff !important; border: 1px solid var(--entawa-accent) !important; box-shadow: none !important; cursor: pointer; } /* Submit hover */ html[data-entawa-theme="light"] body .et-l--footer input.wpcf7-submit:hover { background: var(--entawa-accent-hover) !important; background-color: var(--entawa-accent-hover) !important; border-color: var(--entawa-accent-hover) !important; color: #ffffff !important; } /* CF7 spinner */ html[data-entawa-theme="light"] body .et-l--footer .wpcf7-spinner { opacity: .65; } /* CF7 response messages */ html[data-entawa-theme="light"] body .et-l--footer .wpcf7-response-output { color: var(--entawa-text-secondary) !important; border-color: var(--entawa-border-strong) !important; background: var(--entawa-surface-2) !important; } /* ========================================================== STICKY HEADER — preserve final text fix ========================================================== */ html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky a.et_pb_button_0_tb_header, html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky a.et_pb_button_0_tb_header * { color: var(--entawa-text) !important; } html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .et_pb_text_0_tb_header, html[data-entawa-theme="light"] body .et-l--header .et_pb_row.et_pb_sticky .et_pb_text_0_tb_header * { color: var(--entawa-text) !important; } /* ========================================================== ENTAWA_LIGHT_002D3_ACCOUNT_FOOTER_LOGO Final shell fixes ========================================================== */ /* ========================================================== ACCOUNT BUTTON — FORCE DARK TEXT Higher specificity than Divi generated module rules. ========================================================== */ html[data-entawa-theme="light"] body #page-container .et-l--header a.et_pb_button_0_tb_header.et_pb_button { background: var(--entawa-surface-2) !important; background-color: var(--entawa-surface-2) !important; color: var(--entawa-text) !important; -webkit-text-fill-color: var(--entawa-text) !important; border-color: var(--entawa-border-strong) !important; opacity: 1 !important; text-shadow: none !important; } /* Any nested label generated by Divi */ html[data-entawa-theme="light"] body #page-container .et-l--header a.et_pb_button_0_tb_header.et_pb_button span, html[data-entawa-theme="light"] body #page-container .et-l--header a.et_pb_button_0_tb_header.et_pb_button strong { color: var(--entawa-text) !important; -webkit-text-fill-color: var(--entawa-text) !important; opacity: 1 !important; } /* Account icon */ html[data-entawa-theme="light"] body #page-container .et-l--header a.et_pb_button_0_tb_header.et_pb_button::before, html[data-entawa-theme="light"] body #page-container .et-l--header a.et_pb_button_0_tb_header.et_pb_button::after { color: var(--entawa-text) !important; -webkit-text-fill-color: var(--entawa-text) !important; opacity: 1 !important; } /* Hover */ html[data-entawa-theme="light"] body #page-container .et-l--header a.et_pb_button_0_tb_header.et_pb_button:hover, html[data-entawa-theme="light"] body #page-container .et-l--header a.et_pb_button_0_tb_header.et_pb_button:hover span, html[data-entawa-theme="light"] body #page-container .et-l--header a.et_pb_button_0_tb_header.et_pb_button:hover::before, html[data-entawa-theme="light"] body #page-container .et-l--header a.et_pb_button_0_tb_header.et_pb_button:hover::after { color: var(--entawa-accent) !important; -webkit-text-fill-color: var(--entawa-accent) !important; } /* Sticky */ html[data-entawa-theme="light"] body #page-container .et-l--header .et_pb_row.et_pb_sticky a.et_pb_button_0_tb_header.et_pb_button { color: var(--entawa-text) !important; -webkit-text-fill-color: var(--entawa-text) !important; } /* ========================================================== FOOTER LOGO Current asset is white, same approach as header logo. Light Mode only. ========================================================== */ html[data-entawa-theme="light"] body #page-container .et-l--footer .et_pb_image img { filter: brightness(0) saturate(100%) !important; opacity: .92 !important; } /* * Fallback if the logo sits inside a text/code module * instead of a Divi Image module. */ html[data-entawa-theme="light"] body #page-container .et-l--footer img[src*="entwa" i], html[data-entawa-theme="light"] body #page-container .et-l--footer img[alt*="entwa" i] { filter: brightness(0) saturate(100%) !important; opacity: .92 !important; } /* ========================================================== ENTAWA_LIGHT_002D4_FOOTER_LOGO_FINAL Exact live footer logo: img.wp-image-212 ========================================================== */ html[data-entawa-theme="light"] body #page-container .et-l--footer img.wp-image-212 { filter: brightness(0) saturate(100%) !important; opacity: .92 !important; } /* * Secondary selector based on the actual asset filename. * Kept footer-scoped to avoid affecting other images. */ html[data-entawa-theme="light"] body #page-container .et-l--footer img[src*="Antoa-Logo.png"] { filter: brightness(0) saturate(100%) !important; opacity: .92 !important; } /* ========================================================== ENTAWA_LIGHT_003I_COLOR_ONLY_HOMEPAGE MASTER RULE: Dark Mode owns ALL geometry. Light Mode may change ONLY: - backgrounds - background images - text colors - border colors - shadows - image/filter treatment NO layout / sizing / spacing / positioning here. ========================================================== */ /* ========================================================== HOMEPAGE CANVAS ========================================================== */ html[data-entawa-theme="light"] body.home { background-color: #f7f8f9 !important; color: #1f2937 !important; } /* ========================================================== HERO Same Dark geometry — Light atmosphere only. ========================================================== */ html[data-entawa-theme="light"] body.home .et_pb_section_0_tb_body { background-color: #e8eef2 !important; background-image: linear-gradient( 180deg, #7695ae 0%, #afc2d0 34%, #dbe5eb 64%, #f5f7f8 100% ) !important; } /* Main heading gradient */ html[data-entawa-theme="light"] body.home .et_pb_text_0_tb_body h1, html[data-entawa-theme="light"] body.home .et_pb_text_0_tb_body h2, html[data-entawa-theme="light"] body.home .gradient-heading h1, html[data-entawa-theme="light"] body.home .gradient-heading h2 { background-image: linear-gradient( 90deg, #202b34, #216aa9 ) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important; text-shadow: none !important; } /* Hero copy */ html[data-entawa-theme="light"] body.home .et_pb_text_0_tb_body p { color: #526678 !important; -webkit-text-fill-color: #526678 !important; } /* Hero statistics */ html[data-entawa-theme="light"] body.home .et_pb_section_0_tb_body .percent-value, html[data-entawa-theme="light"] body.home .et_pb_section_0_tb_body .percent-sign { color: #1767a7 !important; -webkit-text-fill-color: #1767a7 !important; } html[data-entawa-theme="light"] body.home .et_pb_section_0_tb_body .title { color: #42586a !important; -webkit-text-fill-color: #42586a !important; } /* Hero primary button */ html[data-entawa-theme="light"] body.home a.et_pb_button_0_tb_body { background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; box-shadow: 0 8px 22px rgba(47,128,201,.16) !important; } /* Hero secondary */ html[data-entawa-theme="light"] body.home a.et_pb_button_1_tb_body { background-color: rgba(255,255,255,.80) !important; color: #24679f !important; -webkit-text-fill-color: #24679f !important; border-color: rgba(36,103,159,.45) !important; box-shadow: none !important; } /* ========================================================== GUIDE DARK GEOMETRY REMAINS UNTOUCHED ========================================================== */ /* Guide heading */ html[data-entawa-theme="light"] body.home .et_pb_text_1_tb_body, html[data-entawa-theme="light"] body.home .et_pb_text_1_tb_body .et_pb_text_inner, html[data-entawa-theme="light"] body.home .et_pb_text_1_tb_body h1, html[data-entawa-theme="light"] body.home .et_pb_text_1_tb_body h2, html[data-entawa-theme="light"] body.home .et_pb_text_1_tb_body h3 { color: #aeb9c4 !important; -webkit-text-fill-color: #aeb9c4 !important; text-shadow: none !important; } html[data-entawa-theme="light"] body.home .et_pb_text_1_tb_body p { color: #586d7f !important; -webkit-text-fill-color: #586d7f !important; } /* Guide main content */ html[data-entawa-theme="light"] body.home .et_pb_text_2_tb_body { background-color: #ffffff !important; color: #526678 !important; border-color: rgba(26,44,60,.08) !important; box-shadow: 0 10px 30px rgba(42,62,80,.05) !important; } html[data-entawa-theme="light"] body.home .et_pb_text_2_tb_body .et_pb_text_inner { color: #526678 !important; -webkit-text-fill-color: #526678 !important; } html[data-entawa-theme="light"] body.home .et_pb_text_2_tb_body strong, html[data-entawa-theme="light"] body.home .et_pb_text_2_tb_body b { color: #202830 !important; -webkit-text-fill-color: #202830 !important; } /* Guide list */ html[data-entawa-theme="light"] body.home .et_pb_icon_list_0_tb_body, html[data-entawa-theme="light"] body.home .et_pb_icon_list_0_tb_body .et_pb_icon_list_item { color: #607385 !important; } /* Guide primary button */ html[data-entawa-theme="light"] body.home a.et_pb_button_2_tb_body { background-color: #20262b !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #20262b !important; } /* Guide secondary */ html[data-entawa-theme="light"] body.home a.et_pb_button_3_tb_body { background-color: #ffffff !important; color: #26343f !important; -webkit-text-fill-color: #26343f !important; border-color: rgba(17,24,39,.14) !important; } /* PDF icon */ html[data-entawa-theme="light"] body.home .et_pb_section_0_tb_body .et-pb-icon { color: #2f80c9 !important; } /* ========================================================== ABOUT ========================================================== */ html[data-entawa-theme="light"] body.home .et_pb_section_1_tb_body { background-color: #f8f8f7 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png") !important; background-repeat: no-repeat !important; background-position: center top !important; background-size: 100% auto !important; } /* Text */ html[data-entawa-theme="light"] body.home .et_pb_text_3_tb_body h1, html[data-entawa-theme="light"] body.home .et_pb_text_3_tb_body h2, html[data-entawa-theme="light"] body.home .et_pb_text_3_tb_body h3, html[data-entawa-theme="light"] body.home .et_pb_text_4_tb_body h1, html[data-entawa-theme="light"] body.home .et_pb_text_4_tb_body h2, html[data-entawa-theme="light"] body.home .et_pb_text_4_tb_body h3 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body.home .et_pb_text_3_tb_body p, html[data-entawa-theme="light"] body.home .et_pb_text_4_tb_body p { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* Feature cards */ html[data-entawa-theme="light"] body.home .et_pb_section_1_tb_body .et_pb_blurb { background-color: #ffffff !important; border-color: rgba(17,24,39,.07) !important; box-shadow: 0 8px 24px rgba(51,65,85,.04) !important; } html[data-entawa-theme="light"] body.home .et_pb_section_1_tb_body .et_pb_blurb h1, html[data-entawa-theme="light"] body.home .et_pb_section_1_tb_body .et_pb_blurb h2, html[data-entawa-theme="light"] body.home .et_pb_section_1_tb_body .et_pb_blurb h3, html[data-entawa-theme="light"] body.home .et_pb_section_1_tb_body .et_pb_blurb h4 { color: #202428 !important; } html[data-entawa-theme="light"] body.home .et_pb_section_1_tb_body .et_pb_blurb p { color: #647789 !important; } html[data-entawa-theme="light"] body.home .et_pb_section_1_tb_body .et_pb_blurb .et-pb-icon { color: #2f80c9 !important; background-color: #edf5fb !important; } /* ========================================================== ABOUT GLOBE Replace image ONLY. Keep Dark background positioning / sizing / geometry. ========================================================== */ html[data-entawa-theme="light"] body.home .et_pb_section_1_tb_body .et_pb_column_12_tb_body { background-color: #ffffff !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/image-1.png") !important; border-color: rgba(23,45,63,.09) !important; box-shadow: 0 10px 30px rgba(42,62,80,.045) !important; } /* * IMPORTANT: * Same statistics geometry as Dark. * Change its existing dark surface to Blue ONLY. */ html[data-entawa-theme="light"] body.home .et_pb_group_2_tb_body { background-color: #2b70b0 !important; background-image: none !important; border-color: rgba(255,255,255,.18) !important; box-shadow: none !important; } /* Individual stats remain transparent */ html[data-entawa-theme="light"] body.home .et_pb_group_2_tb_body .et_pb_number_counter { background-color: transparent !important; background-image: none !important; border-color: rgba(255,255,255,.22) !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.home .et_pb_group_2_tb_body .percent-value, html[data-entawa-theme="light"] body.home .et_pb_group_2_tb_body .percent-sign, html[data-entawa-theme="light"] body.home .et_pb_group_2_tb_body .title { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ========================================================== PACKAGES ========================================================== */ html[data-entawa-theme="light"] body.home .et_pb_section_2_tb_body { background-color: #f6f7f8 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png") !important; background-repeat: no-repeat !important; background-position: center top !important; background-size: 100% auto !important; } html[data-entawa-theme="light"] body.home .et_pb_text_5_tb_body h1, html[data-entawa-theme="light"] body.home .et_pb_text_5_tb_body h2, html[data-entawa-theme="light"] body.home .et_pb_text_5_tb_body h3 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body.home .et_pb_text_5_tb_body p { color: #66798a !important; -webkit-text-fill-color: #66798a !important; } /* Same pricing geometry, Light surface */ html[data-entawa-theme="light"] body.home .et_pb_section_2_tb_body .et_pb_pricing_table { background-color: #ffffff !important; border-color: rgba(17,24,39,.08) !important; box-shadow: 0 10px 28px rgba(51,65,85,.045) !important; } html[data-entawa-theme="light"] body.home .et_pb_section_2_tb_body .et_pb_pricing_heading { background-color: #ffffff !important; border-color: rgba(17,24,39,.07) !important; } html[data-entawa-theme="light"] body.home .et_pb_section_2_tb_body .et_pb_pricing_title, html[data-entawa-theme="light"] body.home .et_pb_section_2_tb_body .et_pb_pricing_heading h2 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body.home .et_pb_section_2_tb_body .et_pb_pricing_content, html[data-entawa-theme="light"] body.home .et_pb_section_2_tb_body .et_pb_pricing_content li, html[data-entawa-theme="light"] body.home .et_pb_section_2_tb_body .et_pb_pricing_content span { color: #415260 !important; } /* Pricing buttons */ html[data-entawa-theme="light"] body.home .et_pb_pricing_table_0_tb_body a.et_pb_pricing_table_button { background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; } html[data-entawa-theme="light"] body.home .et_pb_pricing_table_1_tb_body a.et_pb_pricing_table_button { background-color: #ffffff !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; border-color: #2f80c9 !important; } /* ========================================================== TESTIMONIALS Same Dark carousel geometry. ========================================================== */ html[data-entawa-theme="light"] body.home .et_pb_section_3_tb_body { background-color: #f8f8f7 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png") !important; background-repeat: no-repeat !important; background-position: center top !important; background-size: 100% auto !important; } html[data-entawa-theme="light"] body.home .et_pb_section_3_tb_body .et_pb_group_3_tb_body, html[data-entawa-theme="light"] body.home .et_pb_section_3_tb_body .et_pb_group_4_tb_body, html[data-entawa-theme="light"] body.home .et_pb_section_3_tb_body .et_pb_group_5_tb_body, html[data-entawa-theme="light"] body.home .et_pb_section_3_tb_body .et_pb_group_6_tb_body { background-color: #ffffff !important; border-color: rgba(17,24,39,.06) !important; box-shadow: 0 8px 22px rgba(51,65,85,.035) !important; } html[data-entawa-theme="light"] body.home .et_pb_section_3_tb_body .et_pb_text, html[data-entawa-theme="light"] body.home .et_pb_section_3_tb_body .et_pb_text p { color: #506371 !important; -webkit-text-fill-color: #506371 !important; } html[data-entawa-theme="light"] body.home .et_pb_section_3_tb_body .et_pb_icon_list_item { color: #788896 !important; -webkit-text-fill-color: #788896 !important; } /* ========================================================== FINAL CTA ========================================================== */ html[data-entawa-theme="light"] body.home .et_pb_section_4_tb_body { background-color: #f8f8f7 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png") !important; background-repeat: no-repeat !important; background-position: center top !important; background-size: 100% auto !important; } html[data-entawa-theme="light"] body.home .et_pb_text_10_tb_body h1, html[data-entawa-theme="light"] body.home .et_pb_text_10_tb_body h2, html[data-entawa-theme="light"] body.home .et_pb_text_10_tb_body h3 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body.home .et_pb_text_10_tb_body p { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* CTA statistics */ html[data-entawa-theme="light"] body.home .et_pb_section_4_tb_body .percent-value, html[data-entawa-theme="light"] body.home .et_pb_section_4_tb_body .percent-sign { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } html[data-entawa-theme="light"] body.home .et_pb_section_4_tb_body .title { color: #42586a !important; } /* CTA buttons */ html[data-entawa-theme="light"] body.home a.et_pb_button_4_tb_body { background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; } html[data-entawa-theme="light"] body.home a.et_pb_button_5_tb_body, html[data-entawa-theme="light"] body.home a.et_pb_button_6_tb_body { background-color: #ffffff !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; border-color: rgba(47,128,201,.50) !important; } /* ========================================================== ENTAWA_LIGHT_003J_COLOR_COVERAGE COLOR ONLY. NO width / height / spacing / positioning / radius / display / flex / grid changes. ========================================================== */ /* ========================================================== GUIDE TITLE ========================================================== */ html[data-entawa-theme="light"] body.home #page-container .et-l--body .et_pb_text_1_tb_body, html[data-entawa-theme="light"] body.home #page-container .et-l--body .et_pb_text_1_tb_body .et_pb_text_inner, html[data-entawa-theme="light"] body.home #page-container .et-l--body .et_pb_text_1_tb_body h1, html[data-entawa-theme="light"] body.home #page-container .et-l--body .et_pb_text_1_tb_body h2, html[data-entawa-theme="light"] body.home #page-container .et-l--body .et_pb_text_1_tb_body h3, html[data-entawa-theme="light"] body.home #page-container .et-l--body .et_pb_text_1_tb_body strong { color: #8d9aa6 !important; -webkit-text-fill-color: #8d9aa6 !important; background-image: none !important; text-shadow: none !important; } html[data-entawa-theme="light"] body.home #page-container .et-l--body .et_pb_text_1_tb_body p { color: #566b7d !important; -webkit-text-fill-color: #566b7d !important; } /* ========================================================== ABOUT SECTION CANVAS ========================================================== */ html[data-entawa-theme="light"] body.home #page-container .et-l--body .et_pb_section_1_tb_body.et_pb_section { background-color: #f8f8f7 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png") !important; border-color: rgba(17,24,39,.06) !important; } /* About text */ html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_text_3_tb_body, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_text_3_tb_body .et_pb_text_inner { color: #536678 !important; -webkit-text-fill-color: #536678 !important; } html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_text_3_tb_body h1, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_text_3_tb_body h2, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_text_3_tb_body h3, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_text_3_tb_body strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_text_3_tb_body p { color: #5b6e7f !important; -webkit-text-fill-color: #5b6e7f !important; } /* ========================================================== ABOUT FEATURE CARDS Exact modules ========================================================== */ html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_blurb_0_tb_body, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_blurb_1_tb_body, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_blurb_2_tb_body, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_blurb_3_tb_body { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-color: rgba(17,24,39,.07) !important; box-shadow: 0 8px 22px rgba(51,65,85,.035) !important; } /* Card titles */ html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_blurb h1, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_blurb h2, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_blurb h3, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_blurb h4, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_blurb .et_pb_module_header { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Card copy */ html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_blurb p, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_blurb_description { color: #647789 !important; -webkit-text-fill-color: #647789 !important; } /* Icons */ html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_blurb .et-pb-icon { color: #3b6a91 !important; background-color: #e8edf1 !important; } /* ========================================================== GLOBE CARD Keep Dark geometry. ========================================================== */ html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_column_12_tb_body { background-color: #ffffff !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/image-1.png") !important; border-color: rgba(31,49,64,.10) !important; box-shadow: 0 8px 24px rgba(42,62,80,.035) !important; } /* Globe title/copy */ html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_text_4_tb_body, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_text_4_tb_body .et_pb_text_inner { color: #5c7081 !important; -webkit-text-fill-color: #5c7081 !important; } html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_text_4_tb_body h1, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_text_4_tb_body h2, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_text_4_tb_body h3, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_text_4_tb_body strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Globe stats surface: SAME Dark shape, Blue Light color. */ html[data-entawa-theme="light"] body.home #page-container .et_pb_section_1_tb_body .et_pb_group_2_tb_body { background: #2c73b5 !important; background-color: #2c73b5 !important; background-image: none !important; border-color: rgba(255,255,255,.18) !important; box-shadow: none !important; } /* Counters transparent */ html[data-entawa-theme="light"] body.home #page-container .et_pb_group_2_tb_body .et_pb_number_counter { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: rgba(255,255,255,.20) !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.home #page-container .et_pb_group_2_tb_body .percent-value, html[data-entawa-theme="light"] body.home #page-container .et_pb_group_2_tb_body .percent-sign, html[data-entawa-theme="light"] body.home #page-container .et_pb_group_2_tb_body .title { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-shadow: none !important; } /* ========================================================== PACKAGES CANVAS ========================================================== */ html[data-entawa-theme="light"] body.home #page-container .et-l--body .et_pb_section_2_tb_body.et_pb_section { background-color: #f5f6f7 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png") !important; border-color: rgba(17,24,39,.06) !important; } /* Packages section heading */ html[data-entawa-theme="light"] body.home #page-container .et_pb_section_2_tb_body .et_pb_text_5_tb_body, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_2_tb_body .et_pb_text_5_tb_body .et_pb_text_inner { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } html[data-entawa-theme="light"] body.home #page-container .et_pb_section_2_tb_body .et_pb_text_5_tb_body h1, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_2_tb_body .et_pb_text_5_tb_body h2, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_2_tb_body .et_pb_text_5_tb_body h3 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Pricing cards — colors only */ html[data-entawa-theme="light"] body.home #page-container .et_pb_section_2_tb_body .et_pb_pricing_table { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-color: rgba(17,24,39,.08) !important; box-shadow: 0 10px 28px rgba(51,65,85,.04) !important; } /* ========================================================== TESTIMONIALS CANVAS ========================================================== */ html[data-entawa-theme="light"] body.home #page-container .et-l--body .et_pb_section_3_tb_body.et_pb_section { background-color: #f8f8f7 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png") !important; border-color: rgba(17,24,39,.06) !important; } /* Cards */ html[data-entawa-theme="light"] body.home #page-container .et_pb_section_3_tb_body .et_pb_group_3_tb_body, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_3_tb_body .et_pb_group_4_tb_body, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_3_tb_body .et_pb_group_5_tb_body, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_3_tb_body .et_pb_group_6_tb_body { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-color: rgba(17,24,39,.06) !important; box-shadow: 0 7px 22px rgba(51,65,85,.035) !important; } /* Testimonial text */ html[data-entawa-theme="light"] body.home #page-container .et_pb_section_3_tb_body .et_pb_text, html[data-entawa-theme="light"] body.home #page-container .et_pb_section_3_tb_body .et_pb_text p { color: #506371 !important; -webkit-text-fill-color: #506371 !important; } /* ========================================================== FINAL CTA CANVAS ========================================================== */ html[data-entawa-theme="light"] body.home #page-container .et-l--body .et_pb_section_4_tb_body.et_pb_section { background-color: #f8f8f7 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png") !important; border-color: rgba(17,24,39,.06) !important; } /* ========================================================== ENTAWA_LIGHT_003J1_GUIDE_CARD Dark owns geometry. Make the EXISTING large guide container white. ========================================================== */ /* * The row containing the guide content, buttons and PDF icon * becomes the white Light card. */ html[data-entawa-theme="light"] body.home #page-container .et_pb_section_0_tb_body .et_pb_row:has(.et_pb_text_2_tb_body):has(.et_pb_button_2_tb_body) { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-color: rgba(22,39,54,.07) !important; box-shadow: 0 10px 28px rgba(42,62,80,.045) !important; } /* * The text module must NOT create another white rectangle * inside the main card. */ html[data-entawa-theme="light"] body.home #page-container .et_pb_text_2_tb_body { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; } /* Any column backgrounds inside the guide remain transparent */ html[data-entawa-theme="light"] body.home #page-container .et_pb_section_0_tb_body .et_pb_row:has(.et_pb_text_2_tb_body):has(.et_pb_button_2_tb_body) > .et_pb_column { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* Main guide copy */ html[data-entawa-theme="light"] body.home #page-container .et_pb_text_2_tb_body, html[data-entawa-theme="light"] body.home #page-container .et_pb_text_2_tb_body .et_pb_text_inner { color: #536779 !important; -webkit-text-fill-color: #536779 !important; } html[data-entawa-theme="light"] body.home #page-container .et_pb_text_2_tb_body strong, html[data-entawa-theme="light"] body.home #page-container .et_pb_text_2_tb_body b { color: #202830 !important; -webkit-text-fill-color: #202830 !important; } /* ========================================================== ENTAWA_LIGHT_004A_SITEWIDE_COLOR_ONLY STRICT CONTRACT: Dark version owns geometry. Light changes colors / backgrounds / borders / shadows only. ========================================================== */ /* ========================================================== GLOBAL NON-HOMEPAGE DIVI CANVAS ========================================================== */ html[data-entawa-theme="light"] body:not(.home) .et-l--body { background-color: #f7f8f9 !important; color: #1f2937 !important; } html[data-entawa-theme="light"] body:not(.home) .et-l--body .et_pb_section { background-color: #f7f8f9 !important; border-color: rgba(15,23,42,.08) !important; } /* * Keep Dark layout/background-image structure. * Rows and columns should not introduce Dark surfaces. */ html[data-entawa-theme="light"] body:not(.home) .et-l--body .et_pb_row, html[data-entawa-theme="light"] body:not(.home) .et-l--body .et_pb_column { background-color: transparent !important; } /* ========================================================== DIVI TYPOGRAPHY ========================================================== */ html[data-entawa-theme="light"] body:not(.home) .et-l--body h1, html[data-entawa-theme="light"] body:not(.home) .et-l--body h2, html[data-entawa-theme="light"] body:not(.home) .et-l--body h3, html[data-entawa-theme="light"] body:not(.home) .et-l--body h4, html[data-entawa-theme="light"] body:not(.home) .et-l--body h5, html[data-entawa-theme="light"] body:not(.home) .et-l--body h6 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } html[data-entawa-theme="light"] body:not(.home) .et-l--body .et_pb_text, html[data-entawa-theme="light"] body:not(.home) .et-l--body .et_pb_text_inner, html[data-entawa-theme="light"] body:not(.home) .et-l--body p, html[data-entawa-theme="light"] body:not(.home) .et-l--body li { color: #5d6f80 !important; text-shadow: none !important; } html[data-entawa-theme="light"] body:not(.home) .et-l--body a { color: #2f80c9; } /* ========================================================== COMMON DIVI CARDS ========================================================== */ html[data-entawa-theme="light"] body:not(.home) .et-l--body .et_pb_blurb, html[data-entawa-theme="light"] body:not(.home) .et-l--body .et_pb_toggle, html[data-entawa-theme="light"] body:not(.home) .et-l--body .et_pb_accordion_item, html[data-entawa-theme="light"] body:not(.home) .et-l--body .et_pb_pricing_table { background-color: #ffffff !important; border-color: rgba(15,23,42,.08) !important; box-shadow: 0 8px 24px rgba(15,23,42,.045) !important; } html[data-entawa-theme="light"] body:not(.home) .et-l--body .et_pb_blurb .et-pb-icon, html[data-entawa-theme="light"] body:not(.home) .et-l--body .et_pb_toggle_title::before { color: #2f80c9 !important; } /* ========================================================== FORMS Contact / Login / Woo / Generic Divi ========================================================== */ html[data-entawa-theme="light"] body .et-l--body input:not([type="submit"]):not([type="button"]), html[data-entawa-theme="light"] body .et-l--body select, html[data-entawa-theme="light"] body .et-l--body textarea { background-color: #ffffff !important; color: #1f2937 !important; border-color: rgba(15,23,42,.14) !important; box-shadow: none !important; caret-color: #1f2937 !important; } html[data-entawa-theme="light"] body .et-l--body input::placeholder, html[data-entawa-theme="light"] body .et-l--body textarea::placeholder { color: #8290a0 !important; opacity: 1 !important; } html[data-entawa-theme="light"] body .et-l--body input:focus, html[data-entawa-theme="light"] body .et-l--body select:focus, html[data-entawa-theme="light"] body .et-l--body textarea:focus { border-color: #2f80c9 !important; box-shadow: 0 0 0 2px rgba(47,128,201,.12) !important; } /* ========================================================== RDMORA COMPONENT TOKEN REMAP Courses / Detail / Lesson / Package / Events / My Learning / Commerce ========================================================== */ html[data-entawa-theme="light"] body [class*="rdmora"] { /* Courses archive */ --rdmora-bg: #f5f7fa !important; --rdmora-surface: #ffffff !important; --rdmora-surface-2: #f8fafc !important; --rdmora-border: rgba(15,23,42,.10) !important; --rdmora-text: #1f2937 !important; --rdmora-muted: #64748b !important; --rdmora-blue: #2f80c9 !important; --rdmora-blue-hover: #246fae !important; /* Course detail / lesson player */ --surface: #ffffff !important; --surface2: #f8fafc !important; --surface-2: #f8fafc !important; --border: rgba(15,23,42,.10) !important; --text: #1f2937 !important; --muted: #64748b !important; --blue: #2f80c9 !important; --blue2: #5b9fd7 !important; --blue-hover: #246fae !important; /* Package */ --bg: #f5f7fa !important; /* My Learning */ --rdmora-learning-bg: #f5f7fa !important; --rdmora-learning-panel: #ffffff !important; --rdmora-learning-panel-soft: #f8fafc !important; --rdmora-learning-field: #ffffff !important; --rdmora-learning-border: rgba(15,23,42,.09) !important; --rdmora-learning-border-strong: rgba(15,23,42,.15) !important; --rdmora-learning-text: #1f2937 !important; --rdmora-learning-muted: #64748b !important; --rdmora-learning-accent: #2f80c9 !important; --rdmora-learning-accent-hover: #246fae !important; /* Events */ --rdmora-events-panel: #ffffff !important; --rdmora-events-panel-soft: #f8fafc !important; --rdmora-events-border: rgba(15,23,42,.09) !important; --rdmora-events-border-strong: rgba(15,23,42,.15) !important; --rdmora-events-text: #1f2937 !important; --rdmora-events-muted: #64748b !important; --rdmora-events-accent: #2f80c9 !important; --rdmora-events-accent-hover: #246fae !important; --rdmora-events-badge-bg: rgba(47,128,201,.09) !important; --rdmora-events-badge-border: rgba(47,128,201,.22) !important; /* Legacy event token set */ --event-panel: #ffffff !important; --event-panel-soft: #f8fafc !important; --event-border: rgba(15,23,42,.09) !important; --event-border-strong: rgba(15,23,42,.15) !important; --event-text: #1f2937 !important; --event-muted: #64748b !important; --event-accent: #2f80c9 !important; --event-accent-hover: #246fae !important; --event-success: #238a4a !important; /* Commerce */ --rdmora-commerce-bg: #f5f7fa !important; --rdmora-commerce-panel: #ffffff !important; --rdmora-commerce-panel-soft: #f8fafc !important; --rdmora-commerce-field: #ffffff !important; --rdmora-commerce-border: rgba(15,23,42,.09) !important; --rdmora-commerce-border-strong: rgba(15,23,42,.15) !important; --rdmora-commerce-text: #1f2937 !important; --rdmora-commerce-muted: #64748b !important; --rdmora-commerce-accent: #2f80c9 !important; --rdmora-commerce-accent-hover: #246fae !important; --rdmora-commerce-success: #238a4a !important; --rdmora-commerce-danger: #c83f4d !important; } /* ========================================================== RDMORA GENERIC TEXT SAFETY COLORS ONLY ========================================================== */ html[data-entawa-theme="light"] body [class*="rdmora"] h1, html[data-entawa-theme="light"] body [class*="rdmora"] h2, html[data-entawa-theme="light"] body [class*="rdmora"] h3, html[data-entawa-theme="light"] body [class*="rdmora"] h4 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body [class*="rdmora"] p { color: #64748b; } /* ========================================================== WOOCOMMERCE / STORE / CHECKOUT ========================================================== */ html[data-entawa-theme="light"] body.woocommerce-shop, html[data-entawa-theme="light"] body.single-product, html[data-entawa-theme="light"] body.woocommerce-checkout, html[data-entawa-theme="light"] body.woocommerce-order-received { background-color: #f5f7fa !important; color: #1f2937 !important; } html[data-entawa-theme="light"] body .woocommerce table.shop_table, html[data-entawa-theme="light"] body .woocommerce .cart_totals, html[data-entawa-theme="light"] body .woocommerce .checkout, html[data-entawa-theme="light"] body .woocommerce .woocommerce-order { background-color: #ffffff !important; color: #1f2937 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: 0 8px 24px rgba(15,23,42,.04) !important; } html[data-entawa-theme="light"] body .woocommerce table.shop_table th { background-color: #f8fafc !important; color: #202428 !important; border-color: rgba(15,23,42,.08) !important; } html[data-entawa-theme="light"] body .woocommerce table.shop_table td { color: #5c6d7c !important; border-color: rgba(15,23,42,.08) !important; } /* ========================================================== MY ACCOUNT Keep current geometry exactly. ========================================================== */ html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap { background-color: #ffffff !important; border-color: rgba(15,23,42,.08) !important; box-shadow: 0 10px 30px rgba(15,23,42,.045) !important; } /* Navigation divider */ html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-MyAccount-navigation { border-color: rgba(15,23,42,.09) !important; } /* Nav links */ html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-MyAccount-navigation li a { color: #64748b !important; background-color: transparent !important; } html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-MyAccount-navigation li a:hover { color: #246fae !important; background-color: rgba(47,128,201,.08) !important; } html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-MyAccount-navigation li.is-active a { color: #246fae !important; background-color: rgba(47,128,201,.11) !important; } /* Account content */ html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-MyAccount-content { color: #334155 !important; } html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-MyAccount-content h1, html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-MyAccount-content h2, html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-MyAccount-content h3 { color: #202428 !important; } html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-MyAccount-content p { color: #64748b !important; } html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-MyAccount-content label { color: #334155 !important; } /* Account fields */ html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-MyAccount-content input, html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-MyAccount-content select, html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-MyAccount-content textarea { background-color: #ffffff !important; color: #1f2937 !important; border-color: rgba(15,23,42,.14) !important; } /* Account tables/cards */ html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap table.shop_table, html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-Address, html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .entawa-language-option { background-color: #f8fafc !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; } /* Account notices */ html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-message, html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-info, html[data-entawa-theme="light"] body.logged-in #entawa-register-wrap .woocommerce-error { background-color: #f8fafc !important; color: #334155 !important; border-color: rgba(15,23,42,.10) !important; } /* ========================================================== ENTAWA_LIGHT_004B_ABOUT_COLOR_ONLY About page: page-id-19 STRICT: Dark owns all geometry. Light changes colors only. ========================================================== */ /* ========================================================== PAGE CANVAS ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) { background-color: #f7f8f9 !important; color: #1f2937 !important; } /* ========================================================== SECTION 0 — ABOUT HERO Keep Section.png exactly as Dark layout uses it. ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_section_0_tb_body { background-color: #f7f8f9 !important; border-color: rgba(15,23,42,.08) !important; } /* Hero heading */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_0_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_0_tb_body .et_pb_text_inner { color: #5d6f80 !important; -webkit-text-fill-color: #5d6f80 !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_0_tb_body h1, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_0_tb_body h2, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_0_tb_body h3, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_0_tb_body strong { color: #202830 !important; -webkit-text-fill-color: #202830 !important; text-shadow: none !important; } /* Hero counters */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_row_1_tb_body .percent-value, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_row_1_tb_body .percent-sign { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_row_1_tb_body .title { color: #526678 !important; -webkit-text-fill-color: #526678 !important; } /* ========================================================== SECTION 1 — GUIDE ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_section_1_tb_body { background-color: #f7f8f9 !important; border-color: rgba(15,23,42,.08) !important; } /* Guide main title */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_1_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_1_tb_body .et_pb_text_inner { color: #657789 !important; -webkit-text-fill-color: #657789 !important; text-shadow: none !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_1_tb_body h1, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_1_tb_body h2, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_1_tb_body h3 { color: #aab5c0 !important; -webkit-text-fill-color: #aab5c0 !important; text-shadow: none !important; } /* * Entire existing Dark guide container becomes white. * Geometry remains untouched. */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_row_3_tb_body { background-color: #ffffff !important; border-color: rgba(15,23,42,.07) !important; box-shadow: 0 8px 24px rgba(15,23,42,.04) !important; } /* Nested row stays transparent */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_row_4_tb_body { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } /* Guide text module */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_2_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_2_tb_body .et_pb_text_inner { background-color: transparent !important; color: #5d7081 !important; -webkit-text-fill-color: #5d7081 !important; border-color: transparent !important; box-shadow: none !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_2_tb_body strong, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_2_tb_body b { color: #202830 !important; -webkit-text-fill-color: #202830 !important; } /* Guide primary */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) a.et_pb_button_0_tb_body { background-color: #20262b !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #20262b !important; box-shadow: none !important; } /* Guide secondary */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) a.et_pb_button_1_tb_body { background-color: #ffffff !important; color: #263540 !important; -webkit-text-fill-color: #263540 !important; border-color: rgba(15,23,42,.14) !important; box-shadow: none !important; } /* ========================================================== SECTION 2 — OUR STORY / JOURNEY ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_section_2_tb_body { background-color: #f7f8f9 !important; border-color: rgba(15,23,42,.08) !important; } /* Story titles */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_3_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_4_tb_body { color: #5f7182 !important; -webkit-text-fill-color: #5f7182 !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_3_tb_body h1, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_3_tb_body h2, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_3_tb_body h3, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_4_tb_body h1, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_4_tb_body h2, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_4_tb_body h3 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Four story cards */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_blurb_0_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_blurb_1_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_blurb_2_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_blurb_3_tb_body { background-color: #ffffff !important; border-color: rgba(15,23,42,.08) !important; box-shadow: 0 8px 24px rgba(15,23,42,.043) !important; } /* Story card heading/copy */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_section_2_tb_body .et_pb_blurb .et_pb_module_header { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_section_2_tb_body .et_pb_blurb_description { color: #657789 !important; -webkit-text-fill-color: #657789 !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_section_2_tb_body .et_pb_blurb .et-pb-icon { color: #426b8c !important; background-color: #e8edf1 !important; } /* ========================================================== JOURNEY / TIMELINE Custom markup lives inside row 7. Only color descendants that already represent timeline UI. ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_row_7_tb_body [class*="timeline"] { color: #536779 !important; border-color: rgba(15,23,42,.10) !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_row_7_tb_body [class*="timeline-item"], html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_row_7_tb_body [class*="timeline-card"], html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_row_7_tb_body [class*="timeline-content"] { background-color: #ffffff !important; color: #526678 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: 0 6px 18px rgba(15,23,42,.03) !important; } /* Timeline headings */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_row_7_tb_body [class*="timeline"] h1, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_row_7_tb_body [class*="timeline"] h2, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_row_7_tb_body [class*="timeline"] h3, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_row_7_tb_body [class*="timeline"] h4 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Timeline accent/dots */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_row_7_tb_body [class*="timeline"] [class*="dot"], html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_row_7_tb_body [class*="timeline"] [class*="marker"] { background-color: #2f80c9 !important; border-color: #2f80c9 !important; } /* ========================================================== SECTION 3 — MISSION & VALUES ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_section_3_tb_body { background-color: #f7f8f9 !important; border-color: rgba(15,23,42,.08) !important; } /* Heading */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_5_tb_body { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* * This was the confirmed Dark leak: * rgba(17, 19, 23, .5) */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_6_tb_body { background-color: #edf1f4 !important; color: #536779 !important; border-color: rgba(15,23,42,.10) !important; box-shadow: none !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_6_tb_body .et_pb_text_inner { color: #536779 !important; -webkit-text-fill-color: #536779 !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_6_tb_body h1, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_6_tb_body h2, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_6_tb_body h3, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_6_tb_body strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Value cards */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_blurb_4_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_blurb_5_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_blurb_6_tb_body { background-color: #ffffff !important; border-color: rgba(15,23,42,.08) !important; box-shadow: 0 8px 24px rgba(15,23,42,.043) !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_section_3_tb_body .et_pb_blurb .et_pb_module_header { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_section_3_tb_body .et_pb_blurb_description { color: #657789 !important; -webkit-text-fill-color: #657789 !important; } /* ========================================================== SECTION 4 — FINAL CTA ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_section_4_tb_body { background-color: #f7f8f9 !important; border-color: rgba(15,23,42,.08) !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_7_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_7_tb_body .et_pb_text_inner { color: #5f7182 !important; -webkit-text-fill-color: #5f7182 !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_7_tb_body h1, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_7_tb_body h2, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_text_7_tb_body h3 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* CTA primary */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) a.et_pb_button_2_tb_body { background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; box-shadow: 0 8px 22px rgba(47,128,201,.15) !important; } /* CTA secondary */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) a.et_pb_button_3_tb_body { background-color: #ffffff !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; border-color: rgba(47,128,201,.45) !important; box-shadow: none !important; } /* ========================================================== ENTAWA_LIGHT_004B1_ABOUT_BG_IMAGE About page ID 19 Dark geometry unchanged. Replace Dark Section.png artwork in Light Mode only. ========================================================== */ /* ========================================================== ABOUT HERO ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_0_tb_body.et_pb_section { background-color: #f7f8f9 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png") !important; border-color: rgba(15,23,42,.08) !important; } /* ========================================================== GUIDE SECTION ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_1_tb_body.et_pb_section { background-color: #f7f8f9 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png") !important; border-color: rgba(15,23,42,.08) !important; } /* * Existing Dark guide card = White in Light. * Geometry remains exactly as Dark. */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_row_3_tb_body { background-color: #ffffff !important; background-image: none !important; border-color: rgba(15,23,42,.07) !important; box-shadow: 0 8px 24px rgba(15,23,42,.04) !important; } /* ========================================================== FINAL CTA ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_4_tb_body.et_pb_section { background-color: #f7f8f9 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png") !important; border-color: rgba(15,23,42,.08) !important; } /* CTA text */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_7_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_7_tb_body .et_pb_text_inner { color: #5f7182 !important; -webkit-text-fill-color: #5f7182 !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_7_tb_body h1, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_7_tb_body h2, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_7_tb_body h3 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* ========================================================== HERO / GUIDE TEXT CONTRAST ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_0_tb_body h1, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_0_tb_body h2, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_0_tb_body h3 { color: #202830 !important; -webkit-text-fill-color: #202830 !important; text-shadow: none !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_1_tb_body h1, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_1_tb_body h2, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_1_tb_body h3 { color: #a8b3bd !important; -webkit-text-fill-color: #a8b3bd !important; text-shadow: none !important; } /* ========================================================== ENTAWA_LIGHT_004B2_ABOUT_TIMELINE page-id-19 Dark = geometry master Light = colors only ========================================================== */ /* Timeline cards */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_row_7_tb_body .et_pb_timeline_card { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #536779 !important; border-color: rgba(15,23,42,.10) !important; box-shadow: 0 6px 18px rgba(15,23,42,.035) !important; } /* All normal copy */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_timeline_card p, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_timeline_card span { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* Titles */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_timeline_card h1, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_timeline_card h2, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_timeline_card h3, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_timeline_card h4, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_timeline_card h5, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_timeline_card strong, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_timeline_card b { color: #202830 !important; -webkit-text-fill-color: #202830 !important; } /* Links inside timeline */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_timeline_card a { color: #2f80c9 !important; } /* * Timeline connectors / years / markers. * No geometry changes. */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_row_7_tb_body [class*="timeline"] { border-color: rgba(47,128,201,.28) !important; } /* Preserve the blue visual language of years/markers */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_row_7_tb_body [class*="year"], html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_row_7_tb_body [class*="date"] { color: #6288ac !important; -webkit-text-fill-color: #6288ac !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_row_7_tb_body [class*="dot"], html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_row_7_tb_body [class*="marker"] { background-color: #2f80c9 !important; border-color: #2f80c9 !important; } /* ========================================================== ENTAWA_LIGHT_004B3_ABOUT_FIGMA_COLORS page-id-19 IMPORTANT: COLORS ONLY. Theme Builder / Dark version owns all geometry. ========================================================== */ /* ========================================================== JOURNEY / TIMELINE FIGMA: outer page = soft neutral timeline area = pure white ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_2_tb_body { background-color: #f6f5f6 !important; border-color: rgba(15,23,42,.06) !important; } /* * The complete existing Timeline row is White. * No sizing/layout changes. */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_row_7_tb_body { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-color: rgba(15,23,42,.06) !important; box-shadow: none !important; } /* * Cards blend with the White timeline canvas. * Their existing Dark geometry is untouched. */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_row_7_tb_body .et_pb_timeline_card { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #536779 !important; border-color: rgba(15,23,42,.06) !important; box-shadow: none !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_timeline_card h1, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_timeline_card h2, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_timeline_card h3, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_timeline_card h4, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_timeline_card strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_timeline_card p { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* Years remain Figma blue */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_row_7_tb_body [class*="year"] { color: #6288ac !important; -webkit-text-fill-color: #6288ac !important; } /* ========================================================== MISSION & VALUES FIGMA sampled palette: section canvas ≈ #F6F5F6 mission card = #FFFFFF value cards = #FFFFFF ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body { background: #f6f5f6 !important; background-color: #f6f5f6 !important; background-image: none !important; border-color: rgba(15,23,42,.06) !important; } /* Section title */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_5_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_5_tb_body .et_pb_text_inner { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* * MAIN MISSION CARD * * Remove previous invented #EDF1F4. * Figma = White. */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_6_tb_body { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #607385 !important; border-color: rgba(15,23,42,.06) !important; box-shadow: none !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_6_tb_body .et_pb_text_inner { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_6_tb_body h1, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_6_tb_body h2, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_6_tb_body h3, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_6_tb_body strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Value cards */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_4_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_5_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_6_tb_body { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-color: rgba(15,23,42,.06) !important; box-shadow: none !important; } /* Value card titles */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_blurb .et_pb_module_header { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Value copy */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_blurb_description { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* Icons */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_blurb .et-pb-icon { color: #246aa9 !important; background-color: #edf1f4 !important; } /* ========================================================== ENTAWA_LIGHT_004B4_MISSION_WHITE_CARDS About page / Mission & Values COLORS ONLY ========================================================== */ /* ========================================================== MISSION CARD Figma = pure white, no visible border. ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_text_6_tb_body { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; } /* ========================================================== VALUE CARDS Full card = white. No outline. ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_4_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_5_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_6_tb_body { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; } /* * Inner Divi content must remain same white surface, * so we don't get white-inside-grey-card effect. */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_4_tb_body .et_pb_blurb_content, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_5_tb_body .et_pb_blurb_content, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_6_tb_body .et_pb_blurb_content { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; } /* Titles */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_module_header { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Copy */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_blurb_description { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* * Icon tile stays soft grey like Figma. */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_blurb .et-pb-icon { color: #426b8c !important; background-color: #edf1f4 !important; border-color: transparent !important; box-shadow: none !important; } /* ========================================================== ENTAWA_LIGHT_004B5_FULL_CARD_WHITE About page - values cards Make the WHOLE card white, no border, no inner contrast ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_4_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_5_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_6_tb_body { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border: none !important; border-color: transparent !important; box-shadow: none !important; outline: none !important; } /* Any inner Divi wrapper should inherit same full white card */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_4_tb_body .et_pb_module_inner, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_5_tb_body .et_pb_module_inner, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_6_tb_body .et_pb_module_inner, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_4_tb_body .et_pb_blurb_content, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_5_tb_body .et_pb_blurb_content, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_6_tb_body .et_pb_blurb_content, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_4_tb_body .et_pb_blurb_container, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_5_tb_body .et_pb_blurb_container, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_6_tb_body .et_pb_blurb_container { background: transparent !important; background-color: transparent !important; background-image: none !important; border: none !important; border-color: transparent !important; box-shadow: none !important; outline: none !important; } /* Keep title/text colors clean */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_blurb .et_pb_module_header { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_blurb .et_pb_blurb_description { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* Icon tile only stays soft grey */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_blurb .et-pb-icon { color: #426b8c !important; background-color: #edf1f4 !important; border: none !important; box-shadow: none !important; } /* ========================================================== ENTAWA_LIGHT_004B6_VALUE_COLUMNS ABOUT PAGE / MISSION & VALUES Actual card surface = COLUMN. Dark geometry remains untouched. ========================================================== */ /* ========================================================== VALUE CARD COLUMNS ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_column:has(.et_pb_blurb_4_tb_body), html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_column:has(.et_pb_blurb_5_tb_body), html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_column:has(.et_pb_blurb_6_tb_body) { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; outline-color: transparent !important; } /* ========================================================== BLURBS BECOME TRANSPARENT CONTENT ONLY ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_4_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_5_tb_body, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_blurb_6_tb_body { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; } /* Inner layers transparent too */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_blurb_content, html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_blurb_container { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; } /* ========================================================== TYPOGRAPHY ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_blurb .et_pb_module_header { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_blurb_description { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* Icon tile stays soft grey */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) #page-container .et_pb_section_3_tb_body .et_pb_blurb .et-pb-icon { color: #426b8c !important; background-color: #edf1f4 !important; border-color: transparent !important; box-shadow: none !important; } /* ========================================================== ENTAWA_LIGHT_004C_EVENT_SINGLE Single Event: - Light stat text - RTL checkmarks inside list boxes ========================================================== */ /* ========================================================== LIGHT MODE — FOUR TOP STAT CARDS ========================================================== */ html[data-entawa-theme="light"] body.single-tribe_events .rdmora-event-detail__stat { background-color: #ffffff !important; border-color: rgba(15,23,42,.08) !important; box-shadow: none !important; } /* Small label: التاريخ / الوقت / المكان / المقاعد */ html[data-entawa-theme="light"] body.single-tribe_events .rdmora-event-detail__stat span { color: #64748b !important; -webkit-text-fill-color: #64748b !important; } /* Actual value */ html[data-entawa-theme="light"] body.single-tribe_events .rdmora-event-detail__stat strong { color: #1f2937 !important; -webkit-text-fill-color: #1f2937 !important; text-shadow: none !important; } /* Stat icons */ html[data-entawa-theme="light"] body.single-tribe_events .rdmora-event-detail__stat .rdmora-event-detail__icon { color: #2f80c9 !important; } /* ========================================================== LIGHT MODE — EVENT CONTENT CARDS Safety against remaining white text ========================================================== */ html[data-entawa-theme="light"] body.single-tribe_events .rdmora-event-detail__prose, html[data-entawa-theme="light"] body.single-tribe_events .rdmora-event-detail__list, html[data-entawa-theme="light"] body.single-tribe_events .rdmora-event-detail__agenda, html[data-entawa-theme="light"] body.single-tribe_events .rdmora-event-detail__presenter, html[data-entawa-theme="light"] body.single-tribe_events .rdmora-event-detail__registration { background-color: #ffffff !important; color: #536779 !important; border-color: rgba(15,23,42,.08) !important; } html[data-entawa-theme="light"] body.single-tribe_events .rdmora-event-detail__section > h2, html[data-entawa-theme="light"] body.single-tribe_events .rdmora-event-detail__registration h2 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* ========================================================== RTL CHECKMARK FIX Arabic only. Keep ✓ INSIDE the list box on the right. ========================================================== */ body.rtl .rdmora-event-detail .rdmora-event-detail__list li { position: relative !important; padding-inline-start: 1.65rem !important; } /* * In RTL, inline-start = RIGHT. * This places the tick inside the item instead of outside. */ body.rtl .rdmora-event-detail .rdmora-event-detail__list li::before { inset-inline-start: .15rem !important; inset-inline-end: auto !important; color: #2f80c9 !important; } /* Info list uses same alignment */ body.rtl .rdmora-event-detail .rdmora-event-detail__list.is-info li::before { inset-inline-start: .15rem !important; inset-inline-end: auto !important; } /* ========================================================== ENGLISH SAFETY English keeps its existing LTR positioning. ========================================================== */ body:not(.rtl) .rdmora-event-detail .rdmora-event-detail__list li::before { inset-inline-start: 0 !important; inset-inline-end: auto !important; } /* ========================================================== ENTAWA_LIGHT_004C1_RTL_CHECKMARK_FINAL Event Single Arabic lists - Remove browser bullet - One ✓ only - ✓ stays INSIDE the white box - No changes to card/grid geometry ========================================================== */ /* Remove UL browser indentation / markers */ body.rtl.single-tribe_events .rdmora-event-detail .rdmora-event-detail__list { list-style: none !important; } /* Remove native LI bullet and reserve space for ✓ */ body.rtl.single-tribe_events .rdmora-event-detail .rdmora-event-detail__list li { list-style: none !important; position: relative !important; padding-right: 1.55rem !important; padding-left: 0 !important; } /* Explicitly kill ::marker */ body.rtl.single-tribe_events .rdmora-event-detail .rdmora-event-detail__list li::marker { content: "" !important; color: transparent !important; } /* One clean checkmark, inside right edge */ body.rtl.single-tribe_events .rdmora-event-detail .rdmora-event-detail__list li::before { content: "✓" !important; position: absolute !important; right: 0 !important; left: auto !important; top: .05em !important; color: #2f80c9 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-weight: 700 !important; line-height: 1.4 !important; } /* Same behavior for information lists */ body.rtl.single-tribe_events .rdmora-event-detail .rdmora-event-detail__list.is-info li { list-style: none !important; } body.rtl.single-tribe_events .rdmora-event-detail .rdmora-event-detail__list.is-info li::marker { content: "" !important; } body.rtl.single-tribe_events .rdmora-event-detail .rdmora-event-detail__list.is-info li::before { content: "✓" !important; right: 0 !important; left: auto !important; } /* LTR / English unaffected */ body:not(.rtl).single-tribe_events .rdmora-event-detail .rdmora-event-detail__list li { list-style: none !important; } /* ========================================================== ENTAWA_LIGHT_004C2_RTL_LIST_SPACING Arabic Event Single Final spacing for ✓ lists ========================================================== */ /* * Reserve comfortable space inside each item * for the checkmark. */ body.rtl.single-tribe_events .rdmora-event-detail .rdmora-event-detail__list li { padding-right: 2.25rem !important; padding-left: .65rem !important; } /* * Move ✓ away from card edge * and vertically center it with its text. */ body.rtl.single-tribe_events .rdmora-event-detail .rdmora-event-detail__list li::before { right: .75rem !important; left: auto !important; top: 50% !important; transform: translateY(-50%) !important; color: #2f80c9 !important; line-height: 1 !important; } /* Information list follows same spacing */ body.rtl.single-tribe_events .rdmora-event-detail .rdmora-event-detail__list.is-info li { padding-right: 2.25rem !important; padding-left: .65rem !important; } body.rtl.single-tribe_events .rdmora-event-detail .rdmora-event-detail__list.is-info li::before { right: .75rem !important; top: 50% !important; transform: translateY(-50%) !important; } /* ========================================================== ENTAWA_LIGHT_004D_ATTENDEE_REGISTRATION Attendee Registration page Dark = Geometry Master Light = Colors Only ========================================================== */ /* ========================================================== PAGE CANVAS ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration { background-color: #f5f7fa !important; color: #1f2937 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #main-content, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #et-main-area, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-common { background-color: #f5f7fa !important; color: #1f2937 !important; } /* ========================================================== MAIN REGISTRATION SURFACES ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-grid, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-page-row, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__attendee-tickets-container { background-color: transparent !important; border-color: rgba(15,23,42,.08) !important; box-shadow: none !important; } /* Main attendee form card */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-form, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__attendee-tickets-item, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__attendee-tickets-item-attendee-info { background-color: #ffffff !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; } /* ========================================================== TICKET SUMMARY CARD ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__tickets-item, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__tickets-footer, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__tickets { background-color: #ffffff !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; } /* ========================================================== CONFIRMED WHITE TEXT FROM AUDIT ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__tickets-item-content-title-container, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__tickets-item-content-title, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-title { color: #1f2937 !important; -webkit-text-fill-color: #1f2937 !important; border-color: rgba(15,23,42,.08) !important; text-shadow: none !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__tickets-item-content-subtitle { color: #64748b !important; -webkit-text-fill-color: #64748b !important; } /* Ticket price / totals */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__tickets-item-extra-price, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__tickets-item-total-wrap, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__tickets-footer-total { color: #1f2937 !important; -webkit-text-fill-color: #1f2937 !important; } /* ========================================================== GENERIC REGISTRATION TYPOGRAPHY ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration h1, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration h2, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration h3, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration h4, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration p, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration span, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration label { color: #5f7182 !important; } /* Required star */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration .tribe-common-form-control-text__label-required { color: #dc3545 !important; } /* ========================================================== INPUT FIELDS Confirmed audit selectors ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration input.tribe-common-form-control-text__input, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration input.tribe-tickets__form-field-input, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration textarea.tribe-tickets__form-field-input, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration select.tribe-tickets__form-field-input { background-color: #ffffff !important; color: #1f2937 !important; -webkit-text-fill-color: #1f2937 !important; border-color: rgba(15,23,42,.16) !important; box-shadow: none !important; caret-color: #1f2937 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration input.tribe-tickets__form-field-input::placeholder { color: #94a3b8 !important; opacity: 1 !important; } /* Focus */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration input.tribe-tickets__form-field-input:focus, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration textarea.tribe-tickets__form-field-input:focus, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration select.tribe-tickets__form-field-input:focus { border-color: #2f80c9 !important; box-shadow: 0 0 0 2px rgba(47,128,201,.10) !important; } /* ========================================================== TICKET SUMMARY DIVIDERS ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__tickets-item, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__tickets-footer, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__attendee-tickets-item { border-color: rgba(15,23,42,.09) !important; } /* ========================================================== MAIN CTA Keep the existing shape and geometry. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration button.tribe-tickets__registration-submit { background-color: #2563eb !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2563eb !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration button.tribe-tickets__registration-submit:hover { background-color: #1d4ed8 !important; border-color: #1d4ed8 !important; } /* ========================================================== MUTED / HELP TEXT ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-description, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-footer, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-common-b2, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-common-b3 { color: #64748b !important; } /* ========================================================== RDMORA COMMERCE TOKENS ON THIS PAGE ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration { --rdmora-commerce-bg: #f5f7fa !important; --rdmora-commerce-panel: #ffffff !important; --rdmora-commerce-panel-soft: #f8fafc !important; --rdmora-commerce-field: #ffffff !important; --rdmora-commerce-border: rgba(15,23,42,.09) !important; --rdmora-commerce-border-strong: rgba(15,23,42,.15) !important; --rdmora-commerce-text: #1f2937 !important; --rdmora-commerce-muted: #64748b !important; --rdmora-commerce-accent: #2563eb !important; --rdmora-commerce-accent-hover: #1d4ed8 !important; } /* ========================================================== ENTAWA_LIGHT_004D1_ATTENDEE_WRAPPERS Exact audited selectors. Dark geometry remains untouched. ========================================================== */ /* ========================================================== MINI CART / TICKET SUMMARY Actual dark element: #tribe-tickets__mini-cart ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #tribe-tickets__mini-cart { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; } /* Mini-cart heading */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #tribe-tickets__mini-cart h1, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #tribe-tickets__mini-cart h2, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #tribe-tickets__mini-cart h3, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #tribe-tickets__mini-cart strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Ticket title / price / total */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #tribe-tickets__mini-cart .tribe-tickets__tickets-item-content-title-container, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #tribe-tickets__mini-cart .tribe-tickets__tickets-item-content-title, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #tribe-tickets__mini-cart .tribe-tickets__tickets-item-extra-price, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #tribe-tickets__mini-cart .tribe-tickets__tickets-item-total-wrap, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #tribe-tickets__mini-cart .tribe-tickets__tickets-footer-total { color: #1f2937 !important; -webkit-text-fill-color: #1f2937 !important; } /* Subtitle / supporting copy */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #tribe-tickets__mini-cart .tribe-tickets__tickets-item-content-subtitle, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #tribe-tickets__mini-cart .tribe-common-b2, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #tribe-tickets__mini-cart .tribe-common-b3 { color: #64748b !important; -webkit-text-fill-color: #64748b !important; } /* Mini-cart separators */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #tribe-tickets__mini-cart .tribe-tickets__tickets-item, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #tribe-tickets__mini-cart .tribe-tickets__tickets-footer { border-color: rgba(15,23,42,.09) !important; } /* ========================================================== MAIN EVENT REGISTRATION CARD Actual dark element: .tribe-tickets__registration-event ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-event { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; } /* Event title */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-event .tribe-tickets__registration-title, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-event h1, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-event h2, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-event h3, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-event strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* Date / metadata / supporting text */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-event .tribe-common-b2, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-event .tribe-common-b3, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-event p, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-event span { color: #64748b !important; } /* Dividers inside main event card */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-event * { border-color: rgba(15,23,42,.09); } /* ========================================================== ATTENDEE FORM REMAINS WHITE ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__attendee-tickets, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__attendee-tickets-item, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__attendee-tickets-item-attendee-info { background-color: #ffffff !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; } /* Form labels */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__attendee-tickets label { color: #475569 !important; } /* ========================================================== VALIDATION / ERROR NOTICES Light theme equivalent ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration #tribe-tickets__notice__attendee-registration, html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__attendee-tickets-error { background-color: #fef2f2 !important; color: #b91c1c !important; border-color: #fecaca !important; box-shadow: none !important; } /* ========================================================== MAIN PAGE COPY BELOW FORM ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--attendee-registration .tribe-tickets__registration-content { color: #64748b !important; } /* ========================================================== ENTAWA_LIGHT_004E_CHECKOUT Page: body.page-id-14.rdmora-commerce-ui--checkout STRICT: Dark owns geometry. Light changes visual colors only. ========================================================== */ /* ========================================================== 1. PAGE CANVAS Audit: #main-content = rgb(23,27,33) ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout #main-content { background: #f6f7f8 !important; background-color: #f6f7f8 !important; background-image: none !important; color: #1f2937 !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wp-block-woocommerce-checkout { color: #1f2937 !important; } /* ========================================================== 2. MAIN CHECKOUT CARD Audit: .wc-block-checkout__main = rgb(23,29,36) ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-main.wc-block-checkout__main { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; } /* Form inherits Light canvas */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-checkout__form { color: #334155 !important; } /* ========================================================== 3. ORDER SUMMARY SIDEBAR Audit: .wc-block-checkout__sidebar = rgb(23,29,36) ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-sidebar.wc-block-checkout__sidebar { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wp-block-woocommerce-checkout-order-summary-block { color: #334155 !important; border-color: rgba(15,23,42,.09) !important; } /* ========================================================== 4. SECTION HEADINGS Contact / Billing / Payment / Additional Info ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-checkout-step__title, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-checkout-step__heading, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-title, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-checkout-order-summary__title-text, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-product-name { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* Main content / labels */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-checkout-step__content, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-address-form, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-checkbox__label, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-checkout__terms { color: #536779 !important; } /* Step separators */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-checkout-step { border-color: rgba(15,23,42,.09) !important; } /* ========================================================== 5. TEXT INPUTS Audit dark input = rgb(16,22,28) ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-text-input input, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-address-form input, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout #email, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout #billing-first_name, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout #billing-last_name, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout #billing-address_1, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout #billing-city, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout #billing-state, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout #billing-phone { background: #ffffff !important; background-color: #ffffff !important; color: #1f2937 !important; -webkit-text-fill-color: #1f2937 !important; border-color: rgba(15,23,42,.16) !important; box-shadow: none !important; caret-color: #1f2937 !important; } /* Labels */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-text-input label, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-address-form label { color: #64748b !important; } /* Placeholder */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-text-input input::placeholder, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-address-form input::placeholder { color: #94a3b8 !important; -webkit-text-fill-color: #94a3b8 !important; opacity: 1 !important; } /* Focus */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-text-input input:focus, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-address-form input:focus { border-color: #2f80c9 !important; box-shadow: 0 0 0 2px rgba(47,128,201,.10) !important; } /* ========================================================== 6. COUNTRY SELECT ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-blocks-components-select__container { background: #ffffff !important; background-color: #ffffff !important; color: #1f2937 !important; border-color: rgba(15,23,42,.16) !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-blocks-components-select__label { color: #64748b !important; -webkit-text-fill-color: #64748b !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-blocks-components-select select { color: #1f2937 !important; -webkit-text-fill-color: #1f2937 !important; } /* ========================================================== 7. ADDRESS CARD ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-address-card { background-color: #ffffff !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; } /* ========================================================== 8. PAYMENT METHOD ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-radio-control { color: #334155 !important; border-color: rgba(15,23,42,.10) !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-radio-control-accordion-option { background-color: #ffffff !important; color: #334155 !important; border-color: rgba(15,23,42,.10) !important; box-shadow: 0 0 0 1px rgba(15,23,42,.10) inset !important; } /* Selected payment row */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-radio-control__option-checked { background-color: rgba(47,128,201,.07) !important; color: #202428 !important; border-color: rgba(47,128,201,.22) !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-radio-control__label, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-payment-method-label { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-radio-control-accordion-content { color: #64748b !important; } /* Keep radio itself dark/blue readable */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-radio-control__input { background-color: #ffffff !important; border-color: #475569 !important; } /* ========================================================== 9. ADDITIONAL INFORMATION / ORDER NOTES ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout #order-fields, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout #order-notes { color: #334155 !important; border-color: rgba(15,23,42,.09) !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-checkout__add-note, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-checkout__add-note label { color: #475569 !important; } /* ========================================================== 10. TERMS ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-checkout__terms { color: #64748b !important; border-color: rgba(15,23,42,.10) !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-checkout__terms a { color: #2f80c9 !important; } /* ========================================================== 11. ORDER SUMMARY CONTENT ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-checkout-order-summary__title, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-checkout-order-summary__content, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-order-summary, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-order-summary__content, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-order-summary-item { color: #334155 !important; border-color: rgba(15,23,42,.09) !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-product-name { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Product prices */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-formatted-money-amount, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-product-price, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-cart-item__prices, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-order-summary-item__total-price { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Quantity badge stays blue */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-order-summary-item__quantity { background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #ffffff !important; } /* ========================================================== 12. TOTALS / COUPON ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-totals-wrapper, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-totals-item, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wp-block-woocommerce-checkout-order-summary-totals-block { color: #334155 !important; border-color: rgba(15,23,42,.09) !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-totals-item__label { color: #475569 !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-totals-item__value, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-totals-footer-item { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-totals-coupon { color: #334155 !important; } /* ========================================================== 13. CUSTOM RDMORA CHECKOUT CONTROLS ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .rdmora-checkout-item-controls { color: #dc2626 !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .rdmora-checkout-cancel-wrap { color: #dc2626 !important; } /* ========================================================== 14. PLACE ORDER BUTTON Keep existing Dark geometry. ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-checkout-place-order-button { background: #2f80c9 !important; background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-checkout-place-order-button * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ========================================================== 15. ERROR NOTICE Audit dark notice = rgb(17,23,29) ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-store-notice.is-error, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-notice-banner.is-error { background: #fef2f2 !important; background-color: #fef2f2 !important; color: #991b1b !important; border-color: #fecaca !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-notice-banner.is-error .wc-block-components-notice-banner__content, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-notice-banner.is-error .wc-block-components-notice-banner__content * { color: #991b1b !important; -webkit-text-fill-color: #991b1b !important; } /* Error icon keeps red */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-notice-banner.is-error svg { background-color: #dc2626 !important; color: #ffffff !important; } /* ========================================================== 16. FORM VALIDATION TEXT ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .has-error .wc-block-components-validation-error, html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-validation-error { color: #dc2626 !important; -webkit-text-fill-color: #dc2626 !important; } /* ========================================================== ENTAWA_LIGHT_004E1_CHECKOUT_SPACING Checkout geometry polish ========================================================== */ /* ---------------------------------------------------------- Main checkout card ---------------------------------------------------------- */ body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-main.wc-block-checkout__main { padding: 28px !important; } /* ---------------------------------------------------------- Order summary card ---------------------------------------------------------- */ body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-sidebar.wc-block-checkout__sidebar { padding: 24px !important; } /* ---------------------------------------------------------- Checkout steps Give every section breathing room without changing the block layout. ---------------------------------------------------------- */ body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-checkout-step { padding-top: 22px !important; padding-bottom: 22px !important; } /* First section doesn't need excessive top space */ body.page-id-14.rdmora-commerce-ui--checkout .wc-block-checkout__contact-fields { padding-top: 0 !important; } /* ---------------------------------------------------------- Heading -> content spacing ---------------------------------------------------------- */ body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-checkout-step__heading-container { margin-bottom: 16px !important; } /* ---------------------------------------------------------- Address fields Let WooCommerce retain its grid, just improve vertical rhythm. ---------------------------------------------------------- */ body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-address-form { row-gap: 14px !important; } /* ---------------------------------------------------------- Payment box breathing room ---------------------------------------------------------- */ body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-radio-control-accordion-option { padding: 14px 16px !important; } body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-radio-control-accordion-content { padding-top: 12px !important; padding-bottom: 4px !important; } /* ---------------------------------------------------------- Terms / final actions ---------------------------------------------------------- */ body.page-id-14.rdmora-commerce-ui--checkout .wc-block-checkout__terms { padding-top: 18px !important; padding-bottom: 18px !important; } body.page-id-14.rdmora-commerce-ui--checkout .wc-block-checkout__actions { padding-top: 18px !important; } /* ---------------------------------------------------------- Order summary internal rhythm ---------------------------------------------------------- */ body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-checkout-order-summary__title { padding-bottom: 16px !important; } body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-order-summary-item { padding-top: 16px !important; padding-bottom: 16px !important; } body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-totals-wrapper { padding-top: 14px !important; padding-bottom: 14px !important; } /* ---------------------------------------------------------- Custom RDMORA controls ---------------------------------------------------------- */ body.page-id-14.rdmora-commerce-ui--checkout .rdmora-checkout-cancel-wrap { margin-top: 14px !important; } /* ---------------------------------------------------------- WooCommerce notices Current screenshot is too compressed. ---------------------------------------------------------- */ body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-notice-banner { padding: 13px 16px !important; } /* ========================================================== TABLET ========================================================== */ @media (max-width: 980px) { body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-main.wc-block-checkout__main, body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-sidebar.wc-block-checkout__sidebar { padding: 22px !important; } } /* ========================================================== MOBILE ========================================================== */ @media (max-width: 767px) { body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-main.wc-block-checkout__main, body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-sidebar.wc-block-checkout__sidebar { padding: 16px !important; } body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-checkout-step { padding-top: 18px !important; padding-bottom: 18px !important; } body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-checkout-step__heading-container { margin-bottom: 12px !important; } body.page-id-14.rdmora-commerce-ui--checkout .wc-block-components-radio-control-accordion-option { padding: 12px !important; } } /* ========================================================== ENTAWA_LIGHT_004E2_EMPTY_CHECKOUT WooCommerce Blocks empty Checkout state Dark geometry unchanged. ========================================================== */ /* Main empty-state card */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-checkout-empty { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: rgba(15,23,42,.08) !important; box-shadow: 0 8px 24px rgba(15,23,42,.04) !important; } /* Empty-cart title */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-checkout-empty__title { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* Description */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-checkout-empty__description { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* Links inside description, if any */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-checkout-empty__description a { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } /* Browse Store button */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-checkout-empty .wp-block-button__link { background: #2f80c9 !important; background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-checkout-empty .wp-block-button__link:hover { background-color: #246fae !important; border-color: #246fae !important; } /* Entire Checkout canvas remains Light */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout #main-content { background-color: #f6f7f8 !important; } /* ========================================================== ENTAWA_LIGHT_004F_STORE_ARCHIVE WooCommerce Product Archive Dark = geometry master Light = colors only ========================================================== */ /* ========================================================== STORE CANVAS ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product #main-content, html[data-entawa-theme="light"] body.post-type-archive-product .et-l--body { background-color: #f7f8f9 !important; color: #1f2937 !important; } /* ========================================================== STORE PRODUCTS ROW Existing white cards remain untouched. ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-products-state { color: #1f2937 !important; } /* Product headings */ html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-products-state h1, html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-products-state h2, html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-products-state h3, html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-products-state h4, html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-products-state strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Product descriptions */ html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-products-state p { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* ========================================================== PRODUCT TYPE / CATEGORY LINKS Audit showed these plain anchors still white: ملابس مورد تعليمي منتجات يومية اكسسوارات ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-products-state a:not(.et_pb_button) { color: #718096 !important; -webkit-text-fill-color: #718096 !important; text-shadow: none !important; } html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-products-state a:not(.et_pb_button):hover { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } /* ========================================================== DETAILS BUTTONS Existing Dark geometry stays exactly the same. ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-products-state a.et_pb_button { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #263746 !important; -webkit-text-fill-color: #263746 !important; border-color: rgba(15,23,42,.13) !important; box-shadow: none !important; } /* Hover = blue accent */ html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-products-state a.et_pb_button:hover { background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; } /* Divi generated pseudo icon */ html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-products-state a.et_pb_button::after, html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-products-state a.et_pb_button::before { color: currentColor !important; } /* ========================================================== PRODUCT CARD BORDERS Do NOT alter geometry or background. Just normalize visible Dark borders if any. ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-products-state .et_pb_column { border-color: rgba(15,23,42,.08) !important; box-shadow: none !important; } /* ========================================================== PRODUCT ICONS / PLACEHOLDERS Preserve original artwork; only theme inherited color. ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-products-state .et-pb-icon { color: #5791c4 !important; } /* ========================================================== EMPTY STORE STATE Only used if no products are available. ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-empty-state { background-color: #ffffff !important; color: #334155 !important; border-color: rgba(15,23,42,.08) !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-empty-state h1, html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-empty-state h2, html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-empty-state h3, html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-empty-state strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-empty-state p { color: #607385 !important; } /* Empty store buttons */ html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-empty-state a.et_pb_button { background-color: #ffffff !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; border-color: rgba(47,128,201,.35) !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.post-type-archive-product .entawa-store-empty-state a.et_pb_button:hover { background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; } /* ========================================================== ENTAWA_LIGHT_004F1_STORE_CARD_SURFACE AUDIT RESULT: Column = transparent Product Group = rgba(17,19,23,.5) Therefore the Group itself is the actual card surface. Dark owns geometry. ========================================================== */ /* Product card actual surface */ html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-color: rgba(15,23,42,.08) !important; box-shadow: none !important; } /* Kill any dark pseudo-layer if Divi generates one */ html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group::before, html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group::after { background-color: transparent !important; background-image: none !important; } /* Product title */ html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group h1, html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group h2, html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group h3, html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group h4 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Product description */ html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group p { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* Category/type label */ html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group a:not(.et_pb_button) { color: #7a8998 !important; -webkit-text-fill-color: #7a8998 !important; } /* Details button stays Figma-style white */ html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group a.et_pb_button { background: #ffffff !important; background-color: #ffffff !important; color: #263746 !important; -webkit-text-fill-color: #263746 !important; border-color: rgba(15,23,42,.12) !important; box-shadow: none !important; } /* Existing blue artwork/icons */ html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group .et-pb-icon { color: #5791c4 !important; } /* ========================================================== ENTAWA_LIGHT_004F2_STORE_DETAILS_BUTTON Store archive - details button final Light polish ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group a.et_pb_button { background: #ffffff !important; background-color: #ffffff !important; color: #263746 !important; -webkit-text-fill-color: #263746 !important; border-color: #d9dee4 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group a.et_pb_button:hover { background-color: #f8fafc !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; border-color: #9fc2df !important; box-shadow: none !important; } /* Divi button generated icon follows text color */ html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group a.et_pb_button::before, html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group a.et_pb_button::after { color: currentColor !important; } /* ========================================================== ENTAWA_LIGHT_004F3_STORE_BUTTON_BORDER Store archive - final details button border ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group a.et_pb_button { background-color: #ffffff !important; color: #263746 !important; -webkit-text-fill-color: #263746 !important; border: 1px solid #d9dee4 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.post-type-archive-product #page-container .entawa-store-products-state .et_pb_group a.et_pb_button:hover { background-color: #f8fafc !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; border: 1px solid #9fc2df !important; box-shadow: none !important; } /* ========================================================== ENTAWA_LIGHT_004G_PACKAGE_PRICING_PARITY Use the exact same Light visual system already approved on the Homepage package section. Dark Mode remains untouched. ========================================================== */ /* ========================================================== PRICING CARD Homepage approved: surface / border / radius / shadow ========================================================== */ html[data-entawa-theme="light"] #page-container .et_pb_pricing_table { background: var(--entawa-surface) !important; background-color: var(--entawa-surface) !important; background-image: none !important; border: 1px solid var(--entawa-border) !important; border-radius: 16px !important; box-shadow: var(--entawa-shadow-md) !important; overflow: hidden !important; color: var(--entawa-text) !important; } /* ========================================================== PACKAGE HEADER Kill current black header. Same as Homepage package cards. ========================================================== */ html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_pricing_heading { background: var(--entawa-surface-2) !important; background-color: var(--entawa-surface-2) !important; background-image: none !important; border-bottom: 1px solid var(--entawa-border) !important; box-shadow: none !important; } /* Package name */ html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_pricing_heading h2, html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_pricing_heading h3, html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_pricing_title { color: var(--entawa-heading) !important; -webkit-text-fill-color: var(--entawa-heading) !important; text-shadow: none !important; } /* ========================================================== PRICING BODY ========================================================== */ html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_pricing_content, html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_pricing_content li { color: var(--entawa-text-secondary) !important; -webkit-text-fill-color: var(--entawa-text-secondary) !important; } /* Normal text */ html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_pricing_content p, html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_pricing_content span { color: var(--entawa-text-secondary) !important; } /* Internal headings */ html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_pricing_content h1, html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_pricing_content h2, html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_pricing_content h3, html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_pricing_content h4, html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_pricing_content strong, html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_pricing_content b { color: var(--entawa-heading) !important; -webkit-text-fill-color: var(--entawa-heading) !important; } /* ========================================================== PRICE ========================================================== */ html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_sum, html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_dollar_sign, html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_frequency { color: var(--entawa-heading) !important; -webkit-text-fill-color: var(--entawa-heading) !important; } /* ========================================================== PACKAGE CTA Exact Homepage approved CTA: Blue fill / white text. ========================================================== */ html[data-entawa-theme="light"] #page-container .et_pb_pricing_table a.et_pb_pricing_table_button { background: var(--entawa-accent) !important; background-color: var(--entawa-accent) !important; background-image: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid var(--entawa-accent) !important; box-shadow: none !important; } html[data-entawa-theme="light"] #page-container .et_pb_pricing_table a.et_pb_pricing_table_button:hover { background: var(--entawa-accent-hover) !important; background-color: var(--entawa-accent-hover) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: var(--entawa-accent-hover) !important; } /* Divi generated button icon */ html[data-entawa-theme="light"] #page-container .et_pb_pricing_table a.et_pb_pricing_table_button::before, html[data-entawa-theme="light"] #page-container .et_pb_pricing_table a.et_pb_pricing_table_button::after { color: #ffffff !important; } /* ========================================================== LIST MARKERS / ACCENTS ========================================================== */ html[data-entawa-theme="light"] #page-container .et_pb_pricing_table .et_pb_pricing_content li::before { border-color: var(--entawa-accent) !important; color: var(--entawa-accent) !important; } /* ========================================================== ENTAWA_LIGHT_004G1_PACKAGES_FIGMA Packages page = page-id-25 Match approved Figma. Existing Divi geometry / responsive remains master. ========================================================== */ /* ========================================================== 1. COMPLETE PAGE SECTION Figma: blue atmosphere at top -> light canvas below ========================================================== */ html[data-entawa-theme="light"] body.page-id-25 #page-container .et_pb_section_0_tb_body { background-color: #f6f5f6 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png"), linear-gradient( 180deg, #7894ad 0%, #9db1c2 12%, #c7d3dc 25%, #e8edf0 40%, #f6f5f6 57%, #f6f5f6 100% ) !important; background-repeat: no-repeat, no-repeat !important; background-position: center top, center top !important; background-size: cover, cover !important; } /* ========================================================== 2. PAGE TITLE ========================================================== */ html[data-entawa-theme="light"] body.page-id-25 #page-container .et_pb_section_0_tb_body h1, html[data-entawa-theme="light"] body.page-id-25 #page-container .et_pb_section_0_tb_body h2 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* Subtitle / blue tagline */ html[data-entawa-theme="light"] body.page-id-25 #page-container .et_pb_section_0_tb_body .et_pb_text strong { color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; } /* Supporting paragraph */ html[data-entawa-theme="light"] body.page-id-25 #page-container .et_pb_section_0_tb_body .et_pb_text p { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* ========================================================== 3. BOTH PACKAGE CARDS ========================================================== */ html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et_pb_pricing_table { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border: 1px solid rgba(15,23,42,.08) !important; box-shadow: 0 8px 24px rgba(15,23,42,.035) !important; } /* ========================================================== 4. REMOVE DARK PACKAGE HEADER Figma has no black strip. ========================================================== */ html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et_pb_pricing_heading { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; } /* Package names */ html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et_pb_pricing_heading h2, html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et_pb_pricing_title { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* ========================================================== 5. FEATURED GOLD PACKAGE Figma = blue border around whole card ========================================================== */ html[data-entawa-theme="light"] body.page-id-25 #page-container .et_pb_pricing_table_1_tb_body { border: 2px solid #2f80c9 !important; box-shadow: 0 10px 28px rgba(47,128,201,.08) !important; } /* ========================================================== 6. SILVER PACKAGE ========================================================== */ html[data-entawa-theme="light"] body.page-id-25 #page-container .et_pb_pricing_table_0_tb_body { border: 1px solid rgba(15,23,42,.08) !important; box-shadow: 0 8px 24px rgba(15,23,42,.035) !important; } /* ========================================================== 7. CONTENT ========================================================== */ html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et_pb_pricing_content { color: #536779 !important; } html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et_pb_pricing_content p, html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et_pb_pricing_content li, html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et_pb_pricing_content span { color: #536779 !important; -webkit-text-fill-color: #536779 !important; } /* Content headings */ html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et_pb_pricing_content h1, html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et_pb_pricing_content h2, html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et_pb_pricing_content h3, html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et_pb_pricing_content h4 { color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; } /* Strong prices / important values */ html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et_pb_pricing_content strong { color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; } /* ========================================================== 8. LIST ACCENTS / CHECKS ========================================================== */ html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et_pb_pricing_content li::before { color: #2f80c9 !important; border-color: #2f80c9 !important; } /* ========================================================== 9. PRICING CTA ========================================================== */ html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et_pb_pricing_table_button { background: #2f72ad !important; background-color: #2f72ad !important; background-image: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid #2f72ad !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et_pb_pricing_table_button:hover { background-color: #246aa9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #246aa9 !important; } /* ========================================================== 10. ICONS Keep only the icon tile grey + blue. ========================================================== */ html[data-entawa-theme="light"] body.page-id-25 #page-container .ezz-pricing .et-pb-icon { color: #246aa9 !important; background-color: #edf2f6 !important; border-color: transparent !important; } /* ========================================================== 11. NOTE BOX Bottom note should remain subtle like Figma. ========================================================== */ html[data-entawa-theme="light"] body.page-id-25 #page-container .et_pb_section_0_tb_body .et_pb_text:last-child { color: #536779 !important; border-color: rgba(15,23,42,.08) !important; } /* ========================================================== ENTAWA_LIGHT_004H_SINGLE_PACKAGE_FIGMA Applies only to WooCommerce products containing the RDMORA Package UI. Dark = geometry master. Light = colors/surfaces only. ========================================================== */ /* ========================================================== 1. PAGE ATMOSPHERE Blue -> white/off-white like approved Figma. ========================================================== */ html[data-entawa-theme="light"] body.single-product:has(.rdmora-package) #main-content { background-color: #f7f7f8 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png"), linear-gradient( 180deg, #7894ad 0%, #a8bac9 10%, #d6dfe6 23%, #f2f4f5 38%, #f7f7f8 55%, #f7f7f8 100% ) !important; background-repeat: no-repeat, no-repeat !important; background-position: center top, center top !important; background-size: cover, cover !important; } /* ========================================================== 2. PACKAGE ROOT ========================================================== */ html[data-entawa-theme="light"] body.single-product .rdmora-package, html[data-entawa-theme="light"] body.single-product .rdmora-package__hero, html[data-entawa-theme="light"] body.single-product .rdmora-package__main { color: #334155 !important; } /* Eyebrow */ html[data-entawa-theme="light"] body.single-product .rdmora-package__eyebrow { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } /* Package title */ html[data-entawa-theme="light"] body.single-product .rdmora-package__title { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* ========================================================== 3. GENERIC PACKAGE SECTIONS Remove dark panels. Figma uses the page canvas, not black section cards. ========================================================== */ html[data-entawa-theme="light"] body.single-product .rdmora-package__section { background: transparent !important; background-color: transparent !important; background-image: none !important; color: #334155 !important; border-color: transparent !important; box-shadow: none !important; } /* Section titles */ html[data-entawa-theme="light"] body.single-product .rdmora-package__section h1, html[data-entawa-theme="light"] body.single-product .rdmora-package__section h2, html[data-entawa-theme="light"] body.single-product .rdmora-package__section h3, html[data-entawa-theme="light"] body.single-product .rdmora-package__section h4 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* ========================================================== 4. "WHAT'S INCLUDED" FEATURES ========================================================== */ html[data-entawa-theme="light"] body.single-product .rdmora-package__features { color: #334155 !important; } html[data-entawa-theme="light"] body.single-product .rdmora-package__feature { background: transparent !important; background-color: transparent !important; color: #334155 !important; -webkit-text-fill-color: #334155 !important; border-color: transparent !important; box-shadow: none !important; } /* Generated feature markers, if present */ html[data-entawa-theme="light"] body.single-product .rdmora-package__feature::before, html[data-entawa-theme="light"] body.single-product .rdmora-package__feature::after { color: #2f80c9 !important; border-color: #2f80c9 !important; } /* ========================================================== 5. PACKAGE DETAILS TABLE Figma = clean white table. ========================================================== */ html[data-entawa-theme="light"] body.single-product .rdmora-package__details { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: rgba(15,23,42,.10) !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.single-product .rdmora-package__details * { color: #334155 !important; border-color: rgba(15,23,42,.09) !important; } /* Labels inside details */ html[data-entawa-theme="light"] body.single-product .rdmora-package__details th, html[data-entawa-theme="light"] body.single-product .rdmora-package__details dt { color: #718096 !important; -webkit-text-fill-color: #718096 !important; } /* ========================================================== 6. PURCHASE / PRICE CARD Figma = WHITE card. ========================================================== */ html[data-entawa-theme="light"] body.single-product .rdmora-package__purchase { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: 0 10px 28px rgba(15,23,42,.05) !important; } /* Main price */ html[data-entawa-theme="light"] body.single-product .rdmora-package__price { color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; text-shadow: none !important; } /* Duration */ html[data-entawa-theme="light"] body.single-product .rdmora-package__duration { color: #718096 !important; -webkit-text-fill-color: #718096 !important; } /* Upgrade / buy CTA */ html[data-entawa-theme="light"] body.single-product .rdmora-package__cta { background: #2f72ad !important; background-color: #2f72ad !important; background-image: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f72ad !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.single-product .rdmora-package__cta:hover { background-color: #246aa9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #246aa9 !important; } /* Upgrade price note */ html[data-entawa-theme="light"] body.single-product .rdmora-package__entitlement-note, html[data-entawa-theme="light"] body.single-product .rdmora-package__upgrade-note { color: #718096 !important; -webkit-text-fill-color: #718096 !important; border-color: rgba(15,23,42,.09) !important; } /* ========================================================== 7. BENEFITS Kill current horizontal dark block. ========================================================== */ html[data-entawa-theme="light"] body.single-product .rdmora-package__benefits-section { background: transparent !important; background-color: transparent !important; background-image: none !important; color: #334155 !important; border-color: transparent !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.single-product .rdmora-package__benefits { color: #536779 !important; -webkit-text-fill-color: #536779 !important; } /* Benefit chips/items */ html[data-entawa-theme="light"] body.single-product .rdmora-package__benefits > * { background-color: #ffffff !important; color: #64748b !important; -webkit-text-fill-color: #64748b !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; } /* ========================================================== 8. COURSES SECTION ========================================================== */ html[data-entawa-theme="light"] body.single-product .rdmora-package__courses { color: #202428 !important; border-color: rgba(15,23,42,.08) !important; } html[data-entawa-theme="light"] body.single-product .rdmora-package__courses h1, html[data-entawa-theme="light"] body.single-product .rdmora-package__courses h2, html[data-entawa-theme="light"] body.single-product .rdmora-package__courses h3 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* ========================================================== 9. COURSE CARDS Figma = white cards. ========================================================== */ html[data-entawa-theme="light"] body.single-product .rdmora-package-course { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: 0 8px 22px rgba(15,23,42,.035) !important; } /* Course media area */ html[data-entawa-theme="light"] body.single-product .rdmora-package-course__media { background: #f1f3f5 !important; background-color: #f1f3f5 !important; background-image: none !important; color: #5791c4 !important; border-color: transparent !important; box-shadow: none !important; } /* Placeholder/icon */ html[data-entawa-theme="light"] body.single-product .rdmora-package-course__placeholder { color: #5791c4 !important; -webkit-text-fill-color: #5791c4 !important; border-color: #5791c4 !important; } /* Course body */ html[data-entawa-theme="light"] body.single-product .rdmora-package-course__body { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* Course titles */ html[data-entawa-theme="light"] body.single-product .rdmora-package-course__body h1, html[data-entawa-theme="light"] body.single-product .rdmora-package-course__body h2, html[data-entawa-theme="light"] body.single-product .rdmora-package-course__body h3, html[data-entawa-theme="light"] body.single-product .rdmora-package-course__body h4, html[data-entawa-theme="light"] body.single-product .rdmora-package-course__body strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Course button = white outlined secondary CTA */ html[data-entawa-theme="light"] body.single-product .rdmora-package-course__button { background: #ffffff !important; background-color: #ffffff !important; color: #263746 !important; -webkit-text-fill-color: #263746 !important; border-color: #d9dee4 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.single-product .rdmora-package-course__button:hover { background-color: #f8fafc !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; border-color: #9fc2df !important; } /* ========================================================== ENTAWA_LIGHT_004I_SINGLE_COURSE_FIGMA Scope: LearnDash Single Course pages. Reference: Approved Light Figma. IMPORTANT: Existing Dark layout / dimensions / responsiveness remain. ========================================================== */ /* ========================================================== 1. PAGE ATMOSPHERE Figma = blue top atmosphere fading into off-white. ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-courses #main-content { background-color: #f7f7f8 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png"), linear-gradient( 180deg, #7894ad 0%, #a7b9c8 10%, #d3dde4 23%, #eff2f4 37%, #f7f7f8 52%, #f7f7f8 100% ) !important; background-repeat: no-repeat, no-repeat !important; background-position: center top, center top !important; background-size: cover, cover !important; color: #334155 !important; } /* ========================================================== 2. COURSE ROOT ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail { color: #334155 !important; } /* ========================================================== 3. HERO ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__hero { color: #334155 !important; } /* ---------------------------------------------------------- HERO MEDIA Current audit: rgb(26,39,51) -> Light surface ---------------------------------------------------------- */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__media { background: #ffffff !important; background-color: #ffffff !important; background-image: radial-gradient( circle at 50% 46%, rgba(47,128,201,.10), rgba(255,255,255,0) 48% ) !important; color: #2f80c9 !important; border-color: rgba(15,23,42,.08) !important; box-shadow: 0 10px 30px rgba(15,23,42,.04) !important; } /* ---------------------------------------------------------- Placeholder when no course image exists. Do NOT change geometry. ---------------------------------------------------------- */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__placeholder { background-color: #f4f7fa !important; background-image: radial-gradient( circle at 65% 35%, rgba(47,128,201,.18), rgba(255,255,255,0) 30% ), linear-gradient( 135deg, #edf3f7, #ffffff ) !important; color: #2f80c9 !important; border-color: rgba(47,128,201,.25) !important; text-shadow: none !important; } /* ========================================================== 4. COURSE SUMMARY CARD Figma = white card. ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__summary { background-color: #ffffff !important; background-image: none !important; color: #607385 !important; border-color: rgba(15,23,42,.08) !important; box-shadow: 0 10px 30px rgba(15,23,42,.04) !important; } /* Course eyebrow */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__eyebrow { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } /* Main course title */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__summary h1, html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__summary h2, html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__summary h3, html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__summary h4, html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__summary strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* Summary copy */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__summary p { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* ========================================================== 5. COURSE META Sessions / access pills. ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__meta { color: #64748b !important; -webkit-text-fill-color: #64748b !important; } html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__meta * { color: #64748b !important; } /* ========================================================== 6. PRIMARY CTA Audit found: background blue + text blue. Fix text to white. ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__primary { background: #2f72ad !important; background-color: #2f72ad !important; background-image: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f72ad !important; box-shadow: none !important; text-shadow: none !important; } html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__primary:hover { background-color: #246aa9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #246aa9 !important; } /* ========================================================== 7. GENERAL COURSE CONTENT SECTIONS Current: rgb(28,33,40) Figma: no black cards. ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__section { background: transparent !important; background-color: transparent !important; background-image: none !important; color: #334155 !important; border-color: transparent !important; box-shadow: none !important; } /* Section headings */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__section h1, html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__section h2, html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__section h3, html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__section h4 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* ========================================================== 8. WHAT YOU WILL LEARN ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__learning { color: #536779 !important; -webkit-text-fill-color: #536779 !important; } html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__learning p, html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__learning li, html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__learning span { color: #536779 !important; -webkit-text-fill-color: #536779 !important; } /* Check / list accent */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__learning li::before, html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__learning li::marker { color: #2f80c9 !important; } /* ========================================================== 9. COURSE CURRICULUM / LESSONS CONTAINER Audit already showed white background. Normalize text colors. ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail__lessons { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: rgba(15,23,42,.10) !important; box-shadow: none !important; } /* ========================================================== 10. INDIVIDUAL LESSON ROW ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-lesson { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; } /* Lesson index */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-lesson__index { background: #edf4fa !important; background-color: #edf4fa !important; color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; border-color: rgba(47,128,201,.18) !important; } /* Lesson title */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-lesson__title { color: #334155 !important; -webkit-text-fill-color: #334155 !important; } /* Open lesson button/link */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-lesson__open { background-color: #ffffff !important; color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; border-color: #9fc2df !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-lesson__open:hover { background-color: #f3f8fc !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; border-color: #2f80c9 !important; } /* ========================================================== 11. GENERIC LINKS INSIDE COURSE CONTENT ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail a:not(.rdmora-course-detail__primary) { color: #2f80c9; } /* ========================================================== 12. DIVIDERS ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-courses .rdmora-course-detail hr { border-color: rgba(15,23,42,.09) !important; background-color: rgba(15,23,42,.09) !important; } /* ========================================================== ENTAWA_LIGHT_004I1_COURSE_SUMMARY_SPACING Single Course summary card spacing polish. ========================================================== */ /* Desktop */ body.single-sfwd-courses .rdmora-course-detail__summary { box-sizing: border-box !important; padding: 36px !important; } /* Give the internal content proper rhythm */ body.single-sfwd-courses .rdmora-course-detail__eyebrow { margin-bottom: 14px !important; } body.single-sfwd-courses .rdmora-course-detail__summary h1, body.single-sfwd-courses .rdmora-course-detail__summary h2, body.single-sfwd-courses .rdmora-course-detail__summary h3 { margin-bottom: 20px !important; } body.single-sfwd-courses .rdmora-course-detail__summary p { margin-bottom: 22px !important; } body.single-sfwd-courses .rdmora-course-detail__meta { margin-top: 18px !important; margin-bottom: 22px !important; } /* Tablet */ @media (max-width: 980px) { body.single-sfwd-courses .rdmora-course-detail__summary { padding: 28px !important; } } /* Mobile */ @media (max-width: 767px) { body.single-sfwd-courses .rdmora-course-detail__summary { padding: 20px !important; } body.single-sfwd-courses .rdmora-course-detail__summary h1, body.single-sfwd-courses .rdmora-course-detail__summary h2, body.single-sfwd-courses .rdmora-course-detail__summary h3 { margin-bottom: 16px !important; } body.single-sfwd-courses .rdmora-course-detail__summary p { margin-bottom: 18px !important; } } /* ========================================================== ENTAWA_LIGHT_004J_SINGLE_LESSON_FIGMA Single LearnDash lesson / RDMORA Player. Existing Dark geometry remains master. ========================================================== */ /* ========================================================== 1. PAGE ATMOSPHERE ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-lessons #main-content { background-color: #f7f7f8 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png"), linear-gradient( 180deg, #7894ad 0%, #a6b8c7 10%, #d3dde4 23%, #eef2f4 37%, #f7f7f8 52%, #f7f7f8 100% ) !important; background-repeat: no-repeat, no-repeat !important; background-position: center top, center top !important; background-size: cover, cover !important; color: #334155 !important; } /* ========================================================== 2. PLAYER ROOT ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player, html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__layout, html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__main { color: #334155 !important; } /* Back to course */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__back { color: #64748b !important; -webkit-text-fill-color: #64748b !important; border-color: transparent !important; } html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__back:hover { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } /* ========================================================== 3. SIDEBAR Current audit = rgb(28,33,40) Figma = white. ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__sidebar { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: 0 10px 30px rgba(15,23,42,.045) !important; } /* Course title */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__course-title { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* ========================================================== 4. PROGRESS ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__progress { color: #64748b !important; border-color: rgba(15,23,42,.08) !important; } html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__progress-head { color: #334155 !important; -webkit-text-fill-color: #334155 !important; } html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__progress-count { color: #94a3b8 !important; -webkit-text-fill-color: #94a3b8 !important; } /* Progress track */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__progress-track { background: #e8edf2 !important; background-color: #e8edf2 !important; border-color: transparent !important; } /* Any progress bar child */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__progress-track > * { background-color: #2f80c9 !important; border-color: #2f80c9 !important; } /* ========================================================== 5. CURRICULUM ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__curriculum { background-color: #ffffff !important; color: #334155 !important; border-color: rgba(15,23,42,.08) !important; } /* Normal lesson */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__lesson { background: #ffffff !important; background-color: #ffffff !important; color: #334155 !important; border-color: rgba(15,23,42,.08) !important; box-shadow: none !important; } /* Current lesson */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__lesson.is-current { background: #edf5fb !important; background-color: #edf5fb !important; color: #246aa9 !important; border-color: rgba(47,128,201,.18) rgba(47,128,201,.18) rgba(47,128,201,.18) #2f80c9 !important; box-shadow: none !important; } /* Lesson number */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__lesson-number { background: #eef3f7 !important; background-color: #eef3f7 !important; color: #536779 !important; -webkit-text-fill-color: #536779 !important; border-color: rgba(15,23,42,.08) !important; } /* Current lesson number */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__lesson.is-current .rdmora-player__lesson-number { background: #2f80c9 !important; background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; } /* Lesson names */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__lesson-name { color: #334155 !important; -webkit-text-fill-color: #334155 !important; } html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__lesson.is-current .rdmora-player__lesson-name { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Completion state */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__lesson-state { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; border-color: #2f80c9 !important; } /* ========================================================== 6. LESSON HEADER ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__header { color: #334155 !important; border-color: rgba(15,23,42,.08) !important; } /* Course label */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__course-label { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } /* Main headings */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__main h1, html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__main h2, html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__main h3, html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__main h4 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* ========================================================== 7. LESSON CONTENT / VIDEO AREA Current audit = rgb(28,33,40) Figma = light surface. ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__content { background: #f5f6f7 !important; background-color: #f5f6f7 !important; background-image: radial-gradient( circle at 50% 45%, rgba(47,128,201,.07), rgba(255,255,255,0) 42% ) !important; color: #536779 !important; border-color: rgba(15,23,42,.08) !important; box-shadow: none !important; } /* Content text */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__content p, html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__content li, html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__content span { color: #536779 !important; -webkit-text-fill-color: #536779 !important; } /* Content headings */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__content h1, html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__content h2, html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__content h3, html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__content h4, html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__content strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Links inside lesson */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__content a { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } /* ========================================================== 8. NAVIGATION ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__navigation, html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__nav-side { color: #334155 !important; border-color: rgba(15,23,42,.08) !important; } /* Complete wrapper: remove old green dark-style treatment */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__complete { background: transparent !important; background-color: transparent !important; color: #2f80c9 !important; border-color: transparent !important; box-shadow: none !important; } /* Actual "mark complete" button */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__complete button { background: #ffffff !important; background-color: #ffffff !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; border: 1px solid #2f80c9 !important; box-shadow: none !important; text-shadow: none !important; } html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__complete button:hover { background-color: #edf5fb !important; color: #1f639c !important; -webkit-text-fill-color: #1f639c !important; } /* ========================================================== 9. PRIMARY NEXT/PREV BUTTON ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__primary { background: #2f72ad !important; background-color: #2f72ad !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f72ad !important; box-shadow: none !important; text-shadow: none !important; } /* Disabled stays actually disabled visually */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player__primary.is-disabled { background: #eef1f4 !important; background-color: #eef1f4 !important; color: #a0aab4 !important; -webkit-text-fill-color: #a0aab4 !important; border-color: #e1e5e9 !important; box-shadow: none !important; opacity: 1 !important; } /* Enabled hover */ html[data-entawa-theme="light"] body.single-sfwd-lessons a.rdmora-player__primary:hover, html[data-entawa-theme="light"] body.single-sfwd-lessons button.rdmora-player__primary:hover { background-color: #246aa9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #246aa9 !important; } /* ========================================================== 10. GENERIC PLAYER DIVIDERS ========================================================== */ html[data-entawa-theme="light"] body.single-sfwd-lessons .rdmora-player hr { border-color: rgba(15,23,42,.08) !important; background-color: rgba(15,23,42,.08) !important; } /* ========================================================== ENTAWA_LIGHT_004K_COURSES_ARCHIVE_FIGMA Scope: LearnDash Courses Archive. Dark = geometry master. Light = visual colors / surfaces. ========================================================== */ /* ========================================================== 1. PAGE ATMOSPHERE ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses #main-content { background-color: #f7f7f8 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png"), linear-gradient( 180deg, #7894ad 0%, #a6b8c7 9%, #d3dde4 21%, #eef2f4 34%, #f7f7f8 47%, #f7f7f8 100% ) !important; background-repeat: no-repeat, no-repeat !important; background-position: center top, center top !important; background-size: cover, cover !important; color: #334155 !important; } /* ========================================================== 2. ARCHIVE HEADER ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-courses__title { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-courses__intro { color: #5d6f80 !important; -webkit-text-fill-color: #5d6f80 !important; } /* ========================================================== 3. FILTERS ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-courses__filter { background: #ffffff !important; background-color: #ffffff !important; color: #536779 !important; -webkit-text-fill-color: #536779 !important; border-color: #d9dee4 !important; box-shadow: none !important; } /* Active filter */ html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-courses__filter.is-active { background: #2f80c9 !important; background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; } html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-courses__filter:not(.is-active):hover { background-color: #f3f8fc !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; border-color: #9fc2df !important; } /* ========================================================== 4. SEARCH ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-courses__search { background: #ffffff !important; background-color: #ffffff !important; color: #64748b !important; border-color: #d9dee4 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-courses__search input { background: #ffffff !important; background-color: #ffffff !important; color: #334155 !important; -webkit-text-fill-color: #334155 !important; border-color: rgba(15,23,42,.12) !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-courses__search input::placeholder { color: #94a3b8 !important; opacity: 1 !important; } /* ========================================================== 5. COURSE CARD Audit: rgb(28,33,40) -> WHITE ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-course-card { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: 0 8px 24px rgba(15,23,42,.04) !important; } /* ========================================================== 6. COURSE MEDIA Light card media surface. ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-course-card__media { background: #f2f4f6 !important; background-color: #f2f4f6 !important; background-image: radial-gradient( circle at 50% 46%, rgba(47,128,201,.09), rgba(255,255,255,0) 46% ) !important; color: #2f80c9 !important; border-color: rgba(15,23,42,.06) !important; box-shadow: none !important; } /* Placeholder when featured image is not set */ html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-course-card__placeholder { background-color: #f3f6f8 !important; background-image: radial-gradient( circle at 70% 30%, rgba(47,128,201,.14), rgba(255,255,255,0) 30% ), linear-gradient( 135deg, #edf2f6, #ffffff ) !important; color: #5791c4 !important; border-color: #5791c4 !important; } /* ========================================================== 7. OWNED / ACCESS BADGE Figma = blue access badge, not dark green. ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-course-card__access.is-owned { background: #2f80c9 !important; background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; box-shadow: none !important; } /* ========================================================== 8. CARD BODY TEXT ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-course-card__body { color: #334155 !important; } /* Category */ html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-course-card__category { color: #718096 !important; -webkit-text-fill-color: #718096 !important; } /* Course title */ html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-course-card__title { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* Description */ html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-course-card__description { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* ========================================================== 9. PACKAGE TAGS ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-course-card__packages { color: #64748b !important; } html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-course-card__package-link { background: #f7f9fb !important; background-color: #f7f9fb !important; color: #536779 !important; -webkit-text-fill-color: #536779 !important; border-color: #dce2e7 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-course-card__package-link:hover { background-color: #edf5fb !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; border-color: #9fc2df !important; } /* ========================================================== 10. COURSE ACTION Current card has one course CTA. In Light it becomes the approved primary blue CTA. ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-course-card__button.is-course { background: #2f72ad !important; background-color: #2f72ad !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid #2f72ad !important; box-shadow: none !important; text-shadow: none !important; } html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-course-card__button.is-course:hover { background-color: #246aa9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #246aa9 !important; } /* ========================================================== 11. EMPTY SEARCH STATE ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-sfwd-courses .rdmora-courses__empty { background: #ffffff !important; background-color: #ffffff !important; color: #64748b !important; -webkit-text-fill-color: #64748b !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; } /* ========================================================== ENTAWA_LIGHT_004L_MY_ACCOUNT_FULL Authenticated WooCommerce My Account. Existing RDMORA Dark account UI remains geometry master. This layer changes visual theme only. Covers: - General - Language - Subscription / My Learning - Security - Referrals container - Orders - Addresses - View Order - Profile Photo - Telegram / My Learning Woo tables ========================================================== */ /* ========================================================== 1. LIGHT ACCOUNT DESIGN TOKENS The original account UI was intentionally built with --rdmora-account-* tokens, so Light mode can switch the same UI without rebuilding its layout. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) { --rdmora-account-bg: #f7f8f9; --rdmora-account-panel: #ffffff; --rdmora-account-panel-soft: #f8fafc; --rdmora-account-panel-hover: #eef5fa; --rdmora-account-border: #d9e0e6; --rdmora-account-border-soft: rgba(15,23,42,.08); --rdmora-account-text: #202428; --rdmora-account-muted: #607385; --rdmora-account-muted-2: #7b8b99; --rdmora-account-blue: #2f80c9; --rdmora-account-blue-hover: #246aa9; --rdmora-account-danger: #dc4c4c; /* Commerce surfaces used by Orders / View Order */ --rdmora-commerce-bg: #f7f8f9; --rdmora-commerce-panel: #ffffff; --rdmora-commerce-panel-soft: #f8fafc; --rdmora-commerce-border: #d9e0e6; --rdmora-commerce-text: #202428; --rdmora-commerce-muted: #607385; --rdmora-commerce-blue: #2f80c9; } /* ========================================================== 2. ACCOUNT PAGE CANVAS ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) #main-content, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .et-l--body { background-color: #f7f8f9 !important; color: #334155 !important; } /* * Divi wrapper originally used for account/login. * Logged-in account should inherit the page canvas instead * of keeping the old dark wrapper. */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) #entawa-register-wrap { background-color: transparent !important; background-image: none !important; color: #334155 !important; } /* ========================================================== 3. NAVIGATION CARD ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-color: #d9e0e6 !important; box-shadow: 0 10px 28px rgba(15,23,42,.04) !important; } /* Normal tabs */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation li a { background-color: transparent !important; color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* Hover */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation li:not(.is-active) a:hover { background-color: #f2f7fb !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; } /* Current endpoint */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation li.is-active a { background-color: #eaf4fb !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; } /* Logout separator */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation-link--customer-logout { border-color: rgba(15,23,42,.08) !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-navigation-link--customer-logout a { color: #7b8b99 !important; -webkit-text-fill-color: #7b8b99 !important; } /* ========================================================== 4. MAIN CONTENT PANEL ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content { background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: #d9e0e6 !important; box-shadow: 0 10px 28px rgba(15,23,42,.035) !important; } /* Main copy */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content p { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* Links */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content a:not(.button) { color: #2f80c9; -webkit-text-fill-color: #2f80c9; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content a:not(.button):hover { color: #246aa9; -webkit-text-fill-color: #246aa9; } /* ========================================================== 5. HEADINGS ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content h1, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content h2, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content h3, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) .woocommerce-MyAccount-content h4 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; border-color: rgba(15,23,42,.08) !important; } /* ========================================================== 6. CUSTOM ACCOUNT HEADERS / DIVIDERS ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-account-section-header h2, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-security-section h3 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-account-section-header p, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-section-description { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-account-divider { background-color: rgba(15,23,42,.08) !important; } /* ========================================================== 7. FORM LABELS ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content label { color: #334155 !important; -webkit-text-fill-color: #334155 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content .required { color: #dc4c4c !important; -webkit-text-fill-color: #dc4c4c !important; } /* ========================================================== 8. INPUTS / SELECT / TEXTAREA ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content input.input-text, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content input[type="text"], html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content input[type="email"], html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content input[type="tel"], html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content input[type="password"], html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content select, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content textarea { background: #ffffff !important; background-color: #ffffff !important; color: #334155 !important; -webkit-text-fill-color: #334155 !important; border-color: #d5dde4 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content input::placeholder, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content textarea::placeholder { color: #94a3b8 !important; -webkit-text-fill-color: #94a3b8 !important; opacity: 1 !important; } /* Focus */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content input:focus, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content select:focus, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content textarea:focus { border-color: #2f80c9 !important; box-shadow: 0 0 0 2px rgba(47,128,201,.12) !important; } /* Checkbox / radio */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content input[type="checkbox"], html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content input[type="radio"] { accent-color: #2f80c9 !important; } /* ========================================================== 9. PRIMARY ACCOUNT BUTTONS ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content button.button, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content a.button, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content input.button, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content .woocommerce-button { background: #2f80c9 !important; background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; box-shadow: none !important; text-shadow: none !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content button.button:hover, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content a.button:hover, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content input.button:hover, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content .woocommerce-button:hover { background-color: #246aa9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #246aa9 !important; } /* ========================================================== 10. PROFILE PHOTO ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-profile-photo-row { background: #f8fafc !important; background-color: #f8fafc !important; border-color: rgba(15,23,42,.08) !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-profile-photo-preview img { border-color: #d9e0e6 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-profile-photo-title { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-profile-photo-description { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* Change photo */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-upload-photo-button { background: #2f80c9 !important; background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Remove photo */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-remove-photo-button { background: #ffffff !important; background-color: #ffffff !important; color: #607385 !important; -webkit-text-fill-color: #607385 !important; border-color: #d9e0e6 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-remove-photo-button:hover { background-color: #f8fafc !important; color: #202428 !important; -webkit-text-fill-color: #202428 !important; border-color: #bcc8d2 !important; } /* ========================================================== 11. LANGUAGE OPTIONS ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-language-option { background: #ffffff !important; background-color: #ffffff !important; color: #536779 !important; -webkit-text-fill-color: #536779 !important; border-color: #d9e0e6 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-language-option:hover { background-color: #f3f8fc !important; border-color: #9fc2df !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-language-option.is-active { background: #eaf4fb !important; background-color: #eaf4fb !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; border-color: #2f80c9 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-language-selected { background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ========================================================== 12. WOOCOMMERCE TABLES Orders + My Learning + Telegram + Entitlements ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content table.shop_table { background: #ffffff !important; background-color: #ffffff !important; color: #334155 !important; border-color: #d9e0e6 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content table.shop_table thead th { background: #f8fafc !important; background-color: #f8fafc !important; color: #334155 !important; -webkit-text-fill-color: #334155 !important; border-color: #d9e0e6 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content table.shop_table tbody td, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content table.shop_table tfoot td, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content table.shop_table tfoot th { background-color: #ffffff !important; color: #536779 !important; -webkit-text-fill-color: #536779 !important; border-color: rgba(15,23,42,.08) !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content table.shop_table strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* ========================================================== 13. ADDRESSES ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-Addresses .woocommerce-Address { background: #ffffff !important; background-color: #ffffff !important; color: #536779 !important; border-color: #d9e0e6 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-Addresses .woocommerce-Address-title h2, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-Addresses .woocommerce-Address-title h3 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-Addresses address { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* ========================================================== 14. MY LEARNING ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .rdmora-learn-my-learning { color: #334155 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .rdmora-learn-my-learning__header h2, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .rdmora-learn-my-learning h3 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .rdmora-learn-my-learning__header p { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* * RDMORA Learn sections. * Keep the existing geometry; only remove dark surfaces. */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .rdmora-learn-my-learning__telegram, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .rdmora-learn-my-learning__courses, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .rdmora-learn-my-learning__entitlements { background-color: #ffffff !important; color: #334155 !important; border-color: #d9e0e6 !important; box-shadow: none !important; } /* Access states */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .rdmora-learn-access-state { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .rdmora-learn-access-state--syncing { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } /* ========================================================== 15. WOOCOMMERCE NOTICES Scoped only to authenticated account. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-message { background: #edf8f1 !important; background-color: #edf8f1 !important; color: #25623a !important; -webkit-text-fill-color: #25623a !important; border-color: #b9dec5 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-info { background: #edf5fb !important; background-color: #edf5fb !important; color: #315d80 !important; -webkit-text-fill-color: #315d80 !important; border-color: #bfd8ea !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-error { background: #fff1f1 !important; background-color: #fff1f1 !important; color: #a83d3d !important; -webkit-text-fill-color: #a83d3d !important; border-color: #efc5c5 !important; } /* ========================================================== 16. VIEW ORDER Uses commerce tokens in the original implementation. Force any remaining hard Dark surfaces to Light. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-order-details table, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-customer-details address { background-color: #ffffff !important; color: #536779 !important; border-color: #d9e0e6 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-order-details thead th { background-color: #f8fafc !important; color: #334155 !important; -webkit-text-fill-color: #334155 !important; border-color: #d9e0e6 !important; } /* ========================================================== 17. GENERIC INNER DARK SURFACE SAFETY Covers custom endpoint panels we created in My Account without touching page layout or geometry. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-account-section { color: #334155 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-account-section strong, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .entawa-account-section b { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* ========================================================== 18. REFERRALS ENDPOINT CONTAINER Do not change plugin structure; normalize inherited account text/surfaces only. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content [class*="referral"] { color: #536779; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content [class*="referral"] h1, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content [class*="referral"] h2, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account .woocommerce-MyAccount-content [class*="referral"] h3 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* ========================================================== ENTAWA_LIGHT_004M1_ACCOUNT_CONTAINER_WHITE ONLY the outer My Account block containing: - Account logo/header - Sidebar navigation - Account information/content Page background remains unchanged. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) #entawa-register-wrap { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; } /* Keep inner account layout on clean white surface */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account.woocommerce-account:not(.entawa-login-view) #entawa-register-wrap .woocommerce { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ========================================================== ENTAWA_LIGHT_004L2_ACCOUNT_LEFTOVERS Fix remaining Dark surfaces inside: - Subscription / My Learning - WooCommerce Orders Account geometry remains untouched. ========================================================== */ /* ========================================================== 1. MY LEARNING LIGHT TOKENS RDMORA Learn frontend was originally built around these --rdmora-learning-* variables. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-learn-my-learning { --rdmora-learning-bg: #ffffff; --rdmora-learning-panel: #ffffff; --rdmora-learning-panel-soft: #f8fafc; --rdmora-learning-field: #ffffff; --rdmora-learning-border: rgba(15,23,42,.09); --rdmora-learning-border-strong: rgba(15,23,42,.14); --rdmora-learning-text: #202428; --rdmora-learning-muted: #607385; --rdmora-learning-accent: #2f80c9; --rdmora-learning-accent-hover: #246aa9; color: #334155 !important; } /* ========================================================== 2. SUBSCRIPTION / ENTITLEMENT CARDS Kill any remaining hard-coded Dark panel. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-learn-my-learning [class*="entitlement"] { background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: #d9e0e6 !important; box-shadow: 0 8px 22px rgba(15,23,42,.035) !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-learn-my-learning [class*="entitlement"] h1, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-learn-my-learning [class*="entitlement"] h2, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-learn-my-learning [class*="entitlement"] h3, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-learn-my-learning [class*="entitlement"] strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-learn-my-learning [class*="entitlement"] p, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-learn-my-learning [class*="entitlement"] span:not([class*="status"]) { color: #607385 !important; } /* ========================================================== 3. ACTIVE STATUS BADGE Keep green semantic status, but Light. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-learn-my-learning [class*="status"][class*="active"], html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-learn-my-learning [class*="status"].is-active { background: #edf8f1 !important; background-color: #edf8f1 !important; color: #247244 !important; -webkit-text-fill-color: #247244 !important; border-color: #b9dec5 !important; } /* ========================================================== 4. MY LEARNING ACTION BUTTONS ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-learn-my-learning a.button, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-learn-my-learning button { background: #2f80c9 !important; background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; box-shadow: none !important; } /* ========================================================== 5. ORDERS TABLE IMPORTANT: Include #entawa-register-wrap so this beats the original Dark CSS specificity. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .woocommerce-MyAccount-content table.shop_table { background: #ffffff !important; background-color: #ffffff !important; color: #334155 !important; border-color: #d9e0e6 !important; box-shadow: none !important; } /* Header */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .woocommerce-MyAccount-content table.shop_table thead, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .woocommerce-MyAccount-content table.shop_table thead tr, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .woocommerce-MyAccount-content table.shop_table thead th { background: #f8fafc !important; background-color: #f8fafc !important; color: #536779 !important; -webkit-text-fill-color: #536779 !important; border-color: #d9e0e6 !important; } /* ALL order body cells */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .woocommerce-MyAccount-content table.shop_table tbody tr, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .woocommerce-MyAccount-content table.shop_table tbody td, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .woocommerce-MyAccount-content table.shop_table tbody th { background: #ffffff !important; background-color: #ffffff !important; color: #536779 !important; -webkit-text-fill-color: #536779 !important; border-color: rgba(15,23,42,.08) !important; } /* Order number cell/link - currently the black #1438 block */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .woocommerce-orders-table__cell-order-number, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .woocommerce-orders-table__cell-order-number a { background: #ffffff !important; background-color: #ffffff !important; color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } /* Status / date / total */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .woocommerce-orders-table td { color: #536779 !important; -webkit-text-fill-color: #536779 !important; } /* ========================================================== 6. ORDER ACTION BUTTON ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .woocommerce-orders-table .woocommerce-button { background: #2f80c9 !important; background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .woocommerce-orders-table .woocommerce-button:hover { background: #246aa9 !important; background-color: #246aa9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* ========================================================== ENTAWA_LIGHT_004L3_PACKAGE_CARD_FINAL Exact audited element: ARTICLE.rdmora-package-card Subscription / My Learning only. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-package-library__grid .rdmora-package-card { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: #d9e0e6 !important; box-shadow: 0 8px 22px rgba(15,23,42,.04) !important; } /* Remove any dark decorative layer */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-package-card::before, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-package-card::after { background: transparent !important; background-image: none !important; } /* Package title */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-package-card h1, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-package-card h2, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-package-card h3, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-package-card strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Secondary package information */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-package-card p, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-package-card span:not(.rdmora-package-card__status) { color: #607385 !important; } /* Active status stays semantic green */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-package-card [class*="status"] { background-color: #edf8f1 !important; color: #247244 !important; -webkit-text-fill-color: #247244 !important; border-color: #b9dec5 !important; } /* Package CTA */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-package-card a.button, html[data-entawa-theme="light"] body.rdmora-commerce-ui--my-account #entawa-register-wrap .rdmora-package-card button { background: #2f80c9 !important; background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; box-shadow: none !important; } /* ========================================================== ENTAWA_LIGHT_004K1_STORE_ARCHIVE_FINAL Scope: WooCommerce Store Archive only. Fixes: - Dark/gray product-card regression - Store top atmosphere around header - Buttons / text / borders - Keeps existing geometry + responsive untouched ========================================================== */ /* ========================================================== 1. STORE PAGE ATMOSPHERE Put the approved blue -> light atmosphere behind BOTH header area and beginning of store content. ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop #page-container { background-color: #f7f8f9 !important; background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/Containerbg.png"), linear-gradient( 180deg, #557895 0%, #809bb1 8%, #b9c9d5 19%, #e5ebef 32%, #f7f8f9 46%, #f7f8f9 100% ) !important; background-repeat: no-repeat, no-repeat !important; background-position: center top, center top !important; background-size: 100% auto, 100% 760px !important; } /* * Header OUTER section only becomes transparent. * Header row/modules keep their current approved geometry. */ html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .et-l--header .et_pb_section { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ========================================================== 2. STORE BODY SECTION Do not let an old flat gray background cover atmosphere. ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop #main-content, html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .et-l--body { background: transparent !important; background-color: transparent !important; } /* Main store section continues into the light canvas. */ html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .et_pb_section_0_tb_body { background-color: transparent !important; background-image: none !important; } /* ========================================================== 3. STORE TITLE + INTRO ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .et_pb_section_0_tb_body h1, html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .et_pb_section_0_tb_body h2, html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .et_pb_section_0_tb_body h3 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .et_pb_section_0_tb_body .et_pb_text p { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* ========================================================== 4. PRODUCTS GRID ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-products-state { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ========================================================== 5. EXACT PRODUCT CARDS Earlier audit showed product cards are Divi Groups: .et_pb_group_0_tb_body ... .et_pb_group_6_tb_body A later rule returned them to: rgba(17,19,23,.5) Force the Groups themselves back to white. ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-products-state .et_pb_group { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border: 1px solid rgba(15,23,42,.09) !important; box-shadow: 0 8px 24px rgba(15,23,42,.035) !important; opacity: 1 !important; filter: none !important; } /* Kill any pseudo overlay that darkens the cards. */ html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-products-state .et_pb_group::before, html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-products-state .et_pb_group::after { background: transparent !important; background-color: transparent !important; background-image: none !important; opacity: 1 !important; filter: none !important; } /* ========================================================== 6. PRODUCT CARD TITLES ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-products-state .et_pb_group h1, html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-products-state .et_pb_group h2, html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-products-state .et_pb_group h3, html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-products-state .et_pb_group h4, html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-products-state .et_pb_group strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* ========================================================== 7. PRODUCT DESCRIPTIONS ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-products-state .et_pb_group p { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* ========================================================== 8. PRODUCT CATEGORY LINKS The category anchors have no custom class in the archive. ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-products-state .et_pb_group a:not(.et_pb_button) { color: #5f91be !important; -webkit-text-fill-color: #5f91be !important; } /* ========================================================== 9. PRODUCT ICONS ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-products-state .et-pb-icon { color: #5791c4 !important; -webkit-text-fill-color: #5791c4 !important; } /* ========================================================== 10. VIEW DETAILS BUTTONS Figma = WHITE secondary buttons. Current regression made them dark blue. ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-products-state a.et_pb_button { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #202428 !important; -webkit-text-fill-color: #202428 !important; border: 1px solid #d9e0e6 !important; box-shadow: none !important; text-shadow: none !important; } html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-products-state a.et_pb_button:hover { background-color: #f3f8fc !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; border-color: #9fc2df !important; } /* ========================================================== 11. RDMORA TICKET CARD Ticket product has less content than normal merchandise. Still use exactly the same white store card. ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-products-state .et_pb_group { --entawa-store-card-bg: #ffffff; } /* ========================================================== 12. EMPTY STORE STATE ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-empty-state { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #536779 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-empty-state h1, html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-empty-state h2, html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-empty-state h3 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* ========================================================== 13. EMPTY STATE CTA ========================================================== */ html[data-entawa-theme="light"] body.post-type-archive-product.woocommerce-shop .entawa-store-empty-state .et_pb_button { background: #2f80c9 !important; background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; } /* ========================================================== ENTAWA_LIGHT_004K2_STORE_PAGE_23_REAL_FIX VERIFIED: Store is custom Divi Page ID 23. It is NOT WooCommerce post-type archive. Exact audited card selector: .entawa-store-products-state .et_pb_group Light only. Geometry untouched. ========================================================== */ /* ========================================================== 1. STORE PAGE ATMOSPHERE ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) { background-color: #f7f8f9 !important; background-image: linear-gradient( 180deg, #557895 0%, #7794ac 7%, #a9bdcc 17%, #d9e3e9 29%, #f3f5f6 42%, #f7f8f9 56%, #f7f8f9 100% ) !important; background-repeat: no-repeat !important; background-position: center top !important; background-size: 100% 760px !important; } html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) #page-container { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ========================================================== 2. HEADER The outer header section must not create the floating full-width white strip seen in the screenshot. Inner approved header geometry is untouched. ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .et-l--header .et_pb_section { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ========================================================== 3. BODY / STORE SECTION Let atmosphere show through at the top. ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) #main-content, html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .et-l--body, html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .et_pb_section_0_tb_body { background: transparent !important; background-color: transparent !important; background-image: none !important; } /* ========================================================== 4. STORE PRODUCTS ROW ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .entawa-store-products-state { background: transparent !important; background-color: transparent !important; background-image: none !important; color: #334155 !important; } /* ========================================================== 5. VERIFIED PRODUCT CARDS Audit: rgba(17,19,23,.5) -> approved Light white. ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .entawa-store-products-state .et_pb_group { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border: 1px solid rgba(15,23,42,.09) !important; box-shadow: 0 8px 24px rgba(15,23,42,.035) !important; opacity: 1 !important; filter: none !important; } /* Kill any dark overlay */ html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .entawa-store-products-state .et_pb_group::before, html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .entawa-store-products-state .et_pb_group::after { background: transparent !important; background-color: transparent !important; background-image: none !important; opacity: 1 !important; filter: none !important; } /* ========================================================== 6. TITLES ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .entawa-store-products-state .et_pb_group h1, html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .entawa-store-products-state .et_pb_group h2, html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .entawa-store-products-state .et_pb_group h3, html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .entawa-store-products-state .et_pb_group h4, html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .entawa-store-products-state .et_pb_group strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* ========================================================== 7. PRODUCT COPY ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .entawa-store-products-state .et_pb_group p { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* ========================================================== 8. CATEGORY / NORMAL LINKS ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .entawa-store-products-state .et_pb_group a:not(.et_pb_button) { color: #5f91be !important; -webkit-text-fill-color: #5f91be !important; } /* ========================================================== 9. PRODUCT ICONS ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .entawa-store-products-state .et-pb-icon { color: #5791c4 !important; -webkit-text-fill-color: #5791c4 !important; } /* ========================================================== 10. VIEW DETAILS BUTTONS Figma = white secondary button. ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .entawa-store-products-state .et_pb_button { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #202428 !important; -webkit-text-fill-color: #202428 !important; border: 1px solid #d9e0e6 !important; box-shadow: none !important; text-shadow: none !important; } html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .entawa-store-products-state .et_pb_button:hover { background: #f3f8fc !important; background-color: #f3f8fc !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; border-color: #9fc2df !important; } /* ========================================================== 11. STORE PAGE MAIN HEADING / DESCRIPTION ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .et_pb_section_0_tb_body h1, html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .et_pb_section_0_tb_body h2 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } html[data-entawa-theme="light"] body:is(.page-id-23,.page-id-1089) .et_pb_section_0_tb_body .et_pb_text p { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* ========================================================== ENTAWA_LIGHT_004N_LOGIN_REGISTER Verified scope: body.entawa-login-view Covers: - Divi login card - Woo login form - Woo register form - Toggle buttons - Inputs / password / checkbox - Lost password - Woo notices Existing geometry + toggle JS remain untouched. ========================================================== */ /* ========================================================== 1. PAGE CANVAS ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view .et_pb_section_0_tb_body { background: #f7f8f9 !important; background-color: #f7f8f9 !important; background-image: none !important; color: #334155 !important; } /* ========================================================== 2. MAIN DIVI LOGIN CARD Audit: .et_pb_login_0_tb_body = rgba(17,19,23,.8) ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view .et_pb_login_0_tb_body { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border: 1px solid rgba(15,23,42,.09) !important; box-shadow: 0 10px 28px rgba(15,23,42,.04) !important; text-shadow: none !important; } /* Remove possible dark overlays */ html[data-entawa-theme="light"] body.entawa-login-view .et_pb_login_0_tb_body::before, html[data-entawa-theme="light"] body.entawa-login-view .et_pb_login_0_tb_body::after { background: transparent !important; background-image: none !important; } /* ========================================================== 3. LOGIN HEADINGS + COPY ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view .et_pb_login_0_tb_body h1, html[data-entawa-theme="light"] body.entawa-login-view .et_pb_login_0_tb_body h2, html[data-entawa-theme="light"] body.entawa-login-view .et_pb_login_0_tb_body h3, html[data-entawa-theme="light"] body.entawa-login-view .et_pb_login_0_tb_body h4 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } html[data-entawa-theme="light"] body.entawa-login-view .et_pb_login_0_tb_body p, html[data-entawa-theme="light"] body.entawa-login-view .et_pb_login_0_tb_body .et_pb_newsletter_description { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* ========================================================== 4. DIVI LOGIN INPUTS ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view #user_login_0, html[data-entawa-theme="light"] body.entawa-login-view #user_pass_0 { background: #ffffff !important; background-color: #ffffff !important; color: #334155 !important; -webkit-text-fill-color: #334155 !important; border: 1px solid #d5dde4 !important; box-shadow: none !important; caret-color: #334155 !important; } html[data-entawa-theme="light"] body.entawa-login-view #user_login_0::placeholder, html[data-entawa-theme="light"] body.entawa-login-view #user_pass_0::placeholder { color: #94a3b8 !important; -webkit-text-fill-color: #94a3b8 !important; opacity: 1 !important; } html[data-entawa-theme="light"] body.entawa-login-view #user_login_0:focus, html[data-entawa-theme="light"] body.entawa-login-view #user_pass_0:focus { border-color: #2f80c9 !important; box-shadow: 0 0 0 2px rgba(47,128,201,.10) !important; } /* ========================================================== 5. MAIN LOGIN BUTTON ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view .et_pb_login_0_tb_body .et_pb_newsletter_button { background: #2f80c9 !important; background-color: #2f80c9 !important; background-image: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 2px solid #2f80c9 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.entawa-login-view .et_pb_login_0_tb_body .et_pb_newsletter_button:hover { background-color: #246aa9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #246aa9 !important; } /* ========================================================== 6. FORGOT PASSWORD ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view .et_pb_login_0_tb_body a { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } html[data-entawa-theme="light"] body.entawa-login-view .et_pb_login_0_tb_body a:hover { color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; } /* ========================================================== 7. SHOW REGISTER BUTTON ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view .entawa-show-register { background: #ffffff !important; background-color: #ffffff !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; border: 1px solid #9fc2df !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.entawa-login-view .entawa-show-register:hover { background-color: #edf5fb !important; color: #1f639c !important; -webkit-text-fill-color: #1f639c !important; border-color: #2f80c9 !important; } /* ========================================================== 8. REGISTER WRAPPER IMPORTANT: Do NOT change display:none. Existing toggle JS owns visibility. ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view #entawa-register-wrap { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; } /* Woo columns inherit clean surface */ html[data-entawa-theme="light"] body.entawa-login-view #customer_login, html[data-entawa-theme="light"] body.entawa-login-view #customer_login .u-column1, html[data-entawa-theme="light"] body.entawa-login-view #customer_login .u-column2 { background: transparent !important; background-color: transparent !important; color: #334155 !important; } /* ========================================================== 9. WOO LOGIN / REGISTER FORMS ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view #customer_login form.login, html[data-entawa-theme="light"] body.entawa-login-view #customer_login form.register { background: #ffffff !important; background-color: #ffffff !important; color: #334155 !important; border-color: #d9e0e6 !important; box-shadow: none !important; } /* Headings */ html[data-entawa-theme="light"] body.entawa-login-view #customer_login h1, html[data-entawa-theme="light"] body.entawa-login-view #customer_login h2, html[data-entawa-theme="light"] body.entawa-login-view #customer_login h3 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Copy + labels */ html[data-entawa-theme="light"] body.entawa-login-view #customer_login p, html[data-entawa-theme="light"] body.entawa-login-view #customer_login label { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } html[data-entawa-theme="light"] body.entawa-login-view #customer_login .required { color: #dc4c4c !important; -webkit-text-fill-color: #dc4c4c !important; } /* ========================================================== 10. WOO FORM INPUTS Includes exact audited dark field: #reg_email = rgb(13,15,18) ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view #customer_login input.input-text, html[data-entawa-theme="light"] body.entawa-login-view #customer_login #username, html[data-entawa-theme="light"] body.entawa-login-view #customer_login #password, html[data-entawa-theme="light"] body.entawa-login-view #customer_login #reg_email { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; -webkit-text-fill-color: #334155 !important; border: 1px solid #d5dde4 !important; box-shadow: none !important; caret-color: #334155 !important; } html[data-entawa-theme="light"] body.entawa-login-view #customer_login input.input-text:focus { border-color: #2f80c9 !important; box-shadow: 0 0 0 2px rgba(47,128,201,.10) !important; } /* ========================================================== 11. PASSWORD VISIBILITY BUTTON ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view #customer_login .show-password-input { color: #64748b !important; } /* ========================================================== 12. REMEMBER ME ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view #rememberme { accent-color: #2f80c9 !important; } html[data-entawa-theme="light"] body.entawa-login-view .woocommerce-form-login__rememberme { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* ========================================================== 13. WOO LOGIN BUTTON ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view .woocommerce-form-login__submit { background: #2f80c9 !important; background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 2px solid #2f80c9 !important; box-shadow: none !important; } /* ========================================================== 14. REGISTER BUTTON ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view .woocommerce-form-register__submit { background: #2f80c9 !important; background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid #2f80c9 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.entawa-login-view .woocommerce-form-register__submit:hover { background-color: #246aa9 !important; border-color: #246aa9 !important; } /* ========================================================== 15. LOST PASSWORD LINK ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view .woocommerce-LostPassword, html[data-entawa-theme="light"] body.entawa-login-view .woocommerce-LostPassword a { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } /* ========================================================== 16. PRIVACY / REGISTRATION COPY ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view .woocommerce-privacy-policy-text, html[data-entawa-theme="light"] body.entawa-login-view .woocommerce-privacy-policy-text p { color: #718096 !important; -webkit-text-fill-color: #718096 !important; } html[data-entawa-theme="light"] body.entawa-login-view .woocommerce-privacy-policy-text a { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } /* ========================================================== 17. "ALREADY HAVE ACCOUNT?" LOGIN TOGGLE ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view .entawa-show-login { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } html[data-entawa-theme="light"] body.entawa-login-view .entawa-show-login a { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } /* ========================================================== 18. WOOCOMMERCE NOTICES ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view .woocommerce-error { background: #fff1f1 !important; color: #a83d3d !important; -webkit-text-fill-color: #a83d3d !important; border-color: #efc5c5 !important; } html[data-entawa-theme="light"] body.entawa-login-view .woocommerce-message { background: #edf8f1 !important; color: #247244 !important; -webkit-text-fill-color: #247244 !important; border-color: #b9dec5 !important; } html[data-entawa-theme="light"] body.entawa-login-view .woocommerce-info { background: #edf5fb !important; color: #315d80 !important; -webkit-text-fill-color: #315d80 !important; border-color: #bfd8ea !important; } /* ========================================================== ENTAWA_LIGHT_004N1_LOGIN_LOGO_FIX Audited: Login logo = .et_pb_image_0_tb_body Register logo = .et_pb_image_1_tb_body Source image is white. Match approved Light header treatment. ========================================================== */ html[data-entawa-theme="light"] body.entawa-login-view .et_pb_image_0_tb_body img, html[data-entawa-theme="light"] body.entawa-login-view .et_pb_image_1_tb_body img { filter: brightness(0) saturate(1) !important; opacity: 0.92 !important; } /* ========================================================== ENTAWA_ACCOUNT_LOST_PASSWORD_VIEW_FIX Functional state: /my-account/lost-password/ WooCommerce reset links also use the lost-password endpoint, therefore this covers: - Request password reset - Set new password Geometry of the normal Login/Register view is untouched. ========================================================== */ /* ========================================================== 1. ENDPOINT VISIBILITY Hide the custom Divi login screen. Show the WooCommerce endpoint output. ========================================================== */ body.entawa-lost-password-view #entawa-login-wrap { display: none !important; } body.entawa-lost-password-view #entawa-register-wrap { display: block !important; } /* We are not on the normal register/login toggle state. */ body.entawa-lost-password-view .entawa-show-register { display: none !important; } /* ========================================================== 2. LIGHT CONTAINER ========================================================== */ html[data-entawa-theme="light"] body.entawa-lost-password-view .et_pb_section_0_tb_body { background: #f7f8f9 !important; color: #334155 !important; } html[data-entawa-theme="light"] body.entawa-lost-password-view #entawa-register-wrap { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; } /* ========================================================== 3. LOST / RESET PASSWORD CONTENT ========================================================== */ html[data-entawa-theme="light"] body.entawa-lost-password-view .woocommerce { color: #334155 !important; } html[data-entawa-theme="light"] body.entawa-lost-password-view .woocommerce .woocommerce-ResetPassword, html[data-entawa-theme="light"] body.entawa-lost-password-view .woocommerce .lost_reset_password { background: #ffffff !important; background-color: #ffffff !important; color: #334155 !important; border-color: #d9e0e6 !important; box-shadow: none !important; } /* Text */ html[data-entawa-theme="light"] body.entawa-lost-password-view .woocommerce .woocommerce-ResetPassword p, html[data-entawa-theme="light"] body.entawa-lost-password-view .woocommerce .lost_reset_password p, html[data-entawa-theme="light"] body.entawa-lost-password-view .woocommerce label { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* ========================================================== 4. EMAIL / NEW PASSWORD FIELDS ========================================================== */ html[data-entawa-theme="light"] body.entawa-lost-password-view .woocommerce input.input-text, html[data-entawa-theme="light"] body.entawa-lost-password-view .woocommerce #user_login, html[data-entawa-theme="light"] body.entawa-lost-password-view .woocommerce #password_1, html[data-entawa-theme="light"] body.entawa-lost-password-view .woocommerce #password_2 { background: #ffffff !important; background-color: #ffffff !important; color: #334155 !important; -webkit-text-fill-color: #334155 !important; border: 1px solid #d5dde4 !important; box-shadow: none !important; caret-color: #334155 !important; } html[data-entawa-theme="light"] body.entawa-lost-password-view .woocommerce input.input-text:focus { border-color: #2f80c9 !important; box-shadow: 0 0 0 2px rgba(47,128,201,.10) !important; } /* ========================================================== 5. SUBMIT BUTTON ========================================================== */ html[data-entawa-theme="light"] body.entawa-lost-password-view .woocommerce button.button { background: #2f80c9 !important; background-color: #2f80c9 !important; background-image: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid #2f80c9 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.entawa-lost-password-view .woocommerce button.button:hover { background-color: #246aa9 !important; border-color: #246aa9 !important; color: #ffffff !important; } /* ========================================================== 6. PASSWORD STRENGTH ========================================================== */ html[data-entawa-theme="light"] body.entawa-lost-password-view .woocommerce-password-strength { color: #334155 !important; } /* ========================================================== 7. LOGO Same Light treatment already approved for Login/Register. ========================================================== */ html[data-entawa-theme="light"] body.entawa-lost-password-view .et_pb_image_1_tb_body img { filter: brightness(0) saturate(1) !important; opacity: .92 !important; } /* ========================================================== 8. WOOCOMMERCE MESSAGES ========================================================== */ html[data-entawa-theme="light"] body.entawa-lost-password-view .woocommerce-message { background: #edf8f1 !important; color: #247244 !important; border-color: #b9dec5 !important; } html[data-entawa-theme="light"] body.entawa-lost-password-view .woocommerce-error { background: #fff1f1 !important; color: #a83d3d !important; border-color: #efc5c5 !important; } /* ========================================================== ENTAWA_LOST_PASSWORD_FINAL_UI ========================================================== */ /* ---------------------------------------------------------- Correct Divi row visibility ---------------------------------------------------------- */ body.entawa-lost-password-view #entawa-login-wrap { display: none !important; } body.entawa-lost-password-view #entawa-register-wrap { display: block !important; } /* * Do not show normal Login/Register switching controls * inside lost/reset-password workflow. */ body.entawa-lost-password-view .entawa-show-login, body.entawa-lost-password-view .entawa-show-register { display: none !important; } /* ---------------------------------------------------------- LIGHT CANVAS ---------------------------------------------------------- */ html[data-entawa-theme="light"] body.entawa-lost-password-view .et_pb_section_0_tb_body { background: #f7f8f9 !important; background-color: #f7f8f9 !important; color: #334155 !important; } /* ---------------------------------------------------------- MAIN ENDPOINT CARD ---------------------------------------------------------- */ html[data-entawa-theme="light"] body.entawa-lost-password-view #entawa-register-wrap { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; color: #334155 !important; border: 1px solid rgba(15,23,42,.09) !important; box-shadow: 0 10px 28px rgba(15,23,42,.04) !important; } /* ---------------------------------------------------------- WOO FORM ---------------------------------------------------------- */ html[data-entawa-theme="light"] body.entawa-lost-password-view form.woocommerce-ResetPassword, html[data-entawa-theme="light"] body.entawa-lost-password-view form.lost_reset_password { background: transparent !important; color: #334155 !important; border: 0 !important; box-shadow: none !important; } /* Text */ html[data-entawa-theme="light"] body.entawa-lost-password-view #entawa-register-wrap p, html[data-entawa-theme="light"] body.entawa-lost-password-view #entawa-register-wrap label { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* ---------------------------------------------------------- INPUTS ---------------------------------------------------------- */ html[data-entawa-theme="light"] body.entawa-lost-password-view #entawa-register-wrap input.input-text, html[data-entawa-theme="light"] body.entawa-lost-password-view #entawa-register-wrap input[type="text"], html[data-entawa-theme="light"] body.entawa-lost-password-view #entawa-register-wrap input[type="email"], html[data-entawa-theme="light"] body.entawa-lost-password-view #entawa-register-wrap input[type="password"] { display: block !important; width: 100% !important; background: #ffffff !important; background-color: #ffffff !important; color: #334155 !important; -webkit-text-fill-color: #334155 !important; border: 1px solid #d5dde4 !important; box-shadow: none !important; caret-color: #334155 !important; } html[data-entawa-theme="light"] body.entawa-lost-password-view #entawa-register-wrap input:focus { border-color: #2f80c9 !important; outline: none !important; box-shadow: 0 0 0 2px rgba(47,128,201,.10) !important; } /* ---------------------------------------------------------- SUBMIT ---------------------------------------------------------- */ html[data-entawa-theme="light"] body.entawa-lost-password-view #entawa-register-wrap button.button, html[data-entawa-theme="light"] body.entawa-lost-password-view #entawa-register-wrap .woocommerce-Button { background: #2f80c9 !important; background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid #2f80c9 !important; box-shadow: none !important; } /* ---------------------------------------------------------- LOGO ---------------------------------------------------------- */ html[data-entawa-theme="light"] body.entawa-lost-password-view .et_pb_image_1_tb_body img { filter: brightness(0) saturate(1) !important; opacity: .92 !important; } /* ========================================================== ENTAWA_LIGHT_004O_ORDER_RECEIVED_FINAL Scope: WooCommerce Checkout -> order-received only. Covers: 1. Native Woo confirmation 2. Event Tickets additions 3. Restricted-order Woo messages 4. RDMORA Package Thank You consistency No geometry / responsive / order logic changes. ========================================================== */ /* ========================================================== 1. PAGE CANVAS ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--order-received { background-color: #f7f8f9 !important; color: #334155 !important; } html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--order-received #main-content { background: #f7f8f9 !important; background-color: #f7f8f9 !important; color: #334155 !important; } /* ========================================================== 2. DEFAULT PAGE TITLE ========================================================== */ html[data-entawa-theme="light"] body.page-id-14.rdmora-commerce-ui--order-received .entry-title.main_title { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* ========================================================== 3. GENERIC WOOCOMMERCE ORDER CONTAINER ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-order { background: #ffffff !important; background-color: #ffffff !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; } /* ========================================================== 4. SUCCESS MESSAGE Audit showed white text on transparent background. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-thankyou-order-received, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-notice--success { color: #247244 !important; -webkit-text-fill-color: #247244 !important; text-shadow: none !important; } /* ========================================================== 5. ORDER OVERVIEW GRID Audit showed: rgb(17,26,34) dark cards. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-order-overview { color: #334155 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-order-overview li { background: #f8fafc !important; background-color: #f8fafc !important; color: #607385 !important; border-color: #d9e0e6 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-order-overview li strong { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-order-overview .woocommerce-Price-amount, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-order-overview .woocommerce-Price-currencySymbol, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-order-overview bdi { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* ========================================================== 6. PAYMENT / ORDER STATUS COPY ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-order > p { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* ========================================================== 7. ORDER DETAILS HEADING Audit showed white heading. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-order-details__title, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-customer-details .woocommerce-column__title { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* ========================================================== 8. ORDER DETAILS TABLE ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received table.shop_table, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received table.woocommerce-table { background: #ffffff !important; background-color: #ffffff !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; } /* Headers / footer labels */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received table.shop_table th, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received table.woocommerce-table th { background: #f8fafc !important; background-color: #f8fafc !important; color: #202428 !important; -webkit-text-fill-color: #202428 !important; border-color: rgba(15,23,42,.08) !important; } /* Cells */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received table.shop_table td, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received table.woocommerce-table td { background: #ffffff !important; background-color: #ffffff !important; color: #5c6d7c !important; -webkit-text-fill-color: #5c6d7c !important; border-color: rgba(15,23,42,.08) !important; } /* Prices */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received table.shop_table .woocommerce-Price-amount, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received table.shop_table .woocommerce-Price-currencySymbol, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received table.shop_table bdi { color: #536779 !important; -webkit-text-fill-color: #536779 !important; } /* Product links */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received table.shop_table a { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } /* ========================================================== 9. CUSTOMER DETAILS / ADDRESS ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-customer-details { color: #536779 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-customer-details address { background: #ffffff !important; background-color: #ffffff !important; color: #536779 !important; border-color: #d9e0e6 !important; box-shadow: none !important; } /* ========================================================== 10. WOOCOMMERCE INFO / ERROR STATES Covers historical/mixed order permission message too. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-info { background: #edf5fb !important; background-color: #edf5fb !important; color: #315d80 !important; -webkit-text-fill-color: #315d80 !important; border-color: #bfd8ea !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-error { background: #fff1f1 !important; color: #a83d3d !important; -webkit-text-fill-color: #a83d3d !important; border-color: #efc5c5 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-message { background: #edf8f1 !important; color: #247244 !important; -webkit-text-fill-color: #247244 !important; border-color: #b9dec5 !important; } /* ========================================================== 11. EVENT DETAILS ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tribe-event-details { color: #5c6d7c !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tribe-event-details .event-title { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tribe-event-details em, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tribe-event-date-start, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tribe-event-date-end { color: #607385 !important; -webkit-text-fill-color: #607385 !important; } /* ========================================================== 12. EVENT ATTENDEE META TABLE ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received table.tribe-attendee-meta { background: #f8fafc !important; background-color: #f8fafc !important; color: #536779 !important; border-color: #d9e0e6 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received table.tribe-attendee-meta td { background: transparent !important; color: #536779 !important; -webkit-text-fill-color: #536779 !important; border-color: rgba(15,23,42,.08) !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tribe-attendee-meta-heading, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tribe-attendee-meta-iac-name, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tribe-attendee-meta-iac-email { color: #536779 !important; -webkit-text-fill-color: #536779 !important; } /* ========================================================== 13. "YOUR TICKETS" AREA ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tec-tickets__attendees-list-wrapper { background: #ffffff !important; background-color: #ffffff !important; color: #334155 !important; border-color: rgba(15,23,42,.09) !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tec-tickets__attendees-list-wrapper .tribe-common-h4 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tec-tickets__attendees-list-item, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tec-tickets__attendees-list-item-attendee-details, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tec-tickets__attendees-list-item-attendee-details-name, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tec-tickets__attendees-list-item-attendee-details-ticket { color: #334155 !important; -webkit-text-fill-color: #334155 !important; } /* ========================================================== 14. PDF TICKET BUTTON ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tec-tickets__wallet-plus-component-pdf-button-link { background: #ffffff !important; background-color: #ffffff !important; color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; border-color: #9fc2df !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tec-tickets__wallet-plus-component-pdf-button-link:hover { background: #edf5fb !important; color: #246aa9 !important; -webkit-text-fill-color: #246aa9 !important; } /* ========================================================== 15. APPLE WALLET WRAPPER Do not alter Apple's own badge asset. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .tec-tickets__wallet-plus-component-apple-wallet-button-container { background: transparent !important; } /* ========================================================== 16. RDMORA PACKAGE THANK YOU Current audit is already mostly Light. Just lock approved colors against future Dark regression. ========================================================== */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou { color: #334155 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__title, html[data-entawa-theme="light"] body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__courses-title { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__description { color: #64748b !important; -webkit-text-fill-color: #64748b !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__course-list { background: #ffffff !important; background-color: #ffffff !important; border-color: rgba(15,23,42,.09) !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__course-name { color: #334155 !important; -webkit-text-fill-color: #334155 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__course-link { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } /* Primary package CTA */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__button--primary { background: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Secondary package CTA */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--package-thankyou .rdmora-package-thankyou__button--secondary { background: #ffffff !important; color: #334155 !important; -webkit-text-fill-color: #334155 !important; border-color: rgba(15,23,42,.15) !important; } /* ========================================================== ENTAWA_LIGHT_004P_404_FINAL Scope: WordPress / Divi 404 only. Colors / surfaces only. No geometry or responsive changes. ========================================================== */ /* Main 404 canvas */ html[data-entawa-theme="light"] body.error404 #main-content { background: #f5f7fa !important; background-color: #f5f7fa !important; color: #334155 !important; } /* Content wrapper */ html[data-entawa-theme="light"] body.error404 #main-content .container, html[data-entawa-theme="light"] body.error404 #main-content #content-area, html[data-entawa-theme="light"] body.error404 #main-content #left-area { background: transparent !important; color: #334155 !important; } /* 404 result area */ html[data-entawa-theme="light"] body.error404 .et_pb_post.not_found, html[data-entawa-theme="light"] body.error404 .et_pb_post.not_found .entry { background: transparent !important; color: #334155 !important; } /* Main 404 title */ html[data-entawa-theme="light"] body.error404 .not-found-title { color: #202428 !important; -webkit-text-fill-color: #202428 !important; text-shadow: none !important; } /* Description */ html[data-entawa-theme="light"] body.error404 .et_pb_post.not_found .entry p { color: #64748b !important; -webkit-text-fill-color: #64748b !important; } /* Sidebar */ html[data-entawa-theme="light"] body.error404 #sidebar { background: transparent !important; color: #334155 !important; border-color: rgba(15,23,42,.10) !important; } /* Widget headings */ html[data-entawa-theme="light"] body.error404 #sidebar .wp-block-heading, html[data-entawa-theme="light"] body.error404 #sidebar h2, html[data-entawa-theme="light"] body.error404 #sidebar h3 { color: #202428 !important; -webkit-text-fill-color: #202428 !important; } /* Widget links */ html[data-entawa-theme="light"] body.error404 #sidebar a { color: #52677a !important; -webkit-text-fill-color: #52677a !important; } html[data-entawa-theme="light"] body.error404 #sidebar a:hover { color: #2f80c9 !important; -webkit-text-fill-color: #2f80c9 !important; } /* Search field */ html[data-entawa-theme="light"] body.error404 .wp-block-search__input { background: #ffffff !important; background-color: #ffffff !important; color: #1f2937 !important; -webkit-text-fill-color: #1f2937 !important; border-color: rgba(15,23,42,.16) !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.error404 .wp-block-search__input::placeholder { color: #94a3b8 !important; opacity: 1 !important; } /* Search button */ html[data-entawa-theme="light"] body.error404 .wp-block-search__button { background: #2f80c9 !important; background-color: #2f80c9 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border-color: #2f80c9 !important; box-shadow: none !important; } html[data-entawa-theme="light"] body.error404 .wp-block-search__button:hover { background: #286fab !important; background-color: #286fab !important; border-color: #286fab !important; } /* ========================================================== ENTAWA_QA_001B1_ABOUT_LIGHT_GLOBE_FIX Final QA regression fix. Replace Dark globe asset in Light theme only. Image only — no geometry/layout changes. ========================================================== */ html[data-entawa-theme="light"] body:is(.page-id-19,.page-id-1086) .et_pb_section_1_tb_body .et_pb_column_11_tb_body { background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/image-1.png") !important; } /* ========================================================== ENTAWA_QA_001B1_HOME_ABOUT_LIGHT_GLOBE_FINAL Home page #409 / About section. Light theme image replacement only. No size / position / spacing / geometry changes. ========================================================== */ html[data-entawa-theme="light"] body.home.page-id-409 .et_pb_section_1_tb_body .et_pb_column_11_tb_body { background-image: url("https://elearning.s4serv.com/wp-content/uploads/2026/08/image-1.png") !important; } /* ========================================================== ENTAWA_QA_001B3_WPML_EN_LIGHT_SCOPE_FINAL WPML frontend parity: About AR #19 + EN #1086 Store AR #23 + EN #1089 Existing approved rules are shared between translations. No geometry/layout changes. ========================================================== */ /* ========================================================== ENTAWA_QA_002B_LIGHT_POPULATED_CHECKOUT_FINAL WooCommerce Blocks populated checkout. Uses stable RDMORA checkout body class, therefore applies to AR / EN without translation Page ID coupling. COLOR / SURFACE ONLY. NO width / spacing / positioning / geometry changes. ========================================================== */ /* ---------------------------------------------------------- MAIN CHECKOUT SURFACES ---------------------------------------------------------- */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-main.wc-block-checkout__main, html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-sidebar.wc-block-checkout__sidebar { background: #ffffff !important; color: #1f2937 !important; border-color: #d9e2ea !important; } /* ---------------------------------------------------------- FORCE DARK-THEME INHERITED TEXT BACK TO LIGHT PALETTE ---------------------------------------------------------- */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-checkout__main *, html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-checkout__sidebar * { color: #1f2937 !important; } /* ---------------------------------------------------------- FORM CONTROLS ---------------------------------------------------------- */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-text-input input, html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-text-input textarea, html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-blocks-components-select__select { background: #ffffff !important; color: #1f2937 !important; border-color: #cbd5e1 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-text-input input::placeholder, html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-text-input textarea::placeholder { color: #64748b !important; opacity: 1 !important; } /* Labels / secondary copy */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-text-input label, html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-product-metadata, html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-product-metadata * { color: #64748b !important; } /* ---------------------------------------------------------- PAYMENT ---------------------------------------------------------- */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-radio-control-accordion-option { background: #ffffff !important; border-color: #cbd5e1 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted { background: #f1f7fc !important; border-color: #7aa7cc !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-radio-control-accordion-content { background: #f8fafc !important; color: #334155 !important; } /* ---------------------------------------------------------- ORDER SUMMARY + TOTALS ---------------------------------------------------------- */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wp-block-woocommerce-checkout-order-summary-block, html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-order-summary, html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-order-summary__content, html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-order-summary-item { background: #ffffff !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-totals-wrapper, html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-checkout-order-summary__title { border-color: #d9e2ea !important; } /* ---------------------------------------------------------- LINKS / ACTION COLORS ---------------------------------------------------------- */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-checkout__main a, html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-checkout__sidebar a, html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-panel__button { color: #2f76b7 !important; } /* Place order keeps white text on primary blue button */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-checkout-place-order-button, html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .wc-block-components-checkout-place-order-button * { color: #ffffff !important; } /* RDMORA Remove / Cancel remain destructive red */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .rdmora-checkout-cancel-order, html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .rdmora-checkout-cancel-order * { color: #c24141 !important; } html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .rdmora-checkout-remove-item, html[data-entawa-theme="light"] body.rdmora-commerce-ui--checkout .rdmora-checkout-remove-item * { color: #c24141 !important; } /* ========================================================== ENTAWA_QA_002B1_CHECKOUT_PADDING_FINAL Explicit checkout geometry correction. Adds missing internal breathing space only. ========================================================== */ /* Main checkout card */ body.rdmora-commerce-ui--checkout .wc-block-components-main.wc-block-checkout__main { padding: 28px 32px !important; box-sizing: border-box !important; } /* Right order summary card */ body.rdmora-commerce-ui--checkout .wc-block-components-sidebar.wc-block-checkout__sidebar { padding: 24px !important; box-sizing: border-box !important; } /* Prevent nested Woo wrapper from cancelling the card padding */ body.rdmora-commerce-ui--checkout .wc-block-checkout__form { margin: 0 !important; } /* Mobile */ @media (max-width: 767px) { body.rdmora-commerce-ui--checkout .wc-block-components-main.wc-block-checkout__main { padding: 20px 16px !important; } body.rdmora-commerce-ui--checkout .wc-block-components-sidebar.wc-block-checkout__sidebar { padding: 20px 16px !important; } } /* ========================================================== ENTAWA_QA_002B2_LIGHT_ORDER_RECEIVED_NATIVE_FINAL Native WooCommerce order-received state: pending / on-hold / unpaid confirmation. Light theme only. Includes explicit inner padding correction. ========================================================== */ /* Outer page canvas */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received #main-content { background: #f5f7fa !important; } /* Native Woo order confirmation container */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-order { background: #ffffff !important; color: #334155 !important; padding: 32px !important; box-sizing: border-box !important; } /* Success / status message */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-thankyou-order-received { color: #334155 !important; } /* Headings */ html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-order h1, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-order h2, html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-order h3 { color: #17212b !important; } /* Mobile breathing space */ @media (max-width: 767px) { html[data-entawa-theme="light"] body.rdmora-commerce-ui--order-received .woocommerce-order { padding: 20px 16px !important; } } /* ========================================================== * ENTAWA_QA_11_HEADER_LOGIN_LIGHT_CONTRAST * Login header CTA only. * Geometry/background remain owned by existing header design. * ========================================================== */ html[data-entawa-theme="light"] body #page-container .et_pb_section .et_pb_button_1_tb_header.et_pb_button { color: #1f639c !important; -webkit-text-fill-color: #1f639c !important; } /* Divi person icon */ html[data-entawa-theme="light"] body #page-container .et_pb_section .et_pb_button_1_tb_header.et_pb_button::before, html[data-entawa-theme="light"] body #page-container .et_pb_section .et_pb_button_1_tb_header.et_pb_button::after { color: #1f639c !important; -webkit-text-fill-color: #1f639c !important; } html[data-entawa-theme="light"] body #page-container .et_pb_section .et_pb_button_1_tb_header.et_pb_button:hover { color: #164f7f !important; -webkit-text-fill-color: #164f7f !important; } html[data-entawa-theme="light"] body #page-container .et_pb_section .et_pb_button_1_tb_header.et_pb_button:hover::before, html[data-entawa-theme="light"] body #page-container .et_pb_section .et_pb_button_1_tb_header.et_pb_button:hover::after { color: #164f7f !important; -webkit-text-fill-color: #164f7f !important; } /* ========================================================== * ENTAWA_QA_12_LOGGED_IN_AUTH_STATE * * WordPress logged-in state is authoritative. * Prevent Login/Register presentation controls from leaking * into My Account after profile/address save redirects. * * #entawa-register-wrap intentionally remains visible because * it owns the logged-in [woocommerce_my_account] content. * ========================================================== */ body.logged-in.woocommerce-account #entawa-login-wrap, body.logged-in.woocommerce-account .entawa-show-login, body.logged-in.woocommerce-account .entawa-show-register { display: none !important; }