/* ===== مركز المملكة 3 — المدونة ===== */
/* hero (ديناميكي) */
body.km-site .km-crumbsw,body.km-site .km-titlew,body.km-site .km-subw{width:100%!important}
.km-crumbs-sc{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:6px 18px;border-radius:9999px;background:rgba(255,255,255,.05);border:1px solid rgba(220,38,38,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:14px;line-height:20px;font-weight:600;color:var(--km-yel);margin:0 auto 24px;max-width:100%}
.km-crumbs-sc a{color:var(--km-g3);transition:color .15s}
.km-crumbs-sc a:hover{color:var(--km-yel)}
.km-crumbs-sc .km-sep{color:var(--km-g5)}
body.km-site .km-crumbsw .elementor-shortcode{text-align:center}
.km-ph1t{font-family:var(--km-font);font-size:40px;line-height:48px;font-weight:800;color:#fff;text-align:center;margin:0 0 24px;letter-spacing:normal}
.km-ph1t.is-post{font-size:30px;line-height:46px;max-width:900px;margin-inline:auto}
@media(min-width:768px){.km-ph1t{font-size:60px;line-height:68px}.km-ph1t.is-post{font-size:44px;line-height:64px}}
.km-phlead{color:var(--km-g3);font-size:18px;line-height:29.25px;text-align:center;max-width:768px;margin:0 auto}

/* meta */
.km-pmeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:13px;line-height:20px;color:var(--km-g4)}
.km-pmeta span{display:inline-flex;align-items:center;gap:6px}
.km-pmeta svg{width:16px;height:16px;color:var(--km-yel);flex-shrink:0;fill:none}
.km-pmeta a{color:inherit;transition:color .15s}
.km-pmeta a:hover{color:var(--km-yel)}
.km-pmeta-hero{justify-content:center;font-size:15px;color:var(--km-g3);gap:10px 24px}

/* category chips */
.km-bcats{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:48px}
.km-bcat{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:9999px;border:1px solid rgba(220,38,38,.3);background:rgba(255,255,255,.04);color:var(--km-g3);font-weight:600;font-size:14px;line-height:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}
.km-bcat span{font-size:12px;color:var(--km-g5);font-weight:700}
.km-bcat:hover{border-color:rgba(250,204,21,.5);color:var(--km-yel)}
.km-bcat.is-on{background-image:linear-gradient(to right,var(--km-red),var(--km-red7));border-color:transparent;color:#fff;box-shadow:var(--km-sh-red)}
.km-bcat.is-on span{color:rgba(255,255,255,.75)}

/* grid + cards */
.km-pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
@media(max-width:1024px){.km-pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:767px){.km-pgrid{grid-template-columns:minmax(0,1fr)}}
.km-pcard{position:relative;display:flex;flex-direction:column;background-image:linear-gradient(to bottom right,var(--km-g9),#000);border:1px solid rgba(220,38,38,.3);border-radius:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s,translate .25s cubic-bezier(.4,0,.2,1)}
.km-pcard:hover{border-color:rgba(250,204,21,.5);translate:0 -4px;box-shadow:0 20px 40px -12px rgba(220,38,38,.3)}
.km-pimg{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#111}
.km-pimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.km-pcard:hover .km-pimg img{transform:scale(1.05)}
.km-pimg-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(220,38,38,.35),rgba(202,138,4,.2)),#111;color:var(--km-yel)}
.km-pimg-ph svg{width:64px;height:64px;opacity:.8;fill:none}
.km-pcat{position:absolute;top:16px;right:16px;z-index:1;background-image:linear-gradient(to right,var(--km-red),var(--km-yel6));color:#fff;font-size:12px;line-height:16px;font-weight:700;padding:6px 12px;border-radius:9999px;box-shadow:var(--km-sh-lg)}
.km-pbody{flex:1;display:flex;flex-direction:column;gap:12px;padding:24px}
.km-ptitle{font-family:var(--km-font);font-size:20px;line-height:32px;font-weight:700;color:#fff;margin:0}
.km-ptitle a{color:inherit;transition:color .15s}
.km-ptitle a:hover{color:var(--km-yel)}
.km-pex{color:var(--km-g3);font-size:15px;line-height:26px;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.km-pmore{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;color:var(--km-yel);font-weight:700;font-size:14px;line-height:20px;transition:gap .2s}
.km-pmore svg{width:16px;height:16px;fill:none}
.km-pmore:hover{gap:12px;color:var(--km-yel)}

/* pagination */
.km-pag{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:56px}
.km-pag .page-numbers{min-width:44px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:1px solid rgba(255,255,255,.1);color:#fff;font-weight:700;font-size:15px;transition:all .15s}
.km-pag .page-numbers svg{width:20px;height:20px;fill:none}
.km-pag a.page-numbers:hover{background:var(--km-red);border-color:var(--km-red)}
.km-pag .page-numbers.current{background-image:linear-gradient(to right,var(--km-red),var(--km-red7));border-color:transparent;box-shadow:var(--km-sh-red)}
.km-pag .page-numbers.dots{border:0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* empty */
.km-pempty{max-width:560px;margin:0 auto;text-align:center;padding:48px 32px;border-radius:24px;border:1px solid rgba(220,38,38,.3);background-image:linear-gradient(to bottom right,var(--km-g9),#000);display:flex;flex-direction:column;align-items:center;gap:16px}
.km-pempty>svg{width:48px;height:48px;color:var(--km-yel);fill:none}
.km-pempty p{color:var(--km-g3);font-size:18px;line-height:29px;margin:0}
.km-pempty .km-pmore{margin-top:0}

/* article */
body.km-site .km-article-sec{padding:64px 0 80px}
.km-athumb{margin:0 0 48px}
.km-athumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:24px;border:2px solid rgba(220,38,38,.2);box-shadow:var(--km-sh-2xl)}
.km-athumb figcaption{text-align:center;color:var(--km-g4);font-size:14px;margin-top:12px}
body.km-site .km-prose,body.km-site .km-prose *{font-family:var(--km-font)}
body.km-site .km-prose{color:var(--km-g2);font-size:18px;line-height:2}
body.km-site .km-prose p{margin:0 0 24px!important;color:var(--km-g2)}
body.km-site .km-prose h2{font-size:28px;line-height:42px;font-weight:800;color:#fff;margin:48px 0 20px!important;padding-right:16px;border-right:4px solid var(--km-yel)}
body.km-site .km-prose h3{font-size:22px;line-height:34px;font-weight:700;color:#fff;margin:36px 0 16px!important}
body.km-site .km-prose h4{font-size:19px;line-height:30px;font-weight:700;color:var(--km-yel);margin:28px 0 12px!important}
body.km-site .km-prose strong,body.km-site .km-prose b{color:#fff;font-weight:700}
body.km-site .km-prose a{color:var(--km-yel);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
body.km-site .km-prose a:hover{color:#fff}
body.km-site .km-prose ul,body.km-site .km-prose ol{margin:0 0 24px!important;padding:0 24px 0 0}
body.km-site .km-prose li{margin:0 0 10px!important}
body.km-site .km-prose li::marker{color:var(--km-yel);font-weight:700}
body.km-site .km-prose blockquote{margin:32px 0!important;padding:20px 24px;border:0;border-right:4px solid var(--km-red);border-radius:12px;background-image:linear-gradient(to left,rgba(220,38,38,.12),rgba(202,138,4,.06));color:#fff;font-style:normal;font-size:19px}
body.km-site .km-prose blockquote p:last-child{margin-bottom:0!important}
body.km-site .km-prose img{max-width:100%;height:auto;border-radius:16px}
body.km-site .km-prose figure{margin:32px 0!important}
body.km-site .km-prose figcaption{text-align:center;color:var(--km-g4);font-size:14px;margin-top:8px}
body.km-site .km-prose table{width:100%;border-collapse:collapse;margin:32px 0;font-size:16px;border-radius:12px;overflow:hidden}
body.km-site .km-prose th{background:rgba(220,38,38,.18);color:#fff;font-weight:700}
body.km-site .km-prose th,body.km-site .km-prose td{border:1px solid rgba(255,255,255,.1);padding:12px 16px;text-align:right}
body.km-site .km-prose hr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:40px 0}
@media(max-width:767px){body.km-site .km-prose{font-size:17px;line-height:1.95}body.km-site .km-prose h2{font-size:24px;line-height:36px}body.km-site .km-prose h3{font-size:20px;line-height:30px}}

/* share */
.km-share{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}
.km-share-l{color:#fff;font-weight:700;font-size:16px;margin-left:4px}
.km-sh{width:44px;height:44px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;cursor:pointer;padding:0;transition:all .2s}
.km-sh svg{width:20px;height:20px}
.km-sh-wa svg,.km-sh-x svg{fill:currentColor}
.km-sh-copy svg{fill:none}
.km-sh-wa:hover{background:#25D366;border-color:#25D366}
.km-sh-x:hover{background:#fff;color:#000;border-color:#fff}
.km-sh-copy:hover{background:var(--km-red);border-color:var(--km-red)}

/* related */
.km-rel-h{font-family:var(--km-font);font-size:30px;line-height:36px;font-weight:700;color:#fff;margin:0 0 16px;text-align:center}
@media(min-width:768px){.km-rel-h{font-size:40px;line-height:48px}}
.km-related .km-head{margin-bottom:48px}
body.km-site .km-related-sec:not(:has(.km-related)){display:none}

/* Xpro singular/archive full-width */
body.km-site.xpro-theme-builder-template .ast-container,body.km-site.xpro-theme-builder-template .site-content>.ast-container{max-width:none!important;width:100%!important;padding:0!important;margin:0!important;display:block!important}
body.km-site .xpro-theme-builder-singular-wrapper,body.km-site .xpro-theme-builder-archive-wrapper,body.km-site .xpro-theme-builder-singular-wrapper>.elementor,body.km-site .xpro-theme-builder-archive-wrapper>.elementor{background:transparent!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important;box-shadow:none!important;border:0!important}
body.km-site.ast-separate-container,body.km-site.ast-separate-container #page,body.km-site .site-content{background:#000!important}

/* Rank Math FAQ → site cards */
body.km-site .km-prose .rank-math-block{margin:8px 0 48px!important}
body.km-site .km-prose .rank-math-list{display:flex;flex-direction:column;gap:16px}
body.km-site .km-prose .rank-math-list-item{background-image:linear-gradient(to bottom right,var(--km-g9),#000);border:1px solid rgba(220,38,38,.3);border-radius:16px;padding:20px 24px;transition:border-color .2s}
body.km-site .km-prose .rank-math-list-item:hover{border-color:rgba(250,204,21,.5)}
body.km-site .km-prose .rank-math-question{font-size:19px!important;line-height:30px!important;font-weight:700;color:#fff;margin:0 0 8px!important;padding-right:30px;position:relative}
body.km-site .km-prose .rank-math-question::before{content:'؟';position:absolute;right:0;top:0;width:22px;height:22px;margin-top:4px;border-radius:9999px;background-image:linear-gradient(to right,var(--km-red),var(--km-yel6));color:#fff;font-size:14px;line-height:22px;text-align:center}
body.km-site .km-prose .rank-math-answer,body.km-site .km-prose .rank-math-answer p{color:var(--km-g3)!important;font-size:16px;line-height:1.9;margin:0!important}