/* document-single-1-en.css — مولَّد آليًّا من document-single-1.css: مقلوب الاتجاه + خط Calibri.
   لا تعدّل هذا الملف يدويًّا؛ عدّل document-single-1.css ثم: php tools/build-en-css.php */
/* ═══════════════════════════════════════════════════════
 *  document-single-1.css — أُستخرِج آليًا من pages/document-single.php
 *  المقطع 1 من 2 · سطور 301–301 في الأصل.
 *  ⚠️ الترتيب بين المقاطع مقصود: بينها كتل <style> مشروطة
 *     باقية في الصفحة، والتتالي يعتمد على تسلسلها.
 * ═══════════════════════════════════════════════════════ */
:root{--blue:#2563EB;--blue-d:#0064c8;--ink:#1f2937;--mut:#6b7480;--faint:#6b7280;--line:#e8ebf1;--soft:#f6f8fc;--grn:#10B981}
.doc-single{max-width:1100px;margin:0 auto;padding:30px 22px;font-family:'Calibri','Segoe UI Arabic',system-ui,-apple-system,'Cairo',sans-serif}
.breadcrumb{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--faint);margin-bottom:18px;flex-wrap:wrap}
.breadcrumb a{color:var(--blue);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.ds-titlebar{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.ds-titlebar .ic{width:46px;height:46px;border-radius:13px;background:#eaf2fe;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.ds-titlebar h1{font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.01em;margin:0}
.ds-titlebar .st{font-size:12.5px;color:var(--faint);margin-top:3px}
.doc-layout{display:grid;grid-template-columns:1fr 310px;gap:22px;align-items:start}
.doc-viewer{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 8px 26px rgba(13,27,62,.05)}
.doc-viewer-bar{background:#fbfbfd;border-bottom:1px solid var(--line);padding:11px 16px;display:flex;align-items:center;justify-content:space-between}
.doc-viewer-bar span{color:var(--mut);font-size:13px}
.doc-content,.doc-viewer,.contract-print-area,#contract-review-modal,#review-content,#contract-print-area{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}
.contract-parties-wrap div{font-size:.74rem !important;line-height:1.7 !important}
.contract-parties-wrap div[style*="uppercase"]{font-size:.6rem !important}
.preview-scroll{scrollbar-width:thin;scrollbar-color:#c7c7cc transparent}
.preview-scroll::-webkit-scrollbar{width:9px}
.preview-scroll::-webkit-scrollbar-thumb{background:#c7c7cc;border-radius:6px;border:2px solid #fff}
.preview-scroll::-webkit-scrollbar-thumb:hover{background:#a1a1a6}
.doc-content{padding:26px;color:#2b2b2e;font-size:13px;line-height:2;direction:ltr;position:relative;background:#fff;scrollbar-width:thin;scrollbar-color:#c7c7cc transparent}
.doc-content::-webkit-scrollbar{width:9px}
.doc-content::-webkit-scrollbar-thumb{background:#c7c7cc;border-radius:6px;border:2px solid #fff}
.doc-content p{margin-bottom:1em;line-height:2}
.doc-content h1,.doc-content h2,.doc-content h3,.doc-content h4{color:var(--ink);font-weight:700;margin:1.2em 0 .5em;line-height:1.5}
.doc-content h1{font-size:17px}.doc-content h2{font-size:15.5px}.doc-content h3{font-size:14.5px}
.doc-content table{width:100%;border-collapse:collapse;margin:1em 0}
.doc-content table td,.doc-content table th{border:1px solid #eef0f3;padding:9px 12px;font-size:13px;color:var(--ink)!important}
.doc-content table[style*="background"],[class*="party"]{color:var(--ink)!important}
.doc-content div[style*="background:#fff"],.doc-content div[style*="background: #fff"],.doc-content div[style*="background:white"]{color:var(--ink)!important}
.doc-content ul,.doc-content ol{padding-left:20px;margin-bottom:1em}
.doc-content li{margin-bottom:.4em;line-height:1.9}
.doc-content strong,.doc-content b{color:var(--ink);font-weight:700}
.doc-content .tpl-var{background:#eaf2fe;color:#215a9e;border-radius:5px;padding:2px 7px;font-size:12.5px;font-family:monospace;font-weight:700;letter-spacing:.3px;border:1px solid #cfe0f7}
.doc-content .fill-line{display:inline-block;min-width:120px;border-bottom:1px solid #86868b;height:1.05em;vertical-align:bottom;margin:0 2px}
.paywall-overlay{position:absolute;bottom:0;right:0;left:0;height:250px;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 26%,rgba(255,255,255,.92) 48%,#ffffff 68%,#ffffff 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:26px;z-index:6}
.fill-section{background:#fff;border-radius:16px;border:1px solid var(--line);padding:24px;margin-top:20px}
.fill-section h3{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px}
#paypal-container{margin-top:10px}
.modal-overlay-custom{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}
.modal-box-custom{background:#fff;border-radius:22px;padding:34px;max-width:480px;width:100%;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.28);box-sizing:border-box}
.modal-btn-group-vertical{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:20px}
.modal-btn-group-vertical .btn{width:100%!important;box-sizing:border-box;padding:12px;font-weight:600}
.fill-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:10000;display:none;align-items:center;justify-content:center;padding:16px;overflow-y:auto}
.fill-modal-box{background:#fff;border-radius:28px;width:100%;max-width:940px;box-shadow:0 28px 84px rgba(0,0,0,.34);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}
.fill-modal-header{background:#fff;color:#0D1B3E;border-bottom:1px solid #F1F3F8;border-radius:28px 28px 0 0;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.fill-modal-body{flex:1;overflow-y:auto;padding:0}
.fill-modal-footer{border-top:1px solid #f0f0f3;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.desc-box{background:#fbfbfd;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-top:14px}
.desc-box h4{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:8px}
.desc-box p{font-size:13.5px;color:var(--mut);line-height:1.9;margin:0}
.side-card{background:#fff;border-radius:16px;border:1px solid var(--line);padding:20px;margin-bottom:13px}
.price-big{text-align:center}
.price-big .v{font-size:32px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.price-big .c{font-size:12.5px;color:var(--faint);margin-top:3px}
.side-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid #f4f4f6}
.side-row{display:flex;justify-content:space-between;margin-bottom:9px;font-size:13px}
.side-row span{color:var(--faint)}
.side-row b{font-weight:600;color:var(--ink)}
.incl-list{list-style:none;padding:0;margin:0}
.incl-list li{display:flex;align-items:center;gap:9px;font-size:13px;color:#3a3a3d;padding:6px 0}
.incl-list li i{color:var(--grn);font-size:12px;flex-shrink:0}
.side-trust{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11.5px;color:var(--faint);margin-top:12px}
.doc-single .btn{border-radius:980px;font-weight:500;padding:12px 16px;font-size:14px;transition:.18s;font-family:inherit}
.doc-single .btn-primary{background:var(--blue);color:#fff;border:none}
.doc-single .btn-primary:hover{background:var(--blue-d)}
.doc-single .btn-outline{background:#fff;border:1px solid var(--line);color:var(--ink)}
.doc-single .btn-outline:hover{border-color:var(--blue);color:var(--blue)}
.doc-single .btn-dark{background:var(--ink);color:#fff;border:none}
.doc-single .btn-block{display:block;width:100%;text-align:center}
@media(max-width:820px){.doc-layout{grid-template-columns:1fr}}
@media(max-width:640px){
  .doc-single{padding:16px 12px}
  #contract-print-area{padding:22px 16px!important}
  .doc-content{padding:18px 14px!important;overflow-x:auto}
  .modal-box-custom{padding:26px 18px}
  .contract-parties-wrap table,.contract-parties-wrap tbody,.contract-parties-wrap tr{display:block;width:100%}
  .contract-parties-wrap td{display:block;width:100%!important;border-right:none!important;border-left:none!important;border-bottom:1px solid var(--line)}
  .fill-modal-box{max-height:94vh}
  .fill-modal-header,.fill-modal-footer{padding:12px 14px}
  #wiz-labels{display:none}
  .ds-titlebar h1{font-size:20px}
  .dv-toolbar{flex-wrap:wrap}
}
/* شريط أدوات العارض */
.dv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fbfbfd;border:1px solid var(--line);border-radius:14px;padding:9px 12px;margin-bottom:14px}
.dv-seg{display:flex;background:var(--soft);border-radius:10px;padding:3px}
.dv-seg a{padding:6px 16px;border-radius:8px;font-size:12.5px;font-weight:700;letter-spacing:.5px;text-decoration:none;color:var(--mut);transition:.15s}
.dv-seg a.on{background:var(--blue);color:#fff}
.dv-name{font-size:13px;color:var(--mut);font-weight:600;padding-left:4px}
.dv-tools{display:flex;gap:7px}
.dv-tool{width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid var(--line);color:var(--mut);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:.15s;font-family:inherit}
.dv-tool:hover{background:var(--blue);border-color:var(--blue);color:#fff}
/* تنسيق العقد داخل المعاينة — مستند مرتّب (Segoe UI · هوامش · مضبوط) */
.doc-content{padding:32px clamp(18px,5%,46px);line-height:2.05}
.doc-content p{text-align:justify}
.doc-content h1{text-align:center;font-size:16px;margin:4px 0 2px;font-weight:800}
.doc-content h1::after{content:"";display:block;width:46px;height:3px;background:var(--blue);border-radius:3px;margin:12px auto 4px}
.doc-content h2,.doc-content h3,.doc-content h4{position:relative;padding-left:13px}
.doc-content h2::before,.doc-content h3::before,.doc-content h4::before{content:"";position:absolute;top:4px;bottom:3px;left:0;width:3px;background:var(--blue);border-radius:3px}
.doc-content[style*="ltr"] h1{text-align:center}
.doc-content[style*="ltr"] h2,.doc-content[style*="ltr"] h3,.doc-content[style*="ltr"] h4{padding-left:0;padding-right:13px}
.doc-content[style*="ltr"] h2::before,.doc-content[style*="ltr"] h3::before,.doc-content[style*="ltr"] h4::before{left:auto;right:0}
.doc-content table{border-radius:10px;overflow:hidden}
/* ترويسة العنوان (تُبنى وتُوضع فوق جدول الأطراف) */
.doc-content .ct-head{text-align:center;margin:6px 0 20px}
.doc-content .ct-title{font-size:17px;font-weight:800;color:var(--ink);line-height:1.5}
.doc-content .ct-law{font-size:12px;color:var(--faint);margin-top:5px;line-height:1.75}
.doc-content .ct-rule{width:46px;height:3px;background:var(--blue);border-radius:3px;margin:13px auto 0}
/* جدول الأطراف — شكل نظيف كالمعتمَد */
.doc-content .ct-parties{margin:0 0 18px!important;border:none!important;background:transparent!important;padding:0!important}
.doc-content .ct-parties table{width:100%;background:#fcfcfd;border:1.5px solid #cbd5e1!important;border-radius:12px;border-collapse:separate!important;border-spacing:0;overflow:hidden;box-shadow:0 1px 3px rgba(15,23,42,.05)}
.doc-content .ct-parties td{border:none!important;border-right:1px solid #dbe2ea!important;padding:15px 18px!important;background:transparent!important;vertical-align:top;width:50%}
.doc-content .ct-parties td:last-child{border-right:none!important}
.doc-content .ct-parties td>div:first-child,.doc-content .ct-parties td>p:first-child,.doc-content .ct-parties td>strong:first-child,.doc-content .ct-parties td>b:first-child{display:block;text-align:center!important;border-bottom:1px solid #eef0f3;padding-bottom:9px;margin-bottom:12px;font-weight:800!important;font-size:12.5px;color:var(--ink)!important}
.doc-content .ct-parties .fill-line{border-bottom-style:dashed!important;border-color:#c7c7cc!important}
/* ضغط المسافات + تصغير الخط في جدول الأطراف (المعاينة فقط) */
.doc-content .ct-parties td>div:not(:first-child){line-height:1.3!important;font-size:.86em!important}
.doc-content .ct-parties td>div:not(:first-child)>div{margin-bottom:1px!important;line-height:1.35!important}
/* المعاينة فقط: التسمية + النقط في نفس السطر داخل كل حقل (نستهدف الحقل الأعمق فقط) */
.doc-content .ct-parties td>div:not(:first-child)>div{display:flex;align-items:baseline;gap:5px;min-width:0}
.doc-content .ct-parties td>div:not(:first-child)>div>strong,.doc-content .ct-parties td>div:not(:first-child)>div>b{flex:0 1 auto;min-width:0}
.doc-content .ct-parties td>div:not(:first-child)>div>.fill-line{flex:1 1 0;min-width:24px!important;margin-inline-start:auto}
/* ===== FIX #12: معاينة الزائر (غير المشترك) بمقياس 2x مع تمرير ===== */
.guest-2x-scroll{overflow:auto!important;-webkit-overflow-scrolling:touch}
.guest-2x-inner{/* عرض ضِعف كمية المحتوى بدون تكبير الخط */}
.guest-2x-scroll::-webkit-scrollbar{width:10px;height:10px}
.guest-2x-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}
@media(max-width:640px){.doc-content h1::after{margin:9px auto 4px}}
/* طي معلومات المستند */
.side-title.collap{cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none}
.side-title.collap .chev{transition:transform .2s;font-size:12px;color:var(--faint)}
.side-card.closed .side-title.collap{margin-bottom:0;padding-bottom:0;border-bottom:none}
.side-card.closed .collap-body{display:none}
.side-card.closed .side-title.collap .chev{transform:rotate(-90deg)}
/* ملء الشاشة */
.doc-viewer:fullscreen{background:#fff;padding:26px;overflow:auto}
.doc-viewer:-webkit-full-screen{background:#fff;padding:26px;overflow:auto}
@media print{
  .main-navbar,.site-footer,footer,.breadcrumb,.ds-titlebar,.dv-toolbar,.desc-box{display:none!important}
  .doc-layout{display:block!important}
  .doc-layout>div:last-child{display:none!important}
  .doc-content,.preview-scroll{max-height:none!important;overflow:visible!important;border:none!important}
  .paywall-overlay{display:none!important}
}