/*
Theme Name: Naql Pro
Theme URI: https://example.com
Author: Custom
Description: قالب ووردبريس عربي RTL لشركات نقل العفش والخدمات. صفحة رئيسية (هيرو، من نحن، خدمات، لماذا نحن، أحدث المقالات)، أرشيف بشبكة بطاقات، مقال بشريط جانبي، أزرار اتصال وواتساب ثابتة، وكل النصوص والألوان قابلة للتعديل من Appearance ← Customize.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: naql-pro
*/
:root{--primary:#0b5ce5;--navy:#082559;--btn-dark:#162b8c;--dark:#1b1b1b;--cta:#0b5ce5;--on-cta:#fff;--on-primary:#fff;--on-yellow:#fff;--on-accent:#fff;--green:#00d836;--yellow:#fdb913;--red:#e8101f;--text:#1c2434;--muted:#6b7385;--line:#e6eaf3;--bg:#fff;--radius:28px;--font:'Cairo','Tajawal',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;--font-head:var(--font);--fs-body:17px;--fs-menu:18px;--fs-hero:64px;--fs-section:44px;--fs-title:44px;--fs-card:22px;--fs-article:18px;--map-h:300px}
*,*::before,*::after{box-sizing:border-box}
html{direction:rtl;scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.8;font-size:var(--fs-body);direction:rtl;text-align:right;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--primary);text-decoration:none}
a:hover{opacity:.85}
h1,h2,h3,h4{font-family:var(--font-head);line-height:1.5;margin:0 0 .6em;font-weight:800;color:#000}
p{margin:0 0 1em}
.container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:20px}
.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
svg.ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em}
svg.ic.fill{fill:currentColor;stroke:none}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--cta);color:var(--on-cta);font-weight:700;font-size:18px;padding:14px 28px;border-radius:16px;border:0;cursor:pointer;font-family:inherit}
.btn:hover{opacity:.92;color:var(--on-cta)}
.section-head{text-align:center;margin-bottom:40px}
.section-head .kicker{display:block;color:var(--primary);font-size:20px;font-weight:500}
.section-head h2{font-size:var(--fs-section);margin:.1em 0 .3em;font-weight:900}
.section-head p{color:var(--muted);margin:0}

