/* Google/Ejabat-era visual language, based on the owner's archived screenshot.
   Classic controls are small, squared and functional. No logo/nav changes. */

/* Related questions are visible immediately after the replies, not a closed
   accordion or buried after the answer-entry form. */
.ejabat-classic-related.ejabat-clean-related{
  display:block!important;visibility:visible!important;
  margin:7px 0 11px!important;padding:0!important;
  border:0!important;background:#fff!important;
}
.ejabat-classic-related.ejabat-clean-related>h2{
  margin:0!important;padding:7px 10px!important;line-height:1.5!important;
  font-weight:normal!important;font-size:13px!important;text-align:right;
  color:#356fa8!important;background:#e9edf8!important;
  border:0!important;border-bottom:1px solid #d7e1ef!important;
}
.ejabat-classic-related-row{
  margin:0!important;padding:8px 10px 7px!important;min-height:38px;
  border:0!important;border-bottom:1px solid #e6e8eb!important;
  display:flex;flex-direction:column;align-items:stretch;gap:3px;
  background:white;
}
.ejabat-classic-related-row:last-child{border-bottom:0!important}
.ejabat-classic-related-row:hover{background:#f9fbfd!important}
.ejabat-classic-related-row>a{
  color:#2d6cae!important;font-size:13px!important;
  text-decoration:none!important;line-height:1.5!important;
  font-weight:normal!important;overflow-wrap:anywhere;
}
.ejabat-classic-related-row>a:hover{color:#17548c!important;text-decoration:underline!important}
.ejabat-classic-related-stats{
  display:flex;align-items:center;justify-content:flex-start;
  gap:7px 13px;flex-wrap:wrap;color:#898f96;font-size:10px;
  direction:rtl;
}
.ejabat-classic-related-stats>span{
  display:inline-flex;align-items:center;gap:3px;
  direction:rtl;white-space:nowrap;
}
.ejabat-classic-related-stats .arch-icon{
  width:13px;height:13px;stroke:#8c9199;vertical-align:middle
}
.ejabat-classic-related-stats .ejabat-related-solved{
  color:#538a4a;font-size:12px;font-weight:bold;
}
.ejabat-classic-related-empty{
  padding:14px 10px;text-align:center;
  font-size:11px;color:#8f9dab;background:white;line-height:1.7;
  border-bottom:1px solid #e4e9ef
}

/* Rating control silhouettes and click targets, just like archived Ejaaba:
   blue outline thumbs rather than modern colorful pills. */
.ejabat-clean-question .vote-arrows,
.archive-answer .archive-answer-rating-icons,
.arch-inline-vote[data-vote-group]{align-items:center;gap:2px!important}
.ejabat-clean-question .vote-arrows button,
.archive-answer .archive-answer-rating-icons button,
.arch-inline-vote[data-vote-group] button{
  display:grid!important;place-items:center!important;
  width:24px!important;min-width:24px!important;
  height:24px!important;min-height:24px!important;
  border:1px solid transparent!important;border-radius:0!important;
  padding:2px!important;margin:0!important;
  background:transparent!important;color:#3792c0!important;
  box-shadow:none!important;text-shadow:none!important;cursor:pointer;
  transition:background .12s ease,color .12s ease;
}
.ejabat-clean-question .vote-arrows button:hover,
.archive-answer .archive-answer-rating-icons button:hover,
.arch-inline-vote[data-vote-group] button:hover{
  border-color:#c5dceb!important;background:#f2f8fd!important;
}
.ejabat-clean-question .vote-arrows button.selected,
.archive-answer .archive-answer-rating-icons button.voted,
.arch-inline-vote[data-vote-group] button.selected{
  border-color:#abcde4!important;background:#e4f3ff!important;
  color:#1f75ad!important;
}
.ejabat-clean-question .vote-arrows button.down.selected,
.archive-answer .archive-answer-rating-icons button.voted:has(.arch-icon-dislike),
.arch-inline-vote[data-vote-group] button.down.selected{
  color:#b36c6c!important;background:#fff2f0!important;
  border-color:#e2bebe!important;
}
.ejabat-clean-question .vote-arrows button:disabled,
.archive-answer .archive-answer-rating-icons button:disabled,
.arch-inline-vote[data-vote-group] button:disabled{
  opacity:.55;cursor:wait;
}
.ejabat-clean-question .vote-arrows .arch-icon,
.archive-answer .archive-answer-rating-icons button .arch-icon{
  width:19px!important;height:19px!important;
  stroke:currentColor!important;stroke-width:1.7!important;
}
.arch-inline-vote[data-vote-group] button .arch-icon{
  width:15px!important;height:15px!important;stroke:currentColor!important;
}
.ejabat-clean-question .vote-arrows .disabled-arrow,
.archive-answer .archive-answer-rating-icons>a{
  display:grid;place-items:center;min-width:24px;height:24px;
  border:1px solid #e0e8ee!important;color:#93afc4!important;
  border-radius:0!important;background:#f7f9fb!important;
}
.ejabat-clean-question .vote-arrows .disabled-arrow .arch-icon,
.archive-answer .archive-answer-rating-icons>a .arch-icon{
  width:19px!important;height:19px!important;
  stroke:#83a7c4!important;
}

/* Tiny classic beveled buttons: early web/forum style.
   Scoped to the Ask, Q&A, and member-profile actions only. */
.ejabat-clean-question .detail-tools .soft-button,
.archive-answer .answer-tools .soft-button,
.classic-member-profile .ejabat-small-btn,
.classic-member-profile .staff-tools .soft-button,
.answer-form .form-actions .button.secondary,
.ejabat-ask-page .ejabat-ask-cancel,
.ejabat-classic-related .ejabat-small-btn{
  display:inline-flex!important;align-items:center;justify-content:center;
  border:1px solid #adbcc9!important;border-radius:0!important;
  color:#366e9c!important;
  background:linear-gradient(#fff,#eaf0f5)!important;
  box-shadow:inset 0 1px 0 #fff!important;
  text-shadow:none!important;text-decoration:none!important;
  font-family:Tahoma,Arial,sans-serif!important;font-weight:normal!important;
  font-size:11px!important;line-height:1.3!important;
  padding:5px 9px!important;min-height:26px!important;
  white-space:normal;
}
.ejabat-clean-question .detail-tools .soft-button:hover,
.archive-answer .answer-tools .soft-button:hover,
.classic-member-profile .ejabat-small-btn:hover,
.answer-form .form-actions .button.secondary:hover,
.ejabat-ask-page .ejabat-ask-cancel:hover{
  background:linear-gradient(#fff,#dfeaf5)!important;
  color:#1c5e9a!important;
  border-color:#8fb1ce!important;text-decoration:none!important;
}
.ejabat-clean-question .detail-tools .soft-button:active,
.archive-answer .answer-tools .soft-button:active,
.classic-member-profile .ejabat-small-btn:active{
  background:#dceafa!important;box-shadow:inset 0 1px 2px #b9cbd8!important;
}
.archive-answer .answer-tools .soft-button.good{
  border-color:#a1c4a6!important;
  color:#357d46!important;background:linear-gradient(#fff,#ecf7ea)!important;
}
.answer-form .form-actions .button.primary,
.ejabat-ask-page .ejabat-ask-footer .button.primary,
.classic-member-profile .button.primary{
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #245b95!important;border-radius:0!important;
  background:linear-gradient(#6d9bd0,#3371b4)!important;
  color:#fff!important;font-family:Tahoma,Arial,sans-serif!important;
  font-size:11px!important;font-weight:bold!important;
  text-shadow:0 1px 0 #225586!important;
  box-shadow:inset 0 1px 0 #9dc1e4!important;
  padding:6px 11px!important;min-height:29px!important;
}
.answer-form .form-actions .button.primary:hover,
.ejabat-ask-page .ejabat-ask-footer .button.primary:hover,
.classic-member-profile .button.primary:hover{
  background:linear-gradient(#76aadf,#316cad)!important;
}
.ejabat-clean-question .detail-tools .report-box>summary,
.archive-answer .answer-tools .report-box>summary{
  display:inline-block;cursor:pointer;font-size:11px!important;
  color:#5584aa!important;padding:5px 3px!important;
  text-decoration:underline;text-decoration-style:dotted;
}
.ejabat-clean-question .detail-tools .report-box>summary:hover,
.archive-answer .answer-tools .report-box>summary:hover{
  color:#2869a1!important;
}
.ejabat-clean-question .detail-tools button:focus-visible,
.archive-answer .answer-tools button:focus-visible,
.archive-answer .archive-answer-rating-icons button:focus-visible,
.ejabat-clean-question .vote-arrows button:focus-visible,
.answer-form button:focus-visible,
.ejabat-classic-related-row>a:focus-visible{
  outline:2px solid #4689bf!important;outline-offset:2px!important;
}
@media(max-width:640px){
  .ejabat-classic-related.ejabat-clean-related{
    margin:5px 0 9px!important;
  }
  .ejabat-classic-related.ejabat-clean-related>h2{
    font-size:12px!important;padding:6px 8px!important;
  }
  .ejabat-classic-related-row{min-height:38px;padding:7px 7px 6px!important}
  .ejabat-classic-related-row>a{font-size:13px!important;line-height:1.55!important}
  .ejabat-classic-related-stats{font-size:10px;gap:5px 10px}
  .ejabat-clean-question .vote-arrows button,
  .archive-answer .archive-answer-rating-icons button{
    width:23px!important;min-width:23px!important;height:23px!important;
  }
  .archive-answer .answer-tools .soft-button,
  .ejabat-clean-question .detail-tools .soft-button{
    font-size:10px!important;min-height:25px!important;padding:4px 6px!important;
  }
  .answer-form .form-actions .button.primary{padding:5px 9px!important;min-height:28px!important}
}

/* Original empty-answer layout: one simple row, not a giant empty-state card. */
.ejabat-classic-no-replies{
  margin:0!important;padding:15px 10px!important;
  min-height:0!important;background:#fff!important;
  border:0!important;border-bottom:1px solid #e5e8ef!important;
  text-align:center!important;color:#8d98a3!important;
  font-family:Tahoma,Arial,sans-serif!important;font-size:12px!important;
  line-height:1.5!important;
}
/* The login/register actions shown instead of the editor get the same old
   squared style as the real posting buttons. */
.answer-form>a.button.primary,
.answer-form>a.button.secondary,
.answer-form>.button.primary,
.answer-form>.button.secondary{
  display:inline-flex!important;align-items:center;justify-content:center;
  border-radius:0!important;
  font-family:Tahoma,Arial,sans-serif!important;
  font-size:11px!important;font-weight:bold!important;
  line-height:1.3!important;padding:5px 10px!important;
  min-height:28px!important;text-decoration:none!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
.answer-form>a.button.primary,.answer-form>.button.primary{
  border:1px solid #245b95!important;
  color:white!important;background:linear-gradient(#6d9bd0,#3371b4)!important;
  text-shadow:0 1px 0 #225586!important;
}
.answer-form>a.button.secondary,.answer-form>.button.secondary{
  border:1px solid #aebfce!important;color:#346c9e!important;
  background:linear-gradient(#fff,#ebf0f5)!important;
}
/* Prevent decade-newer pill style from leaking onto this page. */
.answer-form button,.answer-form .button,.archive-answer .soft-button{
  border-radius:0!important;
}