/* Theme Name: Dream Academy Theme URI: https://dreamaacademy.com/ Description: Dream Academy — standalone theme for the Arabic-first esports coaching platform. Owns the full site UX: layout, header/footer, dashboards, booking, and RTL system. Author: Dream Academy Author URI: https://dreamaacademy.com/ Version: 2.0.0 Requires PHP: 7.4 Text Domain: dream */ /* Fonts (Cairo + Space Grotesk) are enqueued in functions.php with preconnect. */ /* ================= DREAM ACADEMY — DESIGN TOKENS (lime system) ================= * Source of truth for the redesign. Mirrors the approved reference build. * Change a value here and every tokenized component follows. * ============================================================================= */ :root { --dream-acc: #C7FF3C; /* primary lime — CTAs, highlights */ --dream-acc-2: #d9ff6e; /* lighter lime — hover */ --dream-acc-press: #a9e625; /* pressed state */ --dream-acc-tint: rgba(199,255,60,.10); /* lime wash for selected/tint bg */ --dream-acc-line: rgba(199,255,60,.28); /* lime border */ --dream-ink: #0B0B0B; /* text on lime surfaces */ --dream-bg: #0B0B0B; /* page background — neutral black */ --dream-card: #161616; /* card / surface — neutral */ --dream-card-2: #1c1c1c; /* raised surface */ --dream-txt: #E6E6E0; /* primary text — warm off-white */ --dream-mut: #A8A8A2; /* muted text (WCAG AA on bg) */ --dream-line: rgba(255,255,255,.08);/* hairline borders */ --dream-r-sm: 10px; --dream-r-md: 14px; --dream-r-lg: 18px; --dream-r-pill: 999px; --dream-font: 'Cairo', sans-serif; /* Arabic + general UI */ --dream-font-en: 'Space Grotesk', 'Cairo', sans-serif; /* Latin, numbers, labels */ --dream-glow: 0 10px 30px rgba(199,255,60,.20); } /* Respect reduced-motion globally (accessibility). */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; } } /* ============================================================================ * DREAM UI FOUNDATION / ISOLATION LAYER — .dream-app (added 2026-07-06) * ---------------------------------------------------------------------------- * ONE scoped reset that shields every Dream product component (booking wizard, * coaches roster, homepage, and future dashboards) from the parent theme's * aggressive global styling. Add class="dream-app" to a product root element and * its whole subtree inherits these normalizations — so we stop re-solving the * same button / [hidden] / select / focus bugs on every new page. * * SCOPE SAFETY — every rule is scoped under .dream-app, which exists ONLY on our * shortcode / template roots (.mx, .dbk-wrap, .dch, and future dashboards). * wp-admin, the Elementor EDITOR canvas, and WooCommerce pages have no * .dream-app ancestor, so this layer can never leak into them. * * SPECIFICITY DOCTRINE (why this is regression-safe by construction) — * Baseline resets use :where(.dream-app) → specificity (0,0,x), so they beat * the parent theme on SOURCE ORDER (child style.css loads after the parent's * base.css) yet LOSE to any component class (.mx-* / .dbk-* / .dch-*). Existing * components therefore keep their EXACT look — nothing overrides them. This * block is placed high in the file (right after the tokens) so that on any * (0,1,0) tie, the later component rule still wins. Only the two truly-always- * hostile parent rules ([hidden] display-forcing, select text-align) get a * scoped !important — centralized here instead of scattered across pages. * * AUDIT — each the parent theme rule → problem → isolation is documented inline below, * verified against the parent theme/assets/css/{base,grid,layout}.css on the server. * ========================================================================== */ /* Box model — guarantee border-box in our subtree (parent doesn't). * (An intentional content-box element elsewhere keeps its own !important.) */ .dream-app, .dream-app *, .dream-app *::before, .dream-app *::after { box-sizing: border-box; } /* Z-INDEX SCALE — tokens for future components so layers never collide. * Use var(--dz-*) instead of magic numbers in new dashboards/modals. */ .dream-app { --dz-base: 0; --dz-raised: 10; --dz-sticky: 40; /* sticky steppers / filter bars (JS .is-stuck fallback) */ --dz-overlay: 900; /* modal scrims */ --dz-modal: 1000; /* CV modals hoisted to */ --dz-toast: 1100; } /* BUTTONS — the parent theme base.css:822 forces text-transform:uppercase + border-radius:0 * + alt-font + `border-width:1px 0` + padding on every button / [role=button]; * base.css:1536 fills them with --wdtPrimaryColor (lime) and hover→secondary. * → PROBLEM: bare Dream buttons come out as boxy UPPERCASE LIME blocks, and every * component had to re-fight it with scattered !important resets. * → ISOLATION: neutralize only the *cosmetic* hostility (fill, uppercase, tracking, * font) at :where() specificity — NOT geometry (padding/radius), so no button * can collapse. Component classes still paint their own fill with zero !important. */ :where(.dream-app) button, :where(.dream-app) input[type="submit"], :where(.dream-app) input[type="button"], :where(.dream-app) input[type="reset"] { background-color: transparent; background-image: none; color: inherit; font-family: inherit; text-transform: none; letter-spacing: normal; cursor: pointer; -webkit-appearance: none; appearance: none; } :where(.dream-app) button:hover, :where(.dream-app) input[type="submit"]:hover, :where(.dream-app) input[type="button"]:hover { background-color: transparent; } /* [role="button"] — on this site this always means "make a non-button element * clickable" (coach cards, etc.), NEVER a lime button. the parent theme base.css:1536 * lime-fills it too. * → ISOLATION: strip the fill at :where() specificity (0,1,0). Because this block * sits ABOVE the component sections, the parent's (0,1,0) fill loses to us on * source order, while a component that sets its OWN background (e.g. a card * surface, declared later in the file) still wins. No !important, no card breaks. */ :where(.dream-app) [role="button"] { background-color: transparent; background-image: none; text-transform: none; letter-spacing: normal; -webkit-appearance: none; appearance: none; } /* [hidden] — the parent theme force-applies `display` to many elements, so the UA rule * `[hidden]{display:none}` silently loses and hidden panes/buttons stay visible. * → ISOLATION: honor [hidden] with a scoped !important (nothing should ever want * a [hidden] element shown). Consolidates the 5 scattered per-page copies. */ .dream-app [hidden] { display: none !important; } /* FORM CONTROLS — the parent theme base.css:11 zeroes fields; base.css:718 forces * select { height:49px; text-align:left !important; border-radius:0 } — the * left-align is an RTL bug on an Arabic-first site. * → ISOLATION: inherit the site font, undo the LTR text-align (needs !important * to beat the parent's), and let components own size/radius. */ :where(.dream-app) input, :where(.dream-app) select, :where(.dream-app) textarea { font: inherit; color: inherit; } :where(.dream-app) select { -webkit-appearance: none; appearance: none; } .dream-app select { text-align: inherit !important; } /* FOCUS — the parent theme base.css:11 sets `outline:0` on form fields, removing the * keyboard focus ring (fails WCAG 2.4.7). * → ISOLATION: a scoped default :focus-visible ring for any interactive element * that doesn't define its own. Low specificity so component rings still win; * :focus-visible = keyboard-only, so mouse users see no ring. */ :where(.dream-app) a:focus-visible, :where(.dream-app) button:focus-visible, :where(.dream-app) input:focus-visible, :where(.dream-app) select:focus-visible, :where(.dream-app) textarea:focus-visible, :where(.dream-app) [role="button"]:focus-visible, :where(.dream-app) [tabindex]:focus-visible { outline: 2px solid var(--dream-acc); outline-offset: 2px; } /* MODAL COMPATIBILITY (shared convention for future dashboards) — a modal * hoisted to so its position:fixed survives the parent's scroll-hijack * transform gets caught by the parent's scroll-scrubbed WAAPI opacity reveal and * sticks translucent. Existing modals fix this in JS (killAnims). New modals can * instead just use .dream-modal and get a CSS backstop: an open modal is forced * fully opaque (author !important beats the WAAPI animation). Not applied to the * existing .mx-cv/.dbk-cv so their working behavior is untouched. */ .dream-modal { z-index: var(--dz-modal, 1000); } .dream-modal.is-open { opacity: 1 !important; } /* REVEAL SAFETY (shared convention for future dashboards) — the parent hijacks * scroll with a transform, which breaks IntersectionObserver, so scroll-reveal * elements can stick at opacity:0. Any .dream-reveal self-reveals via a CSS * keyframe hard-failsafe after 12s, so content can NEVER stay invisible even if * the reveal JS never fires. (Existing pages use their own .mx-reveal + rect * polling; this is the ready-made pattern for the next dashboard.) */ @keyframes dreamRevealSafe { to { opacity: 1; transform: none; } } .dream-app .dream-reveal { animation: dreamRevealSafe .6s ease forwards 12s; } @media (prefers-reduced-motion: reduce) { .dream-app .dream-reveal { animation: none; opacity: 1; transform: none; } } /* END DREAM UI FOUNDATION ================================================== */ /* ============ TYPOGRAPHY — Cairo (Tajawal fallback), site-wide ============ */ body, button, input, select, optgroup, textarea, h1, h2, h3, h4, h5, h6, p, blockquote, li, dd, dt, td, th, label, figcaption, .elementor-heading-title, .elementor-widget-text-editor, .elementor-widget-text-editor .elementor-text-editor, .elementor-button, .elementor-button-content-wrapper, .elementor-field-group input, .elementor-field-group textarea, .elementor-tab-title, .elementor-tab-content, .elementor-accordion-title, .elementor-price-table__title, .elementor-price-table__description, .elementor-price-table__price, .elementor-icon-box-title, .elementor-icon-box-description, .elementor-image-box-title, .elementor-image-box-description, .elementor-testimonial-content, .elementor-testimonial-name, .elementor-testimonial-job, .menu-item a, .sub-menu a, .wdt-mega-menu a, .widget, .widget-title { font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, sans-serif !important; } /* ============ PHASE 1 — First impression & desktop spacing ============ */ /* ============ PHASE 1 — Mobile optimization (phones <=767px) ============ */ .dc-empty-roster { text-align: center; opacity: .65; padding: 30px 0; } /* Hero: move Scroll Down off content */ /* ===== DREAM PACKAGES — pricing tiers (tokenized, lime system) ===== */ .dream-packages { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; direction: rtl; font-family: var(--dream-font); max-width: 1100px; margin: 0 auto; align-items: stretch; } .dream-pkg { position: relative; display: flex; flex-direction: column; background: var(--dream-card); border: 1px solid var(--dream-line); border-radius: var(--dream-r-lg); padding: 34px 28px; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; } .dream-pkg:hover { transform: translateY(-6px); border-color: var(--dream-acc); box-shadow: 0 16px 44px rgba(0,0,0,.5); } .dream-pkg--popular { border-color: var(--dream-acc); box-shadow: 0 0 0 1px var(--dream-acc), 0 20px 50px rgba(199,255,60,0.12); } .dream-pkg-badge { position: absolute; top: -14px; right: 28px; background: var(--dream-acc); color: var(--dream-ink); font-size: 12px; font-weight: 800; padding: 5px 14px; border-radius: var(--dream-r-pill); font-family: var(--dream-font-en); } .dream-pkg-name { font-size: 22px; font-weight: 800; color: var(--dream-txt); margin: 0 0 4px; } .dream-pkg-subtitle { font-size: 14px; color: var(--dream-mut); margin: 0 0 18px; } .dream-pkg-price { display: flex; align-items: baseline; gap: 6px; margin-bottom: 8px; color: var(--dream-txt); } .dream-pkg-amount { font-size: 46px; font-weight: 900; line-height: 1; font-family: var(--dream-font-en); } .dream-pkg-currency { font-size: 18px; font-weight: 600; color: #cfd3d6; } .dream-pkg-period { font-size: 14px; color: var(--dream-mut); } .dream-pkg-tamara { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 12.5px; color: var(--dream-mut); margin-bottom: 22px; line-height: 1.6; } .dream-pkg-tamara b { color: var(--dream-txt); font-family: var(--dream-font-en); font-weight: 800; } .dream-pkg-tamara-ic { background: var(--dream-acc-tint); color: var(--dream-acc); border: 1px solid var(--dream-acc-line); font-weight: 800; font-size: 11px; padding: 3px 9px; border-radius: var(--dream-r-pill); } .dream-pkg-cta { display: block; text-align: center; background: transparent; border: 1px solid var(--dream-acc); color: var(--dream-acc); font-weight: 800; font-size: 15px; padding: 13px; border-radius: var(--dream-r-sm); text-decoration: none; transition: background .2s ease, color .2s ease; margin-bottom: 24px; } .dream-pkg-cta:hover { background: var(--dream-acc); color: var(--dream-ink); } .dream-pkg-cta:focus-visible { outline: 2px solid var(--dream-acc); outline-offset: 2px; } .dream-pkg--popular .dream-pkg-cta { background: var(--dream-acc); color: var(--dream-ink); } .dream-pkg--popular .dream-pkg-cta:hover { background: var(--dream-acc-2); } .dream-pkg-features { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; } .dream-pkg-features li { position: relative; padding-right: 28px; font-size: 14.5px; line-height: 1.5; color: #d6d9dc; } .dream-pkg-features li::before { position: absolute; right: 0; top: 1px; font-weight: 700; } .dream-pkg-features li.is-on::before { content: '✔'; color: var(--dream-acc); } .dream-pkg-features li.is-off { color: #6b7075; } .dream-pkg-features li.is-off::before { content: '✕'; color: #555; } /* Payment-trust row under the packages (surfaces methods early) */ .dream-pay-trust { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 14px; max-width: 1100px; margin: 26px auto 0; direction: rtl; font-family: var(--dream-font); } .dream-pay-trust-l { color: var(--dream-mut); font-size: 13px; font-weight: 600; } .dream-pay-badges { display: inline-flex; flex-wrap: wrap; gap: 8px; } .dream-pay-badges span { font-family: var(--dream-font-en); font-size: 12.5px; font-weight: 700; color: var(--dream-txt); background: var(--dream-card); border: 1px solid var(--dream-line); border-radius: 8px; padding: 6px 12px; } @media (max-width: 600px) { .dream-pkg { padding: 28px 22px; } .dream-pkg-amount { font-size: 40px; } } /* ================================================================= * HOMEPAGE COACH CARDS — align to the packages design direction * (added 2026-06-19). Targets the designer's .dc-grid .dc-card * cards only — does NOT touch the /our-team/ .dream-coaches roster. * ================================================================= */ .dc-grid .dc-card { background-color: var(--dream-card) !important; border: 1px solid var(--dream-line) !important; border-radius: 18px !important; overflow: hidden !important; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease !important; } .dc-grid .dc-card:hover, .dc-grid .dc-card:focus, .dc-grid .dc-card:focus-visible, .dc-grid .dc-card:active { background-color: var(--dream-card) !important; border-color: var(--dream-acc) !important; transform: translateY(-4px) !important; box-shadow: 0 16px 44px rgba(0,0,0,.5) !important; } .dc-grid .dc-card__img { width: 100% !important; height: 100% !important; object-fit: cover !important; } /* ===== CRO sections: لماذا حلم + free-assessment lead magnet ===== */ /* ============================================================================ * DREAM STANDALONE BASE — replaces the base normalize the parent theme * used to provide. Global box-sizing + body reset so the header, footer, FAQ * and legal surfaces (which are NOT scoped under .dream-app) still render * correctly once the parent theme no longer loads. * ========================================================================== */ *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; } body { background: #0B0B0B; color: #E6E6E0; font-family: var(--dream-font, 'Cairo', sans-serif); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html { scroll-behavior: smooth; } .dream-why { font-family: 'Cairo', sans-serif; direction: rtl; max-width: 1180px; margin: 0 auto; padding: 6px 0; } .dream-why .dw-head { text-align: center; margin-bottom: 36px; } .dream-why .dw-title { font-size: 34px; font-weight: 800; color: #fff; margin: 0 0 12px; line-height: 1.25; } .dream-why .dw-sub { font-size: 16px; color: #b9bdc1; max-width: 640px; margin: 0 auto; line-height: 1.7; } .dw-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; align-items: stretch; } .dw-card { background: #141414; border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 28px 20px; display: flex; flex-direction: column; align-items: center; text-align: center; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; } .dw-card:hover { transform: translateY(-6px); border-color: rgba(199,255,60,0.5); box-shadow: 0 16px 40px rgba(0,0,0,0.5); } .dw-icon { color: #C7FF3C; width: 46px; height: 46px; margin-bottom: 16px; } .dw-icon svg { width: 100%; height: 100%; display: block; } .dw-card-title { font-size: 19px; font-weight: 700; color: #fff; margin: 0 0 8px; white-space: nowrap; } .dw-card-desc { font-size: 14px; color: #b9bdc1; line-height: 1.6; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .dw-cta { text-align: center; margin-top: 42px; } .dw-trust { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 10px 22px; margin-bottom: 20px; } .dw-trust span { color: #cfd3d6; font-size: 14px; font-weight: 600; position: relative; padding-right: 22px; } .dw-trust span::before { content: '\2714'; position: absolute; right: 0; color: #C7FF3C; } .dw-cta-title { font-size: 24px; font-weight: 800; color: #fff; margin: 0 0 6px; } .dw-cta-sub { font-size: 15px; color: #b9bdc1; margin: 0 0 20px; } .dw-cta-btn { display: inline-block; background: #C7FF3C; color: #0a0a0a; font-weight: 800; font-size: 17px; padding: 15px 40px; border-radius: 999px; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; } .dw-cta-btn:hover { transform: translateY(-3px) scale(1.02); background: #cdfd7a; color: #0a0a0a; box-shadow: 0 12px 30px rgba(199,255,60,0.3); } .dream-assess { font-family: 'Cairo', sans-serif; direction: rtl; text-align: center; padding: 10px 0; } .dream-assess .da-inner { max-width: 640px; margin: 0 auto; } .da-eyebrow { display: inline-block; color: #C7FF3C; font-weight: 700; font-size: 15px; margin-bottom: 14px; } .da-title { font-size: 32px; font-weight: 800; color: #fff; margin: 0 0 14px; line-height: 1.3; } .da-sub { font-size: 16px; color: #b9bdc1; line-height: 1.8; margin: 0 0 26px; } .da-form { display: flex; gap: 12px; max-width: 520px; margin: 0 auto; } .da-email { flex: 1; background: #1a1a1a; border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; padding: 15px 18px; color: #fff; font-size: 15px; font-family: inherit; outline: none; transition: border-color .2s ease; } .da-email:focus { border-color: #C7FF3C; } .da-btn { background: #C7FF3C; color: #0a0a0a; font-weight: 800; font-size: 16px; border: 0; border-radius: 12px; padding: 15px 26px; cursor: pointer; white-space: nowrap; transition: transform .2s ease, background .2s ease; } .da-btn:hover { transform: translateY(-2px); background: #cdfd7a; } .da-note { font-size: 13px; color: #8b9095; margin: 14px 0 0; } .da-success { font-size: 18px; font-weight: 700; color: #C7FF3C; padding: 18px; } .da-error { color: #ff7b7b; font-size: 14px; margin-bottom: 12px; } @media (max-width: 980px) { .dw-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 560px) { .dw-grid { grid-template-columns: 1fr; } .dream-why .dw-title { font-size: 26px; } .dw-card-title { white-space: normal; } .da-title { font-size: 24px; } .da-form { flex-direction: column; } } /* discount-code highlight in the lead-magnet success message */ .da-success { line-height: 1.8; } .da-success strong { display: inline-block; margin: 8px 0; padding: 6px 20px; color: #C7FF3C; background: rgba(199,255,60,0.12); border: 1px dashed rgba(199,255,60,0.6); border-radius: 10px; font-size: 22px; letter-spacing: 3px; font-weight: 800; } .da-success-note { display: block; font-size: 14px; color: #b9bdc1; font-weight: 400; margin-top: 6px; } /* ===== Coach My Profile portal ===== */ .dcp-wrap { font-family: 'Cairo', sans-serif; direction: rtl; max-width: 620px; margin: 40px auto; padding: 0 18px; color: #e6e8ea; } .dcp-title { font-size: 30px; font-weight: 800; color: #fff; margin: 0 0 6px; } .dcp-sub { color: #b9bdc1; font-size: 15px; margin: 0 0 24px; } .dcp-msg { color: #cfd3d6; font-size: 16px; background: #141414; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 20px; line-height: 1.7; } .dcp-success { background: rgba(199,255,60,0.12); border: 1px solid rgba(199,255,60,0.5); color: #C7FF3C; padding: 14px 18px; border-radius: 10px; font-weight: 700; margin-bottom: 18px; } .dcp-error { background: rgba(255,90,90,0.1); border: 1px solid rgba(255,90,90,0.4); color: #ff8a8a; padding: 14px 18px; border-radius: 10px; margin-bottom: 18px; } .dcp-form { display: flex; flex-direction: column; gap: 6px; } .dcp-label { font-size: 14px; font-weight: 600; color: #cfd3d6; margin-top: 14px; } .dcp-input { background: #141414; border: 1px solid rgba(255,255,255,0.12); border-radius: 10px; padding: 12px 14px; color: #fff; font-size: 15px; font-family: inherit; outline: none; transition: border-color .2s ease; } .dcp-input:focus { border-color: #C7FF3C; } textarea.dcp-input { resize: vertical; line-height: 1.6; } .dcp-file { color: #b9bdc1; font-size: 14px; padding: 8px 0; } .dcp-levels { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; } .dcp-lvl { display: inline-flex; align-items: center; gap: 8px; background: #141414; border: 1px solid rgba(255,255,255,0.12); border-radius: 999px; padding: 9px 16px; cursor: pointer; color: #cfd3d6; font-size: 14px; font-weight: 600; transition: border-color .2s ease, color .2s ease; } .dcp-lvl input { width: 16px; height: 16px; accent-color: #C7FF3C; cursor: pointer; } .dcp-lvl:has(input:checked) { border-color: #C7FF3C; color: #fff; } .dcp-photo { width: 120px; height: 120px; border-radius: 14px; background-size: cover; background-position: center; border: 1px solid rgba(255,255,255,0.1); margin-bottom: 6px; } .dcp-btn { display: inline-block; align-self: flex-start; margin-top: 22px; background: #C7FF3C; color: #0a0a0a; font-weight: 800; font-size: 16px; border: 0; border-radius: 12px; padding: 14px 36px; cursor: pointer; text-decoration: none; transition: transform .2s ease, background .2s ease; } .dcp-btn:hover { transform: translateY(-2px); background: #cdfd7a; color: #0a0a0a; } .dcp-prog { background: #141414; border: 1px solid rgba(255,255,255,0.1); border-radius: 14px; padding: 16px 18px; margin: 4px 0 18px; } .dcp-prog-top { display: flex; align-items: center; justify-content: space-between; color: #cfd3d6; font-size: 14px; font-weight: 700; } .dcp-prog-top b { color: #C7FF3C; font-size: 16px; } .dcp-prog-bar { height: 8px; border-radius: 999px; background: rgba(255,255,255,0.08); margin-top: 10px; overflow: hidden; } .dcp-prog-bar i { display: block; height: 100%; border-radius: 999px; background: #C7FF3C; transition: width .4s ease; } .dcp-prog-hint { color: #9ca3af; font-size: 13px; line-height: 1.7; margin: 10px 0 0; } /* Player → coach rating: trigger button under a past session */ .dpr-cell, .dcr-cell { background: #141414; border: 1px solid #242424; border-top: 0; border-radius: 0 0 16px 16px; padding: 10px 16px; text-align: center; } .dpr-open, .dcr-open { background: transparent; color: #C7FF3C; border: 1px solid #2f3d16; border-radius: 999px; padding: 7px 18px; font-size: 13px; font-weight: 800; font-family: inherit; cursor: pointer; transition: background .2s ease, color .2s ease; } .dpr-open:hover, .dcr-open:hover { background: #C7FF3C; color: #0a0a0a; } /* Rating modal */ .dpr-overlay { position: fixed; inset: 0; z-index: 99999; background: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; padding: 20px; } .dpr-overlay[hidden] { display: none; } .dpr-modal { position: relative; width: 100%; max-width: 420px; background: #121212; border: 1px solid #2a2a2a; border-radius: 20px; padding: 26px 22px; box-shadow: 0 20px 60px rgba(0,0,0,0.5); } .dpr-x { position: absolute; top: 12px; left: 14px; background: transparent; border: 0; color: #9ca3af; font-size: 18px; cursor: pointer; } .dpr-title { margin: 0 0 4px; color: #fff; font-size: 19px; font-weight: 800; } .dpr-help { margin: 0 0 16px; color: #9ca3af; font-size: 14px; } .dpr-stars { display: flex; gap: 8px; justify-content: center; margin-bottom: 16px; direction: ltr; } .dpr-star { font-size: 34px; line-height: 1; color: #3a3a3a; cursor: pointer; transition: color .15s ease, transform .15s ease; } .dpr-star:hover { transform: scale(1.12); } .dpr-star.is-on { color: #f5c451; } .dpr-text { width: 100%; box-sizing: border-box; background: #0f0f0f; border: 1px solid #333; color: #fff; border-radius: 10px; padding: 11px 13px; font-family: inherit; font-size: 14px; resize: vertical; } .dpr-send { display: block; width: 100%; margin-top: 14px; background: #C7FF3C; color: #0a0a0a; font-weight: 800; font-size: 15px; border: 0; border-radius: 999px; padding: 13px; cursor: pointer; font-family: inherit; } .dpr-send:disabled { opacity: .6; cursor: default; } .dpr-msg { display: block; text-align: center; margin-top: 10px; font-weight: 700; font-size: 13px; min-height: 18px; } /* My Profile page: hide the bulky theme banner, give the form room below the header. */ .dream-myprofile .dcp-wrap { margin-top: 130px; } .dc-default-avatar { width: 100%; height: 100%; display: block; } /* === Header booking CTA احجز الآن === */ .dream-book-cta { display: inline-flex !important; align-items: center !important; background: #C7FF3C !important; color: #0a0a0a !important; font-weight: 800 !important; padding: 9px 26px !important; border-radius: 999px !important; line-height: 1.1 !important; box-shadow: 0 4px 18px rgba(199,255,60,0.22) !important; transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important; } .dream-book-cta span { color: #0a0a0a !important; } .dream-book-cta:hover { background: #cdfd7a !important; color: #0a0a0a !important; transform: translateY(-2px) !important; box-shadow: 0 8px 26px rgba(199,255,60,0.4) !important; } .dream-hidden-trigger { display: none !important; } @media (max-width: 1024px) { .dream-book-cta { margin: 12px auto !important; justify-content: center !important; } } /* CTA: higher specificity to beat the theme's menu-link styles */ .wdt-primary-nav li a.dream-book-cta, .mobile-menu li a.dream-book-cta, .wdt-primary-nav a.dream-book-cta, .mobile-menu a.dream-book-cta { background: #C7FF3C !important; color: #0a0a0a !important; border-radius: 999px !important; padding: 9px 26px !important; } .wdt-primary-nav a.dream-book-cta:hover, .mobile-menu a.dream-book-cta:hover { background: #cdfd7a !important; color: #0a0a0a !important; } .wdt-primary-nav a.dream-book-cta span, .mobile-menu a.dream-book-cta span, a.dream-book-cta span { color: #0a0a0a !important; } /* ===== Feature 3 — Coaches hub + join form ===== */ .dream-hub{max-width:900px;margin:0 auto;padding:6px 16px 46px} .dream-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px} .dhub-card{display:flex;flex-direction:column;gap:10px;padding:32px 28px;border-radius:20px;background:#141414;border:1px solid #232323;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .dhub-card:hover{transform:translateY(-4px);border-color:#C7FF3C;box-shadow:0 16px 44px rgba(0,0,0,.5)} .dhub-t{display:block;font-size:22px;font-weight:800;color:#fff} .dhub-d{display:block;font-size:15px;line-height:1.75;color:#9aa08e} .dhub-go{display:block;margin-top:8px;font-weight:800;color:#C7FF3C} .dhub-go::after{content:" \2190"} .dhub-join{background:linear-gradient(160deg,#1b210a 0%,#141414 70%);border-color:#33401a} @media(max-width:640px){.dream-hub-grid{grid-template-columns:1fr}} .djoin-form{max-width:640px;margin:0 auto;padding:6px 16px 46px;display:flex;flex-direction:column;gap:16px} .djoin-row{display:flex;flex-direction:column;gap:7px} .djoin-row.djoin-2{flex-direction:row;gap:16px} .djoin-row.djoin-2>div{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0} .djoin-form label{font-size:14px;color:#cfd3c6;font-weight:600} .djoin-form label span{color:#C7FF3C} .djoin-form input,.djoin-form select,.djoin-form textarea{background:#0f0f0f;border:1px solid #2a2a2a;border-radius:12px;padding:12px 14px;color:#fff;font-family:inherit;font-size:15px;outline:none;transition:border-color .15s ease;width:100%;box-sizing:border-box} .djoin-form input:focus,.djoin-form select:focus,.djoin-form textarea:focus{border-color:#C7FF3C} .djoin-form textarea{resize:vertical} .djoin-submit{margin-top:6px;background:#C7FF3C;color:#0a0a0a;font-weight:800;font-size:16px;border:none;border-radius:999px;padding:14px;cursor:pointer;transition:background .15s ease} .djoin-submit:hover{background:#cdfd7a} .djoin-note{font-size:13px;color:#7e8472;text-align:center;margin:0} .djoin-err{max-width:640px;margin:0 auto 4px;background:#2a1414;border:1px solid #5a2626;color:#f0b4b4;padding:12px 16px;border-radius:12px;text-align:center} .djoin-done{max-width:560px;margin:0 auto;padding:42px 26px;text-align:center;background:#141414;border:1px solid #33401a;border-radius:20px} .djoin-done .djoin-ic::before{content:"\2713";display:inline-block;width:64px;height:64px;line-height:64px;border-radius:50%;background:#C7FF3C;color:#0a0a0a;font-size:32px;font-weight:800} .djoin-done h3{color:#fff;font-size:24px;margin:14px 0 8px} .djoin-done p{color:#9aa08e;line-height:1.75;margin:0 0 18px} @media(max-width:640px){.djoin-row.djoin-2{flex-direction:column}} /* ===== Dream Platform — dashboard UI ===== */ .dream-dash{display:flex;gap:22px;max-width:1180px;margin:0 auto;padding:28px 16px 70px;min-height:62vh;font-family:'Cairo',sans-serif;direction:rtl} .dd-side{flex:0 0 240px;background:#141414;border:1px solid #232323;border-radius:18px;padding:18px 14px;display:flex;flex-direction:column;gap:6px;height:fit-content;position:sticky;top:90px} .dd-brand{font-weight:800;font-size:18px;color:#C7FF3C;padding:6px 12px 14px;border-bottom:1px solid #232323;margin-bottom:8px} .dd-nav{display:flex;flex-direction:column;gap:4px} .dd-nav-i{display:block;padding:11px 14px;border-radius:11px;color:#cfd3c6;text-decoration:none;font-weight:600;font-size:15px;transition:all .15s ease} .dd-nav-i:hover{background:#1c2012;color:#fff} .dd-nav-i.is-active{background:#C7FF3C;color:#0a0a0a;font-weight:800} .dd-logout{margin-top:12px;padding:10px 14px;border-radius:11px;color:#8a8f7e;text-decoration:none;font-size:14px;border-top:1px solid #232323} .dd-logout:hover{color:#f0b4b4} .dd-main{flex:1;min-width:0} .dd-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px} .dd-top-h{font-size:25px;font-weight:800;color:#fff;margin:0} .dd-top-u{color:#9aa08e;font-size:14px} .dream-card{background:#141414;border:1px solid #232323;border-radius:18px;padding:24px 26px;margin-bottom:18px} .dream-card-h{font-size:17px;font-weight:700;color:#fff;margin:0 0 14px} .dream-lead{color:#cfd3c6;font-size:16px;line-height:1.8;margin:0 0 20px} .dream-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .dream-stat{background:#0f0f0f;border:1px solid #232323;border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;border-top:2px solid #C7FF3C} .dream-stat-val{font-size:28px;font-weight:800;color:#fff;line-height:1} .dream-stat-lbl{font-size:13px;color:#9aa08e} .dream-empty{text-align:center;padding:50px 20px;color:#9aa08e;background:#141414;border:1px solid #232323;border-radius:18px} .dream-empty-mark{display:inline-block;width:46px;height:46px;border-radius:50%;border:2px dashed #3a3f30;margin-bottom:14px} .dream-empty p{font-size:15px;margin:0 0 16px} .dream-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border-radius:999px;font-weight:800;text-decoration:none;font-size:15px;transition:all .15s ease;cursor:pointer;border:none} .dream-btn-primary{background:#C7FF3C;color:#0a0a0a} .dream-btn-primary:hover{background:#cdfd7a} .dream-btn-ghost{background:transparent;border:1px solid #2a2a2a;color:#cfd3c6} .dream-dash-guard{justify-content:center} @media(max-width:820px){.dream-dash{flex-direction:column}.dd-side{flex:1;position:static}.dd-nav{flex-direction:row;flex-wrap:wrap}.dream-stats{grid-template-columns:1fr}} /* ===== Dream Platform — auth (login/register) ===== */ .dream-auth{display:flex;justify-content:center;align-items:flex-start;padding:40px 16px 70px;min-height:60vh;font-family:'Cairo',sans-serif;direction:rtl} .dream-auth-card{width:100%;max-width:420px;background:#141414;border:1px solid #232323;border-radius:20px;padding:36px 32px;box-shadow:0 20px 60px rgba(0,0,0,0.4)} .dream-auth-h{font-size:26px;font-weight:800;color:#fff;margin:0 0 6px;text-align:center} .dream-auth-sub{color:#9aa08e;font-size:14px;text-align:center;margin:0 0 24px} .dream-auth-err{background:#2a1414;border:1px solid #5a2626;color:#f0b4b4;padding:11px 14px;border-radius:11px;font-size:14px;text-align:center;margin:0 0 16px} .dream-auth-lbl{display:block;font-size:14px;color:#cfd3c6;font-weight:600;margin:14px 0 6px} .dream-auth-in{width:100%;box-sizing:border-box;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:12px;padding:13px 15px;color:#fff;font-family:inherit;font-size:15px;outline:none;transition:border-color .15s ease} .dream-auth-in:focus{border-color:#C7FF3C} .dream-auth-rem{display:flex;align-items:center;gap:8px;color:#9aa08e;font-size:14px;margin:14px 0 0;cursor:pointer} .dream-auth-btn{width:100%;justify-content:center;margin-top:20px} .dream-auth-foot{text-align:center;color:#9aa08e;font-size:14px;margin:16px 0 0} .dream-auth-foot a{color:#C7FF3C;text-decoration:none;font-weight:700} .dream-auth-foot a:hover{text-decoration:underline} /* Mandatory consent checkbox (registration surfaces) */ .dream-auth-consent,.dbk-cf-consent{display:flex;align-items:flex-start;gap:9px;color:#9aa08e;font-size:13px;line-height:1.6;margin:16px 0 0;cursor:pointer} .dream-auth-consent input,.dbk-cf-consent input{margin-top:3px;flex:0 0 auto;accent-color:#C7FF3C;width:16px;height:16px;cursor:pointer} .dream-auth-consent a,.dbk-cf-consent a{color:#C7FF3C;text-decoration:none;font-weight:700} .dream-auth-consent a:hover,.dbk-cf-consent a:hover{text-decoration:underline} /* Social-login divider */ .dream-auth-or{display:flex;align-items:center;gap:12px;margin:18px 0 16px;color:#6b7060;font-size:13px} .dream-auth-or::before,.dream-auth-or::after{content:"";flex:1;height:1px;background:#2a2a2a} /* Google login button */ .dream-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:10px;padding:12px 16px;font-weight:700;font-size:15px;font-family:inherit;text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s} .dream-google-btn:hover{background:#f7f8f8;box-shadow:0 1px 3px rgba(60,64,67,.3)} .dream-google-btn svg{flex:0 0 auto} /* ===== Dream Platform — auth split + join choice ===== */ .dream-auth-split{max-width:840px;align-items:stretch;gap:0} .dream-auth-split .dream-auth-card{flex:1;border-radius:0 20px 20px 0;max-width:none;border-right:none} .dream-auth-brand{flex:0 0 310px;background:linear-gradient(160deg,#1c2209 0%,#141414 75%);border:1px solid #232323;border-radius:20px 0 0 20px;padding:42px 32px;display:flex;flex-direction:column;justify-content:center} .dream-auth-logo{font-size:24px;font-weight:800;color:#C7FF3C;margin-bottom:16px} .dream-auth-tag{font-size:19px;font-weight:700;color:#fff;line-height:1.6;margin:0 0 24px} .dream-auth-feats{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px} .dream-auth-feats li{color:#cfd3c6;font-size:14px;padding-right:26px;position:relative} .dream-auth-feats li::before{content:"\2713";position:absolute;right:0;top:0;color:#C7FF3C;font-weight:800} .dream-auth-badge{display:inline-block;background:rgba(199,255,60,0.13);color:#C7FF3C;font-size:12px;font-weight:700;padding:5px 13px;border-radius:999px;margin-bottom:14px} .dream-auth-coach a{color:#cfd3c6} @media(max-width:760px){.dream-auth-split{flex-direction:column;max-width:420px}.dream-auth-brand{flex:1;border-radius:20px 20px 0 0;padding:26px 30px;text-align:center}.dream-auth-feats{display:none}.dream-auth-tag{margin-bottom:0}.dream-auth-split .dream-auth-card{border-radius:0 0 20px 20px;border-right:1px solid #232323}} .dream-join{max-width:780px;margin:0 auto;padding:44px 16px 70px;font-family:'Cairo',sans-serif;direction:rtl;text-align:center} .dream-join-h{font-size:30px;font-weight:800;color:#fff;margin:0 0 8px} .dream-join-sub{color:#9aa08e;font-size:16px;margin:0 0 34px} .dream-join-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:right} .dream-join-card{display:flex;flex-direction:column;gap:10px;padding:32px 28px;border-radius:20px;background:#141414;border:1px solid #232323;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .dream-join-card:hover{transform:translateY(-4px);border-color:#C7FF3C;box-shadow:0 16px 44px rgba(0,0,0,0.5)} .dream-join-coach{background:linear-gradient(160deg,#1b210a 0%,#141414 70%);border-color:#33401a} .dream-join-t{font-size:21px;font-weight:800;color:#fff} .dream-join-d{font-size:15px;line-height:1.75;color:#9aa08e} .dream-join-go{margin-top:8px;font-weight:800;color:#C7FF3C} .dream-join-foot{margin-top:28px;color:#9aa08e;font-size:14px} .dream-join-foot a{color:#C7FF3C;text-decoration:none;font-weight:700} @media(max-width:640px){.dream-join-grid{grid-template-columns:1fr}} /* ===== Dream Platform — header account link ===== */ .dream-account-link > a{border:1px solid rgba(199,255,60,0.55) !important;border-radius:999px !important;padding:7px 20px !important;color:#C7FF3C !important;transition:all .15s ease} .dream-account-link > a:hover{background:#C7FF3C !important;color:#0a0a0a !important} .dream-account-link > a span{color:inherit !important} /* ===== Dream Platform — full-app dashboard chrome ===== */ .dream-dash-page footer{display:none !important} .dream-dash{padding-top:34px} .dream-dash-page .dd-side{top:24px} a.dd-brand{text-decoration:none;display:block} a.dd-brand:hover{opacity:.85} .dd-nav-i{display:flex;align-items:center;gap:11px} .dd-nav-ic{display:inline-flex;align-items:center;flex:0 0 18px;width:18px;height:18px} .dd-nav-ic svg{display:block;width:18px;height:18px} /* ===== Dream Platform — WhatsApp float + login-left ===== */ .dream-wa{position:fixed;bottom:22px;left:22px;z-index:9998;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(37,211,102,0.45);transition:transform .15s ease} .dream-wa:hover{transform:scale(1.08);color:#fff} .dream-wa svg{width:30px;height:30px;display:block} @media(max-width:600px){.dream-wa{bottom:16px;left:16px;width:52px;height:52px}} .wdt-header-menu{position:relative} .wdt-primary-nav > li.dream-account-link{position:absolute !important;left:6px;top:50%;transform:translateY(-50%);margin:0 !important} /* ===== Dream Platform — header auth buttons ===== */ .dream-account-link{display:none !important} .wdt-header-menu{position:relative} .dream-auth-nav{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;gap:8px;z-index:10;align-items:center} .dnav-btn{display:inline-flex;align-items:center;padding:7px 17px;border-radius:999px;font-family:'Cairo',sans-serif;font-size:13.5px;font-weight:700;text-decoration:none;border:1px solid rgba(199,255,60,0.55);color:#C7FF3C;transition:all .15s ease;white-space:nowrap;line-height:1.5} .dnav-btn:hover{background:rgba(199,255,60,0.12);color:#C7FF3C} .dnav-solid{background:#C7FF3C;color:#0a0a0a;border-color:#C7FF3C} .dnav-solid:hover{background:#cdfd7a;color:#0a0a0a} @media(max-width:1024px){.dream-auth-nav{position:static;transform:none;margin:6px 0;justify-content:center}} /* First-session offer: homepage CTA (link styled as button) + dashboard code card */ .da-cta{display:inline-block;text-decoration:none} .dream-offer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,#1b210a 0%,#141414 70%);border:1px solid #33401a;border-radius:16px;padding:20px 24px;margin-bottom:18px} .dream-offer-body{display:flex;flex-direction:column;gap:3px;text-align:right} .dream-offer-label{font-size:13px;color:#9aa08e;font-weight:600} .dream-offer-code{font-size:26px;font-weight:800;color:#C7FF3C;letter-spacing:3px} .dream-offer-note{font-size:13px;color:#7e8472} @media(max-width:560px){.dream-offer{flex-direction:column;align-items:stretch;text-align:center}.dream-offer-body{text-align:center}} /* ===== Booknetic booking wizard — Dream Academy reskin (dark + lime) ===== */ .booknetic_appointment,.booknetic_appointment.rtl{background:#0f0f0f !important;color:#cfd3c6 !important;font-family:'Cairo',sans-serif !important} .booknetic_appointment_container{background:#0f0f0f !important;border:1px solid #232323 !important;border-radius:18px !important;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.45)} .booknetic_appointment_container_header{background:#141414 !important;border-bottom:1px solid #232323 !important} .booknetic_appointment_container_header_text,.booknetic_appointment_container_header *{color:#fff !important} .booknetic_appointment_container_body{background:#0f0f0f !important} .booknetic_appointment_container_footer{background:#141414 !important;border-top:1px solid #232323 !important} .booknetic_appointment_steps{background:#141414 !important} .booknetic_appointment_steps_body .booknetic_step_title,.booknetic_step_title{color:#9aa08e !important} .booknetic_active_step .booknetic_step_title{color:#C7FF3C !important;font-weight:800 !important} .booknetic_progress_done{background:#C7FF3C !important;color:#0a0a0a !important;border-color:#C7FF3C !important} .booknetic_progress_waiting{background:transparent !important;color:#9aa08e !important;border:1px solid #3a3a3a !important} .booknetic_active_step .booknetic_progress_waiting{border-color:#C7FF3C !important;color:#C7FF3C !important} .booknetic_appointment_steps_footer_txt1{color:#cfd3c6 !important} .booknetic_appointment_steps_footer_txt2{color:#C7FF3C !important} .booknetic_card{background:#1a1a1a !important;border:1px solid #2a2a2a !important;border-radius:14px !important;color:#cfd3c6 !important;transition:border-color .15s ease,transform .15s ease} .booknetic_card:hover{border-color:#C7FF3C !important;transform:translateY(-3px)} .booknetic_card.booknetic_active_card,.booknetic_card.selected,.booknetic_card[class*=active]{border-color:#C7FF3C !important;box-shadow:0 0 0 1px #C7FF3C inset} .booknetic_card_title_first{color:#fff !important;font-weight:700 !important} .booknetic_card_description,.booknetic_staff_profession{color:#9aa08e !important} .booknetic_btn_primary,.booknetic_next_step_btn,.booknetic_confirm_booking_btn,.booknetic_try_again_btn{background:#C7FF3C !important;color:#0a0a0a !important;border:none !important;border-radius:999px !important;font-weight:800 !important;font-family:'Cairo',sans-serif !important} .booknetic_btn_primary:hover,.booknetic_next_step_btn:hover,.booknetic_confirm_booking_btn:hover{background:#cdfd7a !important} .booknetic_btn_secondary,.booknetic_prev_step{background:transparent !important;color:#cfd3c6 !important;border:1px solid #2a2a2a !important;border-radius:999px !important} .booknetic_btn_secondary:hover,.booknetic_prev_step:hover{border-color:#C7FF3C !important;color:#C7FF3C !important} .booknetic_appointment input,.booknetic_appointment select,.booknetic_appointment textarea{background:#0f0f0f !important;border:1px solid #2a2a2a !important;color:#fff !important;border-radius:10px !important;font-family:'Cairo',sans-serif !important} .booknetic_appointment input:focus,.booknetic_appointment select:focus,.booknetic_appointment textarea:focus{border-color:#C7FF3C !important;outline:none !important} .booknetic_badge{background:#C7FF3C !important;color:#0a0a0a !important;font-weight:700 !important} .booknetic_appointment_finished_title{color:#fff !important} .booknetic_appointment_finished_subtitle{color:#9aa08e !important} .booknetic_appointment_finished_icon{color:#C7FF3C !important} /* Booknetic accent override (#6C70DC -> lime) — higher specificity to beat plugin !important rules */ .booknetic_appointment .booknetic_btn_primary,.booknetic_appointment .booknetic_next_step_btn,.booknetic_appointment .booknetic_confirm_booking_btn,.booknetic_appointment .booknetic_try_again_btn{background:#C7FF3C !important;background-color:#C7FF3C !important;color:#0a0a0a !important;border-radius:999px !important} .booknetic_appointment .booknetic_text_primary,.booknetic_appointment a{color:#C7FF3C !important} .booknetic_appointment .booknetic_active_step>.booknetic_badge,.booknetic_appointment .booknetic_badge{background:#C7FF3C !important;color:#0a0a0a !important} .booknetic_appointment .booknetic_card.booknetic_active_card,.booknetic_appointment .booknetic_card.active,.booknetic_appointment .booknetic_card.selected{border-color:#C7FF3C !important;box-shadow:0 0 0 1px #C7FF3C inset !important} .booknetic_appointment input:focus,.booknetic_appointment .booknetic_input:focus{border-color:#C7FF3C !important} /* ===== Custom booking flow (/book/) ===== */ /* ===================================================================== * DREAM BOOKING WIZARD (.dbk-*) — rebuilt 2026-07-06 from the reference * "Dream Academy Booking (standalone).html". Booknetic stays the engine; * this is the Dream Academy UI layer only. Wrapper is transparent so the * site-wide cursor glow (.wdt-cursor, z:0) shows through — no covering bg. * Tokens: dark #0B0B0B + lime #C7FF3C + cyan #34E1CB, Cairo + Space Grotesk. * v1 (.dbk-* legacy) archived in _archive/style-dbk-v1-retired.css. * ===================================================================== */ @keyframes dbkBloom{0%,100%{opacity:.42;transform:scale(1)}50%{opacity:.62;transform:scale(1.06)}} @keyframes dbkRise{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}} @keyframes dbkPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}} .dbk-wrap{font-family:var(--dream-font);direction:rtl;max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,48px) 48px;color:#E6E6E0;position:relative} /* ---- HERO ---- */ .dbk-hero{position:relative;padding:48px 0 8px} .dbk-hero-glow{position:absolute;top:-30px;left:60px;width:460px;height:360px;max-width:80vw;border-radius:50%;pointer-events:none;z-index:0; background:radial-gradient(circle,rgba(199,255,60,.16) 0%,rgba(199,255,60,.05) 42%,rgba(199,255,60,0) 70%);filter:blur(34px);animation:dbkBloom 7s ease-in-out infinite} .dbk-hero-in{position:relative;z-index:1} .dbk-kick{font-family:var(--dream-font-en);text-transform:uppercase;letter-spacing:.24em;font-size:12px;color:#C7FF3C;margin-bottom:14px} .dbk-h1{margin:0;font-weight:900;font-size:clamp(34px,5.4vw,52px);line-height:1.06;letter-spacing:-.02em;color:#E6E6E0} .dbk-dot{color:#C7FF3C} .dbk-sub{margin:14px 0 0;max-width:520px;font-size:clamp(15px,2vw,17px);line-height:1.7;color:rgba(230,230,224,.62)} /* ---- STICKY STEPPER (JS .is-stuck fixed fallback: sticky is broken on inner pages) ---- */ .dbk-steps-bar{position:sticky;top:0;z-index:40;margin-top:28px;background:rgba(11,11,11,.82); -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)} .dbk-steps-bar.is-stuck{position:fixed;left:0;right:0;top:0;z-index:900} .dbk-steps-in{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,48px)} .dbk-steps{display:flex;align-items:stretch;gap:0} .dbk-st{flex:1;display:flex;align-items:center;gap:14px;padding:18px 8px;border:none !important;background:transparent !important; border-bottom:2px solid transparent !important;cursor:default;text-align:right;font-family:var(--dream-font);color:inherit; box-shadow:none !important;min-height:44px;transition:border-color .25s ease;-webkit-appearance:none;appearance:none} .dbk-st[data-done="1"]{cursor:pointer} .dbk-st-i{width:38px;height:38px;flex:none;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);background:transparent; color:rgba(230,230,224,.5);display:flex;align-items:center;justify-content:center;font-family:var(--dream-font-en);font-weight:700;font-size:15px} .dbk-st-tx{display:flex;flex-direction:column;gap:2px;min-width:0} .dbk-st-en{font-family:var(--dream-font-en);text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:rgba(230,230,224,.35)} .dbk-st-l{font-size:15px;font-weight:700;color:rgba(230,230,224,.5);white-space:nowrap} .dbk-st.is-on{border-bottom-color:#C7FF3C !important} .dbk-st.is-on .dbk-st-i{background:#C7FF3C;color:#0B0B0B;border-color:#C7FF3C} .dbk-st.is-on .dbk-st-en{color:#C7FF3C} .dbk-st.is-on .dbk-st-l{color:#E6E6E0} .dbk-st.is-done .dbk-st-i{border-color:#34E1CB;background:rgba(52,225,203,.14);color:#34E1CB} .dbk-st.is-done .dbk-st-en{color:#34E1CB} .dbk-st.is-done .dbk-st-l{color:#E6E6E0} /* ---- BODY: main + summary sidebar ---- */ .dbk-body{display:grid;grid-template-columns:1fr 348px;gap:36px;align-items:start;padding-top:40px} .dbk-main{min-width:0} .dbk-pane{animation:dbkRise .4s ease} .dbk-pane[hidden]{display:none !important} .dbk-h{margin:0 0 4px;font-weight:800;font-size:clamp(22px,3vw,26px);color:#E6E6E0} .dbk-psub{margin:0 0 20px;font-size:15px;color:rgba(230,230,224,.55);line-height:1.6} /* ---- STEP 1: coach search + grid ---- */ .dbk-search{display:flex;align-items:center;gap:12px;height:54px;padding:0 20px;border:1px solid rgba(255,255,255,.10); border-radius:14px;background:rgba(255,255,255,.03);margin-bottom:22px} .dbk-search input{flex:1;background:transparent;border:none;outline:none;color:#E6E6E0;font-family:var(--dream-font);font-size:15px;font-weight:500} .dbk-search-x{border:none !important;background:transparent !important;color:rgba(230,230,224,.5) !important;font-size:18px; cursor:pointer;line-height:1;padding:0 !important;box-shadow:none !important} .dbk-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px} .dbk-ccard{position:relative;border:1.5px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.02) !important; padding:22px;cursor:pointer;display:flex;flex-direction:column;gap:16px;text-align:right;font-family:var(--dream-font);color:#E6E6E0 !important; box-shadow:none !important;transition:transform .3s cubic-bezier(.34,1.2,.5,1),border-color .3s ease,box-shadow .3s ease,background .3s ease} .dbk-ccard:hover{transform:translateY(-4px);border-color:rgba(199,255,60,.35) !important;box-shadow:0 22px 50px rgba(0,0,0,.5) !important} .dbk-ccard.is-sel{border-color:#C7FF3C !important;background:rgba(199,255,60,.05) !important} .dbk-ccard:focus-visible{outline:2px solid #C7FF3C;outline-offset:2px} .dbk-radio{position:absolute;top:16px;left:16px;width:24px;height:24px;border-radius:50%;border:1.5px solid rgba(255,255,255,.22); background:transparent;display:flex;align-items:center;justify-content:center} .dbk-ccard.is-sel .dbk-radio{border-color:#C7FF3C;background:#C7FF3C} .dbk-radio svg{opacity:0} .dbk-ccard.is-sel .dbk-radio svg{opacity:1} .dbk-ctop{display:flex;align-items:center;gap:16px} .dbk-cav{width:60px;height:60px;flex:none;border-radius:50%;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center; justify-content:center;overflow:hidden;background:radial-gradient(circle at 32% 26%,rgba(199,255,60,.24),rgba(199,255,60,.05) 58%,rgba(255,255,255,.02)); background-size:cover;background-position:center top} .dbk-cav-i{font-family:var(--dream-font-en);font-weight:700;font-size:25px;color:rgba(199,255,60,.92)} .dbk-cid{flex:1;min-width:0} .dbk-cname{margin:0 0 5px;font-weight:800;font-size:18px;color:#E6E6E0} .dbk-crole{font-family:var(--dream-font-en);text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#34E1CB;margin-bottom:9px} .dbk-cmeta{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .dbk-crate{display:inline-flex;align-items:center;gap:4px} .dbk-crate-s{color:#C7FF3C;font-size:12px} .dbk-crate b{font-family:var(--dream-font-en);font-weight:700;font-size:13px;color:#E6E6E0} .dbk-cnew{font-size:12px;color:rgba(230,230,224,.5)} .dbk-cprice{display:inline-flex;align-items:baseline;gap:4px} .dbk-cprice b{font-family:var(--dream-font-en);font-weight:700;font-size:14px;color:#C7FF3C} .dbk-cprice span{font-size:11px;color:rgba(230,230,224,.5)} .dbk-cvbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;border-radius:999px; border:1px solid rgba(255,255,255,.14) !important;background:rgba(255,255,255,.02) !important;color:rgba(230,230,224,.85) !important; font-family:var(--dream-font);font-weight:700;font-size:14px;cursor:pointer;box-shadow:none !important;transition:all .2s ease} .dbk-cvbtn:hover{border-color:#34E1CB !important;color:#34E1CB !important;background:rgba(52,225,203,.06) !important} .dbk-none{text-align:center;padding:70px 20px;border:1px dashed rgba(255,255,255,.12);border-radius:18px} .dbk-none-t{font-size:19px;font-weight:700;color:#E6E6E0;margin-bottom:9px} .dbk-none-s{font-size:15px;color:rgba(230,230,224,.55)} .dbk-reset{margin-top:20px;border:1px solid rgba(255,255,255,.14) !important;background:transparent !important;color:#C7FF3C !important; font-family:var(--dream-font);font-weight:700;font-size:14px;padding:11px 26px;border-radius:999px;cursor:pointer;box-shadow:none !important} /* ---- STEP 2: packages (real Booknetic services) ---- */ .dbk-pkgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;align-items:stretch} .dbk-pcard{position:relative;border:1.5px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.02) !important; padding:28px 24px;cursor:pointer;display:flex;flex-direction:column;text-align:right;font-family:var(--dream-font);color:#E6E6E0 !important; box-shadow:none !important;transition:transform .3s cubic-bezier(.34,1.2,.5,1),border-color .3s ease,box-shadow .3s ease,background .3s ease} .dbk-pcard:hover{transform:translateY(-4px);border-color:rgba(199,255,60,.35) !important;box-shadow:0 22px 50px rgba(0,0,0,.5) !important} .dbk-pcard.is-sel{border-color:#C7FF3C !important;background:rgba(199,255,60,.06) !important} .dbk-pcard--pop{border-color:rgba(199,255,60,.4)} .dbk-pbadge{position:absolute;top:-12px;right:24px;background:#C7FF3C;color:#0B0B0B;font-weight:700;font-size:11px;padding:5px 14px;border-radius:999px} .dbk-ptop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px} .dbk-pname{margin:0;font-weight:800;font-size:20px;color:#E6E6E0;line-height:1.4} .dbk-pradio{width:24px;height:24px;flex:none;border-radius:50%;border:1.5px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center} .dbk-pcard.is-sel .dbk-pradio{border-color:#C7FF3C;background:#C7FF3C} .dbk-pradio svg{opacity:0}.dbk-pcard.is-sel .dbk-pradio svg{opacity:1} .dbk-pprice{display:flex;align-items:baseline;gap:7px;margin-bottom:5px;unicode-bidi:plaintext} .dbk-pprice b{font-family:var(--dream-font-en);font-weight:700;font-size:44px;color:#E6E6E0;line-height:1} .dbk-pcard.is-sel .dbk-pprice b,.dbk-pcard--pop .dbk-pprice b{color:#C7FF3C} .dbk-pprice span{font-size:14px;color:rgba(230,230,224,.55)} .dbk-ptamara{font-size:12px;color:#34E1CB;margin-bottom:16px} .dbk-pdur{font-size:13px;color:rgba(230,230,224,.6);margin-bottom:14px;font-weight:600} .dbk-pdesc{font-size:13px;color:rgba(230,230,224,.6);line-height:1.7;white-space:pre-wrap;margin-bottom:4px} .dbk-pfeats{display:flex;flex-direction:column;gap:12px;margin-top:auto} .dbk-pfeat{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(230,230,224,.75)} .dbk-pfeat i{color:#C7FF3C;font-style:normal} /* ---- STEP 3: calendar + time slots (real Booknetic availability preserved) ---- */ .dbk-cal-wrap{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:start} .dbk-cal-month{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.02);padding:24px} .dbk-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;color:#E6E6E0;font-weight:800;font-size:18px} .dbk-cal-nav{width:36px;height:36px;border-radius:50% !important;border:1px solid rgba(255,255,255,.14) !important;background:rgba(255,255,255,.03) !important; color:#E6E6E0 !important;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 !important;box-shadow:none !important;transition:all .2s ease} .dbk-cal-nav:hover{background:#C7FF3C !important;color:#0B0B0B !important;border-color:#C7FF3C !important} .dbk-cal-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center;margin-bottom:8px} .dbk-cal-dow span{font-family:var(--dream-font-en);text-transform:uppercase;letter-spacing:.04em;font-size:10px;color:rgba(230,230,224,.4);padding:4px 0} .dbk-cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px} .dbk-cal-day{aspect-ratio:1;border-radius:11px !important;border:1px solid rgba(255,255,255,.10) !important;background:transparent !important; color:#E6E6E0 !important;font-family:var(--dream-font-en);font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center; justify-content:center;padding:0 !important;box-shadow:none !important;transition:background .18s ease,color .18s ease,border-color .18s ease} .dbk-cal-day:hover:not(.dbk-cal-past):not(.dbk-cal-empty){background:rgba(199,255,60,.1) !important;border-color:rgba(199,255,60,.4) !important} .dbk-cal-empty{visibility:hidden;cursor:default;border-color:transparent !important} .dbk-cal-past{color:rgba(230,230,224,.22) !important;border-color:transparent !important;cursor:not-allowed} .dbk-cal-sel{background:#C7FF3C !important;color:#0B0B0B !important;border-color:#C7FF3C !important;font-weight:700} .dbk-cal-times{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.02);padding:24px} .dbk-cal-tlabel{font-size:13px;color:rgba(230,230,224,.55);margin-bottom:16px;min-height:18px} .dbk-cal-slots{display:flex;flex-direction:column;gap:9px;max-height:340px;overflow-y:auto} .dbk-slot{width:100%;height:48px;border-radius:12px !important;border:1px solid rgba(255,255,255,.10) !important;background:rgba(255,255,255,.02) !important; color:rgba(230,230,224,.78) !important;font-family:var(--dream-font);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center; justify-content:center;padding:0 16px !important;box-shadow:none !important;transition:all .2s ease} .dbk-slot:hover{border-color:rgba(199,255,60,.4) !important;color:#E6E6E0 !important} .dbk-slot-sel{background:#C7FF3C !important;color:#0B0B0B !important;border-color:#C7FF3C !important;font-weight:700} /* ---- STEP 4: payment (real gateways — NO card capture) + phone/discount/signup ---- */ .dbk-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:22px} .dbk-method{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:16px;border:1.5px solid rgba(255,255,255,.08); background:rgba(255,255,255,.02);cursor:pointer;text-align:right;font-family:var(--dream-font);color:#E6E6E0;font-size:15px;font-weight:700;margin:0;transition:all .2s ease} .dbk-method:hover{border-color:rgba(199,255,60,.35)} .dbk-method.is-on{border-color:#C7FF3C;background:rgba(199,255,60,.05)} .dbk-method input{accent-color:#C7FF3C;width:18px;height:18px;flex:none;cursor:pointer} .dbk-cf-field{margin-bottom:14px} .dbk-cf-field label{display:block;color:rgba(230,230,224,.7);font-size:13px;margin-bottom:9px;font-weight:600} .dbk-cf-field input[type=tel],.dbk-cf-field input[type=text],.dbk-cf-field input[type=email],.dbk-cf-field input[type=password]{ width:100%;height:52px;padding:0 16px;border-radius:12px !important;border:1px solid rgba(255,255,255,.10) !important;background:rgba(255,255,255,.03) !important; color:#E6E6E0 !important;font-family:var(--dream-font);font-size:15px;outline:none;box-sizing:border-box;direction:rtl;transition:all .2s ease} .dbk-cf-field input:focus{border-color:rgba(199,255,60,.5) !important;background:rgba(255,255,255,.045) !important} .dbk-cf-field input[type=email]{direction:ltr;text-align:right} .dbk-cf-hint{display:block;color:rgba(230,230,224,.4);font-size:12px;margin-top:6px;line-height:1.6} .dbk-cf-note{color:rgba(230,230,224,.5);font-size:13px;margin:18px 0;line-height:1.7;display:flex;align-items:flex-start;gap:9px} .dbk-cf-note svg{flex:none;margin-top:2px} .dbk-signup{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.02);padding:20px;margin:18px 0} .dbk-signup-head{color:#C7FF3C;font-size:14px;font-weight:700;margin:0 0 14px} .dbk-signup-foot{color:rgba(230,230,224,.5);font-size:12.5px;margin:2px 0 0} .dbk-signup-foot a{color:#C7FF3C;text-decoration:none} .dbk-tamara{border:1px solid rgba(52,225,203,.25);border-radius:18px;background:rgba(52,225,203,.05);padding:22px;margin:18px 0} .dbk-tamara-t{font-size:15px;font-weight:700;color:#E6E6E0;margin-bottom:16px} .dbk-tamara-row{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid rgba(255,255,255,.06)} .dbk-tamara-n{width:30px;height:30px;flex:none;border-radius:50%;background:rgba(52,225,203,.14);color:#34E1CB;display:flex;align-items:center;justify-content:center;font-family:var(--dream-font-en);font-weight:700;font-size:13px} .dbk-tamara-row:first-child .dbk-tamara-n{background:#C7FF3C;color:#0B0B0B} .dbk-tamara-when{flex:1;font-size:14px;color:#E6E6E0} .dbk-tamara-amt{font-family:var(--dream-font-en);font-weight:700;font-size:15px;color:#E6E6E0} .dbk-cf-msg{font-size:13px;min-height:18px;margin-top:4px} /* ---- NAV BUTTONS ---- */ .dbk-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:34px} .dbk-btn-back{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 26px;border-radius:999px;border:1px solid rgba(255,255,255,.14) !important; background:transparent !important;color:rgba(230,230,224,.7) !important;font-family:var(--dream-font);font-weight:700;font-size:15px;cursor:pointer;box-shadow:none !important;transition:all .2s ease} .dbk-btn-back:hover{border-color:rgba(255,255,255,.32) !important;color:#E6E6E0 !important} .dbk-btn-next{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 40px;border-radius:999px;border:none !important; background:#C7FF3C !important;color:#0B0B0B !important;font-family:var(--dream-font);font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 8px 24px rgba(199,255,60,.28);transition:transform .2s ease,box-shadow .2s ease} .dbk-btn-next:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(199,255,60,.42)} .dbk-btn-next[disabled]{background:rgba(199,255,60,.28) !important;color:rgba(11,11,11,.5) !important;cursor:not-allowed;box-shadow:none;opacity:.6} /* ---- SUMMARY SIDEBAR ---- */ .dbk-side{position:sticky;top:120px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.02);overflow:hidden} .dbk-sum-head{padding:22px 24px 18px;border-bottom:1px solid rgba(255,255,255,.08)} .dbk-sum-kick{font-family:var(--dream-font-en);text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:#C7FF3C;margin-bottom:6px} .dbk-sum-title{font-weight:800;font-size:18px;color:#E6E6E0} .dbk-sum-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px} .dbk-sum-coach{display:flex;align-items:center;gap:12px} .dbk-sum-cav{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center; justify-content:center;overflow:hidden;background:rgba(255,255,255,.03);background-size:cover;background-position:center top} .dbk-sum-cav.is-set{background:radial-gradient(circle at 32% 26%,rgba(199,255,60,.24),rgba(199,255,60,.05) 58%,rgba(255,255,255,.02))} .dbk-sum-cav-i{font-family:var(--dream-font-en);font-weight:700;font-size:18px;color:rgba(230,230,224,.35)} .dbk-sum-cav.is-set .dbk-sum-cav-i{color:rgba(199,255,60,.92)} .dbk-sum-lbl{font-family:var(--dream-font-en);text-transform:uppercase;letter-spacing:.1em;font-size:8px;color:rgba(230,230,224,.42);margin-bottom:3px} .dbk-sum-val{font-size:14px;font-weight:700;color:rgba(230,230,224,.4)} .dbk-sum-val.is-set{color:#E6E6E0} .dbk-sum-div{height:1px;background:rgba(255,255,255,.06)} .dbk-sum-row{display:flex;align-items:center;justify-content:space-between;gap:10px} .dbk-sum-row .dbk-sum-amt{font-family:var(--dream-font-en);font-weight:700;font-size:14px;color:rgba(230,230,224,.4)} .dbk-sum-row .dbk-sum-amt.is-set{color:#E6E6E0} .dbk-sum-foot{padding:20px 24px;background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:11px} .dbk-sum-tot{display:flex;align-items:center;justify-content:space-between} .dbk-sum-tot-l{font-size:15px;font-weight:800;color:#E6E6E0} .dbk-sum-tot-v{font-family:var(--dream-font-en);font-weight:700;font-size:22px;color:#C7FF3C;unicode-bidi:plaintext} .dbk-sum-tot-v span{font-size:12px;color:rgba(230,230,224,.55)} .dbk-sum-tot-v s{opacity:.5;font-weight:400;font-size:15px;margin-inline-end:6px} .dbk-sum-disc{display:none;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:#C7FF3C} .dbk-sum-disc.is-on{display:flex} .dbk-sum-note{font-size:11px;color:rgba(230,230,224,.4);text-align:center} /* ---- CONFIRMATION ---- */ .dbk-done{display:flex;justify-content:center;padding:40px 0} .dbk-done-card{position:relative;width:560px;max-width:100%;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.02); padding:clamp(30px,5vw,48px) clamp(22px,4vw,44px);text-align:center;overflow:hidden;animation:dbkRise .5s ease} .dbk-done-glow{position:absolute;top:-70px;left:50%;transform:translateX(-50%);width:420px;height:280px;max-width:90%;border-radius:50%; background:radial-gradient(circle,rgba(199,255,60,.14),rgba(199,255,60,0) 70%);pointer-events:none} .dbk-done-in{position:relative} .dbk-done-check{width:74px;height:74px;margin:0 auto 24px;border-radius:50%;background:#C7FF3C;display:flex;align-items:center;justify-content:center; animation:dbkPop .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 34px rgba(199,255,60,.4)} .dbk-done-t{margin:0 0 12px;font-weight:900;font-size:clamp(26px,4vw,34px);letter-spacing:-.02em;color:#E6E6E0} .dbk-done-t span{color:#C7FF3C} .dbk-done-p{margin:0 0 30px;font-size:16px;line-height:1.7;color:rgba(230,230,224,.62)} .dbk-done-p b{color:#E6E6E0;font-weight:700} .dbk-done-sum{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.02);padding:22px;text-align:right; display:flex;flex-direction:column;gap:14px;margin-bottom:30px} .dbk-done-sum-row{display:flex;align-items:center;justify-content:space-between;gap:10px} .dbk-done-sum-row span{font-size:14px;color:rgba(230,230,224,.55)} .dbk-done-sum-row b{font-size:14px;font-weight:700;color:#E6E6E0} .dbk-done-sum-row.is-tot{padding-top:14px;border-top:1px solid rgba(255,255,255,.08)} .dbk-done-sum-row.is-tot b{font-family:var(--dream-font-en);font-size:18px;color:#C7FF3C} .dbk-done-acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} .dbk-done-home{display:inline-flex;align-items:center;height:50px;padding:0 30px;border-radius:999px;border:1px solid rgba(255,255,255,.14) !important; background:transparent !important;color:#E6E6E0 !important;font-family:var(--dream-font);font-weight:700;font-size:15px;text-decoration:none;box-shadow:none !important} .dbk-done-again{display:inline-flex;align-items:center;height:50px;padding:0 30px;border-radius:999px;border:none !important;background:#C7FF3C !important; color:#0B0B0B !important;font-family:var(--dream-font);font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 8px 24px rgba(199,255,60,.28)} /* ---- no-coaches empty state ---- */ .dbk-empty{text-align:center;padding:70px 20px;border:1px dashed rgba(255,255,255,.12);border-radius:18px;margin-top:8px} .dbk-empty-ic{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:rgba(199,255,60,.1);color:#C7FF3C;font-size:28px;margin:0 auto 16px} .dbk-empty-h{color:#E6E6E0;font-size:20px;font-weight:800;margin:0 0 8px} .dbk-empty-p{color:rgba(230,230,224,.55);font-size:14px;line-height:1.8;margin:0 auto 22px;max-width:360px} /* ---- COACH CV MODAL (reuses .mx-cv from the homepage) — booking extras ---- */ .dbk-cv-high{margin-top:24px} .dbk-cv-lbl{font-family:var(--dream-font-en);text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:rgba(230,230,224,.4);margin-bottom:15px} .dbk-cv-high-row{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(230,230,224,.75);margin-bottom:12px} .dbk-cv-high-row i{color:#C7FF3C;font-weight:800;font-style:normal} .dbk-cv-revs{margin-top:24px} /* ---- reviews (shared, from v1) ---- */ .dbk-rv{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;margin-bottom:10px} .dbk-rv-top{display:flex;align-items:center;justify-content:space-between;gap:10px} .dbk-rv-n{color:#E6E6E0;font-weight:700;font-size:14px} .dbk-rv-s{color:#C7FF3C;font-size:14px;direction:ltr;letter-spacing:1px} .dbk-rv-t{color:rgba(230,230,224,.7);font-size:13px;line-height:1.7;margin-top:6px} .dbk-norev{color:rgba(230,230,224,.45);font-size:13px;background:rgba(255,255,255,.02);border-radius:12px;padding:16px;text-align:center} /* ---- RESPONSIVE ---- */ @media(max-width:1000px){ .dbk-body{grid-template-columns:1fr;gap:24px} .dbk-side{position:static;top:auto} .dbk-cal-wrap{grid-template-columns:1fr} } @media(max-width:640px){ .dbk-hero{padding:34px 0 6px} .dbk-steps-in{padding:0 12px} .dbk-st{padding:14px 5px;gap:9px;flex-direction:column;align-items:flex-start} .dbk-st-i{width:32px;height:32px;font-size:13px} .dbk-st-en{display:none} .dbk-st-l{font-size:12px} .dbk-grid{grid-template-columns:1fr} .dbk-pkgs{grid-template-columns:1fr} .dbk-methods{grid-template-columns:1fr} .dbk-cal-slots{flex-direction:row;flex-wrap:wrap;max-height:none} .dbk-cal-slots .dbk-slot{width:calc(33.333% - 6px)} .dbk-nav{gap:10px} .dbk-btn-next{padding:0 26px} .dbk-btn-back{padding:0 20px} } @media(prefers-reduced-motion:reduce){ .dbk-hero-glow{animation:none} .dbk-pane,.dbk-done-card,.dbk-done-check{animation:none} .dbk-ccard:hover,.dbk-pcard:hover,.dbk-btn-next:hover{transform:none} } /* ---- QA pass (2026-07-06): honor [hidden] (parent theme forces display on * sections/buttons) + beat the theme's