/* ESCHOOL V103 — ضبط موضع شعار المناسبة، وضوح أدوات المحرر، ومنطقة أمان الصفحات */

/* المنطقة التالية مباشرة للخط الأسود أسفل الهيدر: شعار المناسبة يسارًا، والرقم/التاريخ يمينًا. */
.cr-post-header-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:"event meta";
  align-items:start;
  column-gap:8mm;
  min-height:0;
  margin:0 0 7mm;
  direction:ltr;
}
.cr-post-header-event{
  grid-area:event;
  justify-self:start;
  align-self:start;
  min-width:0;
  direction:ltr;
  text-align:left;
}
.cr-post-header-row .cr-meta-stack{
  grid-area:meta;
  justify-self:end;
  align-self:start;
  margin:0!important;
  direction:rtl;
  text-align:right!important;
}
.cr-post-header-event .cr-meta-event-logo{
  margin:0!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
}

/* الصفحات التالية تكرر الهيدر فقط، دون رقم/تاريخ أو شعار المناسبة. */
.cr-editor-paper[data-cr-page]:not([data-cr-page="1"]) .cr-post-header-row{display:none!important}

/* التوقيع يظل في الجزء الأيسر، لكن الاسم والمسمى يتمركزان داخل مساحتهما. */
.cr-signature{
  width:72mm!important;
  margin:11mm auto 4mm 0!important;
  text-align:center!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.cr-signature span,.cr-signature strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin-inline:auto!important;
}
.cr-signature-image{margin-left:auto!important;margin-right:auto!important}
.cr-signatures-grid{
  margin:10mm auto 4mm 0!important;
  justify-content:flex-start!important;
}
.cr-signatures-grid .cr-signature{text-align:center!important;align-items:center!important}

/* منطقة أمان واضحة بين آخر سطر والفوتر. JS يستخدم 8mm أيضًا عند حساب امتلاء الصفحة. */
.cr-editor-paper{--cr-page-footer-safe-gap:8mm}
.cr-editor-paper .cr-letter-footer{z-index:4;background:#fff}
.cr-editor-paper .cr-letter-content{position:relative;z-index:1}
.cr-editor-paper .cr-body-editable{overflow:visible!important}

/* أيقونات تنسيق الحروف: HTML واضح بدل نص داخل SVG الذي كان يقص على بعض المتصفحات. */
.cr-tool-icon.cr-icon-letter{font-family:Arial,Helvetica,sans-serif!important}
.cr-format-letter{
  display:inline-flex;
  width:22px;
  height:22px;
  align-items:center;
  justify-content:center;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:19px;
  line-height:1;
  color:currentColor;
  direction:ltr;
}
.cr-format-bold{font-weight:800}
.cr-format-italic{font-style:italic;font-family:Georgia,'Times New Roman',serif!important;font-weight:700}
.cr-format-underline{font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}

/* تلميح فوري وواضح للأيقونات على أجهزة المؤشر، مع بقاء title كخيار احتياطي. */
.cr-toolbar .cr-tool-icon{position:relative}
@media (hover:hover) and (pointer:fine){
  .cr-toolbar .cr-tool-icon[data-tooltip]::after{
    content:attr(data-tooltip);
    position:absolute;
    z-index:100;
    right:50%;
    bottom:calc(100% + 8px);
    transform:translateX(50%);
    max-width:230px;
    width:max-content;
    padding:6px 9px;
    border-radius:7px;
    background:#172033;
    color:#fff;
    font-family:var(--cr-system-font)!important;
    font-size:10px;
    font-weight:500;
    line-height:1.45;
    white-space:normal;
    text-align:center;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transition:opacity .12s ease,visibility .12s ease;
    box-shadow:0 6px 18px rgba(15,23,42,.18);
  }
  .cr-toolbar .cr-tool-icon[data-tooltip]:hover::after,
  .cr-toolbar .cr-tool-icon[data-tooltip]:focus-visible::after{opacity:1;visibility:visible}
}

/* على الهاتف يظل شعار المناسبة يسارًا، والبيانات يمينًا، دون تزاحم. */
@media(max-width:900px){
  .cr-post-header-row{column-gap:8px;margin-bottom:14px}
  .cr-post-header-event .cr-meta-event-logo{max-width:52px}
  .cr-post-header-row .cr-meta-stack{max-width:none!important}
  .cr-signature{width:min(72mm,48%)!important;min-width:145px!important}
}
@media(max-width:600px){
  .cr-post-header-row{grid-template-columns:minmax(60px,.38fr) minmax(0,.62fr)}
  .cr-post-header-event .cr-meta-event-logo{max-width:46px}
  .cr-signature{width:52%!important;min-width:138px!important;margin-top:22px!important}
}

@media print{
  .cr-post-header-row{display:grid!important;grid-template-areas:"event meta"!important;margin-bottom:7mm!important}
  .cr-post-header-event{justify-self:start!important}
  .cr-post-header-row .cr-meta-stack{justify-self:end!important;margin:0!important}
  .cr-signature,.cr-signature span,.cr-signature strong{text-align:center!important}
}