:root{color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f7fa;color:#122940;font-family:Tajawal,Arial,sans-serif;font-size:17px;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4,strong,.button{font-family:Cairo,Tajawal,sans-serif}button,a{transition:.2s ease}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.ga-review-preview{min-height:100vh;display:flex;flex-direction:column}.ga-review-preview main{flex:1}.review-ribbon{background:#d9f7f5;border-bottom:1px solid #a9e4e2;color:#0d4d59;font-size:13px}.review-ribbon .wrap{display:flex;align-items:center;gap:14px;min-height:38px;flex-wrap:wrap}.review-ribbon strong{font-size:12px}.review-ribbon a{margin-inline-start:auto;text-decoration:underline;text-underline-offset:3px;font-weight:700}.program-hero{background:radial-gradient(circle at 12% 25%,#145263 0,#0b3245 32%,#071b2e 70%);color:#fff;padding:82px 0 92px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:58px;align-items:center}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:#00a3b3;font-weight:800;font-size:14px}.eyebrow{color:#b5f0ed;border:1px solid #2d8990;background:#0e4855;padding:5px 14px;border-radius:100px}.hero-copy h1{font-size:clamp(32px,3.7vw,56px);line-height:1.4;margin:17px 0 15px;letter-spacing:-.02em}.hero-copy h1 em{font-style:normal;color:#7be1d8}.hero-lead{color:#d5e5ed;font-size:20px;max-width:640px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;text-align:center;padding:13px 24px;border-radius:12px;font-weight:800;font-size:15px}.button-orange{background:#ff9e20;color:#11273b;box-shadow:0 12px 25px #ff9e2036}.button-orange:hover{background:#ffb147;transform:translateY(-2px)}.text-link{color:#d7f3f5;border-bottom:1px solid #85d5d6;font-weight:700}.hero-facts{display:flex;gap:0;margin-top:42px;flex-wrap:wrap;border-top:1px solid #4a7885;padding-top:21px}.hero-facts div{padding-inline:20px;border-inline-end:1px solid #4a7885}.hero-facts div:first-child{padding-inline-start:0}.hero-facts div:last-child{border:0}.hero-facts strong,.hero-facts span{display:block}.hero-facts strong{font-size:19px;color:#fff}.hero-facts span{color:#b7cfd9;font-size:13px}.hero-copy,.hero-visual{min-width:0}.visual-frame{position:relative;border-radius:24px;padding:12px;background:#ffffff18;border:1px solid #ffffff30;box-shadow:0 30px 70px #0005;transform:rotate(-1deg)}.visual-frame img,.visual-fallback{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:15px}.visual-fallback{background:linear-gradient(135deg,#265466,#112b41);display:grid;place-items:center;color:white}.visual-caption{position:absolute;bottom:29px;right:29px;left:29px;background:#091b2be8;backdrop-filter:blur(8px);border:1px solid #ffffff35;border-radius:13px;padding:12px 17px}.visual-caption span,.visual-caption strong{display:block}.visual-caption span{color:#86dddd;font-size:13px}.visual-caption strong{font-size:15px}.intro-section{background:#fff;padding:65px 0}.intro-grid{display:grid;grid-template-columns:.55fr 1fr;gap:60px}.intro-grid h2,.section-head h2,.study-copy h2,.decision-card h2{font-size:clamp(28px,2.6vw,39px);line-height:1.45;margin-top:8px}.intro-grid p{color:#496174;margin-bottom:12px}.materials-section{padding:72px 0 82px}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:34px}.section-head p{color:#60788a;max-width:680px}.count-pill{background:#def8f6;color:#006c75;border-radius:99px;padding:6px 15px;white-space:nowrap;font-weight:800}.phase{margin-top:44px}.phase-head{display:flex;align-items:start;gap:17px;margin-bottom:19px}.phase-number{display:grid;place-items:center;width:45px;height:45px;background:#0b3347;color:#8ee5de;border-radius:12px;font-family:Cairo;font-weight:800;flex:none}.phase-head h3{font-size:23px}.phase-head p{color:#60798b;font-size:15px}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.material-card{background:#fff;border:1px solid #d9e5eb;border-radius:17px;overflow:hidden;box-shadow:0 9px 25px #1432470b;display:flex;flex-direction:column}.material-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #1432471a}.material-image{display:block;background:#10364b}.material-image img,.material-fallback{width:100%;height:190px;object-fit:cover}.material-fallback{display:grid;place-items:center;color:#8de4df;font:800 40px Cairo}.material-body{padding:19px 21px 22px;display:flex;flex-direction:column;flex:1}.material-tag{font-size:12px;color:#007889;font-weight:800}.material-body h4{font-size:18px;line-height:1.55;margin:6px 0 8px;min-height:55px}.material-body p{font-size:15px;color:#607587;line-height:1.7;margin-bottom:16px;flex:1}.material-body>a{font-size:14px;font-weight:800;color:#007d88;align-self:start}.material-body>a:hover{text-decoration:underline}.study-section{background:#0c273b;color:#fff;padding:75px 0}.study-grid{display:grid;grid-template-columns:.7fr 1fr;gap:70px}.study-copy .section-kicker{color:#8bdedc}.study-copy p{color:#c5d6df;margin-top:15px}.steps{display:grid;gap:12px}.steps>div{display:flex;gap:17px;padding:18px;background:#ffffff0b;border:1px solid #ffffff20;border-radius:13px}.steps b{display:grid;place-items:center;width:38px;height:38px;background:#ff9e20;border-radius:10px;color:#172b3c;flex:none}.steps strong,.steps small{display:block}.steps small{color:#bad0db;font-size:14px;margin-top:2px}.decision-section{padding:70px 0}.decision-card{background:#fff;border:1px solid #d6e4eb;border-radius:20px;padding:35px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 12px 35px #1432470c}.decision-card p{color:#5d7587;margin-top:6px;max-width:660px}.decision-card .button{flex:none}.f-brand p{margin-top:15px;font-size:14px;color:#a9c1cc}.ga-review-preview :focus-visible{outline:3px solid #11bbc5;outline-offset:3px}
@media(max-width:1000px){.hero-grid{gap:28px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-card{align-items:start;flex-direction:column}}
@media(max-width:700px){.wrap{width:min(100% - 30px,1180px)}.review-ribbon .wrap{padding:7px 0;gap:3px 9px}.review-ribbon a{margin-inline-start:0}.program-hero{padding:45px 0 55px}.hero-grid,.intro-grid,.study-grid{grid-template-columns:1fr}.hero-grid{gap:42px}.hero-copy h1{font-size:34px}.hero-lead{font-size:17px}.hero-facts div{padding-inline:10px}.hero-facts strong{font-size:16px}.visual-frame{transform:none}.intro-section,.materials-section,.study-section,.decision-section{padding:50px 0}.intro-grid,.study-grid{gap:22px}.section-head{align-items:start}.material-grid{grid-template-columns:1fr}.material-body h4{min-height:0}.material-image img,.material-fallback{height:210px}.decision-card{padding:25px}.decision-card .button{width:100%}.f-brand{grid-column:1/-1}}
@media(max-width:430px){.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-facts{gap:12px}.hero-facts div{border:0;padding:0;width:calc(50% - 8px)}.section-head{flex-direction:column}.f-brand{grid-column:auto}}

/* Enrollment controls remain in the private preview while using the existing WooCommerce cart. */
.hero-enrollment{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px}.hero-price{display:flex;flex-direction:column;min-width:160px}.hero-price>span,.decision-action>span{display:block;color:#aed7dc;font-size:13px;font-weight:700}.hero-price strong{font-size:26px;color:#fff;line-height:1.35;white-space:nowrap;direction:ltr;text-align:right}.hero-price .woocommerce-Price-amount,.decision-action .woocommerce-Price-amount{white-space:nowrap;direction:ltr;display:inline-block}.hero-actions{margin-top:17px}.hero-actions .text-link{font-size:15px}.decision-action{display:flex;align-items:flex-start;flex-direction:column;gap:5px;flex:none}.decision-action>span{color:#637d89}.decision-action>strong{font-size:24px;color:#0c3445;white-space:nowrap;direction:ltr;text-align:right}.decision-action .button{margin-top:10px}
@media(max-width:700px){.hero-enrollment{align-items:stretch}.hero-enrollment .button{flex:1}.decision-action{width:100%}.decision-action .button{width:100%}}
@media(max-width:430px){.hero-enrollment{flex-direction:column;align-items:stretch}.hero-price{text-align:center}.hero-actions{flex-direction:row;align-items:center;justify-content:center}}

.study-copy .study-duration{margin-top:20px;padding:15px 18px;background:#ffffff0b;border:1px solid #ffffff26;border-inline-start:4px solid #ff9e20;border-radius:10px;color:#e1f0f3}.study-duration strong{color:#fff}
@media(max-width:700px){.hero-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.hero-facts div,.hero-facts div:first-child{width:auto;border:0;padding:0}.hero-facts strong{font-size:17px}}

/* Equal-width diploma facts, with complete values in each column. */
.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.hero-facts div,.hero-facts div:first-child{width:auto;min-width:0;padding:0 12px;text-align:center;border-inline-end:1px solid #4a7885}.hero-facts div:last-child{border-inline-end:0}.hero-facts strong{font-size:18px;line-height:1.45;white-space:nowrap}.hero-facts span{font-size:13px;line-height:1.4}
@media(max-width:700px){.hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.hero-facts div,.hero-facts div:first-child{width:auto;padding:0 7px;border-inline-end:1px solid #4a7885}.hero-facts div:last-child{border-inline-end:0}.hero-facts strong{font-size:15px;white-space:normal}.hero-facts span{font-size:12px}}.ga-review-preview .hero-price strong,.ga-review-preview .hero-price .woocommerce-Price-amount,.ga-review-preview .hero-price .woocommerce-Price-currencySymbol{color:#fff!important}.ga-review-preview .decision-action>strong,.ga-review-preview .decision-action .woocommerce-Price-amount,.ga-review-preview .decision-action .woocommerce-Price-currencySymbol{color:#0c3445!important}

/* The public course loads theme CSS through wp_head; restore the approved RTL canvas. */
.ga-review-preview{direction:rtl;text-align:right}
.ga-review-preview :is(.intro-section h2,.materials-section h2,.materials-section h3,.materials-section h4,.decision-section h2){color:#122940!important}
.ga-review-preview .material-body h4{color:#122940!important}
.ga-review-preview .program-hero h1,.ga-review-preview .study-section h2{color:#fff!important}
.ga-review-preview .program-hero h1 em{color:#7be1d8!important}
.ga-review-preview .material-body :is(h4,p,a),.ga-review-preview .intro-section :is(h2,p),.ga-review-preview .materials-section :is(h2,h3,h4,p){text-align:right}

/* رأس الصفحة وذيلها من قالب الصفحة الرئيسية نفسه (body.ga-v2-page + حاوية .ga-home-v2)؛
   الرأس ثابت أعلى الشاشة، فيُترك له مكان فوق صدر المادة. */
.ga-course-page .program-hero{padding-top:128px}
@media(max-width:700px){.ga-course-page .program-hero{padding-top:112px}}
.ga-course-page .ga-course-chrome footer{margin-top:0}
/* شريط المعاينة الخاصة أسفل الشاشة حتى لا يغطيه الرأس الثابت */
.ga-course-preview .review-ribbon{position:fixed;inset-inline:0;bottom:0;z-index:60;box-shadow:0 -8px 24px rgba(3,15,26,.25)}
.ga-course-preview .ga-course-chrome footer{padding-bottom:70px}
/* «نظرة عامة» في صفحة الدبلوم: العنوان في سطر واحد والوصف تحته (طلب المالك 2026-09-26) */
.ga-review-preview .intro-grid{grid-template-columns:1fr;gap:10px}
.ga-review-preview .intro-grid h2{white-space:nowrap}
.ga-review-preview .intro-grid p{max-width:880px}
@media(max-width:700px){.ga-review-preview .intro-grid h2{white-space:normal}}

/* WordPress reserves 32px for the admin toolbar when wp_head() runs. Course
   templates do not render that toolbar, so remove its empty strip for editors. */
html:has(> body.ga-course-page){margin-top:0!important}

/* Keep section introductions readable across the renewed RTL course pages. */
.ga-review-preview .section-head h2 + p{margin-top:12px;line-height:1.85}