/*
Theme Name: For Tomorrow Academy Pro
Theme URI: https://fortomorrow.com
Author: RHAA
Author URI: https://fortomorrow.com
Description: قالب احترافي لأكاديمية For Tomorrow — نظام دورات + صفحات هبوط + لوحة إعدادات شاملة — بدون أي إضافة مدفوعة. كل شيء يُدار من لوحة WordPress.
Version: 2.537.2
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: All rights reserved
Text Domain: for-tomorrow
Tags: rtl, right-to-left, arabic, education, courses, custom-post-type, one-page
*/

/*
 * © 2026 RHAA — جميع الحقوق محفوظة
 * All rights reserved. Designed and developed by RHAA.
 * Unauthorized copying, modification, or redistribution is strictly prohibited.
 */

/* === RESET & VARIABLES === */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
--bg-primary:#0a0a12;--bg-secondary:#12121f;--bg-card:rgba(20,20,40,.7);
--purple-core:#7c3aed;--purple-bright:#a78bfa;--purple-glow:rgba(124,58,237,.3);
--cyan-accent:#22d3ee;--cyan-glow:rgba(34,211,238,.2);--amber:#fbbf24;
--text-primary:#f0eef6;--text-secondary:#9895ad;--text-dim:#857fa0;
--border:rgba(124,58,237,.15);--border-hover:rgba(124,58,237,.4);
--glass:rgba(20,20,45,.6);
}
html{scroll-behavior:smooth}
body{font-family:'Tajawal',sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.8;direction:rtl}
a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}

/* === AMBIENT === */
.ambient{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 15% 5%,rgba(124,58,237,.12) 0%,transparent 55%),radial-gradient(ellipse 50% 70% at 85% 95%,rgba(34,211,238,.08) 0%,transparent 50%),radial-gradient(ellipse 40% 40% at 60% 30%,rgba(244,114,182,.05) 0%,transparent 50%)}
.grid-pattern{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.025;background-image:linear-gradient(rgba(124,58,237,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.5) 1px,transparent 1px);background-size:60px 60px}
.content-wrapper{position:relative;z-index:2}

/* === WHATSAPP === */
.whatsapp-float{position:fixed;bottom:28px;left:28px;z-index:1000;width:54px;height:54px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 30px rgba(37,211,102,.4);cursor:pointer;transition:all .3s;animation:waPulse 2s infinite}
.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 8px 40px rgba(37,211,102,.6)}
.whatsapp-float svg{width:32px;height:32px;fill:#fff}
@keyframes waPulse{0%,100%{box-shadow:0 6px 30px rgba(37,211,102,.4)}50%{box-shadow:0 6px 30px rgba(37,211,102,.6),0 0 0 12px rgba(37,211,102,.1)}}
.whatsapp-tooltip{position:absolute;right:72px;background:#fff;color:#333;padding:8px 16px;border-radius:10px;font-size:.85rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 20px rgba(0,0,0,.15);opacity:0;transform:translateX(10px);transition:all .3s}
.whatsapp-float:hover .whatsapp-tooltip{opacity:1;transform:translateX(0)}

/* === NAV === */
.site-nav{position:fixed;top:0;width:100%;z-index:100;padding:16px 0;transition:all .4s}
.site-nav.scrolled{background:rgba(10,10,18,.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:10px 0}
body.ft-light .site-nav.scrolled{background:rgba(255,255,255,.95)!important;border-bottom-color:rgba(124,58,237,.15)!important}
body.ft-light .site-nav.scrolled .logo-text,body.ft-light .site-nav.scrolled .logo-sub,body.ft-light .site-nav.scrolled .nav-menu a,body.ft-light .site-nav.scrolled .nav-menu .menu-item>a{color:#1a1a2e!important}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center}
.logo-group{display:flex;align-items:center;gap:12px}
.logo-mark{width:42px;height:42px;background:linear-gradient(135deg,var(--purple-core),var(--cyan-accent));border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-weight:800;font-size:1.1rem;color:#fff;transform:rotate(-3deg)}
.logo-text{font-family:'Outfit',sans-serif;font-weight:800;font-size:1.35rem;color:var(--text-primary);letter-spacing:-.5px}
.logo-sub{font-size:.7rem;color:var(--text-dim);display:block;margin-top:-4px}
.nav-menu{display:flex;gap:28px;list-style:none;align-items:center}
.nav-menu a{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .3s}
.nav-menu a:hover{color:var(--text-primary)}
.nav-cta-btn{background:var(--purple-core)!important;color:#fff!important;padding:10px 24px!important;border-radius:10px!important;font-weight:700!important;transition:all .3s!important}
.nav-cta-btn:hover{background:#6d28d9!important;transform:translateY(-2px);box-shadow:0 8px 25px var(--purple-glow)}
.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:8px}
.nav-menu.show{display:flex!important;flex-direction:column;position:fixed;top:60px;right:0;left:0;background:rgba(10,10,18,.97);backdrop-filter:blur(24px);padding:24px;gap:20px;border-bottom:1px solid var(--border);animation:slideDown .3s ease;z-index:9998}
.nav-menu.show a,.nav-menu.show .menu-item>a,.nav-menu.show li a{color:#f0eef6!important;opacity:1!important}
.nav-menu.show a:hover,.nav-menu.show .current-menu-item>a{color:#c4b5fd!important}
body.ft-light .nav-menu.show a,body.ft-light .nav-menu.show .menu-item>a{color:#f0eef6!important}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}

/* === BUTTONS === */
.btn-main{background:var(--purple-core);color:#fff;padding:15px 32px;border-radius:12px;font-weight:700;font-size:1rem;transition:all .3s;border:none;cursor:pointer;font-family:'Tajawal',sans-serif;display:inline-flex;align-items:center;gap:8px}
.btn-main:hover{background:#6d28d9;transform:translateY(-3px);box-shadow:0 12px 35px var(--purple-glow)}
.btn-ghost{background:transparent;color:var(--text-primary);padding:15px 32px;border-radius:12px;font-weight:700;font-size:1rem;transition:all .3s;border:1px solid var(--border);cursor:pointer;font-family:'Tajawal',sans-serif}
.btn-ghost:hover{border-color:var(--border-hover);background:rgba(124,58,237,.06)}

/* === HERO === */
.hero-section{min-height:100vh;display:flex;align-items:center;padding:120px 32px 80px;position:relative;overflow:hidden}
.hero-inner{max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.hero-content{animation:fadeInUp .9s ease-out}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.hero-label{display:inline-flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--border);padding:7px 18px;border-radius:50px;font-size:.82rem;color:var(--purple-bright);margin-bottom:24px;backdrop-filter:blur(10px)}
.live-dot{width:7px;height:7px;background:var(--cyan-accent);border-radius:50%;animation:blink 1.5s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero-section h1{font-family:'Cairo',sans-serif;font-size:3.2rem;font-weight:900;line-height:1.25;margin-bottom:20px}
.text-gradient{background:linear-gradient(135deg,var(--purple-bright),var(--cyan-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-desc{font-size:1.15rem;color:var(--text-secondary);margin-bottom:32px;max-width:520px;line-height:2}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-visual{display:flex;justify-content:center;animation:fadeInUp .9s ease-out .15s both}
.ai-visual-container{width:100%;max-width:480px;position:relative}
.ai-brain-svg{width:100%;height:auto;filter:drop-shadow(0 0 40px rgba(124,58,237,.2))}
.float-badge{position:absolute;background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:10px 18px;border-radius:14px;display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--text-primary)}
.float-badge:nth-child(2){animation:ftFloat1 5s ease-in-out infinite}
.float-badge:nth-child(3){animation:ftFloat2 7s ease-in-out infinite}
.float-badge:nth-child(4){animation:ftFloat3 6s ease-in-out infinite}
.float-badge:nth-child(5){animation:ftFloat4 8s ease-in-out infinite}
.float-badge:nth-child(6){animation:ftFloat1 6.5s ease-in-out infinite .5s}
.float-badge:nth-child(7){animation:ftFloat3 5.5s ease-in-out infinite 1s}
.float-badge:nth-child(n+8){animation:ftFloat2 7s ease-in-out infinite .8s}
@keyframes ftFloat1{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-12px)}}
@keyframes ftFloat2{0%,100%{transform:translate(-50%,-50%) translateX(0)}50%{transform:translate(-50%,-50%) translateX(10px)}}
@keyframes ftFloat3{0%,100%{transform:translate(-50%,-50%) translate(0,0)}50%{transform:translate(-50%,-50%) translate(-8px,-8px)}}
@keyframes ftFloat4{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}
.badge-icon{font-size:1.2rem}
@keyframes gentleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* === STATS === */
.stats-bar{max-width:1200px;margin:-40px auto 0;padding:0 32px;position:relative;z-index:5}
.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);background:var(--glass);border:1px solid var(--border);border-radius:20px;padding:32px;backdrop-filter:blur(20px)}
.stat-item{text-align:center;position:relative}
.stat-item:not(:last-child)::after{content:'';position:absolute;left:0;top:20%;height:60%;width:1px;background:var(--border)}
.stat-num{font-family:'Outfit',sans-serif;font-size:2rem;font-weight:800;color:var(--cyan-accent)}
.stat-label{font-size:.85rem;color:var(--text-dim);margin-top:2px}

/* === SECTIONS === */
.ft-section{padding:100px 32px}
.section-label{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--purple-bright);letter-spacing:1px;margin-bottom:12px;width:auto;max-width:fit-content;margin-left:auto;margin-right:auto;white-space:nowrap;line-height:1;height:auto}
.section-label::before{content:"";display:inline-block;width:24px;height:2px;background:var(--purple-core);border-radius:2px;flex-shrink:0;flex-grow:0;vertical-align:middle}
/* Hide the old span completely - pseudo-element replaces it */
.section-label .label-line{display:none!important}
.section-title{font-family:'Cairo',sans-serif;font-size:2.3rem;font-weight:800;margin-bottom:10px}
.section-desc{color:var(--text-secondary);font-size:1.05rem;max-width:550px}
.section-header{text-align:center;margin-bottom:56px}
.section-header .section-desc{margin:0 auto}

/* === COURSES GRID === */
.courses-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.courses-grid.align-center{justify-content:center}
.courses-grid.align-start{justify-content:start}
.courses-grid.align-end{justify-content:end}
.course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:all .4s;cursor:pointer;display:flex;flex-direction:column}
.course-card:hover{transform:translateY(-6px);border-color:var(--border-hover);box-shadow:0 20px 60px rgba(124,58,237,.12)}
.course-card-top{height:180px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.course-bg-1{background:linear-gradient(135deg,#1e1042,#2d1b69,#0f172a)}
.course-bg-2{background:linear-gradient(135deg,#0f172a,#134e4a,#1e1042)}
.course-bg-3{background:linear-gradient(135deg,#1a1035,#4a1942,#0f172a)}
.course-bg-4{background:linear-gradient(135deg,#0f2027,#203a43,#1e1042)}
.course-bg-5{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}
.big-emoji{font-size:4rem;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3));z-index:1}
.course-card-top::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,var(--bg-card))}
.course-category-tag{position:absolute;top:16px;right:16px;background:rgba(124,58,237,.3);padding:4px 14px;border-radius:8px;font-size:.75rem;font-weight:600;color:var(--purple-bright);z-index:2;backdrop-filter:blur(8px)}
.course-body{padding:24px;flex:1;display:flex;flex-direction:column}
.course-body h3{font-family:'Cairo',sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:8px}
.course-body p{color:var(--text-secondary);font-size:.88rem;line-height:1.8;margin-bottom:16px}
.course-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.c-tag{background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.12);padding:3px 12px;border-radius:20px;font-size:.72rem;color:var(--text-secondary)}
.course-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border);margin-top:auto}
.course-details{display:flex;gap:14px}
.course-details span{font-size:.78rem;color:var(--text-dim);display:flex;align-items:center;gap:4px}
.course-price-tag{font-family:'Outfit',sans-serif;font-weight:800;font-size:1.15rem;color:var(--cyan-accent)}
.course-cta-btn{display:block;margin-top:16px;padding:12px;background:var(--purple-core);color:#fff;border:none;border-radius:12px;font-family:'Tajawal',sans-serif;font-weight:700;font-size:.92rem;cursor:pointer;transition:all .3s;text-align:center}
.course-cta-btn:hover{background:#6d28d9;box-shadow:0 6px 25px var(--purple-glow)}

/* === ABOUT === */
.about-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.about-photo{aspect-ratio:3/4;border-radius:24px;background:linear-gradient(160deg,var(--bg-card),rgba(124,58,237,.1));border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:7rem;position:relative;overflow:hidden}
.about-photo::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 70%,rgba(124,58,237,.15),transparent 60%)}
.about-photo img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}
.about-badge{position:absolute;bottom:20px;left:20px;background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(20px);padding:14px 22px;border-radius:14px;z-index:5}
.about-badge-num{font-family:'Outfit',sans-serif;font-weight:800;font-size:1.6rem;color:var(--cyan-accent)}
.about-badge-label{font-size:.78rem;color:var(--text-dim)}
.about-text h3{font-family:'Cairo',sans-serif;font-size:1.7rem;font-weight:800;margin-bottom:16px}
.about-text p{color:var(--text-secondary);font-size:1.02rem;line-height:2;margin-bottom:24px}
.skill-tags{display:flex;flex-wrap:wrap;gap:10px}
.skill-tag{background:var(--bg-card);border:1px solid var(--border);padding:8px 18px;border-radius:10px;font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px;transition:all .3s}
.skill-tag:hover{border-color:var(--border-hover);color:var(--text-primary)}

/* === WHY === */
.why-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.why-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:32px 24px;text-align:center;transition:all .35s;position:relative;overflow:hidden}
.why-card::before{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--purple-core),var(--cyan-accent));opacity:0;transition:opacity .3s}
.why-card:hover::before{opacity:1}
.why-card:hover{transform:translateY(-4px);border-color:var(--border-hover)}
.why-icon{font-size:2.2rem;margin-bottom:16px}
.why-card h4{font-family:'Cairo',sans-serif;font-weight:700;font-size:1rem;margin-bottom:8px}
.why-card p{color:var(--text-dim);font-size:.84rem;line-height:1.7}

/* === TESTIMONIALS === */
.test-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.test-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:32px;transition:all .3s}
.test-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}
.test-stars{color:var(--amber);font-size:.95rem;margin-bottom:14px;letter-spacing:2px}
.test-card blockquote{color:var(--text-secondary);font-size:.92rem;line-height:1.9;margin-bottom:20px;font-style:italic}
.test-author{display:flex;align-items:center;gap:12px}
.test-avatar{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,var(--purple-core),#6d28d9);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;overflow:hidden}
.test-avatar img{width:100%;height:100%;object-fit:cover}
.test-name{font-weight:700;font-size:.88rem}
.test-role{font-size:.78rem;color:var(--text-dim)}

/* === CTA === */
.cta-section{padding:80px 32px}
.cta-box{max-width:900px;margin:0 auto;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(34,211,238,.06));border:1px solid var(--border);border-radius:28px;padding:64px;text-align:center;position:relative;overflow:hidden}
.cta-box::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(124,58,237,.12),transparent 60%)}
.cta-box h2{font-family:'Cairo',sans-serif;font-size:2.2rem;font-weight:900;margin-bottom:14px;position:relative}
.cta-box p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:32px;position:relative}

/* === FORMS === */
.contact-box{max-width:750px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:48px;box-sizing:border-box;overflow:hidden}
.contact-box *,.contact-box *::before,.contact-box *::after{box-sizing:border-box}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;width:100%}
.form-field{display:flex;flex-direction:column;min-width:0;width:100%}
.form-field.full{grid-column:1/-1}
.form-field label{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:7px}
.form-field input,.form-field textarea,.form-field select,
.contact-box .wpcf7 input[type="text"],.contact-box .wpcf7 input[type="email"],
.contact-box .wpcf7 input[type="tel"],.contact-box .wpcf7 textarea,.contact-box .wpcf7 select{
background:rgba(10,10,18,.6)!important;border:1px solid var(--border)!important;border-radius:10px!important;padding:13px 16px!important;color:var(--text-primary)!important;font-family:'Tajawal',sans-serif!important;font-size:.92rem!important;transition:all .3s!important;outline:none!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--purple-core)!important;box-shadow:0 0 0 3px var(--purple-glow)!important}
.form-field textarea{min-height:100px;resize:vertical}
.form-field select option{background:var(--bg-primary)}
.form-submit,.contact-box .wpcf7 input[type="submit"]{width:100%!important;padding:15px!important;margin-top:8px;background:var(--purple-core)!important;color:#fff!important;border:none!important;border-radius:12px!important;font-family:'Tajawal',sans-serif!important;font-weight:700!important;font-size:1rem!important;cursor:pointer!important;transition:all .3s!important}
.form-submit:hover,.contact-box .wpcf7 input[type="submit"]:hover{background:#6d28d9!important;box-shadow:0 8px 30px var(--purple-glow);transform:translateY(-2px)}

/* === FOOTER === */
.site-footer{border-top:1px solid var(--border);padding:56px 32px 28px}
.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:36px}
.footer-brand p{color:var(--text-dim);font-size:.88rem;line-height:1.8;max-width:280px;margin-top:12px}
.footer-col h4{font-family:'Cairo',sans-serif;font-weight:700;font-size:.95rem;margin-bottom:14px}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:8px}
.footer-col ul a{color:var(--text-dim);font-size:.88rem;transition:color .3s}
.footer-col ul a:hover{color:var(--text-primary)}
.footer-bottom{max-width:1200px;margin:0 auto;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.footer-bottom p{color:var(--text-dim);font-size:.82rem}
.social-row{display:flex;gap:10px}
.social-row a{width:38px;height:38px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:1rem;transition:all .3s}
.social-row a:hover{border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-2px)}

