/* ===== OSA Song Info – Box ===== */
.osa-si-card{margin:18px 0;background:#fff;border-radius:14px;padding:15px;overflow:hidden;box-shadow:none}

.osa-si-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f2f2f2;
    color: #705b4a;
    padding: 10px 10px 0px 10px;
    font-weight: 500;
    border-radius: 10px 10px 0px 0;
    margin: 2px;
}

.osa-si-head h2 {
    padding: 0;
    margin: 5px 0 5px 0;
    font-size: 18px;
    font-weight: 600;
}

.osa-si-head .right{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.osa-si-head .left{display:flex;align-items:center;gap:8px}
.osa-si-head .tag {
    color: #353535;
    font-weight: 600;
}
.osa-si-head .contrib {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #b5acac;
    color: #f2f2f2;
    border-radius: 5px;
    padding: 0px 10px;
    text-decoration: none;
    font-weight: 600;
}

.osa-si-head .contrib.plain{background:#d8e6e8;color:#18353a}

.osa-si-table{width:100%;border-collapse:separate;border-spacing:0}
.osa-si-table th,.osa-si-table td{padding:12px 14px}

.osa-si-table tr:nth-child(odd) {
    background: #e5f0f1;
}
.osa-si-table tr:nth-child(even) {
    background: #eff5f6;
}

.osa-si-table th{width:30%;text-align:right;color:#18353a;font-weight:600}
.osa-si-table td {
    color: #18353a;
    font-weight: 600;
}
.osa-si-link{text-decoration:none;border-bottom:1px dotted currentColor}
.osa-si-link:hover{border-bottom-style:solid}
@media(max-width:640px){
  .osa-si-head{flex-direction:column;align-items:flex-start;gap:6px}
}

/* ===== Contributor Term Page ===== */
.osa-contrib-card{background:#fff;border-radius:14px;padding:16px;margin:18px 0}
.osa-contrib-btn{display:inline-block;background:#3194a3;color:#fff;text-decoration:none;border-radius:10px;padding:10px 14px;font-weight:800}
.osa-contrib-btn:hover{opacity:.92}

.osa-list{display:grid;gap:10px}
.osa-item{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:12px 14px;text-decoration:none;color:#18353a;border:2px solid #eaeaea}
.osa-item .d{color:#8f8f8f}
.osa-item:hover{background:#f8fbfc}
.osa-pagi {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin: 18px 0;
}
.page-numbers.current {
    background: #0e3035;
    color: #fff;
}
.page-numbers {
    padding: 8px 12px;
    border-radius: 10px;
    background: #eaf4f6;
    color: #0e3035;
    text-decoration: none;
}


/* ===== Breadcrumbs ===== */

.osa-breadcrumb {
    margin-bottom: 12px;
    font-size: 14px;
    color: #5b5b5b;
    text-align: right;
    font-weight: 600;
}
.osa-breadcrumb a {
    color: #1f9ca7;
    text-decoration: none;
}

.osa-breadcrumb span {
    margin: 0 6px;
    color: #bbb;
}


/* ===== Directory (cards) ===== */
.osa-dir{margin:12px 0}
.osa-dir .t{margin:0 0 12px;color:#18353a;font-weight:800}
.osa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px; border-radius: 15px; padding: 15px; background: #fff;}
.osa-card{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:14px;border:2px solid #eaeaea;padding:14px;text-decoration:none;color:#18353a; font-size: 20px;text-align: center;}
.osa-card .badge{align-self:flex-start;background:#c5dce0;border-radius:10px;padding:4px 8px;font-weight:800}
.osa-card .name{font-weight:800}
.osa-card .meta{color:#8f8f8f}

/* ===== Song Info Box (موجود مسبقًا) ===== */
.osa-si-table{width:100%;border-collapse:separate;border-spacing:0}
.osa-si-table th,.osa-si-table td{padding:8px;border: 2px solid #FFF;}

.osa-si-table th{width:30%;text-align:right;color:#18353a;font-weight:600}
.osa-si-link{text-decoration:none;border-bottom:1px dotted currentColor}
.osa-si-link:hover{border-bottom-style:solid}

/* ===== List styles used in taxonomy templates ===== */
.osa-contrib-card{background:#fff;border-radius:14px;padding:16px;margin:18px 0}
.osa-contrib-btn{display:inline-block;background:#3194a3;color:#fff;text-decoration:none;border-radius:10px;padding:10px 14px;font-weight:800}
.osa-contrib-btn:hover{opacity:.92}
.osa-list{display:grid;gap:10px}
.osa-item{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:12px 14px;text-decoration:none;color:#18353a;border:2px solid #eaeaea}
.osa-item .d{color:#8f8f8f}
.osa-item:hover{background:#f8fbfc}

/* ===== ألبوم: رأس الصفحة ===== */
.album-hero{ text-align:center; margin: 12px 0 18px; }
.album-h1{ margin:0 0 6px; font-size: 28px; }

p.album-sub strong {
    color: #b86027;
}

.album-sub {
    margin: 20px 0 0 0;
    font-size: 15px;
    padding: 15px;
    color: #664e29;
    font-weight: 500;
    background: #f2f2f2;
    border-radius: 10px;
}

/* ===== شبكة المربعات ===== */
.album-grid{
  display:grid;
  gap:14px;
  grid-template-columns: repeat(auto-fill, minmax(290px,1fr));
}


.album-card {
    background: #e8f3f5;
    color: #30707a;
    border-radius: 10px;
    padding: 10px 10px 15px 10px;
}

.album-card-head{ margin-bottom:10px; }
.album-song-title{
  font-weight:700;
  text-decoration:none;
  color:#30707a;
}
.album-song-title:hover{ text-decoration:underline; }

/* صفوف تفاصيل الأسماء */
.album-meta-rows{
    background:#fff; 
    color:#202020;
    border-radius:10px;
    padding:10px;
    display:flex; flex-direction:column;
    gap:6px; 
    font-weight: 500;
    border: 1px solid #b0cdd2;
}
.album-meta-row{ display:flex; justify-content:space-between; gap:8px; }
.album-meta-label{ opacity:.8 }

/* شارات السنة/المشاهدات */
.album-badges{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }
.album-badge {
    background: #5198a7;
    color: #fff;
    border-radius: 8px;
    padding: 4px 8px;
    font-size: 13px;
}


/* جعل عنوان الأغنية H2 في المنتصف */
.album-song-title{ text-align:center; margin:0; }
.album-song-title a{ font-weight:700; text-decoration:none; color:#30707a; }
.album-song-title a:hover{ text-decoration:underline; }

/* ترتيب ومحاذاة تفاصيل الأسماء يمينًا */
.album-meta-rows{ direction: rtl; text-align: right; }
.album-meta-row{ display:grid; grid-template-columns: auto 1fr; align-items:center; gap:8px; }
.album-meta-row .album-meta-label {
    color: #007f92;
    font-weight: 600;
}
.album-meta-row a, .album-meta-row span{ justify-self:start; }



.osa-album-cover{
  text-align:center;
  margin-bottom:20px;
}



.osa-cover-img {
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: auto;
    height: 300px;
}

img.osa-cover-img {
    border-radius: 15px;
}

.osa-album-sources {
    font-size: 13px;
    color: #666;
    text-align: center;
    line-height: 1.8;
    max-width: 100%;
    margin: 50px auto 0 auto;
    background: #f2f2f2;
    padding: 7px;
    border-radius: 10px;
}


.osa-si-note {
    margin-top: 15px;
    padding: 4px 20px;
    background: #fff5e0;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1.8;
    color: #ac8b4a;
    border: 1px solid #e6dac1;
    font-weight: 500;
}