/* World of Fantasy — premium editorial article */
.wof-article-page{min-height:100vh;background:linear-gradient(180deg,#020e18 0%,#020f19 38%,#03121d 100%);color:var(--ink);}
.article-progress{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.04);z-index:1000}.article-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan2),var(--gold));box-shadow:0 0 18px rgba(126,231,255,.55)}
.article-hero{position:relative;padding:54px 0 48px;background:#020e18;border-bottom:1px solid var(--line);overflow:hidden}.article-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(44,199,240,.09),transparent 28%),linear-gradient(180deg,rgba(2,14,24,.0),rgba(2,14,24,.22));pointer-events:none}.article-hero-inner{position:relative;max-width:930px}.article-breadcrumbs{display:flex;gap:9px;align-items:center;color:#6f8793;font-size:10px;margin-bottom:20px}.article-breadcrumbs a:hover{color:var(--cyan)}.article-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:1.8px;margin-bottom:12px}.article-kicker:before{content:"";width:20px;height:2px;background:var(--cyan);box-shadow:0 0 10px rgba(126,231,255,.45)}.article-hero h1{font-size:clamp(42px,5.5vw,72px);line-height:.98;letter-spacing:-3px;max-width:900px;margin:0 0 18px;color:#f7fbfd}.article-dek{max-width:760px;color:#a9bdc7;font-size:16px;line-height:1.7;margin:0 0 22px}.article-meta{display:flex;align-items:center;justify-content:space-between;gap:20px}.article-author{display:flex;align-items:center;gap:10px}.article-author img{width:36px;height:36px;border-radius:50%;border:1px solid rgba(126,231,255,.28)}.article-author strong{display:block;font-size:11px;color:#fff}.article-author span{display:block;color:#718a96;font-size:9px;margin-top:3px}.article-share{display:flex;align-items:center;gap:7px}.article-share button,.article-share a{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#c8d8df;border-radius:8px;width:34px;height:34px;display:grid;place-items:center;font-size:11px;cursor:pointer;transition:.2s}.article-share button:hover,.article-share a:hover{border-color:rgba(126,231,255,.5);color:var(--cyan);background:rgba(126,231,255,.06)}
.article-layout{width:min(1040px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:72px minmax(0,800px);gap:34px;justify-content:center;padding:48px 0 100px}.article-rail{padding-top:4px;color:#607985}.rail-label{font-size:8px;letter-spacing:1.3px;line-height:1.45;position:sticky;top:105px}.rail-label strong{color:#dbe9ee}.rail-line{width:1px;height:75px;background:linear-gradient(var(--cyan),transparent);margin:18px 0}.rail-share{display:flex;flex-direction:column;gap:8px;align-items:flex-start;position:sticky;top:215px}.rail-share span{font-size:7px;letter-spacing:1.4px}.rail-share button{border:1px solid var(--line);background:transparent;color:#9fb4bd;border-radius:7px;width:31px;height:31px;cursor:pointer}
.article-content-wrap{min-width:0}.article-featured-image{width:100%;max-width:900px;margin:0 auto 42px;border-radius:15px;overflow:hidden;border:1px solid rgba(170,220,239,.18);background:transparent;box-shadow:0 28px 70px rgba(0,0,0,.36);display:block;line-height:0}.article-featured-image img{display:block;width:100%;height:auto;max-width:100%;object-fit:initial;object-position:center;border:0;border-radius:0;background:transparent}.article-featured-image figcaption{padding:9px 13px;color:#6e8793;font-size:9px;border-top:1px solid var(--line);line-height:1.5}
.article-content{max-width:760px;margin:0 auto;font-size:17px;line-height:1.9;color:#d2dee3}.article-content>*{max-width:100%}.article-content p{margin:0 0 23px}.article-content h2{font-size:32px;line-height:1.18;letter-spacing:-1px;color:#fff;margin:48px 0 15px}.article-content h3{font-size:24px;color:#fff;margin:36px 0 11px}.article-content h4{font-size:19px;color:#fff;margin:28px 0 9px}.article-content a{color:var(--cyan);text-decoration:underline;text-decoration-color:rgba(126,231,255,.35);text-underline-offset:3px}.article-content strong{color:#fff}.article-content blockquote{margin:34px 0;padding:22px 25px;border-left:3px solid var(--cyan);background:linear-gradient(90deg,rgba(67,190,222,.1),transparent);border-radius:0 12px 12px 0;color:#e8f3f7;font-size:19px;line-height:1.6}.article-content ul,.article-content ol{padding-left:24px;margin:0 0 25px}.article-content li{margin:7px 0}.article-content img{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}.article-content figure{margin:30px 0}.article-content figcaption{font-size:9px;color:#718b97;margin-top:8px}.article-content table{width:100%;border-collapse:collapse;margin:28px 0;font-size:13px}.article-content th,.article-content td{border:1px solid var(--line);padding:11px;text-align:left}.article-content th{color:var(--cyan);background:rgba(126,231,255,.05)}
.article-end{max-width:760px;margin:48px auto 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.article-tags{display:flex;gap:7px;flex-wrap:wrap}.article-tags a{font-size:9px;color:#9db2bc;border:1px solid var(--line);border-radius:999px;padding:7px 10px}.article-tags a:hover{color:var(--cyan);border-color:rgba(126,231,255,.4)}.article-share-bottom{color:#8199a5;font-size:10px}.article-share-bottom button{width:auto;min-width:auto;padding:0 11px}
.related-posts{max-width:800px;margin:0 auto;padding-top:68px}.related-heading{margin-bottom:22px}.related-heading h2{font-size:32px;letter-spacing:-1.5px;margin:7px 0 0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.related-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:rgba(7,29,43,.6);transition:.25s}.related-card:hover{transform:translateY(-3px);border-color:rgba(126,231,255,.32)}.related-image{height:145px;display:grid;place-items:center;background:linear-gradient(135deg,#0b3243,#06151f);overflow:hidden}.related-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.related-card:hover .related-image img{transform:scale(1.05)}.related-image span{color:var(--cyan);font-weight:900;letter-spacing:2px}.related-body{padding:14px}.related-body small{font-size:8px;color:#78919d}.related-body h3{font-size:15px;line-height:1.35;margin:7px 0 12px}.related-body h3 a:hover{color:var(--cyan)}.text-link{font-size:10px;color:var(--cyan);font-weight:800}
.article-comments{max-width:760px;margin:65px auto 0;padding-top:40px;border-top:1px solid var(--line)}.article-comments .comment-reply-title,.article-comments h2{font-size:26px;color:#fff}.article-comments label{font-size:9px;color:#93aab5}.article-comments textarea,.article-comments input{width:100%;background:rgba(5,26,39,.7);border:1px solid var(--line);color:#fff;border-radius:9px;padding:11px;margin-top:6px}.article-comments .submit{background:var(--cyan);color:#03202b;border:0;border-radius:8px;padding:11px 17px;font-weight:900;cursor:pointer}.article-comments .comment-list{padding-left:0;list-style:none}.article-comments .comment{border-bottom:1px solid var(--line);padding:18px 0}.article-comments .comment-meta{font-size:9px;color:#79919d}.article-comments .comment-content{font-size:12px;color:#b9cbd3;line-height:1.7;margin-top:9px}
@media(max-width:900px){.article-layout{grid-template-columns:1fr;width:min(820px,calc(100% - 36px));padding-top:38px}.article-rail{display:none}.article-content,.article-end,.article-comments{max-width:760px}.related-posts{max-width:760px}}
@media(max-width:620px){.article-hero{padding:34px 0 34px;background:#020e18}.article-hero-inner{width:min(var(--max),calc(100% - 28px))}.article-breadcrumbs{font-size:9px;margin-bottom:16px}.article-kicker{font-size:8px}.article-hero h1{font-size:40px;letter-spacing:-2px;line-height:1}.article-dek{font-size:14px;line-height:1.65}.article-meta{align-items:flex-start;flex-direction:column}.article-share-top{display:flex}.article-layout{width:min(var(--max),calc(100% - 28px));padding:28px 0 70px}.article-featured-image{width:100%;max-width:none;border-radius:12px;margin-bottom:30px;padding:0}.article-featured-image img{width:100%;height:auto;object-fit:initial}.article-content{font-size:16px;line-height:1.82}.article-content h2{font-size:28px;margin-top:40px}.article-content h3{font-size:22px}.article-content blockquote{font-size:17px;padding:18px 20px}.article-end{align-items:flex-start;flex-direction:column;margin-top:38px}.related-posts{padding-top:50px}.related-grid{grid-template-columns:1fr}.related-image{height:190px}.article-comments{margin-top:50px;padding-top:30px}}

/* v1.6 — working share controls + polished related stories */
.article-share button.is-copied{border-color:rgba(126,231,255,.65);color:#041822;background:var(--cyan);box-shadow:0 0 20px rgba(126,231,255,.18)}
.rail-share button{display:grid;place-items:center;transition:.2s}.rail-share button:hover{border-color:rgba(126,231,255,.5);color:var(--cyan);background:rgba(126,231,255,.05)}
.related-posts{position:relative}.related-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.related-heading h2{color:#f7fbfd}.related-heading .eyebrow{color:var(--cyan);letter-spacing:2px;font-weight:900}.related-card{height:100%;display:flex;flex-direction:column}.related-body{display:flex;flex:1;flex-direction:column}.related-body .text-link{margin-top:auto;padding-top:4px}.related-image{aspect-ratio:16/9;height:auto}.related-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.related-card h3{margin-bottom:14px}
@media(max-width:620px){.related-heading{display:block}.related-heading h2{font-size:28px}.related-card{display:block}.related-image{aspect-ratio:16/9}.rail-share{display:none}}

/* v1.7 — natural featured images + editorial lightbox */
.article-featured-image{cursor:zoom-in}
.article-featured-image img{transition:filter .2s ease,transform .2s ease}
.article-featured-image:hover img{filter:brightness(1.03)}
.wof-lightbox{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(1,8,14,.94);backdrop-filter:blur(12px)}
.wof-lightbox.is-open{display:flex}
.wof-lightbox img{display:block;max-width:min(1200px,96vw);max-height:92vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 30px 100px rgba(0,0,0,.65)}
.wof-lightbox-close{position:absolute;top:18px;right:18px;width:42px;height:42px;border:1px solid rgba(170,220,239,.22);border-radius:50%;background:rgba(3,17,29,.72);color:#fff;font-size:20px;cursor:pointer}
@media(max-width:620px){.wof-lightbox{padding:12px}.wof-lightbox img{max-width:96vw;max-height:88vh;border-radius:10px}.wof-lightbox-close{top:12px;right:12px}}

/* v1.8 — premium community comments */
.wof-comments-shell{color:#d7e4e9}
.wof-comments-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.wof-comments-eyebrow{display:block;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:2px;margin-bottom:8px}
.wof-comments-title{margin:0!important;color:#f7fbfd!important;font-size:28px!important;line-height:1.15!important;letter-spacing:-.8px!important}
.wof-comment-list{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:12px}
.wof-comment{margin:0!important;padding:0!important;border:0!important}
.wof-comment-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:18px;background:linear-gradient(135deg,rgba(7,31,45,.88),rgba(4,19,30,.82));border:1px solid rgba(170,220,239,.13);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.15);transition:.2s ease}
.wof-comment-card:hover{border-color:rgba(126,231,255,.28);transform:translateY(-1px)}
.wof-comment-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(126,231,255,.22);background:#102432;box-shadow:0 0 0 4px rgba(126,231,255,.035)}
.wof-comment-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.wof-comment-main{min-width:0}
.wof-comment-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.wof-comment-author{display:block;color:#f5fafc;font-size:12px;line-height:1.3}
.wof-comment-date{display:block;color:#718b97;font-size:9px;margin-top:4px}
.wof-comment-number{color:#58717e;font-size:8px;letter-spacing:1px}
.wof-comment-content{margin-top:13px;color:#c3d2d8;font-size:13px;line-height:1.75}
.wof-comment-content p{margin:0 0 9px}
.wof-comment-content p:last-child{margin-bottom:0}
.wof-comment-pending{color:#f2c46d!important;font-size:10px!important;background:rgba(242,196,109,.06);border:1px solid rgba(242,196,109,.15);border-radius:7px;padding:7px 9px}
.wof-comment-actions{display:flex;align-items:center;gap:14px;margin-top:14px;padding-top:11px;border-top:1px solid rgba(170,220,239,.08);font-size:9px}
.wof-comment-actions a{color:#8da7b2;text-decoration:none;font-weight:800}
.wof-comment-actions a:hover{color:var(--cyan)}
.wof-comment-list .children{list-style:none;margin:12px 0 0 62px;padding:0}
.wof-comment-nav{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:10px}
.wof-comment-nav a{color:var(--cyan);text-decoration:none}
.wof-comment-form{margin-top:34px;padding:22px;border:1px solid rgba(170,220,239,.13);border-radius:15px;background:linear-gradient(135deg,rgba(7,31,45,.78),rgba(4,19,30,.7));box-shadow:0 20px 50px rgba(0,0,0,.15)}
.wof-comment-form .comment-reply-title{font-size:24px!important;margin:0 0 7px!important;letter-spacing:-.6px}
.wof-comment-form .comment-reply-title a{color:var(--cyan)}
.wof-comment-form .comment-notes,.wof-comment-note{color:#708994;font-size:10px;line-height:1.6;margin:0 0 18px}
.wof-comment-form .comment-notes a,.wof-comment-note a{color:var(--cyan)}
.wof-comment-form .comment-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wof-form-field{margin:0 0 13px}
.wof-form-field label{display:block;color:#9bb1bb;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px}
.wof-form-field label span{color:var(--cyan)}
.wof-form-field input,.wof-form-field textarea{box-sizing:border-box;width:100%;font:inherit;background:rgba(2,14,24,.75);border:1px solid rgba(170,220,239,.14);color:#f2f8fa;border-radius:9px;padding:11px 12px;outline:none;transition:.2s ease}
.wof-form-field input:focus,.wof-form-field textarea:focus{border-color:rgba(126,231,255,.55);box-shadow:0 0 0 3px rgba(126,231,255,.06)}
.wof-form-field textarea{resize:vertical;min-height:130px;line-height:1.6}
.wof-comment-submit{background:linear-gradient(135deg,#8ce9ff,#5bcfe9)!important;color:#04202a!important;border:0!important;border-radius:9px!important;padding:11px 17px!important;font-size:10px!important;font-weight:900!important;cursor:pointer;box-shadow:0 8px 24px rgba(91,207,233,.15)}
.wof-comment-submit:hover{transform:translateY(-1px);filter:brightness(1.04)}
.wof-comment-form .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:8px;color:#6e8793;font-size:9px;line-height:1.5;margin:4px 0 15px}
.wof-comment-form .comment-form-cookies-consent input{width:auto;margin-top:2px}
@media(max-width:620px){
  .wof-comments-title{font-size:22px!important}
  .wof-comment-card{grid-template-columns:40px minmax(0,1fr);gap:11px;padding:14px}
  .wof-comment-avatar{width:40px;height:40px}
  .wof-comment-author{font-size:11px}
  .wof-comment-content{font-size:12px;line-height:1.7}
  .wof-comment-list .children{margin-left:18px}
  .wof-comment-form{padding:16px}
  .wof-comment-form .comment-form-fields{grid-template-columns:1fr;gap:0}
}

/* v1.9 — inline comment editing */
.wof-comment-edit{appearance:none;border:0;background:none;color:#8da7b2;font:inherit;font-weight:800;padding:0;cursor:pointer}
.wof-comment-edit:hover{color:var(--cyan)}
.wof-inline-edit{margin-top:14px;padding-top:14px;border-top:1px solid rgba(170,220,239,.08)}
.wof-inline-edit[hidden]{display:none}
.wof-inline-edit textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:100px;background:rgba(2,14,24,.78);border:1px solid rgba(170,220,239,.15);color:#f2f8fa;border-radius:9px;padding:11px 12px;font:inherit;line-height:1.6;outline:none}
.wof-inline-edit textarea:focus{border-color:rgba(126,231,255,.55);box-shadow:0 0 0 3px rgba(126,231,255,.06)}
.wof-inline-edit-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:9px}
.wof-inline-save,.wof-inline-cancel{border-radius:8px;padding:8px 12px;font-size:9px;font-weight:900;cursor:pointer}
.wof-inline-save{border:0;background:linear-gradient(135deg,#8ce9ff,#5bcfe9);color:#04202a}
.wof-inline-save:disabled{opacity:.6;cursor:wait}
.wof-inline-cancel{border:1px solid rgba(170,220,239,.16);background:transparent;color:#9bb1bb}
.wof-inline-cancel:hover{border-color:rgba(126,231,255,.4);color:var(--cyan)}
.wof-inline-status{font-size:9px;color:#718b97}
.wof-inline-status.is-success{color:#7ee7a8}
.wof-inline-status.is-error{color:#ff8f8f}


/* v2.2 — manual AdSense containers */
.wof-ad-container{width:100%;max-width:760px;margin:30px auto;padding:12px 0;text-align:center;overflow:hidden}
.wof-ad-label{display:block;margin-bottom:8px;font-size:8px;line-height:1;letter-spacing:2px;font-weight:800;color:#5f7c88}
.wof-ad-container .adsbygoogle{min-height:0}
@media(max-width:620px){.wof-ad-container{margin:24px auto;padding:8px 0}.wof-ad-label{font-size:7px;margin-bottom:7px}}

/* v2.5 — related heading stays with the related cards in both directions */
.related-heading{display:block!important;text-align:left}
.related-heading h2{text-align:left;margin-top:8px}
html[dir="rtl"] .related-heading,
body.wof-rtl .related-heading{text-align:right;direction:rtl}
html[dir="rtl"] .related-heading h2,
body.wof-rtl .related-heading h2{text-align:right}

/* v2.6 */
.wof-rtl .article-content,.wof-rtl .article-hero-inner,.wof-rtl .article-end,.wof-rtl .article-comments{direction:rtl;text-align:right}.wof-rtl .article-layout{direction:rtl}.wof-rtl .article-rail{direction:ltr;text-align:left}.wof-rtl .related-heading,.wof-rtl .related-grid{direction:rtl;text-align:right}

/* v2.8: translated article direction without moving the global header */
body.wof-lang-ar .article-content,
body.wof-lang-ar .article-hero-inner,
body.wof-lang-ar .wof-comments-shell { text-align:right; }
body.wof-lang-en .article-content,
body.wof-lang-en .article-hero-inner,
body.wof-lang-en .wof-comments-shell { text-align:left; }

/* === WOF v2.9 Arabic article typography === */
body:not(.wof-lang-en) .article-hero h1,
body:not(.wof-lang-en) .article-content,
body:not(.wof-lang-en) .article-content h2,
body:not(.wof-lang-en) .article-content h3,
body:not(.wof-lang-en) .article-content h4,
body:not(.wof-lang-en) .related-heading h2,
body:not(.wof-lang-en) .related-body h3,
body:not(.wof-lang-en) .wof-comments-shell {
  font-family: "Cairo", ui-sans-serif, system-ui, sans-serif;
  letter-spacing: 0;
}
body:not(.wof-lang-en) .article-content { line-height: 2; }
body:not(.wof-lang-en) .article-content blockquote {
  border-left: 0;
  border-right: 3px solid var(--cyan);
  border-radius: 12px 0 0 12px;
  background: linear-gradient(270deg, rgba(67,190,222,.1), transparent);
}
body.wof-lang-en .article-content blockquote {
  border-right: 0;
  border-left: 3px solid var(--cyan);
  border-radius: 0 12px 12px 0;
  background: linear-gradient(90deg, rgba(67,190,222,.1), transparent);
}