/* === LANDING / SINGLE COURSE === */
.landing-hero{display:flex;align-items:center;padding:120px 32px 60px}
.landing-hero-inner{max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}
.landing-hero h1{font-family:'Cairo',sans-serif;font-size:2.8rem;font-weight:900;line-height:1.3;margin-bottom:18px}
.landing-hero p{font-size:1.1rem;color:var(--text-secondary);line-height:2;margin-bottom:28px}
.landing-price-box{display:inline-flex;align-items:center;gap:16px;background:var(--glass);border:1px solid var(--border);padding:14px 28px;border-radius:14px;margin-bottom:24px;backdrop-filter:blur(10px)}
.landing-price{font-family:'Outfit',sans-serif;font-weight:800;font-size:2rem;color:var(--cyan-accent)}
.landing-price-note{font-size:.85rem;color:var(--text-dim)}
.video-container{border-radius:20px;overflow:hidden;border:1px solid var(--border);aspect-ratio:16/9;background:var(--bg-card);position:relative;cursor:pointer;transition:all .3s}
.video-container:hover{border-color:var(--border-hover);box-shadow:0 15px 50px rgba(124,58,237,.15)}
.video-container iframe{width:100%;height:100%;border:0}
.video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(34,211,238,.04))}
.play-btn{width:72px;height:72px;background:var(--purple-core);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 8px 30px var(--purple-glow);transition:all .3s}
.video-container:hover .play-btn{transform:scale(1.08)}
.play-btn svg{width:28px;height:28px;fill:#fff;margin-right:-2px}
.video-label{font-size:.9rem;color:var(--text-dim)}
.curriculum-section{padding:80px 32px}
.curriculum-box{max-width:900px;margin:0 auto}
.module-item{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px 28px;margin-bottom:12px;display:flex;align-items:flex-start;gap:16px;transition:all .3s}
.module-item:hover{border-color:var(--border-hover);background:rgba(124,58,237,.04)}
.module-num{width:36px;height:36px;min-width:36px;background:rgba(124,58,237,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-weight:700;font-size:.85rem;color:var(--purple-bright)}
.module-content h4{font-family:'Cairo',sans-serif;font-weight:700;font-size:1rem;margin-bottom:4px}
.module-content p{color:var(--text-dim);font-size:.84rem;line-height:1.6}
.landing-features{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.landing-feat{display:flex;gap:14px;align-items:flex-start;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all .3s}
.landing-feat:hover{border-color:var(--border-hover)}
.feat-icon{font-size:1.5rem;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(124,58,237,.1);border-radius:10px}
.feat-text h4{font-family:'Cairo',sans-serif;font-weight:700;font-size:.92rem;margin-bottom:4px}
.feat-text p{color:var(--text-dim);font-size:.82rem;line-height:1.6}

/* === ARCHIVE PAGE === */
.archive-hero{padding:140px 32px 60px;text-align:center}
.archive-hero h1{font-family:'Cairo',sans-serif;font-size:2.5rem;font-weight:900;margin-bottom:12px}
.archive-hero p{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}

/* === SCROLL REVEAL === */
.reveal{opacity:0;transform:translateY(25px);transition:all .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* === WP OVERRIDES === */
.wp-block-group,.entry-content,.page-content{background:transparent}
.entry-content>*{max-width:none}

/* === RESPONSIVE === */
@media(max-width:1024px){
.hero-inner,.landing-hero-inner{grid-template-columns:1fr;text-align:center}
.hero-desc{margin:0 auto 32px}
.hero-actions{justify-content:center}
.hero-visual{order:-1}
.about-grid{grid-template-columns:1fr;text-align:center}
.about-photo{max-width:300px;margin:0 auto;aspect-ratio:1/1}
.about-photo-wrap{display:block!important;width:100%;text-align:center}
.about-badge{position:static!important;display:inline-flex!important;flex-direction:column;align-items:center;margin:-30px auto 0!important;padding:12px 24px;background:var(--bg-card)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.skill-tags{justify-content:center}
.stats-inner{grid-template-columns:repeat(2,1fr);gap:24px}
.section-desc{margin:0 auto}
.landing-features{grid-template-columns:1fr}
.landing-price-box{justify-content:center}
}
@media(max-width:768px){
.nav-menu{display:none}
.mobile-menu-btn{display:block}
.hero-section h1{font-size:2.2rem}
.landing-hero h1{font-size:2rem}
.courses-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
.form-row{grid-template-columns:1fr}
.stats-inner{grid-template-columns:repeat(2,1fr);gap:20px}
.ft-section{padding:70px 20px}
.cta-box{padding:40px 24px}
.contact-box{padding:28px 16px;border-radius:16px}
.form-row{grid-template-columns:1fr;gap:12px}
.hero-section{padding:100px 20px 60px}
.footer-bottom{flex-direction:column;gap:16px;text-align:center}
.ai-visual-container{max-width:320px}
.float-badge{font-size:.72rem;padding:7px 12px}
.whatsapp-float{bottom:20px;left:20px;width:56px;height:56px}
.whatsapp-float svg{width:30px;height:30px}
.whatsapp-tooltip{display:none}
#ftScrollTop{bottom:90px!important;right:20px!important;left:auto!important;width:50px!important;height:50px!important}
#ftThemeToggle{bottom:20px!important;right:20px!important;width:56px!important;height:56px!important}
.about-badge{padding:10px 16px}
.about-badge-num{font-size:1.3rem}
}

/* === Rich Content in Course Extra Section === */
.ft-rich-content img{max-width:100%;height:auto;border-radius:12px;margin:16px 0}
.ft-rich-content iframe{max-width:100%;width:100%;aspect-ratio:16/9;border-radius:12px;margin:16px 0;border:0}
.ft-rich-content h1,.ft-rich-content h2,.ft-rich-content h3,.ft-rich-content h4{color:var(--text-primary);font-family:'Cairo',sans-serif;font-weight:800;margin:24px 0 12px;line-height:1.4}
.ft-rich-content h1{font-size:1.8rem}
.ft-rich-content h2{font-size:1.5rem}
.ft-rich-content h3{font-size:1.25rem}
.ft-rich-content p{margin-bottom:14px}
.ft-rich-content ul,.ft-rich-content ol{padding-right:24px;margin-bottom:14px}
.ft-rich-content li{margin-bottom:6px}
.ft-rich-content a{color:var(--purple-bright);text-decoration:underline}
.ft-rich-content blockquote{border-right:3px solid var(--purple-core);padding:8px 20px;margin:16px 0;background:rgba(124,58,237,.06);border-radius:8px;font-style:italic}
.ft-rich-content strong{color:var(--text-primary)}


/* ═══════════════════════════════════════════════════════════
   EBOOK STORE — صفحة المتجر والكتاب الإلكتروني
   @version 1.0 — For Tomorrow Academy Pro
═══════════════════════════════════════════════════════════ */

/* ── Hero ── */
.eb-hero{min-height:100vh;display:flex;align-items:center;padding:120px 32px 80px;position:relative}
.eb-hero-inner{max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.eb-cover-side{display:flex;justify-content:center;animation:fadeInUp .9s ease-out}
.eb-info-side{animation:fadeInUp .9s ease-out .15s both}

/* ── Cover ── */
.eb-cover-wrap{position:relative;width:100%;max-width:360px;margin:0 auto}
.eb-cover-img{width:100%;border-radius:16px;box-shadow:0 30px 80px rgba(124,58,237,.3),0 0 0 1px var(--border);transform:perspective(1000px) rotateY(5deg);transition:transform .5s}
.eb-cover-img:hover{transform:perspective(1000px) rotateY(0deg) scale(1.02)}
.eb-cover-placeholder{width:100%;aspect-ratio:3/4;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:6rem}
.eb-cover-glow{position:absolute;inset:-20px;background:radial-gradient(ellipse at center,rgba(124,58,237,.25) 0%,transparent 70%);z-index:-1;filter:blur(30px)}
.eb-float-badge{position:absolute;background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:8px 16px;border-radius:12px;font-size:.78rem;font-weight:600;color:var(--text-primary);white-space:nowrap}
.eb-badge-1{top:-12px;right:-12px;animation:ftFloat1 5s ease-in-out infinite}
.eb-badge-2{top:30%;left:-24px;animation:ftFloat2 6s ease-in-out infinite}
.eb-badge-3{bottom:20%;right:-20px;animation:ftFloat3 7s ease-in-out infinite}
.eb-badge-4{bottom:-12px;left:10%;animation:ftFloat4 5.5s ease-in-out infinite}

/* ── Book Info ── */
.eb-book-label{display:inline-flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--border);padding:7px 18px;border-radius:50px;font-size:.82rem;color:var(--purple-bright);margin-bottom:20px;backdrop-filter:blur(10px)}
.eb-title{font-family:'Cairo',sans-serif;font-size:2.6rem;font-weight:900;line-height:1.3;margin-bottom:10px}
.eb-subtitle{font-size:1rem;color:var(--purple-bright);margin-bottom:20px;font-weight:600}
.eb-author-row{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.eb-author-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--purple-core),var(--cyan-accent));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:#fff;flex-shrink:0}
.eb-author-name{font-weight:700;font-size:.95rem}
.eb-author-role{font-size:.78rem;color:var(--text-dim)}
.eb-desc{color:var(--text-secondary);font-size:.95rem;line-height:2;margin-bottom:24px}

/* ── Quick Stats ── */
.eb-quick-stats{display:flex;align-items:center;gap:0;background:var(--glass);border:1px solid var(--border);border-radius:14px;padding:16px 24px;margin-bottom:28px;backdrop-filter:blur(10px)}
.eb-qs-item{flex:1;text-align:center}
.eb-qs-num{display:block;font-family:'Outfit',sans-serif;font-size:1.5rem;font-weight:800;color:var(--cyan-accent)}
.eb-qs-label{font-size:.75rem;color:var(--text-dim)}
.eb-qs-sep{width:1px;height:40px;background:var(--border)}

/* ── Hero CTA ── */
.eb-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.eb-buy-btn{font-size:1rem;padding:16px 28px}
.eb-guarantee{font-size:.78rem;color:var(--text-dim)}

/* ── PDF Preview ── */
#ft-preview-wrapper{padding-top:0!important}
.ft-preview-open{display:block!important;animation:fadeInUp .4s ease-out}
.eb-pdf-viewer{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--bg-card)}
.eb-pdf-frame{width:100%;height:600px;border:0;display:block}
.eb-pdf-overlay{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,transparent,var(--bg-primary) 80%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:24px}
.eb-pdf-blur-msg{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.eb-pdf-blur-msg span{font-size:1.8rem}
.eb-pdf-blur-msg strong{color:var(--text-primary)}

/* ── Section Shared ── */
.eb-section-inner{max-width:1100px;margin:0 auto}
.eb-section-label{display:inline-flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--border);padding:6px 16px;border-radius:50px;font-size:.78rem;color:var(--purple-bright);margin-bottom:16px;backdrop-filter:blur(10px)}
.eb-section-sub{color:var(--text-secondary);font-size:.95rem;margin-top:-4px;margin-bottom:40px}
.eb-features-section{background:rgba(124,58,237,.03)}

/* ── Features Grid ── */
.eb-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}
.eb-feat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:24px;display:flex;gap:16px;align-items:flex-start;transition:all .35s;position:relative;overflow:hidden}
.eb-feat-card::before{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--purple-core),var(--cyan-accent));opacity:0;transition:opacity .3s}
.eb-feat-card:hover::before{opacity:1}
.eb-feat-card:hover{transform:translateY(-4px);border-color:var(--border-hover)}
.eb-feat-icon{font-size:1.8rem;flex-shrink:0;margin-top:2px}
.eb-feat-title{font-family:'Cairo',sans-serif;font-weight:700;font-size:.95rem;margin-bottom:6px}
.eb-feat-desc{color:var(--text-dim);font-size:.82rem;line-height:1.7}

/* ── TOC Grid ── */
.eb-toc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:8px}
.eb-toc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:24px;display:flex;gap:16px;transition:all .3s}
.eb-toc-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}
.eb-toc-num{font-family:'Outfit',sans-serif;font-size:2rem;font-weight:900;color:var(--purple-core);opacity:.4;flex-shrink:0;line-height:1;padding-top:4px}
.eb-toc-title{font-family:'Cairo',sans-serif;font-weight:700;font-size:.95rem;margin-bottom:10px;color:var(--text-primary)}
.eb-toc-items{list-style:none;padding:0;margin:0}
.eb-toc-items li{font-size:.82rem;color:var(--text-dim);margin-bottom:5px}
.eb-toc-note{font-size:.82rem;color:var(--text-dim);line-height:1.7}