/* Header */
.site-header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 14px color-mix(in srgb,var(--navy) 6%,transparent)}
.site-header .container{max-width:1440px}
.header-in{display:flex;align-items:center;gap:18px;min-height:max(84px,calc(var(--logo-h,80px) + 24px))}
.site-logo{flex:none}
.site-logo img{height:var(--logo-h,80px);width:auto;max-width:none;display:block}
.site-logo .name{font-weight:900;font-size:22px;color:var(--primary)}
.main-nav{flex:1;min-width:0}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;flex-wrap:nowrap}
.main-nav a{display:block;white-space:nowrap;padding:8px 11px;color:var(--primary);font-weight:700;font-size:var(--fs-menu);border-radius:12px}
.main-nav a:hover,.main-nav .current-menu-item>a{background:color-mix(in srgb,var(--primary) 8%,transparent);opacity:1}
.main-nav li{position:relative}
.main-nav ul ul{display:none;position:absolute;top:100%;inset-inline-start:0;background:#fff;min-width:220px;flex-direction:column;box-shadow:0 12px 30px color-mix(in srgb,var(--navy) 12%,transparent);border-radius:14px;padding:8px;z-index:10}
.main-nav li:hover>ul{display:flex}
.search-form{display:flex;align-items:center;border:1px solid var(--line);border-radius:16px;padding:0 14px;height:64px;flex:0 1 290px;min-width:170px;background:#fff}
.search-form input[type=search]{border:0;outline:0;flex:1;font:inherit;font-size:16px;background:transparent;min-width:0}
.search-form button{border:0;background:none;color:var(--primary);font-size:24px;cursor:pointer;padding:0}
.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;width:48px;height:48px;font-size:26px;color:var(--primary);cursor:pointer}

/* Hero */
.hero{position:relative;background:var(--dark) center/cover no-repeat;color:#fff;text-align:center;padding:90px 0 190px}
.hero::before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--dark) 82%,transparent)}
.hero .container{position:relative;max-width:900px}
.hero h1{color:#fff;font-size:var(--fs-hero);font-weight:900;margin-bottom:.35em}
.hero p{font-size:clamp(17px,2vw,22px);color:#e6e6e6;max-width:780px;margin:0 auto 46px}
.hero .curve{position:absolute;bottom:-1px;left:0;width:100%;height:150px;display:block}

/* About */
.about{padding:40px 0 80px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.about-text .kicker{color:var(--primary);font-size:22px;display:block}
.about-text h2{font-size:clamp(34px,5vw,56px);font-weight:900}
.about-text p{color:var(--muted);font-size:19px}
.stats{display:flex;gap:40px;flex-wrap:wrap;margin:28px 0 36px}
.stat{display:flex;align-items:center;gap:14px}
.stat .ico{color:var(--primary);font-size:54px;line-height:1}
.stat b{display:block;font-size:30px;color:#000;line-height:1.2}
.stat span{color:var(--primary);font-size:16px}
.about-img img{border-radius:6px;width:auto;max-width:min(100%,var(--about-w,600px));height:auto;margin-inline:auto}

/* Services */
.services{position:relative;background:var(--dark) center/cover no-repeat;padding:110px 0;color:#fff}
.services::before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--dark) 85%,transparent)}
.services::after,.services .zz-top,.services .zz-bot{content:"";position:absolute;left:0;right:0;height:18px;background-size:36px 18px;background-repeat:repeat-x}
.services .zz-top{top:0;background-image:conic-gradient(from 135deg at 50% 0,#fff 90deg,transparent 0)}
.services .zz-bot{bottom:0;background-image:conic-gradient(from -45deg at 50% 100%,#fff 90deg,transparent 0)}
.services::after{display:none}
.services .container{position:relative}
.services .section-head h2{color:#fff}
.services .section-head p{color:#e6e6e6}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.svc{background:#fff;color:#000;border-radius:22px;padding:30px 22px;text-align:center;min-height:290px;display:flex;flex-direction:column;align-items:center;gap:18px}
.svc.icon img{width:86px;height:86px;object-fit:cover}
.svc.big{padding:8px 8px 26px;gap:14px;min-height:0}
.svc.big img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.svc.big h3,.svc.big p{padding-inline:14px}
.svc h3{font-size:25px;margin:0;color:#000}
.svc p{color:var(--muted);font-size:16px;margin:0}

/* Why */
.why{padding:90px 0 40px}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.why-card{border:1px solid var(--line);border-radius:44px;padding:40px 36px;text-align:center}
.why-card .badge{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;color:var(--on-yellow);font-size:48px}
.why-card .b1{background:var(--yellow)}.why-card .b2{background:var(--red);color:var(--on-accent)}
.why-card h3{font-size:25px}
.why-card p{color:var(--muted);margin:0}

/* Cards */
.latest{padding:70px 0 90px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:8px 8px 22px;background:#fff;transition:.2s;display:flex;flex-direction:column}
.card:hover{box-shadow:0 14px 34px color-mix(in srgb,var(--navy) 10%,transparent);transform:translateY(-3px)}
.card .thumb{display:block;overflow:hidden;border-radius:24px;aspect-ratio:3/2;background:color-mix(in srgb,var(--primary) 8%,#fff)}
.card .thumb img{width:100%;height:100%;object-fit:cover}
.card h3{font-size:var(--fs-card);margin:18px 14px 8px;font-weight:700}
.card h3 a{color:#000}
.card p{margin:0 14px;color:var(--muted);font-size:15px;line-height:1.8}
.more-wrap{text-align:center;margin-top:46px}

/* Archive */
.page-head{border:1px solid var(--line);border-radius:22px;text-align:center;padding:30px 20px 34px;margin:30px 0 40px}
.page-head h1{font-size:var(--fs-title);font-weight:900;margin:.3em 0 0}
.page-head .desc{color:var(--muted);margin:10px auto 0;max-width:800px}
.breadcrumbs{font-size:15px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;align-items:center}
.breadcrumbs .sep{color:#000}
.breadcrumbs .current{color:#000}
.archive-wrap{padding-bottom:70px}
.pagination{margin-top:40px}
.pagination .nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.pagination .page-numbers{min-width:44px;height:44px;display:grid;place-items:center;padding:0 12px;border:1px solid var(--line);border-radius:12px;color:var(--text)}
.pagination .current{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}

/* Single */
.single-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;padding:30px 0 80px;align-items:start}
.article{border:1px solid var(--line);border-radius:30px;padding:36px 44px}
.article h1.entry-title{font-size:var(--fs-title);font-weight:900;margin-bottom:.4em}
.article .breadcrumbs{justify-content:flex-start;margin-bottom:22px}
.article .featured{border-radius:28px;overflow:hidden;margin:0 auto 30px;max-width:750px}
.article .featured img{width:100%;height:100%;object-fit:cover;display:block}
.entry-content{font-size:var(--fs-article);color:#111}
.entry-content h2{font-size:30px;margin-top:1.6em}
.entry-content h3{font-size:24px;margin-top:1.4em}
.entry-content img{border-radius:18px;margin:1em auto}
.entry-content ul,.entry-content ol{padding-inline-start:26px}
.entry-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:10px 14px}
.entry-content table:not([style]) th{background:color-mix(in srgb,var(--primary) 6%,#fff)}
.entry-content blockquote{margin:1.4em 0;padding:14px 22px;border-inline-start:4px solid var(--primary);background:color-mix(in srgb,var(--primary) 6%,#fff);border-radius:12px}
.entry-meta{color:var(--muted);font-size:14px;margin-bottom:18px}
.post-nav{display:flex;justify-content:space-between;gap:16px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap}
.sidebar{display:flex;flex-direction:column;gap:28px;position:sticky;top:var(--side-top,120px);align-self:start;padding:2px}
.sw-side-static .sidebar{position:static}
.box{border:1px solid var(--line);border-radius:22px;padding:22px;background:#fff}
.box h4{font-size:24px;margin:0 0 14px;display:flex;align-items:center;gap:12px;font-weight:700}
.box h4.line::after{content:"";width:26px;height:2px;background:var(--primary);order:2}
.rating{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rating h4{margin:0;font-size:22px;line-height:1.4}
.stars{display:flex;align-items:center;gap:2px;color:var(--yellow);font-size:24px}
.stars .off{color:#555;fill:none;stroke:currentColor}
.stars small{color:var(--muted);font-size:15px;margin-inline-end:6px}
.side-list{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--line)}
.side-list li{display:flex;align-items:center;gap:14px;padding:10px 0}
.side-list a{flex:1;color:#000;font-weight:600;font-size:16px;line-height:1.5}
.side-list img{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:none}
.box .widget-title{font-size:22px}
.box ul{padding-inline-start:20px}

/* Footer */
.site-footer{background:var(--navy);color:#fff;padding-top:50px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px;align-items:start}
.site-footer h4{color:#fff;font-size:var(--fs-foot-title,22px);padding-bottom:12px;margin-bottom:22px;position:relative;font-weight:800}
.site-footer h4::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:56px;height:2px;background:var(--red)}
.site-footer p{color:#e9eefb;font-size:var(--fs-foot,16px)}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin-bottom:12px;padding-inline-start:16px;position:relative}
.site-footer li::before{content:"";position:absolute;inset-inline-start:0;top:.8em;width:5px;height:5px;border-radius:50%;background:#fff}
.site-footer li a{color:#fff;font-size:var(--fs-foot,16px)}
.socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.socials a{width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--primary);font-size:22px}
.map-box{border-radius:22px;overflow:hidden;height:var(--map-h);max-height:var(--map-h);background:color-mix(in srgb,var(--primary) 12%,#fff)}
.map-box iframe{width:100%!important;height:100%!important;border:0;display:block}
.copyright{text-align:center;padding:24px 20px 28px;font-size:var(--fs-copy,18px);color:#fff;margin-top:24px;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;align-items:baseline}
.copyright b{color:var(--red);font-size:var(--fs-copy-name,26px)}
.copyright a{color:#fff;font-weight:700;text-decoration:underline}

/* Floating */
.float-btns{position:fixed;right:18px;left:auto;bottom:30px;display:flex;flex-direction:column;gap:12px;z-index:60}
.float-btns a{width:76px;height:66px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:34px;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.float-btns a{position:relative}
.fb-call{background:var(--btn-dark);animation:sw-shake 2.6s ease-in-out infinite;transform-origin:50% 50%}
.fb-wa::after{content:"";position:absolute;inset:0;border-radius:16px;border:3px solid var(--green);animation:sw-pulse 1.8s ease-out infinite;pointer-events:none}
@keyframes sw-shake{0%,55%,100%{transform:rotate(0)}60%{transform:rotate(-12deg)}66%{transform:rotate(11deg)}72%{transform:rotate(-9deg)}78%{transform:rotate(8deg)}84%{transform:rotate(-4deg)}90%{transform:rotate(0)}}
@keyframes sw-pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.35);opacity:0}}
@media(prefers-reduced-motion:reduce){.fb-call,.fb-wa::after{animation:none}}
.fb-wa{background:var(--green);height:76px!important}
.to-top{position:fixed;left:18px;right:auto;bottom:30px;width:62px;height:62px;border-radius:14px;background:var(--primary);color:#fff;border:0;font-size:36px;display:none;place-items:center;cursor:pointer;z-index:60}
.to-top.show{display:grid}

/* Responsive */
@media(max-width:1100px){.cards,.svc-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.single-wrap{grid-template-columns:minmax(0,1fr)}.sidebar{order:2;position:static;max-height:none;overflow:visible}.search-form{min-width:200px}}
@media(max-width:860px){
.nav-toggle{display:block;order:3}
.header-in{flex-wrap:wrap;min-height:84px;gap:12px}
.main-nav{display:none;order:5;flex:0 0 100%}
.main-nav.open{display:block}
.main-nav ul{flex-direction:column}
.main-nav ul ul{position:static;display:flex;box-shadow:none;padding-inline-start:16px}
.search-form{order:4;height:52px;flex:1;min-width:0}
.site-logo{margin-inline-end:auto}
.about-grid,.why-grid{grid-template-columns:1fr}
.about-img{order:-1}
.hero{padding:60px 0 150px}
.article{padding:22px 18px}
}
@media(max-width:560px){.cards,.svc-grid,.footer-grid{grid-template-columns:1fr}.float-btns a{width:60px;height:56px;font-size:28px}.fb-wa{height:60px!important}.services{padding:80px 0}}

@media(max-width:860px){.hero h1{font-size:calc(var(--fs-hero)*.6)}.section-head h2{font-size:calc(var(--fs-section)*.7)}.article h1.entry-title,.page-head h1{font-size:calc(var(--fs-title)*.7)}}

@media(min-width:861px) and (max-width:1300px){.main-nav a{padding:8px 7px;font-size:calc(var(--fs-menu)*.92)}.search-form{flex-basis:210px}}
@media(max-width:860px){.main-nav ul{flex-wrap:wrap}.site-logo img{height:min(var(--logo-h,80px),60px)}}

.children{margin-top:44px;padding-top:30px;border-top:1px solid var(--line)}
.children h2{font-size:30px;margin-bottom:22px}
.article .cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}

.breadcrumbs.yoast-bc{display:block;font-size:15px}
.yoast-bc a{color:var(--primary)}
.yoast-bc .breadcrumb_last{color:#000;font-weight:600}

.btn:disabled{opacity:.65;cursor:wait}

.sw-load-more[disabled]{opacity:.6;cursor:wait}

/* Table of contents */
.sw-toc{margin:0 0 28px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--primary) 5%,#fff)}
.sw-toc summary{cursor:pointer;list-style:none;padding:14px 20px;font-weight:800;font-size:1.1em;color:#000;display:flex;align-items:center;justify-content:space-between;gap:12px}
.sw-toc summary::-webkit-details-marker{display:none}
.sw-toc summary::after{content:"";width:9px;height:9px;border:solid var(--primary);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s;margin-inline-start:auto}
.sw-toc details[open] summary::after{transform:rotate(-135deg)}
.sw-toc-list{margin:0;padding:0 20px 16px;padding-inline-start:42px;line-height:1.9}
.sw-toc-list li{margin:.15em 0}
.sw-toc-list a{color:var(--text);font-weight:600}
.sw-toc-list a:hover{color:var(--primary);opacity:1}
.sw-toc-sub{list-style:disc;margin:.2em 0 .3em;padding-inline-start:22px}
.sw-toc-sub a{font-weight:500}
.entry-content h2[id],.entry-content h3[id]{scroll-margin-top:calc(max(84px,var(--logo-h,80px) + 24px) + 24px)}
.admin-bar .entry-content h2[id],.admin-bar .entry-content h3[id]{scroll-margin-top:calc(max(84px,var(--logo-h,80px) + 24px) + 56px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* مربع البحث: التحكم من الإعدادات */
.sw-search-none .search-form{display:none}
@media(max-width:860px){.sw-search-desktop .search-form{display:none}}

/* على الجوال: مساحة أسفل الفوتر كي لا تغطي الأزرار العائمة نص الحقوق */
@media(max-width:860px){.copyright{padding-bottom:110px}.copyright b{font-size:min(var(--fs-copy-name,26px),22px)}}

/* ===== حماية من اتساع الصفحة على الجوال (مقالات المحرر أو الكود الجاهز) ===== */
html,body{max-width:100%}
body{overflow-x:hidden;overflow-x:clip}
.article,.entry-content,.single-wrap>*,.page-wrap>*{min-width:0}
.entry-content{overflow-wrap:anywhere;word-break:normal}
.entry-content *{max-width:100%;box-sizing:border-box}
.entry-content img,.entry-content video,.entry-content iframe,.entry-content svg,.entry-content canvas{max-width:100%;height:auto}
.entry-content iframe{height:auto;aspect-ratio:16/9}
.entry-content pre{overflow-x:auto;white-space:pre-wrap}
.entry-content table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.entry-content [style*="width"]:not(img):not(table){max-width:100%}
.entry-content figure,.entry-content .wp-block-image,.entry-content .wp-block-table{max-width:100%;margin-inline:0}
.sw-toc,.sw-toc-list,.sw-toc-list li{min-width:0;max-width:100%}
.sw-toc-list a{overflow-wrap:anywhere}
@media(max-width:860px){
.sw-toc-list{padding-inline-end:14px;padding-inline-start:34px}
.sw-toc summary{padding:12px 14px}
/* مساحة كافية أسفل الصفحة كي لا تغطي الأزرار العائمة نص الحقوق */
.copyright{padding-bottom:190px}
}

/* صندوق الروابط المخصص */
.sw-linkbox{margin-top:0}
.sidebar .sw-linkbox{margin-top:0}
.sw-linkbox h4{font-size:22px;margin:0 0 12px;font-weight:800}
.sw-linkbox .lb-link{display:block;border:1px solid var(--line);border-radius:16px;padding:14px 18px;text-align:center;font-weight:800;color:#111;background:#fff;margin-bottom:12px;line-height:1.6;overflow-wrap:anywhere;transition:border-color .2s,color .2s}
.sw-linkbox .lb-link:hover{border-color:var(--primary);color:var(--primary);opacity:1}
.sw-linkbox .lb-text{border:1px solid var(--line);border-radius:16px;padding:14px 18px;background:#fff;text-align:center;overflow-wrap:anywhere}
.single-wrap>.sw-linkbox{grid-column:1/-1}

@media(max-width:860px){.sw-bc-nomobile .article .breadcrumbs{display:none}}

/* محاذاة الصور (aligncenter / alignleft / alignright) وتعليقات الصور من محرر ووردبريس */
.entry-content .aligncenter,.entry-content figure.aligncenter,.entry-content .wp-caption.aligncenter{display:block;margin-inline:auto;text-align:center}
.entry-content .alignleft{float:left;margin:.3em 1.2em 1em 0}
.entry-content .alignright{float:right;margin:.3em 0 1em 1.2em}
.entry-content .wp-caption-text,.entry-content figcaption{font-size:.9em;color:#444;text-align:center;margin-top:6px}
.entry-content .wp-caption img{margin:0 auto}
@media(max-width:600px){.entry-content .alignleft,.entry-content .alignright{float:none;margin:1em auto;display:block}}

/* أزرار المشاركة */
.sw-share{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.sw-share .sh-title{font-size:22px;margin:0 0 16px;display:flex;align-items:center;gap:10px;font-weight:800}
.sw-share .sh-title .ic{width:24px;height:24px}
.sh-list{display:flex;flex-wrap:wrap;gap:10px}
.sh{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:11px 20px;color:#fff;font:inherit;font-weight:700;font-size:16px;cursor:pointer;line-height:1.2;transition:transform .15s,opacity .15s}
.sh:hover{transform:translateY(-2px);opacity:.92;color:#fff}
.sh .ic{width:20px;height:20px}
.sh-facebook{background:#1877f2}.sh-x{background:#111}.sh-whatsapp{background:#1fa855}.sh-telegram{background:#229ed9}.sh-linkedin{background:#0a66c2}.sh-email{background:#667085}.sh-copy{background:var(--primary)}
.sh-copy.done{background:#1fa855}
@media(max-width:560px){.sh{padding:10px 16px;font-size:15px}.sw-share .sh-title{font-size:19px}}

/* قائمة الجوال: صفحة كاملة وزر يتحول إلى X */
.nav-toggle .i-close{display:none}
.nav-toggle[aria-expanded="true"] .i-menu{display:none}
.nav-toggle[aria-expanded="true"] .i-close{display:inline-flex}
.nav-toggle .i-menu,.nav-toggle .i-close{align-items:center;justify-content:center}
@media(max-width:860px){
body.sw-menu-open{overflow:hidden}
.main-nav.open{position:fixed;top:var(--hdr-h,84px);bottom:0;inset-inline:0;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 22px 120px;border-top:1px solid var(--line);z-index:49}
.main-nav.open ul{margin:0;padding:0;list-style:none;gap:0}
.main-nav.open li{border-bottom:1px solid var(--line)}
.main-nav.open a{display:block;padding:16px 4px;font-size:calc(var(--fs-menu)*1.1)}
.main-nav.open ul ul{padding-inline-start:18px;border-top:1px solid var(--line)}
.main-nav.open ul ul li:last-child{border-bottom:0}
}