/* OSA Edit Request - lightweight styles */

.oer-wrap { margin: 18px 0 0; }
.oer-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-radius:14px;
}

.oer-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
.oer-btn svg{ width:18px; height:18px; fill: currentColor; }

.oer-btn-edit{
  background:#e56f47;
  color:#fff;
}
.oer-btn-edit:hover{ filter: brightness(.95); }

.oer-share{
  display:flex;
  align-items:center;
  gap:10px;
}

.oer-ico{
  width:40px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background: #99c0c6;
  border: 1px solid rgba(0,0,0,.06);
  color: #fff;
  text-decoration:none;
  cursor:pointer;
}
.oer-ico svg{ width:18px; height:18px; fill: currentColor; }
.oer-ico:hover{ background: rgba(0,0,0,.06); }

.oer-updated{
  font-size: 13px;
  color: rgba(0,0,0,.55);
  white-space:nowrap;
}

/* Form */
.oer-form-wrap{
  max-width: 100%;
  margin: 40px auto;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  padding: 18px;
}
.oer-h1{
    margin: 15px 0;
    font-size: 22px;
    text-align: center;
    
}
.oer-lead{ margin: 0 0 14px;color: #a06114;  text-align: center;font-size: 18px;}

.oer-songbox{
  background:#f2f2f2;
  border-radius: 12px;
  padding: 12px;
  margin: 12px 0 16px;
  word-break: break-word;
  font-size: 18px;
}

.oer-msg{
  background: rgba(0, 150, 80, .08);
  border: 1px solid rgba(0, 150, 80, .2);
  border-radius: 12px;
  padding: 12px;
  margin: 12px 0;
}

.oer-label{ display:block; font-weight:700; margin: 10px 0 6px; }
.oer-input{
  width:100%;
  padding:10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  background:#fff;
  outline:none;
}
.oer-input:focus{ border-color: rgba(43,111,120,.5); }

.oer-inline-note{
  margin-top: 6px;
  font-size: 13px;
  color: rgba(0,0,0,.6);
}

.oer-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.oer-proofbox{
  margin-top: 12px;
  padding: 12px;
  border-radius: 12px;
  background: #eaf6f9;
}
.oer-proof-title{ font-weight:800; margin-bottom:6px; }
.oer-proof-hint{ font-size:13px; color: rgba(0,0,0,.6); margin-bottom:10px; }

.oer-check{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin: 14px 0;
  color:#a76d25;
  font-weight: 500;
}

.oer-submit{
  width:100%;
  border:0;
  border-radius: 999px;
  padding: 12px 14px;
  background: #2b6f78;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.oer-submit:hover{ filter: brightness(.95); }

.oer-hp{ display:none !important; }

@media (max-width: 768px){
  .oer-bar{ flex-direction: column; align-items: stretch; }
  .oer-updated{ text-align:center; }
  .oer-share{ justify-content:center; flex-wrap: wrap; }
  .oer-grid{ grid-template-columns: 1fr; }
}

/* طباعة أنيقة: تطبع عنوان + .osa-lyrics فقط */
@media print{
  /* نخفي العناصر غير المهمة للطباعة */
  header, nav, footer, .main-nav, .site-footer,
  .oer-wrap, .oer-bar,
  .breadcrumbs, .sidebar, .widget, .ads, .share, .comments {
    display:none !important;
  }

  /* طباعة نظيفة */
  body{ background:#fff !important; }
  *{ box-shadow:none !important; text-shadow:none !important; }

  /* نجعل المحتوى كامل العرض */
  main, .container, .content, .entry-content{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* نركز على منطقة الكلمات */
  .osa-lyrics{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
  }
}

@media print{
  html, body{ overflow: visible !important; }

  /* هذا يفكّ أي تمرير (Scroll) داخل منطقة الكلمات */
  .osa-lyrics,
  .lyrics-content,
  .entry-content{
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* أخفاء عناصر ما نبيها بالطباعة */
  .oer-bar,
  header, nav, footer, .main-nav, .site-footer,
  .more-songs, .explore, .osa-explore,
  .sidebar, .widget, .comments{
    display:none !important;
  }
}


/* تنسيق أيقونة المشاهدات */
.oer-updated {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #4b6f75;
  white-space: nowrap;      /* يمنع النزول لسطر جديد */
}

.oer-eye-icon {
  width:20px;
  height:20px;
}

/* ===============================
   تحسين تنسيق الجوال والتابلت
================================ */
@media (max-width: 992px) {

  /* تصغير زر طلب تعديل */
  .oer-btn-edit {
    width: auto;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 40px;
    display: block;
    margin: 0 auto 20px auto; /* توسيط الزر */
    text-align: center;
  }

  /* تصغير الأيقونة داخل الزر لو فيه SVG */
  .oer-btn-edit svg {
    width: 16px;
    height: 16px;
  }

  /* توسيط المشاهدات */
  .oer-updated {
    justify-content: center;
    text-align: center;
    margin-top: 10px;
  }

}

@media print {

  header,
  nav,
  footer,
  .osa-header-icons,
  .search-panel,
  #wpadminbar {
    display: none !important;
  }

  body {
    margin: 0 !important;
  }

  .content,
  .entry-content {
    width: 100% !important;
  }

}