/* ── Pricing ── */
.eb-pricing-section{background:linear-gradient(180deg,rgba(124,58,237,.04) 0%,transparent 100%)}
.eb-pricing-box{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:36px;margin-top:32px}
.eb-pricing-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.eb-pricing-cover{width:70px;border-radius:8px;flex-shrink:0}
.eb-pricing-title{font-family:'Cairo',sans-serif;font-weight:800;font-size:1.1rem;margin-bottom:4px}
.eb-price-row{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.eb-price-orig{font-family:'Outfit',sans-serif;font-size:1.3rem;color:var(--text-dim);text-decoration:line-through}
.eb-price-current{font-family:'Outfit',sans-serif;font-size:2.2rem;font-weight:900;color:var(--cyan-accent)}
.eb-price-badge{background:rgba(251,191,36,.15);color:var(--amber);border:1px solid rgba(251,191,36,.3);padding:4px 12px;border-radius:8px;font-size:.78rem;font-weight:700}
.eb-includes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}
.eb-inc-item{font-size:.85rem;color:var(--text-secondary)}
.eb-security-note{text-align:center;font-size:.78rem;color:var(--text-dim);margin-top:16px}

/* ── Success Box ── */
.eb-success-box{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(34,211,238,.05));border:1px solid rgba(16,185,129,.3);border-radius:24px;padding:48px;text-align:center;margin-top:32px}
.eb-success-box h3{font-family:'Cairo',sans-serif;font-size:1.8rem;font-weight:800;margin:16px 0 12px;color:var(--text-primary)}
.eb-success-box p{color:var(--text-secondary);line-height:1.8}
.eb-success-icon{font-size:4rem;display:block;animation:ftFloat4 3s ease-in-out infinite}

/* ── Author Card ── */
.eb-author-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:36px;display:flex;gap:28px;align-items:flex-start;margin-top:8px}
.eb-author-card-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--purple-core),var(--cyan-accent));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:2rem;color:#fff;flex-shrink:0}

/* ── Final CTA ── */
.eb-final-cta{padding:80px 32px;background:linear-gradient(180deg,transparent,rgba(124,58,237,.06) 50%,transparent)}

/* ── Loading Spinner ── */
.ft-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--text-dim);border-top-color:var(--cyan-accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-left:6px}
@keyframes spin{to{transform:rotate(360deg)}}
.ft-fade-in{animation:fadeInUp .5s ease-out}

/* ── RESPONSIVE ── */
@media(max-width:900px){
    .eb-hero-inner{grid-template-columns:1fr;gap:40px}
    .eb-cover-side{order:-1}
    .eb-cover-wrap{max-width:280px}
    .eb-features-grid{grid-template-columns:repeat(2,1fr)}
    .eb-toc-grid{grid-template-columns:1fr}
    .eb-title{font-size:2rem}
}
@media(max-width:600px){
    .eb-hero{padding:100px 20px 60px}
    .eb-features-grid{grid-template-columns:1fr}
    .eb-pricing-box{padding:24px 20px}
    .eb-includes{grid-template-columns:1fr}
    .eb-author-card{flex-direction:column;align-items:center;text-align:center}
    .eb-price-current{font-size:1.8rem}
    .eb-badge-2,.eb-badge-4{display:none}
}

/* === GEO PRICING BADGE === */
.eb-geo-badge{background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);color:var(--cyan-accent);padding:4px 12px;border-radius:8px;font-size:.78rem;font-weight:600;white-space:nowrap}
/* === COURSE PAYMENT === */
.ft-course-free-badge{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#10b981;padding:14px 20px;border-radius:12px;font-weight:700;font-size:1rem;text-align:center;margin-bottom:20px}

.ft-course-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 14px;background:rgba(15,23,42,.92);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08)}
.ft-course-sticky-cta__inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#fff}
.ft-course-sticky-cta__inner span{display:block;color:#cbd5e1;font-size:.92rem;margin-top:2px}
.ft-course-sticky-cta__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media(min-width:992px){.ft-course-sticky-cta{display:none}}


/* === MOBILE CONVERSION FIXES v2.208 === */
.ft-prelead-box{padding:30px 32px}
.ft-prelead-box__card{max-width:1000px;margin:0 auto;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:24px;padding:28px;border:1px solid rgba(255,255,255,.08);overflow:hidden}
.ft-prelead-box__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}
.ft-prelead-box__eyebrow{font-size:.8rem;opacity:.75;margin-bottom:8px}
.ft-prelead-box__title{margin:0 0 8px;font-size:1.5rem;line-height:1.3}
.ft-prelead-box__desc{margin:0;color:rgba(255,255,255,.82);line-height:1.8}
.ft-prelead-box__form{display:grid;gap:10px}
.ft-prelead-box__input{padding:12px 14px;border-radius:12px;border:0;width:100%}
.ft-prelead-box__submit{width:100%}
.ft-mobile-conv-cta{position:fixed;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:9999;background:rgba(17,24,39,.96);color:#fff;padding:12px 14px;border-radius:18px;box-shadow:0 15px 40px rgba(0,0,0,.25);direction:rtl}
.ft-mobile-conv-cta__close{position:absolute;top:8px;left:10px;background:rgba(255,255,255,.12);border:none;color:#fff;width:26px;height:26px;border-radius:50%;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;z-index:1}
.ft-mobile-conv-cta__close:hover{background:rgba(255,255,255,.22)}
.ft-mobile-conv-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ft-mobile-conv-cta__text{display:block;font-size:13px;line-height:1.4;color:#e5e7eb;flex:1;min-width:0}
.ft-mobile-conv-cta__actions{display:flex;gap:10px;align-items:center;flex-shrink:0}
.ft-mobile-conv-cta__primary,.ft-mobile-conv-cta__secondary{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:12px;text-decoration:none;font-weight:800;white-space:nowrap}
.ft-mobile-conv-cta__primary{background:#7c3aed;color:#fff}
.ft-mobile-conv-cta__secondary{background:#16a34a;color:#fff}
@media(max-width:991px){
  body.single-course{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
}
@media(max-width:768px){
  .ft-prelead-box{padding:18px 16px}
  .ft-prelead-box__card{padding:20px;border-radius:20px}
  .ft-prelead-box__grid{grid-template-columns:1fr;gap:16px}
  .ft-prelead-box__content{order:1;text-align:center}
  .ft-prelead-box__form{order:2}
  .ft-prelead-box__title{font-size:1.2rem}
  .ft-mobile-conv-cta{left:10px;right:10px;padding:10px 12px}
  .ft-mobile-conv-cta__inner{flex-direction:column;align-items:stretch}
  .ft-mobile-conv-cta__text{text-align:center}
  .ft-mobile-conv-cta__actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .ft-mobile-conv-cta__primary,.ft-mobile-conv-cta__secondary{width:100%;padding:12px 10px;font-size:.95rem}
}


/* v2.212 header menu manager */
#navMenuWrap{display:flex;align-items:center}
.ft-nav-style-button a.nav-cta-btn,.nav-cta-btn{background:linear-gradient(135deg,var(--accent),#7c3aed);color:#fff!important;padding:12px 22px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 12px 28px rgba(91,64,255,.22)}
.ft-nav-style-outline a.nav-outline-btn{border:1px solid rgba(91,64,255,.35);color:var(--text-primary)!important;padding:11px 20px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.7)}
.ft-nav-style-link a{padding:8px 4px}
@media (max-width:980px){
  #navMenuWrap{width:100%}
  .nav-menu{display:none}
  .nav-menu.show{display:flex!important;z-index:9999}
  .nav-menu.show .ft-nav-style-button a.nav-cta-btn,
  .nav-menu.show .ft-nav-style-outline a.nav-outline-btn{width:100%}
}


/* === v2.216 Contrast / Visibility Hotfix === */
body.single-course .site-nav{background:rgba(14,22,40,.26);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
body.single-course .site-nav.scrolled{background:rgba(10,14,28,.92)!important;border-bottom-color:rgba(255,255,255,.12)}
body.ft-light.single-course .site-nav.scrolled{background:rgba(255,255,255,.96)!important;border-bottom-color:rgba(109,40,217,.15)!important}
body.ft-light.single-course .site-nav.scrolled .logo-text,
body.ft-light.single-course .site-nav.scrolled .logo-sub,
body.ft-light.single-course .site-nav.scrolled .nav-menu a,
body.ft-light.single-course .site-nav.scrolled .nav-menu .menu-item>a{color:#1a1a2e!important;text-shadow:none!important}
body.ft-light.single-course .site-nav.scrolled .nav-cta-btn{background:rgba(109,40,217,.9)!important;color:#fff!important}
body.single-course .site-nav .logo-text,body.single-course .site-nav .logo-sub,body.single-course .site-nav .nav-menu a,body.single-course .site-nav .nav-menu .menu-item>a{color:#f8fafc!important;opacity:1!important;text-shadow:0 1px 2px rgba(0,0,0,.18)}
body.single-course .site-nav .nav-menu a:hover,body.single-course .site-nav .nav-menu .current-menu-item>a{color:#ffffff!important}
body.single-course .site-nav .nav-cta-btn{background:rgba(124,58,237,.92)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 30px rgba(124,58,237,.35)}
.ft-course-top-hero{position:relative}
.ft-course-top-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,28,.08),rgba(8,12,28,.18));pointer-events:none}
.ft-course-top-hero h1,.ft-course-top-hero p,.ft-course-top-hero .ft-rich-content,.ft-course-top-hero strong{color:#fff!important}
.ft-course-top-hero p,.ft-course-top-hero .ft-rich-content,.ft-course-top-hero__stat-label{color:rgba(255,255,255,.92)!important;text-shadow:0 1px 1px rgba(0,0,0,.18)}
.ft-course-top-hero__stats{width:100%}
.ft-course-top-hero__stat-card{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.22)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(15,23,42,.16)}
.ft-course-top-hero__stat-card *{color:#fff!important}
.ft-course-top-hero__stat-value{display:block;font-size:1.02rem;font-weight:800;line-height:1.7}
body.single-course .landing-hero{padding-top:88px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
body.single-course .landing-hero h1{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.28)}
body.single-course .landing-hero p{color:rgba(255,255,255,.9)!important}
body.single-course .hero-label{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important}
body.single-course .landing-price,body.single-course .landing-price-note{color:#fff!important}
body.single-course .btn-ghost{color:#fff!important;border-color:rgba(255,255,255,.28)!important;background:rgba(255,255,255,.08)!important}
body.single-course .btn-ghost:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.4)!important}
body.single-course .ft-course-bottom-bar{background:rgba(12,18,34,.96)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 16px 40px rgba(0,0,0,.28)}
body.single-course .ft-course-bottom-bar strong,body.single-course .ft-course-bottom-bar span{color:#fff!important}
body.single-course .ft-course-bottom-bar .btn-ghost{background:transparent!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important}
body.single-course{padding-bottom:118px}

/* ── LIGHT MODE: single-course — fix invisible white text on light background ── */
body.ft-light.single-course .landing-hero{background:linear-gradient(180deg,rgba(124,58,237,.06),transparent)}
body.ft-light.single-course .landing-hero h1{color:#1a1a2e!important;text-shadow:none!important}
body.ft-light.single-course .landing-hero p{color:#4a4860!important}
body.ft-light.single-course .landing-price{color:var(--purple-core)!important}
body.ft-light.single-course .landing-price-note{color:#6b6880!important}
body.ft-light.single-course .hero-label{background:rgba(124,58,237,.1)!important;border-color:rgba(124,58,237,.2)!important;color:#7c3aed!important}
body.ft-light.single-course .btn-ghost{color:#4a4860!important;border-color:rgba(124,58,237,.25)!important;background:rgba(124,58,237,.06)!important}
body.ft-light.single-course .btn-ghost:hover{background:rgba(124,58,237,.12)!important}
body.ft-light.single-course .landing-price-box{background:rgba(255,255,255,.8)!important;border-color:rgba(124,58,237,.2)!important}
body.ft-light.single-course .ft-course-bottom-bar{background:rgba(255,255,255,.95)!important;border-color:rgba(124,58,237,.15)!important;box-shadow:0 -4px 20px rgba(0,0,0,.08)!important}
body.ft-light.single-course .ft-course-bottom-bar strong,body.ft-light.single-course .ft-course-bottom-bar span{color:#1a1a2e!important}
body.ft-light.single-course .ft-course-bottom-bar .btn-ghost{background:rgba(124,58,237,.08)!important;border-color:rgba(124,58,237,.2)!important;color:#7c3aed!important}
body.ft-light.single-course .site-nav .logo-text,body.ft-light.single-course .site-nav .logo-sub,body.ft-light.single-course .site-nav .nav-menu a{color:#1a1a2e!important}
@media (max-width: 991px){body.single-course .site-nav{background:rgba(10,14,28,.92)!important}body.single-course .landing-hero{padding-top:72px}.ft-course-top-hero{padding:108px 20px 28px!important}.ft-course-top-hero__stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ft-course-bottom-bar{left:12px!important;right:12px!important;bottom:12px!important;flex-direction:column!important;align-items:stretch!important}.ft-course-bottom-bar>div:last-child{width:100%;display:grid!important;grid-template-columns:1fr;gap:10px}.ft-course-bottom-bar .btn-main,.ft-course-bottom-bar .btn-ghost{justify-content:center;width:100%}}
@media (max-width: 640px){.ft-course-top-hero h1{font-size:clamp(1.9rem,8vw,2.5rem)!important}.ft-course-top-hero p,.ft-course-top-hero .ft-rich-content{font-size:1rem!important;line-height:1.9!important}.ft-course-top-hero__stat-card{padding:12px!important;border-radius:14px!important}.ft-course-top-hero__stat-label{font-size:.8rem!important}.ft-course-top-hero__stat-value{font-size:.96rem!important}.landing-hero .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.landing-hero .hero-actions a,.landing-hero .hero-actions button{width:100%;justify-content:center}.landing-hero .landing-price-box{gap:10px}.landing-hero .video-container{margin-top:10px}}

/* === FOCUS VISIBILITY (accessibility) === */
:focus-visible{outline:2px solid var(--purple-bright);outline-offset:3px;border-radius:4px}
button:focus-visible,a:focus-visible{outline:2px solid var(--purple-bright);outline-offset:3px}

/* === FORM INPUT IMPROVEMENTS === */
/* Scoped to theme forms only — global input rules cause layout issues */
.ft-stu-form input,.ft-stu-form textarea,.ft-stu-form select,
.form-field input,.form-field textarea,.form-field select,
.ft-captcha-wrap input{transition:border-color .2s,box-shadow .2s}
.ft-stu-form input:focus,.form-field input:focus,.ft-captcha-wrap input:focus{outline:none}

/* === SMOOTH SCROLL BEHAVIOR === */
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ═══════ CAPTCHA FIELD — contact form / general ═══════ */
.ft-captcha-wrap{background:rgba(109,40,217,.05);border:1.5px solid rgba(109,40,217,.18);border-radius:12px;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;direction:rtl;margin-top:4px}
.ft-captcha-label{display:flex;align-items:center;gap:8px;font-size:.88rem;color:#c4b5fd;font-weight:600;flex:1}
.ft-captcha-question{background:rgba(255,255,255,.08);color:#e0d7ff;padding:3px 10px;border-radius:8px;font-family:'Outfit',monospace;font-size:.95rem;border:1px solid rgba(255,255,255,.12);margin-right:4px}
body.ft-light .ft-captcha-label{color:#3730a3}
body.ft-light .ft-captcha-question{background:#fff;color:#1e1b4b;border-color:rgba(109,40,217,.2)}
.ft-captcha-input{width:80px!important;padding:9px 12px!important;border:1.5px solid rgba(109,40,217,.3)!important;border-radius:8px!important;font-size:1rem!important;text-align:center!important;background:rgba(255,255,255,.06)!important;color:var(--text-primary)!important;transition:border-color .2s!important}
.ft-captcha-input:focus{border-color:#7c3aed!important;box-shadow:0 0 0 3px rgba(124,58,237,.15)!important;outline:none!important}


/* === v2.231 HOMEPAGE + CAPTCHA STABILITY HOTFIX === */
body.home,
body.front-page {
  overflow-x: hidden;
}
body.home .site-content,
body.home .content-area,
body.home .site-main,
body.home .entry-content,
body.home .container,
body.home .wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.home .hero-section {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  position: relative;
  display: block;
}
body.home .hero-section .hero-inner {
  max-width: 1220px !important;
  width: min(1220px, calc(100% - 40px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(280px,.82fr);
  gap: 48px;
  align-items: center;
}
body.home .stats-bar,
body.home .ft-section,
body.home .cta-section {
  width: 100%;
  max-width: 100%;
  clear: both;
}
/* Keep human verification fully isolated; never change page containers/forms globally. */
.ft-captcha-wrap[data-ft-captcha="1"] {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  margin: 12px 0 0;
  padding: 12px 14px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.ft-captcha-wrap[data-ft-captcha="1"] .ft-captcha-label {
  margin: 0;
  min-width: 180px;
}
.ft-captcha-wrap[data-ft-captcha="1"] .ft-captcha-input {
  flex: 0 0 96px;
  max-width: 120px;
}
@media (max-width: 900px) {
  body.home .hero-section .hero-inner {
    width: min(100% - 28px, 680px) !important;
    grid-template-columns: 1fr;
    gap: 26px;
    text-align: center;
  }
  body.home .hero-visual { order: -1; }
}
@media (max-width: 640px) {
  body.home .hero-section {
    padding-top: 92px !important;
    padding-bottom: 46px !important;
  }
  .ft-captcha-wrap[data-ft-captcha="1"] {
    align-items: stretch;
  }
  .ft-captcha-wrap[data-ft-captcha="1"] .ft-captcha-label,
  .ft-captcha-wrap[data-ft-captcha="1"] .ft-captcha-input {
    flex: 1 1 100%;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* === v2.232 COURSE PAGE SMART LAYOUT HOTFIX === */
body.single-course{padding-bottom:120px!important}
body.single-course .ft-course-top-hero__stats{width:min(100%,920px)!important;max-width:920px!important;margin:30px auto 0!important;display:grid!important;grid-template-columns:repeat(4,minmax(150px,1fr))!important;gap:18px!important;align-items:stretch!important;justify-content:center!important}
body.single-course .ft-course-top-hero__stat-card{min-height:84px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:18px 20px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.12))!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 12px 28px rgba(15,23,42,.14)!important;text-align:center!important}
body.single-course .ft-course-top-hero__stat-label{display:block!important;margin-bottom:5px!important;font-size:.82rem!important;font-weight:700!important;color:rgba(255,255,255,.82)!important;line-height:1.45!important}
body.single-course .ft-course-top-hero__stat-value{display:block!important;font-size:1.02rem!important;font-weight:900!important;line-height:1.65!important;color:#fff!important;word-break:normal!important}
body.single-course .ft-course-bottom-bar{left:110px!important;right:110px!important;bottom:18px!important;max-width:1160px!important;margin:0 auto!important;z-index:990!important;padding:14px 18px!important;border-radius:20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
body.single-course .ft-course-bottom-bar>div:first-child{min-width:230px!important;max-width:380px!important;overflow:hidden!important}
body.single-course .ft-course-bottom-bar>div:first-child strong,body.single-course .ft-course-bottom-bar>div:first-child span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.single-course .ft-course-bottom-bar>div:last-child{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:nowrap!important}
body.single-course .ft-course-bottom-bar .btn-main,body.single-course .ft-course-bottom-bar .btn-ghost{min-height:46px!important;padding:11px 18px!important;border-radius:14px!important;white-space:nowrap!important;opacity:1!important}
body.single-course .ft-course-bottom-bar .btn-ghost{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important}
body.single-course .whatsapp-float{left:24px!important;bottom:24px!important;z-index:1001!important}
body.single-course #ftThemeToggle{right:24px!important;bottom:24px!important;z-index:1001!important}
body.single-course #ftScrollTop{right:24px!important;bottom:92px!important;z-index:1001!important}
@media (max-width:1200px){body.single-course .ft-course-bottom-bar{left:92px!important;right:92px!important}body.single-course .ft-course-top-hero__stats{grid-template-columns:repeat(4,minmax(132px,1fr))!important;gap:14px!important}}
@media (max-width:991px){body.single-course{padding-bottom:260px!important}body.single-course .ft-course-top-hero__stats{width:min(100%,660px)!important;grid-template-columns:repeat(2,minmax(180px,1fr))!important;gap:14px!important;margin-top:24px!important}body.single-course .ft-course-bottom-bar{left:12px!important;right:12px!important;bottom:12px!important;max-width:none!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:14px!important}body.single-course .ft-course-bottom-bar>div:first-child{max-width:100%!important;min-width:0!important;text-align:center!important}body.single-course .ft-course-bottom-bar>div:last-child{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}body.single-course .ft-course-bottom-bar .btn-main,body.single-course .ft-course-bottom-bar .btn-ghost{width:100%!important;justify-content:center!important;text-align:center!important}body.single-course .whatsapp-float{bottom:232px!important;left:20px!important}body.single-course #ftThemeToggle{bottom:232px!important;right:20px!important}body.single-course #ftScrollTop{bottom:300px!important;right:20px!important}}
@media (max-width:560px){body.single-course .ft-course-top-hero__stats{grid-template-columns:1fr 1fr!important;gap:10px!important}body.single-course .ft-course-top-hero__stat-card{min-height:78px!important;padding:12px 10px!important;border-radius:14px!important}body.single-course .ft-course-top-hero__stat-label{font-size:.76rem!important}body.single-course .ft-course-top-hero__stat-value{font-size:.9rem!important;line-height:1.55!important}}

/* v2.233 - Professional social section */
.ft-social-section{
  max-width:1200px;
  margin:0 auto 28px;
  padding:28px 24px;
  border:1px solid rgba(124,58,237,.14);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(14,165,233,.08));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  box-shadow:0 18px 50px rgba(15,23,42,.06);
}
.ft-social-copy{text-align:start;min-width:230px}
.ft-social-copy h3{margin:0 0 6px;font-size:1.15rem;font-weight:800;color:var(--text-primary,#111827)}
.ft-social-copy p{margin:0;color:var(--text-dim,#6b7280);font-size:.9rem;line-height:1.8}
.ft-social-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.ft-social-item{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:10px 16px;
  border-radius:14px;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:800;
  font-size:.92rem;
  box-shadow:0 12px 30px rgba(15,23,42,.12);
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.ft-social-item:hover{transform:translateY(-3px);filter:saturate(1.08);box-shadow:0 18px 40px rgba(15,23,42,.18)}
.ft-social-icon{
  width:24px;
  height:24px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.18);
  color:#fff!important;
  line-height:1;
  font-weight:900;
}
.ft-social-facebook{background:#1877F2}.ft-social-whatsapp{background:#25D366}.ft-social-youtube{background:#FF0000}.ft-social-telegram{background:#0088cc}.ft-social-linkedin{background:#0A66C2}.ft-social-x{background:#111827}.ft-social-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.footer-bottom{gap:12px}
@media (max-width: 780px){
  .ft-social-section{margin:8px 18px 24px;padding:22px 16px;display:block;text-align:center;border-radius:22px}
  .ft-social-copy{text-align:center;margin-bottom:16px}
  .ft-social-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .ft-social-item{width:100%;padding:11px 12px;font-size:.9rem}
}
@media (max-width: 420px){.ft-social-list{grid-template-columns:1fr}}

/* v2.237 — course certificate + info cards polish */
.ft-course-cert-section{padding:42px 32px 34px!important;}
.ft-course-cert-header{margin-bottom:28px!important;text-align:center;}
.ft-course-section-subtitle{margin:8px auto 0;max-width:720px;color:var(--text-secondary,#64748b);line-height:1.9;font-size:1rem;}
.ft-course-cert-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch;}
.ft-course-cert-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.92));border:1px solid rgba(124,58,237,.14);border-radius:26px;padding:28px;box-shadow:0 18px 45px rgba(37,25,90,.08);display:flex;gap:18px;min-height:230px;}
.ft-course-cert-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#7c3aed,#22d3ee);opacity:.9;}
.ft-course-cert-card--certificate{background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(255,255,255,.96) 45%,rgba(34,211,238,.08));}
.ft-course-cert-card__icon{width:54px;height:54px;min-width:54px;border-radius:18px;display:grid;place-items:center;background:rgba(124,58,237,.12);font-size:1.55rem;box-shadow:inset 0 0 0 1px rgba(124,58,237,.16);}
.ft-course-cert-card__body{min-width:0;flex:1;}
.ft-course-cert-card h3{margin:0 0 12px;color:var(--text-primary,#0f172a);font-size:1.35rem;font-weight:900;line-height:1.35;}
.ft-course-cert-card p,.ft-course-cert-content{color:var(--text-secondary,#64748b);line-height:2;font-size:1rem;margin:0;}
.ft-course-cert-content ul,.ft-course-cert-content ol{margin:10px 18px 0 0;padding:0;}
.ft-course-cert-content li{margin:6px 0;}
.ft-course-cert-topline{display:inline-flex;align-items:center;gap:6px;background:rgba(34,197,94,.1);color:#15803d;border:1px solid rgba(34,197,94,.18);border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:800;margin-bottom:12px;}
.ft-course-cert-note{margin-top:14px;background:#fff;border:1px dashed rgba(124,58,237,.28);border-radius:16px;padding:12px 14px;color:var(--text-secondary,#64748b);line-height:1.8;font-size:.95rem;}
.ft-course-cert-cta{margin-top:18px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff!important;text-decoration:none;font-weight:900;box-shadow:0 12px 26px rgba(124,58,237,.22);}
.ft-course-cert-cta:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(124,58,237,.28);}
.ft-course-info-strip{padding:26px 32px 16px!important;}
.ft-course-info-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.ft-course-info-card{background:rgba(255,255,255,.95);border:1px solid rgba(124,58,237,.13);border-radius:22px;padding:22px 20px;box-shadow:0 14px 38px rgba(37,25,90,.06);display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:8px;min-height:150px;}
.ft-course-info-icon{width:42px;height:42px;border-radius:15px;background:rgba(124,58,237,.1);display:grid;place-items:center;font-size:1.25rem;margin-bottom:4px;}
.ft-course-info-card strong{font-size:1rem;color:var(--text-primary,#0f172a);font-weight:900;line-height:1.4;}
.ft-course-info-card span:not(.ft-course-info-icon){color:var(--text-secondary,#64748b);line-height:1.8;font-size:.95rem;}
.ft-course-info-price{font-weight:900;color:#4f46e5!important;font-family:'Outfit','Cairo',sans-serif;}
.ft-course-info-price small{margin-inline-start:6px;text-decoration:line-through;opacity:.65;color:var(--text-secondary,#64748b);font-weight:600;}
@media (max-width: 900px){.ft-course-cert-grid,.ft-course-info-grid{grid-template-columns:1fr 1fr}.ft-course-cert-card{min-height:auto}.ft-course-cert-section{padding-inline:18px!important}.ft-course-info-strip{padding-inline:18px!important}}
@media (max-width: 640px){.ft-course-cert-grid,.ft-course-info-grid{grid-template-columns:1fr}.ft-course-cert-card{padding:22px;flex-direction:column}.ft-course-cert-card__icon{width:48px;height:48px;min-width:48px}.ft-course-info-card{min-height:auto}.ft-course-cert-card h3{font-size:1.2rem}}


/* v2.238 — center single certificate card and polish certificate area */
.ft-course-cert-grid.ft-course-cert-grid--single{grid-template-columns:minmax(320px,620px)!important;justify-content:center!important;max-width:760px!important;}
.ft-course-cert-grid--single .ft-course-cert-card--certificate{min-height:250px;text-align:right;align-items:flex-start;}
.ft-course-cert-grid--single .ft-course-cert-card--certificate .ft-course-cert-card__body{display:flex;flex-direction:column;align-items:flex-start;}
.ft-course-cert-grid--single .ft-course-cert-cta{align-self:flex-start;}
@media (max-width:640px){.ft-course-cert-grid.ft-course-cert-grid--single{grid-template-columns:1fr!important;max-width:100%!important}.ft-course-cert-grid--single .ft-course-cert-cta{width:100%;}}

/* === v2.239 Mobile course bottom bar close/fix === */
.ft-course-bottom-bar__close{
  position:absolute;
  top:8px;
  left:10px;
  width:30px;
  height:30px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}
.ft-course-bottom-bar__close:hover{background:rgba(255,255,255,.24)}
.ft-course-bottom-bar[hidden]{display:none!important}
@media(max-width:991px){
  .ft-course-bottom-bar{
    left:12px!important;
    right:12px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    border-radius:20px!important;
    padding:42px 18px 18px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    text-align:center!important;
  }
  .ft-course-bottom-bar__summary strong{font-size:1.08rem;line-height:1.45}
  .ft-course-bottom-bar__summary span{font-size:.95rem!important;line-height:1.7}
  .ft-course-bottom-bar > div:last-child{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  .ft-course-bottom-bar .btn-main,
  .ft-course-bottom-bar .btn-ghost{
    width:100%!important;
    min-height:52px!important;
    border-radius:16px!important;
    font-size:1rem!important;
  }
  body.ft-has-course-bottom-bar.single-course{padding-bottom:310px!important}
  .whatsapp-float{bottom:calc(220px + env(safe-area-inset-bottom))!important}
}
@media(min-width:992px){
  .ft-course-bottom-bar__close{display:none}
}


/* === v2.240 Mobile course bottom bar close hard fix === */
[data-ft-course-bottom-bar][hidden],
.ft-course-bottom-bar[hidden],
body.ft-course-bottom-bar-closed .ft-course-bottom-bar{
  display:none!important;
}
body.single-course .ft-course-bottom-bar{
  z-index:99990!important;
  overflow:visible!important;
}
body.single-course .ft-course-bottom-bar__close{
  position:absolute!important;
  top:-20px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  min-width:86px!important;
  height:36px!important;
  padding:0 14px!important;
  border:1px solid rgba(124,58,237,.25)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:0 10px 28px rgba(15,23,42,.22)!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:100000!important;
  opacity:1!important;
  visibility:visible!important;
  -webkit-tap-highlight-color:transparent;
}
body.single-course .ft-course-bottom-bar__close::before{
  content:'إغلاق';
  margin-inline-end:6px;
  font-size:13px;
}
@media(max-width:991px){
  body.single-course .ft-course-bottom-bar{
    left:10px!important;
    right:10px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    padding:26px 14px 14px!important;
    max-height:calc(82vh - env(safe-area-inset-bottom))!important;
    overflow:auto!important;
    border-radius:22px!important;
  }
  body.single-course.ft-course-bottom-bar-closed{padding-bottom:0!important;}
  body.single-course .ft-course-bottom-bar__summary{text-align:center!important;}
}

/* === v2.242 Mobile course hardfix: visible header + fully visible close button === */
@media (max-width: 991px){
  /* Keep the course mobile header readable over dark hero images */
  body.single-course .site-nav,
  body.ft-light.single-course .site-nav{
    background:#ffffff!important;
    border-bottom:1px solid rgba(124,58,237,.14)!important;
    box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.single-course .site-nav .logo-text,
  body.single-course .site-nav .logo-sub,
  body.single-course .site-nav .nav-menu a,
  body.single-course .site-nav .nav-menu .menu-item>a,
  body.ft-light.single-course .site-nav .logo-text,
  body.ft-light.single-course .site-nav .logo-sub,
  body.ft-light.single-course .site-nav .nav-menu a,
  body.ft-light.single-course .site-nav .nav-menu .menu-item>a{
    color:#111827!important;
    text-shadow:none!important;
    opacity:1!important;
  }
  body.single-course .mobile-menu-btn,
  body.ft-light.single-course .mobile-menu-btn{
    color:#111827!important;
    opacity:1!important;
  }
  body.single-course .nav-menu.show,
  body.ft-light.single-course .nav-menu.show{
    background:#ffffff!important;
    border:1px solid rgba(124,58,237,.14)!important;
    box-shadow:0 18px 45px rgba(15,23,42,.12)!important;
  }
  body.single-course .nav-menu.show a,
  body.ft-light.single-course .nav-menu.show a{
    color:#111827!important;
  }

  /* Put the close button INSIDE the bottom CTA so it is never clipped */
  body.single-course .ft-course-bottom-bar{
    overflow:visible!important;
    padding:54px 14px 16px!important;
    z-index:99990!important;
  }
  body.single-course .ft-course-bottom-bar__close{
    position:absolute!important;
    top:12px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    min-width:104px!important;
    height:34px!important;
    padding:0 16px!important;
    border-radius:999px!important;
    background:#ffffff!important;
    color:#111827!important;
    border:1px solid rgba(124,58,237,.22)!important;
    box-shadow:0 8px 22px rgba(15,23,42,.18)!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    z-index:100001!important;
  }
  body.single-course .ft-course-bottom-bar__close::before{
    content:'إغلاق'!important;
    margin-inline-end:6px!important;
    font-size:13px!important;
  }
}

/* === v2.243 Professional mobile floating actions system === */
@media (max-width: 991px){
  .whatsapp-float,
  #ftThemeToggle,
  #ftScrollTop{display:none!important;visibility:hidden!important;pointer-events:none!important;}
  .ft-mobile-fab{--ft-fab-bottom:calc(22px + env(safe-area-inset-bottom));position:fixed!important;right:16px!important;left:auto!important;bottom:var(--ft-fab-bottom)!important;z-index:100050!important;direction:rtl!important;display:flex!important;flex-direction:column-reverse!important;align-items:flex-end!important;gap:10px!important;pointer-events:none!important;}
  .ft-mobile-fab__main,.ft-mobile-fab__item{pointer-events:auto!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:999px!important;border:1px solid rgba(124,58,237,.16)!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;box-shadow:0 12px 30px rgba(15,23,42,.18)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;cursor:pointer!important;font-size:22px!important;line-height:1!important;transition:transform .22s ease,opacity .22s ease,box-shadow .22s ease!important;-webkit-tap-highlight-color:transparent!important;}
  .ft-mobile-fab__main{background:linear-gradient(135deg,#7c3aed,#22d3ee)!important;color:#fff!important;border-color:rgba(255,255,255,.26)!important;font-weight:900!important;}
  .ft-mobile-fab__item{position:relative!important;background:rgba(255,255,255,.96)!important;color:#111827!important;opacity:0!important;transform:translateY(12px) scale(.82)!important;pointer-events:none!important;}
  .ft-mobile-fab.is-open .ft-mobile-fab__item{opacity:1!important;transform:translateY(0) scale(1)!important;pointer-events:auto!important;}
  .ft-mobile-fab__item--wa{background:#25d366!important;color:#fff!important;box-shadow:0 12px 30px rgba(37,211,102,.32)!important;}
  .ft-mobile-fab__item svg{width:27px!important;height:27px!important;fill:currentColor!important;}
  .ft-mobile-fab__label{position:absolute!important;right:62px!important;top:50%!important;transform:translateY(-50%)!important;background:rgba(17,24,39,.94)!important;color:#fff!important;padding:7px 10px!important;border-radius:10px!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important;}
  .ft-mobile-fab.is-open .ft-mobile-fab__item .ft-mobile-fab__label{opacity:1!important;}
  body.single-course:not(.ft-course-bottom-bar-closed) .ft-mobile-fab.ft-fab-raised{bottom:var(--ft-fab-raised-bottom,calc(315px + env(safe-area-inset-bottom)))!important;}
  body.ft-mobile-cta-active .ft-mobile-fab{bottom:calc(178px + env(safe-area-inset-bottom))!important;}
  body.single-course:not(.ft-course-bottom-bar-closed){padding-bottom:max(260px,calc(var(--ft-course-bar-height,260px) + 34px))!important;}
}
@media (min-width: 992px){.ft-mobile-fab{display:none!important;}}


/* === v2.244 Smart mobile course header === */
@media (max-width: 991px){
  body.single-course .site-nav:not(.scrolled),
  body.ft-light.single-course .site-nav:not(.scrolled){
    background:transparent!important;
    background-color:transparent!important;
    border-bottom:1px solid rgba(255,255,255,.16)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.single-course .site-nav:not(.scrolled) .logo-text,
  body.single-course .site-nav:not(.scrolled) .logo-sub,
  body.single-course .site-nav:not(.scrolled) .nav-menu a,
  body.single-course .site-nav:not(.scrolled) .nav-menu .menu-item>a,
  body.ft-light.single-course .site-nav:not(.scrolled) .logo-text,
  body.ft-light.single-course .site-nav:not(.scrolled) .logo-sub,
  body.ft-light.single-course .site-nav:not(.scrolled) .nav-menu a,
  body.ft-light.single-course .site-nav:not(.scrolled) .nav-menu .menu-item>a,
  body.single-course .site-nav:not(.scrolled) .mobile-menu-btn,
  body.ft-light.single-course .site-nav:not(.scrolled) .mobile-menu-btn{
    color:#ffffff!important;
    opacity:1!important;
    text-shadow:0 2px 10px rgba(0,0,0,.35)!important;
  }
  body.single-course .site-nav.scrolled,
  body.ft-light.single-course .site-nav.scrolled{
    background:#ffffff!important;
    background-color:#ffffff!important;
    border-bottom:1px solid rgba(124,58,237,.14)!important;
    box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.single-course .site-nav.scrolled .logo-text,
  body.single-course .site-nav.scrolled .logo-sub,
  body.single-course .site-nav.scrolled .nav-menu a,
  body.single-course .site-nav.scrolled .nav-menu .menu-item>a,
  body.ft-light.single-course .site-nav.scrolled .logo-text,
  body.ft-light.single-course .site-nav.scrolled .logo-sub,
  body.ft-light.single-course .site-nav.scrolled .nav-menu a,
  body.ft-light.single-course .site-nav.scrolled .nav-menu .menu-item>a,
  body.single-course .site-nav.scrolled .mobile-menu-btn,
  body.ft-light.single-course .site-nav.scrolled .mobile-menu-btn{
    color:#111827!important;
    text-shadow:none!important;
    opacity:1!important;
  }
  body.single-course .site-nav:not(.scrolled) .nav-menu.show,
  body.ft-light.single-course .site-nav:not(.scrolled) .nav-menu.show{
    background:rgba(10,14,28,.96)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 18px 45px rgba(0,0,0,.28)!important;
  }
  body.single-course .site-nav:not(.scrolled) .nav-menu.show a,
  body.ft-light.single-course .site-nav:not(.scrolled) .nav-menu.show a{
    color:#ffffff!important;
    text-shadow:none!important;
  }
  body.single-course .site-nav.scrolled .nav-menu.show,
  body.ft-light.single-course .site-nav.scrolled .nav-menu.show{
    background:#ffffff!important;
    border:1px solid rgba(124,58,237,.14)!important;
    box-shadow:0 18px 45px rgba(15,23,42,.12)!important;
  }
  body.single-course .site-nav.scrolled .nav-menu.show a,
  body.ft-light.single-course .site-nav.scrolled .nav-menu.show a{
    color:#111827!important;
  }
}

/* === v2.246 MOBILE CAPTCHA UI FIX ===
   Keep human verification clean inside account/register forms on phones.
   The previous flex layout could wrap the answer input above the label and stretch badly. */
.ft-captcha-wrap[data-ft-captcha="1"]{
  isolation:isolate;
}
.ft-captcha-wrap[data-ft-captcha="1"] .ft-captcha-label{
  box-sizing:border-box!important;
}
.ft-captcha-wrap[data-ft-captcha="1"] .ft-captcha-input{
  box-sizing:border-box!important;
}
@media (max-width: 768px){
  .ft-stu-form .ft-captcha-wrap[data-ft-captcha="1"],
  .account-form .ft-captcha-wrap[data-ft-captcha="1"],
  .login-card .ft-captcha-wrap[data-ft-captcha="1"],
  .register-card .ft-captcha-wrap[data-ft-captcha="1"],
  .ft-captcha-wrap[data-ft-captcha="1"]{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    margin:14px 0 18px!important;
    padding:16px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:rgba(124,58,237,.055)!important;
    border:1.5px solid rgba(124,58,237,.18)!important;
  }
  .ft-captcha-wrap[data-ft-captcha="1"] .ft-captcha-label{
    order:1!important;
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    align-items:center!important;
    gap:8px 10px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    color:#1f2340!important;
    font-size:1rem!important;
    line-height:1.55!important;
    text-align:right!important;
    white-space:normal!important;
  }
  .ft-captcha-wrap[data-ft-captcha="1"] .ft-captcha-icon{
    grid-row:1 / span 2!important;
    align-self:start!important;
    width:34px!important;
    height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    background:rgba(124,58,237,.12)!important;
    font-size:1.05rem!important;
  }
  .ft-captcha-wrap[data-ft-captcha="1"] .ft-captcha-question{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    max-width:100%!important;
    margin:4px 0 0!important;
    padding:7px 14px!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#17172b!important;
    border:1px solid rgba(124,58,237,.22)!important;
    box-shadow:0 4px 12px rgba(15,23,42,.06)!important;
    direction:ltr!important;
    unicode-bidi:isolate!important;
    font-size:1.05rem!important;
    line-height:1.2!important;
  }
  .ft-captcha-wrap[data-ft-captcha="1"] .ft-captcha-input{
    order:2!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:54px!important;
    padding:12px 14px!important;
    margin:0!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#111827!important;
    border:1.5px solid rgba(124,58,237,.26)!important;
    box-shadow:none!important;
    text-align:center!important;
    font-size:1.15rem!important;
    font-weight:800!important;
  }
  .ft-captcha-wrap[data-ft-captcha="1"] .ft-captcha-input:focus{
    border-color:#7c3aed!important;
    box-shadow:0 0 0 4px rgba(124,58,237,.14)!important;
  }
}


/* v2.253 — Professional course PayPal checkout */
.ft-paypal-pro-section{
  padding:40px 24px 48px !important;
  position:relative;
  z-index:2;
}
.ft-paypal-pro-card{
  max-width:920px;
  margin:0 auto;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,255,.96));
  border:1px solid rgba(124,58,237,.16);
  border-radius:28px;
  padding:30px;
  box-shadow:0 24px 70px rgba(31,41,55,.10);
  direction:rtl;
}
.ft-paypal-pro-head{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:start;
  margin-bottom:22px;
}
.ft-paypal-pro-icon{
  width:58px;height:58px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#7c3aed,#22d3ee);
  color:#fff;font-size:1.45rem;
  box-shadow:0 14px 35px rgba(124,58,237,.22);
}
.ft-paypal-pro-kicker{
  color:#7c3aed;
  font-weight:900;
  font-size:.84rem;
  margin-bottom:5px;
}
.ft-paypal-pro-card h3{
  margin:0 0 8px;
  font-family:'Cairo',sans-serif;
  font-weight:900;
  color:#111827;
  font-size:1.35rem;
}
.ft-paypal-pro-card p{
  margin:0;
  color:#64748b;
  line-height:1.9;
  font-size:.96rem;
}
.ft-paypal-pro-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:20px 0;
}
.ft-paypal-pro-summary>div{
  background:#fff;
  border:1px solid rgba(148,163,184,.25);
  border-radius:18px;
  padding:14px 16px;
}
.ft-paypal-pro-summary span{
  display:block;
  color:#64748b;
  font-size:.78rem;
  margin-bottom:7px;
}
.ft-paypal-pro-summary strong{
  display:block;
  color:#111827;
  font-size:.98rem;
  font-weight:900;
  word-break:break-word;
}
.ft-paypal-pro-note{
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#9a3412;
  border-radius:16px;
  padding:12px 14px;
  font-size:.86rem;
  line-height:1.8;
  margin-bottom:16px;
}
.ft-paypal-button-wrap{
  max-width:480px;
  margin:24px auto 8px;
  background:#fff;
  border:1px solid rgba(148,163,184,.22);
  border-radius:22px;
  padding:18px;
  box-shadow:0 12px 34px rgba(15,23,42,.06);
}
.ft-course-paypal-button{
  min-height:64px;
  width:100%;
  position:relative;
  z-index:5;
}
.ft-paypal-loading{
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f8fafc;
  border:1px dashed #cbd5e1;
  color:#64748b;
  border-radius:14px;
  font-weight:800;
}
.ft-course-pay-msg{
  min-height:22px;
  margin-top:10px;
  text-align:center;
  font-size:.88rem;
  font-weight:800;
  line-height:1.7;
}
.ft-course-pay-msg--error{color:#dc2626}
.ft-course-pay-msg--success{color:#16a34a}
.ft-course-pay-msg--loading{color:#475569}
.ft-course-pay-msg--warn{color:#d97706}
.ft-paypal-pro-trust{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:16px;
}
.ft-paypal-pro-trust span{
  background:rgba(124,58,237,.07);
  border:1px solid rgba(124,58,237,.13);
  color:#475569;
  border-radius:999px;
  padding:8px 12px;
  font-size:.78rem;
  font-weight:800;
}
@media(max-width:768px){
  .ft-paypal-pro-section{
    padding:28px 14px 160px !important;
  }
  .ft-paypal-pro-card{
    border-radius:24px;
    padding:20px;
  }
  .ft-paypal-pro-head{
    grid-template-columns:1fr;
    text-align:center;
  }
  .ft-paypal-pro-icon{
    margin:0 auto;
  }
  .ft-paypal-pro-summary{
    grid-template-columns:1fr;
  }
  .ft-paypal-button-wrap{
    max-width:100%;
    padding:14px;
    margin-top:18px;
  }
  .ft-paypal-pro-trust{
    align-items:stretch;
  }
  .ft-paypal-pro-trust span{
    width:100%;
    text-align:center;
  }
}


/* === v2.336 Landing Editor Real Layout Repair === */
#ft-lp-editor-preview,#ft-lp-editor-preview *{box-sizing:border-box!important}
#ft-lp-editor-preview{overflow:visible!important;max-width:100%!important}
#ft-lp-editor-preview .ft-lp-form{display:block!important;width:100%!important;max-width:100%!important}
#ft-lp-editor-preview .ft-lp-visual-editor.full{display:flex!important;flex-direction:column!important;gap:24px!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;clear:both!important}
#ft-lp-editor-preview .ft-lp-live-preview-pane{order:0!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;grid-column:1/-1!important;float:none!important;position:relative!important}
#ft-lp-editor-preview .ft-lp-preview-sticky{position:relative!important;top:auto!important;width:100%!important;max-width:100%!important;border-radius:30px!important;padding:16px!important;background:linear-gradient(135deg,#0f172a,#1e1b4b)!important;box-shadow:0 24px 70px rgba(15,23,42,.16)!important;overflow:hidden!important}
#ft-lp-editor-preview .ft-lp-live-preview{width:100%!important;max-width:100%!important;min-height:360px!important;max-height:560px!important;border-radius:24px!important;overflow:auto!important;background:#fff!important}
#ft-lp-editor-preview .ft-lp-controls-pane{order:1!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:18px!important;align-items:start!important;width:100%!important;max-width:100%!important;min-width:0!important;clear:both!important;float:none!important;overflow:visible!important}
#ft-lp-editor-preview .ft-lp-controls-pane>*{min-width:0!important;max-width:100%!important;float:none!important}
#ft-lp-editor-preview .ft-lp-controls-pane>.full,#ft-lp-editor-preview .ft-lp-controls-pane>.ft-lp-step,#ft-lp-editor-preview .ft-lp-controls-pane>.ft-lp-template-grid,#ft-lp-editor-preview .ft-lp-controls-pane>.ft-lp-design-system,#ft-lp-editor-preview .ft-lp-controls-pane>.ft-lp-builder-card,#ft-lp-editor-preview .ft-lp-controls-pane>.ft-lp-editor-card,#ft-lp-editor-preview .ft-lp-controls-pane>.ft-lp-advanced,#ft-lp-editor-preview .ft-lp-editor-topbar{grid-column:1/-1!important;width:100%!important;max-width:100%!important}
#ft-lp-editor-preview .ft-lp-controls-pane>.ft-fa-field{grid-column:span 6!important;width:100%!important;min-width:0!important;margin:0!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;padding:14px!important;box-shadow:0 12px 30px rgba(15,23,42,.035)!important}
#ft-lp-editor-preview .ft-lp-controls-pane>.ft-fa-field.full{grid-column:1/-1!important}
#ft-lp-editor-preview .ft-lp-controls-pane input,#ft-lp-editor-preview .ft-lp-controls-pane textarea,#ft-lp-editor-preview .ft-lp-controls-pane select{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;border-radius:14px!important}
#ft-lp-editor-preview .ft-lp-editor-topbar{position:sticky!important;top:10px!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)!important;border:1px solid #e2e8f0!important;border-radius:24px!important;padding:15px 16px!important;box-shadow:0 14px 35px rgba(15,23,42,.06)!important}
#ft-lp-editor-preview .ft-lp-section-jump{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important}
#ft-lp-editor-preview .ft-lp-section-jump a{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;white-space:nowrap!important;border-radius:999px!important;padding:8px 12px!important;background:#eef2ff!important;border:1px solid #c7d2fe!important;color:#3730a3!important;font-weight:900!important;font-size:12px!important}
#ft-lp-editor-preview .ft-lp-design-system{grid-column:1/-1!important;width:100%!important;margin:0!important;padding:24px!important;border-radius:28px!important;overflow:hidden!important;background:linear-gradient(135deg,#f8fafc,#fff 55%,#eef2ff)!important;border:1px solid #dbeafe!important;box-shadow:0 18px 45px rgba(15,23,42,.06)!important}
#ft-lp-editor-preview .ft-lp-ds-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:18px!important}
#ft-lp-editor-preview .ft-lp-ds-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
#ft-lp-editor-preview .ft-lp-design-system .ft-fa-field{margin:0!important;min-width:0!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;padding:14px!important;box-shadow:0 10px 24px rgba(15,23,42,.035)!important}
#ft-lp-editor-preview .ft-lp-preset-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:10px!important;width:100%!important}
#ft-lp-editor-preview .ft-lp-preset-card{min-width:0!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;direction:rtl!important}
#ft-lp-editor-preview .ft-lp-step{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:16px!important;width:100%!important;margin:8px 0 0!important;padding:18px 20px!important;border-radius:24px!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;border:1px solid #e2e8f0!important;box-shadow:0 14px 34px rgba(15,23,42,.045)!important;overflow:hidden!important}
#ft-lp-editor-preview .ft-lp-step:before{content:""!important;position:absolute!important;inset-inline-start:0!important;top:0!important;bottom:0!important;width:5px!important;background:linear-gradient(180deg,#6366f1,#06b6d4)!important;border-radius:999px!important}
#ft-lp-editor-preview .ft-lp-step-num{position:static!important;inset:auto!important;transform:none!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#6366f1,#06b6d4)!important;color:#fff!important;font-weight:900!important;font-size:16px!important;box-shadow:0 12px 28px rgba(79,70,229,.22)!important;margin:0!important;order:0!important}
#ft-lp-editor-preview .ft-lp-step h3{margin:0 0 5px!important;color:#0f172a!important;font-size:20px!important;line-height:1.35!important}
#ft-lp-editor-preview .ft-lp-step p{margin:0!important;color:#64748b!important;line-height:1.75!important;font-size:14px!important}
#ft-lp-editor-preview .ft-lp-builder-card,#ft-lp-editor-preview .ft-lp-editor-card{width:100%!important;margin:0!important;padding:24px!important;border-radius:28px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;border:1px solid #e2e8f0!important;box-shadow:0 18px 44px rgba(15,23,42,.055)!important;overflow:hidden!important}
#ft-lp-editor-preview .ft-lp-builder-card>h3,#ft-lp-editor-preview .ft-lp-editor-card>h3{margin:0 0 6px!important;color:#0f172a!important;font-size:21px!important;line-height:1.35!important;display:flex!important;align-items:center!important;gap:8px!important}
#ft-lp-editor-preview .ft-lp-builder-rows{display:grid!important;gap:14px!important;width:100%!important;margin-top:16px!important}
#ft-lp-editor-preview .ft-lp-builder-row{position:relative!important;display:grid!important;grid-template-columns:minmax(100px,.65fr) minmax(180px,1fr) minmax(300px,1.7fr)!important;gap:14px!important;align-items:end!important;width:100%!important;max-width:100%!important;margin:0!important;padding:18px!important;border-radius:24px!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 14px 32px rgba(15,23,42,.045)!important;overflow:hidden!important}
#ft-lp-editor-preview .ft-lp-builder-row .ft-fa-field{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-width:0!important;width:100%!important}
#ft-lp-editor-preview .ft-lp-builder-row .ft-fa-field label{display:block!important;margin:0 0 8px!important;color:#475569!important;font-size:12px!important;font-weight:900!important}
#ft-lp-editor-preview .ft-lp-builder-row input,#ft-lp-editor-preview .ft-lp-builder-row textarea{width:100%!important;min-width:0!important;min-height:48px!important;border-radius:16px!important;background:#f8fafc!important;border:1px solid #dbe2ea!important;padding:11px 13px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;line-height:1.7!important}
#ft-lp-editor-preview .ft-lp-builder-row textarea{min-height:86px!important;resize:vertical!important}
#ft-lp-editor-preview .ft-lp-row-tools{grid-column:1/-1!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;min-width:0!important;width:100%!important;padding-top:10px!important;margin-top:4px!important;border-top:1px dashed #e2e8f0!important;position:static!important;inset:auto!important;transform:none!important}
#ft-lp-editor-preview .ft-lp-row-tools button{width:auto!important;min-width:98px!important;height:40px!important;padding:0 14px!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-family:inherit!important;font-weight:900!important;font-size:13px!important;line-height:1!important;box-shadow:none!important;cursor:pointer!important;transition:.15s ease!important}
#ft-lp-editor-preview .ft-lp-row-tools button span{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important;line-height:1!important;transform:none!important}
#ft-lp-editor-preview .ft-lp-row-tools button em{display:inline!important;font-style:normal!important}
#ft-lp-editor-preview .ft-lp-row-up,#ft-lp-editor-preview .ft-lp-row-down{background:#eef2ff!important;color:#3730a3!important;border:1px solid #c7d2fe!important}
#ft-lp-editor-preview .ft-lp-row-remove{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important}
#ft-lp-editor-preview .ft-lp-row-tools button:hover{transform:translateY(-1px)!important;box-shadow:0 10px 20px rgba(15,23,42,.08)!important}
#ft-lp-editor-preview .ft-lp-builder-empty{display:block!important;border-radius:20px!important;padding:26px!important;background:linear-gradient(135deg,#f8fafc,#fff)!important;color:#64748b!important;text-align:center!important;border:1px dashed #cbd5e1!important}
#ft-lp-editor-preview .ft-lp-savebar{display:flex!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:10px!important;width:100%!important;padding:18px!important;border-radius:24px!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 14px 34px rgba(15,23,42,.05)!important;margin-top:18px!important}
@media(max-width:1100px){#ft-lp-editor-preview .ft-lp-controls-pane{grid-template-columns:1fr!important}#ft-lp-editor-preview .ft-lp-controls-pane>.ft-fa-field{grid-column:1/-1!important}#ft-lp-editor-preview .ft-lp-ds-grid{grid-template-columns:1fr 1fr!important}#ft-lp-editor-preview .ft-lp-builder-row{grid-template-columns:1fr!important}#ft-lp-editor-preview .ft-lp-live-preview{max-height:520px!important;min-height:320px!important}}
@media(max-width:700px){#ft-lp-editor-preview .ft-lp-editor-topbar,#ft-lp-editor-preview .ft-lp-ds-head{display:grid!important}#ft-lp-editor-preview .ft-lp-ds-grid{grid-template-columns:1fr!important}#ft-lp-editor-preview .ft-lp-step{grid-template-columns:1fr!important;text-align:right!important}#ft-lp-editor-preview .ft-lp-row-tools{display:grid!important;grid-template-columns:repeat(3,1fr)!important}#ft-lp-editor-preview .ft-lp-row-tools button{min-width:0!important;width:100%!important}#ft-lp-editor-preview .ft-lp-row-tools button em{display:none!important}}


/* === v2.336 Landing Builder UX Upgrade: aligned rows, drag/drop, inline editing === */
#ft-lp-editor-preview .ft-lp-builder-row{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  padding:18px!important;
  overflow:visible!important;
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease, border-color .18s ease, background .18s ease!important;
}
#ft-lp-editor-preview .ft-lp-drag-handle{
  grid-row:1 / span 2!important;
  width:44px!important;
  min-height:92px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,#eef2ff,#f8fafc)!important;
  border:1px solid #dbe4ff!important;
  color:#4f46e5!important;
  cursor:grab!important;
  user-select:none!important;
  touch-action:none!important;
}
#ft-lp-editor-preview .ft-lp-drag-handle:active{cursor:grabbing!important}
#ft-lp-editor-preview .ft-lp-drag-handle span{font-size:22px!important;line-height:1!important;letter-spacing:-5px!important;font-weight:900!important;transform:rotate(90deg)!important;opacity:.9!important}
#ft-lp-editor-preview .ft-lp-builder-fields{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
}
#ft-lp-editor-preview .ft-lp-builder-fields .ft-fa-field{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:0!important;
}
#ft-lp-editor-preview .ft-lp-builder-fields .ft-fa-field.is-long{grid-column:span 2!important}
#ft-lp-editor-preview .ft-lp-builder-row .ft-fa-field label{
  height:22px!important;
  display:flex!important;
  align-items:center!important;
  margin:0!important;
}
#ft-lp-editor-preview .ft-lp-builder-row input,
#ft-lp-editor-preview .ft-lp-builder-row textarea,
#ft-lp-editor-preview .ft-lp-builder-row select{
  height:76px!important;
  min-height:76px!important;
  max-height:none!important;
  resize:vertical!important;
  display:block!important;
  line-height:1.7!important;
  padding:13px 15px!important;
  font-size:15px!important;
  transition:border-color .16s ease, box-shadow .16s ease, background .16s ease!important;
}
#ft-lp-editor-preview .ft-lp-builder-row input:focus,
#ft-lp-editor-preview .ft-lp-builder-row textarea:focus,
#ft-lp-editor-preview .ft-lp-builder-row select:focus{
  border-color:#818cf8!important;
  box-shadow:0 0 0 4px rgba(99,102,241,.12)!important;
  background:#fff!important;
  outline:none!important;
}
#ft-lp-editor-preview .ft-lp-row-tools{
  grid-column:2!important;
  margin-top:0!important;
  padding-top:12px!important;
}
#ft-lp-editor-preview .ft-lp-builder-row.is-dragging{
  opacity:.55!important;
  transform:scale(.985)!important;
  border-color:#818cf8!important;
  box-shadow:0 24px 58px rgba(79,70,229,.16)!important;
}
#ft-lp-editor-preview .ft-lp-builder-row.is-over{
  border-color:#60a5fa!important;
  background:linear-gradient(180deg,#fff,#eff6ff)!important;
}
#ft-lp-editor-preview .ft-lp-row-enter{animation:ftLpRowIn .24s ease both!important}
#ft-lp-editor-preview .ft-lp-row-leave{animation:ftLpRowOut .18s ease both!important}
#ft-lp-editor-preview .ft-lp-row-pulse{animation:ftLpRowPulse .32s ease both!important}
@keyframes ftLpRowIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes ftLpRowOut{to{opacity:0;transform:translateX(-16px) scale(.98);max-height:0;padding-top:0;padding-bottom:0;margin:0}}
@keyframes ftLpRowPulse{0%{box-shadow:0 0 0 0 rgba(99,102,241,.25)}100%{box-shadow:0 14px 32px rgba(15,23,42,.045)}}
@media(max-width:900px){
  #ft-lp-editor-preview .ft-lp-builder-row{grid-template-columns:1fr!important}
  #ft-lp-editor-preview .ft-lp-drag-handle{grid-row:auto!important;width:100%!important;min-height:38px!important}
  #ft-lp-editor-preview .ft-lp-builder-fields .ft-fa-field.is-long{grid-column:auto!important}
  #ft-lp-editor-preview .ft-lp-row-tools{grid-column:1!important}
}


/* Fallback for the actual visible three cards in the course page */
/* Target the three white cards around: ماذا سيستلم الطالب / طريقة التقديم / الخطوة التالية */
/* Safe modern fallback by content direction: keep cards centered without stretching across missing price column */
@media (max-width: 900px) {
  }


@media (max-width:900px){
  .ft-no-price-center-cards{
    grid-template-columns:1fr;
    max-width:430px;
  }
}


.ft402-no-price-course-cards > *{
  min-width:0!important;
}
@media (max-width:900px){
  .ft402-no-price-course-cards{
    grid-template-columns:1fr!important;
    max-width:430px!important;
  }
}


body.ft403-course-no-price-layout .ft403-no-price-center-row > *{
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
}
body.ft403-course-no-price-layout .ft403-no-price-card{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
@media (max-width:900px){
  body.ft403-course-no-price-layout .ft403-no-price-center-row{
    grid-template-columns:1fr!important;
    width:min(430px, calc(100vw - 32px))!important;
    max-width:430px!important;
  }
}


/* v2.404 — correct no-price course info grid.
   The normal layout is 4 columns when price exists.
   When no price exists, PHP adds .ft-course-info-grid--no-price and the row becomes exactly 3 centered columns. */
.ft-course-info-grid.ft-course-info-grid--no-price{
  grid-template-columns:repeat(3,minmax(220px,1fr))!important;
  max-width:860px!important;
  width:min(860px, calc(100% - 0px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-inline:auto!important;
  justify-content:center!important;
  justify-items:stretch!important;
}
.ft-course-info-grid.ft-course-info-grid--no-price .ft-course-info-card{
  width:100%!important;
  max-width:none!important;
}
@media (max-width:900px){
  .ft-course-info-grid.ft-course-info-grid--no-price{
    grid-template-columns:1fr!important;
    max-width:430px!important;
    width:100%!important;
  }
}


/* v2.405 — Book floating badges: asynchronous natural motion.
   الهدف: منع تحرك كل الإشارات العائمة بنفس الوقت وبنفس الاتجاه.
   القواعد محدودة على إشارات الكتب فقط ولا تمس كروت الدورات أو بقية الواجهة. */

@keyframes ft405BookFloatA{
  0%,100%{ transform:translate3d(0,0,0) rotate(-0.6deg); }
  35%{ transform:translate3d(7px,-9px,0) rotate(0.8deg); }
  68%{ transform:translate3d(-5px,5px,0) rotate(-0.2deg); }
}
@keyframes ft405BookFloatB{
  0%,100%{ transform:translate3d(0,0,0) rotate(0.5deg); }
  42%{ transform:translate3d(-8px,-6px,0) rotate(-0.7deg); }
  76%{ transform:translate3d(6px,7px,0) rotate(0.25deg); }
}
@keyframes ft405BookFloatC{
  0%,100%{ transform:translate3d(0,0,0) rotate(0deg); }
  28%{ transform:translate3d(5px,8px,0) rotate(0.65deg); }
  61%{ transform:translate3d(-7px,-4px,0) rotate(-0.55deg); }
}
@keyframes ft405BookFloatD{
  0%,100%{ transform:translate3d(0,0,0) rotate(-0.25deg); }
  33%{ transform:translate3d(-4px,9px,0) rotate(0.45deg); }
  72%{ transform:translate3d(8px,-5px,0) rotate(-0.75deg); }
}

/* Base: keep badges visually light / transparent-edged */
.ft-book-hero [class*="floating"],
.ft-book-hero [class*="badge"],
.ft-book-cover [class*="floating"],
.ft-book-cover [class*="badge"],
.ft-book-single [class*="floating"],
.ft-book-single [class*="badge"],
.ft-books-public [class*="floating"],
.ft-books-public [class*="badge"],
.ft-book-floating-badge,
.ft-book-float-badge,
.ft-floating-book-badge,
.ft-book-badge-floating,
.book-floating-badge,
.book-float-badge{
  animation-timing-function:ease-in-out!important;
  animation-iteration-count:infinite!important;
  animation-fill-mode:both!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 12px 32px rgba(18,24,40,.12)!important;
}

/* Different rhythm for each visible badge */
.ft-book-hero [class*="floating"]:nth-of-type(4n+1),
.ft-book-hero [class*="badge"]:nth-of-type(4n+1),
.ft-book-cover [class*="floating"]:nth-of-type(4n+1),
.ft-book-cover [class*="badge"]:nth-of-type(4n+1),
.ft-book-floating-badge:nth-of-type(4n+1),
.ft-book-float-badge:nth-of-type(4n+1),
.ft-floating-book-badge:nth-of-type(4n+1),
.ft-book-badge-floating:nth-of-type(4n+1),
.book-floating-badge:nth-of-type(4n+1),
.book-float-badge:nth-of-type(4n+1){
  animation-name:ft405BookFloatA!important;
  animation-duration:6.8s!important;
  animation-delay:-.7s!important;
}

.ft-book-hero [class*="floating"]:nth-of-type(4n+2),
.ft-book-hero [class*="badge"]:nth-of-type(4n+2),
.ft-book-cover [class*="floating"]:nth-of-type(4n+2),
.ft-book-cover [class*="badge"]:nth-of-type(4n+2),
.ft-book-floating-badge:nth-of-type(4n+2),
.ft-book-float-badge:nth-of-type(4n+2),
.ft-floating-book-badge:nth-of-type(4n+2),
.ft-book-badge-floating:nth-of-type(4n+2),
.book-floating-badge:nth-of-type(4n+2),
.book-float-badge:nth-of-type(4n+2){
  animation-name:ft405BookFloatB!important;
  animation-duration:8.4s!important;
  animation-delay:-2.1s!important;
}

.ft-book-hero [class*="floating"]:nth-of-type(4n+3),
.ft-book-hero [class*="badge"]:nth-of-type(4n+3),
.ft-book-cover [class*="floating"]:nth-of-type(4n+3),
.ft-book-cover [class*="badge"]:nth-of-type(4n+3),
.ft-book-floating-badge:nth-of-type(4n+3),
.ft-book-float-badge:nth-of-type(4n+3),
.ft-floating-book-badge:nth-of-type(4n+3),
.ft-book-badge-floating:nth-of-type(4n+3),
.book-floating-badge:nth-of-type(4n+3),
.book-float-badge:nth-of-type(4n+3){
  animation-name:ft405BookFloatC!important;
  animation-duration:7.5s!important;
  animation-delay:-1.4s!important;
}

.ft-book-hero [class*="floating"]:nth-of-type(4n),
.ft-book-hero [class*="badge"]:nth-of-type(4n),
.ft-book-cover [class*="floating"]:nth-of-type(4n),
.ft-book-cover [class*="badge"]:nth-of-type(4n),
.ft-book-floating-badge:nth-of-type(4n),
.ft-book-float-badge:nth-of-type(4n),
.ft-floating-book-badge:nth-of-type(4n),
.ft-book-badge-floating:nth-of-type(4n),
.book-floating-badge:nth-of-type(4n),
.book-float-badge:nth-of-type(4n){
  animation-name:ft405BookFloatD!important;
  animation-duration:9.2s!important;
  animation-delay:-3.3s!important;
}

/* Extra specific support for common position classes */
.ft-book-hero .badge-top-right,
.ft-book-cover .badge-top-right,
.ft-book-floating-badge.position-top-right{
  animation-name:ft405BookFloatA!important;
  animation-duration:7.1s!important;
  animation-delay:-1.2s!important;
}
.ft-book-hero .badge-top-left,
.ft-book-cover .badge-top-left,
.ft-book-floating-badge.position-top-left{
  animation-name:ft405BookFloatB!important;
  animation-duration:8.8s!important;
  animation-delay:-2.6s!important;
}
.ft-book-hero .badge-bottom-right,
.ft-book-cover .badge-bottom-right,
.ft-book-floating-badge.position-bottom-right{
  animation-name:ft405BookFloatC!important;
  animation-duration:7.9s!important;
  animation-delay:-.4s!important;
}
.ft-book-hero .badge-bottom-left,
.ft-book-cover .badge-bottom-left,
.ft-book-floating-badge.position-bottom-left{
  animation-name:ft405BookFloatD!important;
  animation-duration:9.6s!important;
  animation-delay:-3.7s!important;
}

@media (prefers-reduced-motion: reduce){
  .ft-book-hero [class*="floating"],
  .ft-book-hero [class*="badge"],
  .ft-book-cover [class*="floating"],
  .ft-book-cover [class*="badge"],
  .ft-book-floating-badge,
  .ft-book-float-badge,
  .ft-floating-book-badge,
  .ft-book-badge-floating,
  .book-floating-badge,
  .book-float-badge{
    animation:none!important;
  }
}


/* v2.405 — JS assigned motion classes, stronger than nth-of-type when DOM is nested */
.ft405-float-a{ animation-name:ft405BookFloatA!important; animation-duration:var(--ft405-duration, 6.8s)!important; animation-delay:var(--ft405-delay, -.7s)!important; }
.ft405-float-b{ animation-name:ft405BookFloatB!important; animation-duration:var(--ft405-duration, 8.4s)!important; animation-delay:var(--ft405-delay, -2.1s)!important; }
.ft405-float-c{ animation-name:ft405BookFloatC!important; animation-duration:var(--ft405-duration, 7.5s)!important; animation-delay:var(--ft405-delay, -1.4s)!important; }
.ft405-float-d{ animation-name:ft405BookFloatD!important; animation-duration:var(--ft405-duration, 9.2s)!important; animation-delay:var(--ft405-delay, -3.3s)!important; }


/* v2.406 — TRUE asynchronous floating badge motion for books.
   هذه القواعد لا تعتمد على nth-child فقط، بل على CSS variables تضيفها JS لكل إشارة فعليًا.
   كل إشارة تحصل على:
   --ft406-duration / --ft406-delay / --ft406-x1 / --ft406-y1 / --ft406-x2 / --ft406-y2 / --ft406-rot
*/

@keyframes ft406BookBadgeDrift{
  0%{
    transform:translate3d(0,0,0) rotate(0deg);
  }
  31%{
    transform:translate3d(var(--ft406-x1, 6px), var(--ft406-y1, -7px), 0) rotate(var(--ft406-rot1, .5deg));
  }
  67%{
    transform:translate3d(var(--ft406-x2, -5px), var(--ft406-y2, 5px), 0) rotate(var(--ft406-rot2, -.35deg));
  }
  100%{
    transform:translate3d(0,0,0) rotate(0deg);
  }
}

/* Known + broad book-only floating badge targets */
.ft406-book-floating-badge,
.ft-book-badge,
.ft-book-floating-badge,
.ft-book-float-badge,
.ft-floating-book-badge,
.ft-book-badge-floating,
.book-floating-badge,
.book-float-badge,
.book-badge,
.ft-book-cover .badge,
.ft-book-cover [class*="badge"],
.ft-book-cover [class*="float"],
.ft-book-cover [class*="floating"],
.ft-book-hero .badge,
.ft-book-hero [class*="badge"],
.ft-book-hero [class*="float"],
.ft-book-hero [class*="floating"],
.ft-book-single [class*="badge"],
.ft-book-single [class*="float"],
.ft-book-single [class*="floating"],
.ft-book-card [class*="badge"],
.ft-book-card [class*="float"],
.ft-book-card [class*="floating"],
.ft-book-preview [class*="badge"],
.ft-book-preview [class*="float"],
.ft-book-preview [class*="floating"],
.ft-book-cover-wrap [class*="badge"],
.ft-book-cover-wrap [class*="float"],
.ft-book-cover-wrap [class*="floating"],
.ft-book-cover-frame [class*="badge"],
.ft-book-cover-frame [class*="float"],
.ft-book-cover-frame [class*="floating"]{
  animation-name:ft406BookBadgeDrift!important;
  animation-duration:var(--ft406-duration, 7.4s)!important;
  animation-delay:var(--ft406-delay, -1.2s)!important;
  animation-timing-function:ease-in-out!important;
  animation-iteration-count:infinite!important;
  animation-fill-mode:both!important;
  animation-direction:normal!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  transform-origin:center center!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 10px 28px rgba(18,24,40,.10)!important;
}

/* Force different presets when JS is blocked or cache delays it */
.ft406-motion-0{ --ft406-duration:6.7s; --ft406-delay:-.8s; --ft406-x1:7px; --ft406-y1:-9px; --ft406-x2:-4px; --ft406-y2:5px; --ft406-rot1:.7deg; --ft406-rot2:-.35deg; }
.ft406-motion-1{ --ft406-duration:8.3s; --ft406-delay:-2.2s; --ft406-x1:-8px; --ft406-y1:-5px; --ft406-x2:6px; --ft406-y2:7px; --ft406-rot1:-.65deg; --ft406-rot2:.3deg; }
.ft406-motion-2{ --ft406-duration:7.5s; --ft406-delay:-1.5s; --ft406-x1:5px; --ft406-y1:8px; --ft406-x2:-7px; --ft406-y2:-4px; --ft406-rot1:.45deg; --ft406-rot2:-.55deg; }
.ft406-motion-3{ --ft406-duration:9.1s; --ft406-delay:-3.4s; --ft406-x1:-5px; --ft406-y1:9px; --ft406-x2:8px; --ft406-y2:-6px; --ft406-rot1:-.4deg; --ft406-rot2:.75deg; }
.ft406-motion-4{ --ft406-duration:10.2s; --ft406-delay:-4.6s; --ft406-x1:9px; --ft406-y1:4px; --ft406-x2:-6px; --ft406-y2:-8px; --ft406-rot1:.55deg; --ft406-rot2:-.7deg; }
.ft406-motion-5{ --ft406-duration:7.9s; --ft406-delay:-.35s; --ft406-x1:-6px; --ft406-y1:-10px; --ft406-x2:5px; --ft406-y2:4px; --ft406-rot1:-.8deg; --ft406-rot2:.25deg; }

@media (prefers-reduced-motion: reduce){
  .ft406-book-floating-badge,
  .ft-book-badge,
  .ft-book-floating-badge,
  .ft-book-float-badge,
  .ft-floating-book-badge,
  .ft-book-badge-floating,
  .book-floating-badge,
  .book-float-badge,
  .book-badge,
  .ft-book-cover .badge,
  .ft-book-cover [class*="badge"],
  .ft-book-cover [class*="float"],
  .ft-book-cover [class*="floating"],
  .ft-book-hero .badge,
  .ft-book-hero [class*="badge"],
  .ft-book-hero [class*="float"],
  .ft-book-hero [class*="floating"]{
    animation:none!important;
    transform:none!important;
  }
}


/* v2.408 — safe book price display polish */
.ft-book-price,
.ft-ebook-price,
[class*="book"][class*="price"],
[class*="price"][class*="book"]{
  unicode-bidi:plaintext;
}


/* v2.409 — normalized old/current book prices */
.ft2409-book-price-normalized{
  unicode-bidi:plaintext;
  direction:rtl;
}


/* v2.413 — server-rendered book prices */
.ft413-book-old-price,
.ft384-book-price,
.eb-price-current,
.eb-price-orig{
  unicode-bidi:plaintext;
}


/* v2.416 — readable book description section */
.ft-book-description-readable,
.ft-book-description-readable * {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  word-break: normal !important;
  overflow-wrap: anywhere;
}
.ft-book-description-readable {
  padding: clamp(56px, 6vw, 96px) 16px !important;
}
.ft-book-description-readable .eb-section-inner {
  max-width: 920px !important;
  margin-inline: auto !important;
  width: min(920px, calc(100% - 32px)) !important;
}
.ft-book-description-card {
  max-width: 880px !important;
  margin: 26px auto 0 !important;
  padding: clamp(24px, 4vw, 42px) !important;
  border: 1px solid rgba(124, 58, 237, 0.14) !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,0.72) !important;
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.06) !important;
  text-align: right !important;
  direction: rtl !important;
  column-count: 1 !important;
  columns: auto !important;
}
.ft-book-short-desc {
  margin: 0 0 18px !important;
  color: #334155 !important;
  font-size: clamp(17px, 1.45vw, 21px) !important;
  font-weight: 700 !important;
  line-height: 2 !important;
  text-align: center !important;
  max-width: none !important;
}
.ft-book-long-desc {
  color: #475569 !important;
  font-size: clamp(15px, 1.15vw, 18px) !important;
  line-height: 2.15 !important;
  max-width: 760px !important;
  margin-inline: auto !important;
  text-align: right !important;
  column-count: 1 !important;
  columns: auto !important;
}
.ft-book-long-desc p {
  margin: 0 0 1em !important;
  max-width: none !important;
}



/* v2.417 — rich editor controls for book descriptions in frontend admin */
.ft417-rich-wrap{
  border:1px solid rgba(124,58,237,.18);
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(15,23,42,.04);
  margin-top:8px;
}
.ft417-rich-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:9px;
  background:linear-gradient(135deg, rgba(124,58,237,.08), rgba(6,182,212,.08));
  border-bottom:1px solid rgba(124,58,237,.12);
}
.ft417-rich-toolbar button{
  border:1px solid rgba(124,58,237,.16);
  background:rgba(255,255,255,.86);
  border-radius:10px;
  padding:6px 10px;
  cursor:pointer;
  font-weight:800;
  color:#1e1b4b;
}
.ft417-rich-toolbar button:hover{background:#eef2ff}
.ft417-rich-editor{
  min-height:150px;
  padding:16px;
  line-height:2;
  color:#1f2937;
  direction:rtl;
  text-align:right;
  outline:none;
  background:rgba(255,255,255,.96);
}
.ft417-rich-editor:focus{
  box-shadow:inset 0 0 0 2px rgba(59,130,246,.22);
}
.ft417-rich-original{
  display:none !important;
}
textarea[name="book_long_desc"].ft417-rich-original,
textarea[name="book_full_description"].ft417-rich-original{
  min-height:260px;
}



/* v2.418 feature description visibility and spacing */
.ft-book-feature-card p,
.ft-book-what-card p,
.ft-book-feature-card .desc,
.ft-book-what-card .desc,
.ft-book-feature-card .description,
.ft-book-what-card .description{
  display:block !important;
  opacity:.78 !important;
  visibility:visible !important;
  line-height:1.85 !important;
}


/* v2.419 admin editor polish */
.ft376-editor-row textarea[name*="items_text"],
.ft376-editor-row textarea[name*="[items]"]{
  min-height:130px !important;
  line-height:1.85 !important;
  direction:rtl !important;
  text-align:right !important;
}
.ft376-editor-row input[name*="[num]"],
.ft376-editor-row input[name*="[number]"]{
  font-weight:800 !important;
}


/* v2.420 book spacing fallback css */
body .ft-book-page section[data-ft-book-section="hero"]{padding-top:var(--ft-book-hero-pt,80px)!important;padding-bottom:var(--ft-book-hero-pb,90px)!important;}
body .ft-book-page section[data-ft-book-section="about"]{padding-top:var(--ft-book-about-pt,90px)!important;padding-bottom:var(--ft-book-about-pb,90px)!important;}
body .ft-book-page section[data-ft-book-section="features"]{padding-top:var(--ft-book-features-pt,80px)!important;padding-bottom:var(--ft-book-features-pb,80px)!important;}
body .ft-book-page section[data-ft-book-section="toc"]{padding-top:var(--ft-book-toc-pt,80px)!important;padding-bottom:var(--ft-book-toc-pb,80px)!important;}
body .ft-book-page section[data-ft-book-section="pricing"]{padding-top:var(--ft-book-pricing-pt,80px)!important;padding-bottom:var(--ft-book-pricing-pb,80px)!important;}
body .ft-book-page section[data-ft-book-section="author"]{padding-top:var(--ft-book-author-pt,80px)!important;padding-bottom:var(--ft-book-author-pb,80px)!important;}
body .ft-book-page section[data-ft-book-section="final"]{padding-top:var(--ft-book-final-pt,80px)!important;padding-bottom:var(--ft-book-final-pb,80px)!important;}


/* v2.427 — Payment & download protection admin log */
.ft427-security-log{
  margin:24px 0;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:20px;
  padding:20px;
  box-shadow:0 12px 34px rgba(15,23,42,.06);
  direction:rtl;
}
.ft427-security-log h3{margin:0 0 6px;font-weight:900;color:#0f172a}
.ft427-security-log p{margin:0 0 16px;color:#64748b}
.ft427-security-log table{width:100%;border-collapse:collapse;font-size:13px}
.ft427-security-log th,.ft427-security-log td{border-bottom:1px solid #e5e7eb;padding:10px;text-align:right;vertical-align:top}
.ft427-security-log code{white-space:normal;word-break:break-word}


/* v2.449 — Course direct payment + account-aware checkout */
.ft-course-buyer-box{margin:20px 0;padding:18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(148,163,184,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .2s,box-shadow .2s,background .2s}
.ft-course-buyer-title{font-weight:900;color:var(--text-primary,#fff);font-size:1.03rem;margin-bottom:6px}
.ft-course-buyer-help,.ft-course-buyer-mini{color:var(--text-secondary,#cbd5e1);font-size:.92rem;line-height:1.75}
.ft-course-buyer-mini{margin-top:10px;font-size:.84rem;color:var(--text-dim,#94a3b8)}
.ft-course-buyer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.ft-course-buyer-grid label{display:block;margin:0;color:var(--text-primary,#fff);font-weight:700;font-size:.88rem}
.ft-course-buyer-grid label span{display:block;margin-bottom:7px}
.ft-course-buyer-grid b{color:#f97316}
.ft-course-buyer-grid input{width:100%;box-sizing:border-box;border:1px solid rgba(148,163,184,.45);border-radius:13px;padding:12px 13px;background:rgba(255,255,255,.92);color:#0f172a;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}
.ft-course-buyer-grid input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.18)}
.ft-course-buyer-grid input[readonly]{background:rgba(226,232,240,.95);cursor:not-allowed;color:#334155}
.ft-course-buyer-error{border-color:rgba(239,68,68,.72)!important;box-shadow:0 0 0 3px rgba(239,68,68,.14),inset 0 1px 0 rgba(255,255,255,.05)}
.ft-course-buyer-ok{border-color:rgba(34,197,94,.55)!important;box-shadow:0 0 0 3px rgba(34,197,94,.10),inset 0 1px 0 rgba(255,255,255,.05)}
.ft-course-pay-msg{margin-top:12px;border-radius:14px;padding:0;min-height:0;line-height:1.7;font-size:.92rem}
.ft-course-pay-msg:not(:empty){padding:12px 14px;border:1px solid rgba(148,163,184,.26);background:rgba(15,23,42,.35)}
.ft-course-pay-msg--error{background:rgba(239,68,68,.12)!important;border-color:rgba(239,68,68,.35)!important;color:#fecaca!important}
.ft-course-pay-msg--warn{background:rgba(245,158,11,.12)!important;border-color:rgba(245,158,11,.35)!important;color:#fde68a!important}
.ft-course-pay-msg--success{background:rgba(34,197,94,.12)!important;border-color:rgba(34,197,94,.35)!important;color:#bbf7d0!important}
.ft-course-pay-msg--loading{background:rgba(59,130,246,.12)!important;border-color:rgba(59,130,246,.35)!important;color:#bfdbfe!important}
.ft-course-success-box{margin-top:16px;border-radius:18px;padding:18px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:var(--text-primary,#fff)}
.ft-course-success-box p{margin:7px 0 0;color:var(--text-secondary,#cbd5e1);line-height:1.7}
.ft-course-success-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ft-course-free-form .btn-main{border:0;cursor:pointer}
.ft-course-admin-paypal-note{border:1px solid rgba(245,158,11,.42);background:rgba(245,158,11,.12);color:#fde68a;border-radius:18px;padding:18px;line-height:1.8}
.ft-paypal-loading{padding:16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px dashed rgba(148,163,184,.35);text-align:center;color:var(--text-secondary,#cbd5e1)}
@media(max-width:760px){.ft-course-buyer-grid{grid-template-columns:1fr}.ft-course-success-actions{flex-direction:column}.ft-course-success-actions a{width:100%;text-align:center}}


/* v2.450 — Course header top contrast + payment email currency display support
   Keep the course header readable before scrolling, especially on light theme over hero colors. */
body.single-course .site-nav:not(.scrolled),
body.ft-light.single-course .site-nav:not(.scrolled){
  background:rgba(10,14,28,.54)!important;
  border-bottom:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 8px 28px rgba(15,23,42,.16)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body.single-course .site-nav:not(.scrolled) .logo-text,
body.single-course .site-nav:not(.scrolled) .logo-sub,
body.single-course .site-nav:not(.scrolled) .nav-menu a,
body.single-course .site-nav:not(.scrolled) .nav-menu .menu-item>a,
body.single-course .site-nav:not(.scrolled) .mobile-menu-btn,
body.ft-light.single-course .site-nav:not(.scrolled) .logo-text,
body.ft-light.single-course .site-nav:not(.scrolled) .logo-sub,
body.ft-light.single-course .site-nav:not(.scrolled) .nav-menu a,
body.ft-light.single-course .site-nav:not(.scrolled) .nav-menu .menu-item>a,
body.ft-light.single-course .site-nav:not(.scrolled) .mobile-menu-btn{
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:0 2px 12px rgba(0,0,0,.42)!important;
}
body.single-course .site-nav:not(.scrolled) .nav-cta-btn,
body.ft-light.single-course .site-nav:not(.scrolled) .nav-cta-btn{
  color:#ffffff!important;
  text-shadow:none!important;
  background:rgba(124,58,237,.96)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
body.ft-light.single-course .site-nav.scrolled .logo-text,
body.ft-light.single-course .site-nav.scrolled .logo-sub,
body.ft-light.single-course .site-nav.scrolled .nav-menu a,
body.ft-light.single-course .site-nav.scrolled .nav-menu .menu-item>a,
body.ft-light.single-course .site-nav.scrolled .mobile-menu-btn{
  color:#111827!important;
  text-shadow:none!important;
}


/* v2.451 — Course entry should open at the top; payment card includes a softer interest alternative. */
.ft-course-pay-alt-note{
  margin-top:18px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(34,211,238,.24);
  background:linear-gradient(135deg,rgba(34,211,238,.10),rgba(124,58,237,.08));
  color:var(--text-primary,#f8fafc);
}
.ft-course-pay-alt-note__icon{
  width:44px;
  height:44px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.10);
  font-size:22px;
}
.ft-course-pay-alt-note strong{display:block;font-weight:900;margin-bottom:4px;color:var(--text-primary,#fff)}
.ft-course-pay-alt-note p{margin:0;color:var(--text-secondary,#d8d4e8);line-height:1.85;font-size:.95rem}
.ft-course-pay-alt-note__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  border-radius:14px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900;
  white-space:nowrap;
}
.ft-course-pay-alt-note__link:hover{transform:translateY(-1px);background:rgba(124,58,237,.22)}
body.ft-light .ft-course-pay-alt-note{
  color:#111827;
  background:linear-gradient(135deg,rgba(14,165,233,.10),rgba(124,58,237,.08));
  border-color:rgba(14,165,233,.22);
}
body.ft-light .ft-course-pay-alt-note strong{color:#111827}
body.ft-light .ft-course-pay-alt-note p{color:#475569}
body.ft-light .ft-course-pay-alt-note__icon{background:rgba(14,165,233,.12)}
body.ft-light .ft-course-pay-alt-note__link{background:#111827;color:#fff!important;border-color:#111827}
@media(max-width:720px){
  .ft-course-pay-alt-note{grid-template-columns:auto 1fr;align-items:start}
  .ft-course-pay-alt-note__link{grid-column:1/-1;width:100%}
}

/* v2.455 — Course checkout success readability + mail failure state */
.ft-paypal-button-wrap .ft-course-pay-msg:not(:empty){
  text-align:right;
  direction:rtl;
  font-weight:900;
  word-break:break-word;
}
.ft-paypal-button-wrap .ft-course-pay-msg--success{
  background:#ecfdf5!important;
  border-color:#86efac!important;
  color:#14532d!important;
  box-shadow:0 10px 28px rgba(22,101,52,.08);
}
.ft-paypal-button-wrap .ft-course-pay-msg--warn{
  background:#fff7ed!important;
  border-color:#fdba74!important;
  color:#7c2d12!important;
  box-shadow:0 10px 28px rgba(194,65,12,.08);
}
.ft-paypal-button-wrap .ft-course-pay-msg--error{
  background:#fef2f2!important;
  border-color:#fca5a5!important;
  color:#7f1d1d!important;
}
.ft-paypal-button-wrap .ft-course-pay-msg--loading{
  background:#eff6ff!important;
  border-color:#93c5fd!important;
  color:#1e3a8a!important;
}
.ft-course-success-box{
  background:#ecfdf5!important;
  border-color:#86efac!important;
  color:#14532d!important;
}
.ft-course-success-box strong{color:#14532d!important;}
.ft-course-success-box p{color:#166534!important;}
.ft-course-success-box--mail-failed{
  background:#fff7ed!important;
  border-color:#fdba74!important;
  color:#7c2d12!important;
}
.ft-course-success-box--mail-failed strong,
.ft-course-success-box--mail-failed p{color:#7c2d12!important;}
.ft-course-success-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* v2.460 — Improve public ebook pre-payment notice contrast */
.ft-email-before-pay-note{
  background:#fff7ed !important;
  border-color:#f59e0b !important;
  color:#78350f !important;
}
.ft-email-before-pay-note strong{
  color:#92400e !important;
}