/* ===== OSA Core – Person Archives ===== */
.osa-pa-wrap {
    margin: 30px auto;
    padding: 24px 16px;
    border-radius: 12px;
    background: #fff;
}
/* فتات الخبز */
.breadcrumbs{display:flex;gap:.5rem;align-items:center;margin:8px 0 12px}
.breadcrumbs a{color:#2f6f7a;text-decoration:none}
.breadcrumbs .current{color:#666}
.breadcrumbs .separator{opacity:.6}

/* عنوان ووصف */
.osa-pa-desc{margin:0 0 12px;color:#2f4a50}

/* البحث */
.osa-pa-meta{display:flex;justify-content:flex-end;margin:10px 0 8px}
.osa-pa-search{display:flex;gap:8px;align-items:center}
#osa-live-q {
    padding: 5px 10px;
    border: 1px solid #e1e0dd;
    border-radius: 5px;
    min-width: 260px;
    font-weight: 500;
    font-size: 16px;
    color: #18353a;
    background: #f2f2f2;
}
#osa-live-clear {
    padding: 5px 10px;
    border-radius: 5px;
    background: #99c0c6;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
/* رأس الجدول (ديسكتوب) */
.osa-pa-table-head{display:none}
@media (min-width:900px){
  .osa-pa-table-head{
    display:grid;grid-template-columns:1fr 120px 120px;gap:10px;
    background:#f3f7f8;border-radius:14px;padding:10px 14px;margin:8px 0;color:#2d5055;font-weight:800
  }
}

/* العناصر */
.osa-list{margin:0;padding:0}
.osa-item{
  display:grid;grid-template-columns:1fr 120px 120px;gap:10px;align-items:center;
  background:#e9f1f3;border-radius:14px;padding:14px 16px;margin:8px 0;color:#12363a;text-decoration:none
}
.osa-item:hover{filter:brightness(.98)}
.osa-item .col-title{font-weight:800;line-height:1.35}
.osa-item .col-year,.osa-item .col-views{font-weight:800;color:#163b41;text-align:center}

/* الجوال: عمودي منسق */
@media (max-width:899px){
  .osa-item{grid-template-columns:1fr;gap:6px}
  .osa-item .col-year,.osa-item .col-views{opacity:.9;text-align:start}
  .osa-pa-meta{justify-content:flex-start}
}

/* الترقيم */
.osa-pagi{display:flex;gap:6px;justify-content:center;margin:14px 0 8px}
.osa-pagi a,.osa-pagi span{
  display:inline-block;padding:8px 10px;border-radius:10px;background:#e9f1f3;color:#18353a;text-decoration:none;font-weight:800
}
.osa-pagi .current{background:#cfe1e6}

/* رسالة لا توجد عناصر */
.osa-empty{padding:24px;text-align:center;color:#516a6e;background:#f3f7f8;border-radius:14px}



/* ===== إصلاح ترتيب الأعمدة في RTL ===== */
html[dir="rtl"] .osa-pa-table-head,
html[dir="rtl"] .osa-item{
  /* اجعل الأعمدة: المشاهدات | السنة | العنوان (يمين العنوان) */
  grid-template-columns: 120px 120px 1fr;
}

/* أعطي ترتيب عرض للعناصر داخل الـgrid */
html[dir="rtl"] .osa-pa-table-head .col-views,
html[dir="rtl"] .osa-item .col-views{
  order: 1;
  text-align: center;
}
html[dir="rtl"] .osa-pa-table-head .col-year,
html[dir="rtl"] .osa-item .col-year{
  order: 2;
  text-align: center;
}
html[dir="rtl"] .osa-pa-table-head .col-title,
html[dir="rtl"] .osa-item .col-title{
  order: 3;
  text-align: right;
}

/* للجوال نخلي الترتيب عمودي منسق (عنوان ثم سنة ثم مشاهدات) */
@media (max-width:899px){
  html[dir="rtl"] .osa-item{
    grid-template-columns: 1fr;
  }
  html[dir="rtl"] .osa-item .col-title{ order: 1; }
  html[dir="rtl"] .osa-item .col-year{  order: 2; }
  html[dir="rtl"] .osa-item .col-views{ order: 3; }
}

/* غلاف عام */
.osa-breadcrumb {
    text-align: right;
    margin-bottom: 15px;
    font-size: 14px;
    color: #6b7c80;
    font-weight: 600;
}

.osa-breadcrumb a {
    text-decoration: none;
    color: #1f9ca7;
}

.osa-breadcrumb .sep{
    
    font-weight: 500;
}



.osa-pa-desc{margin:0 0 18px;color:#1c474d;opacity:.9}

.osa-pa-stats{display:flex;gap:18px;margin:10px 0 16px}
.osa-pa-search{display:flex;gap:10px;margin:10px 0 18px}
.osa-pa-search input{flex:1;padding:10px 12px;border:2px solid #e4eef0;border-radius:10px;font-weight:700;color:#18353a}
.osa-pa-search .osa-btn{padding:10px 12px;border-radius:10px;background:#e4eef0;color:#18353a;font-weight:800;border:none;cursor:pointer}

/* رأس الجدول */
.osa-pa-table {
    background: #ffffff;
    border-radius: 0;
    padding: 0;
}
.osa-pa-head {
    display: grid;
    grid-template-columns: 3fr 2fr 2fr 1fr;
    gap: 0px;
    align-items: center;
    padding: 1px;
    border-radius: 0px;
    background: #f2f2f2;
    color: #695f41;
    font-weight: 700;
    text-align: right;
    border-bottom: 1px solid #beb195;
}
.osa-pa-head {
    position: sticky;
    margin: 2px;
    top: 0px;
    left: 0;
    z-index: 10;
    box-shadow: 0 3px 0 rgb(136 136 136 / 8%);
}
.osa-pa-table, .osa-pa-table *:not(.osa-pa-head) {
    overflow: visible !important;
    font-weight: 600;
}

.osa-pa-table {
    position: relative;
}

/* الصفوف */
.osa-pa-row {
    display: grid;
    grid-template-columns: 1fr 120px 120px;
    gap: 10px;
    align-items: center;
    padding:5px 0;
    margin: 5px 0;
    border-radius: 0px;
    background: #eaf4f6;
    color: #21636d;
    text-decoration: none;
    transition: .15s;
}

.osa-pa-row:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.07)}
.osa-pa-row .c-title{font-weight:800}
.osa-pa-row .c-year{font-weight:700; text-align:center}
.osa-pa-row .c-views{font-weight:800; text-align:center}

/* فارغ */
.osa-pa-empty{padding:22px;text-align:center;opacity:.7}

/* ترقيم الصفحات */
.osa-pa-pagi{display:flex;gap:8px;justify-content:center;margin:18px 0}
.osa-pa-pagi a,.osa-pa-pagi span{padding:8px 12px;border-radius:10px;background:#eaf4f6;color:#0e3035;text-decoration:none}
.osa-pa-pagi .current{background:#0e3035;color:#fff}

/* موبايل: عمود واحد بعناوين مساعدة */
@media (max-width: 720px){
  .osa-pa-head{display:none}
  .osa-pa-row{grid-template-columns:1fr;gap:6px}
  .osa-pa-row .c-year,.osa-pa-row .c-views{text-align:start;opacity:.85}
  .osa-pa-row .c-year::before{content:"السنة: ";font-weight:800;margin-inline-end:6px}
  .osa-pa-row .c-views::before{content:"المشاهدات: ";font-weight:800;margin-inline-end:6px}
}



/* — العنوان الرئيسي H1 — */

/* — الوصف — */
.osa-pa-desc {
    text-align: center;
    margin: 0 0 14px;
    font-weight: 500;
}

h2.song-h2 {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 17px;
}
.c-year {
    text-align: center;
}

/* ===== OSA Archive – Responsive Table ===== */
.osa-archive{direction:rtl;}
.osa-archive table{
  width:100%;border-collapse:collapse;display:block;overflow-x:auto;
  -webkit-overflow-scrolling:touch;border-spacing:0;
}
.osa-archive thead th{
  position:sticky;top:0;background:#f7f9fb;z-index:1;text-align:right;
  font-weight:700;white-space:nowrap;
}
.osa-archive th,.osa-archive td{
  padding:10px 12px;border-bottom:1px solid #e6ebf1;font-size:15px;
  line-height:1.6;vertical-align:top;
}
.osa-archive tbody tr:nth-child(even){background:#fbfdff;}
.osa-archive tbody tr:hover{background:#f1f7ff;}
.osa-archive td a{text-decoration:none;border-bottom:1px dashed transparent;}
.osa-archive td a:hover{border-bottom-color:currentColor;}
.osa-archive tbody td:nth-child(1),.osa-archive thead th:nth-child(1){min-width:260px;}
.osa-archive tbody td:nth-child(2),.osa-archive thead th:nth-child(2){min-width:160px;}
.osa-archive tbody td:nth-child(3),.osa-archive thead th:nth-child(3){min-width:160px;}
.osa-archive tbody td:nth-child(4),.osa-archive thead th:nth-child(4){min-width:160px;}
.osa-archive tbody td:nth-child(5),.osa-archive thead th:nth-child(5){
  min-width:120px;white-space:nowrap;text-align:center;
}
.osa-archive tbody td:nth-child(5){text-align:center;}
@media(max-width:992px){
  .osa-archive th,.osa-archive td{padding:8px 10px;font-size:14px;}
  .osa-archive thead th{font-size:14px;}
}
@media(max-width:640px){
  .osa-archive th,.osa-archive td{padding:7px 8px;font-size:13px;}
  .osa-archive thead th{font-size:13px;}
  .osa-archive tbody td:nth-child(1){min-width:220px;}
}
@media(max-width:480px){
  .osa-archive tbody tr{box-shadow:0 0 0 1px #eef2f7 inset;}
}









/* ===== OSA Archive Responsive (div-based) ===== */
.osa-archive {
  width: 100%;
  direction: rtl;
  display: flex;
  flex-direction: column;
  border: 1px solid #e0e6ef;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

/* الرأس */
.osa-archive .osa-header {
  display: grid;
  grid-template-columns: 3fr 2fr 2fr 2fr 1fr;
  background: #f7f9fb;
  font-weight: 700;
  text-align: right;
  padding: 12px 16px;
  border-bottom: 1px solid #e0e6ef;
}

/* الصفوف */
.osa-archive .osa-row {
  display: grid;
  grid-template-columns: 3fr 2fr 2fr 2fr 1fr;
  padding: 10px 16px;
  border-bottom: 1px solid #e9edf2;
  align-items: center;
}
.osa-archive .osa-row:nth-child(even) {
  background: #fbfdff;
}
.osa-archive .osa-row:hover {
  background: #f1f7ff;
}

/* الروابط */
.osa-archive a {
  text-decoration: none;
  border-bottom: 1px dashed transparent;
}
.osa-archive a:hover {
  border-bottom-color: currentColor;
}

/* سنة الإصدار في الوسط */
.osa-archive .osa-year {
  text-align: center;
}









/* ===== OSA Person Archives – Responsive (matches archive-person-mod*.php) ===== */
.osa-pa-wrap { direction: rtl; }

/* Table-like section */
.osa-pa-table { border: 1px solid #e6ebf1; border-radius: 10px; overflow: hidden; background: #fff; }

/* Header row */

.osa-pa-head > div { padding: 12px 16px; white-space: nowrap; }

/* Body rows */
.osa-pa-row {
  display: grid;
  grid-template-columns: 3fr 2fr 2fr 2fr 1fr;
  gap: 0;
  border-bottom: 1px solid #e6ebf1;
  align-items: center;
}
.osa-pa-row:nth-child(even) { background: #fbfdff; }
.osa-pa-row:hover { background: #f1f7ff; }
.osa-pa-row > div { padding: 10px 16px; }

/* Title link */
.song-h2 { margin: 0; font-size: 1rem; line-height: 1.6; }
.song-link { text-decoration: none; border-bottom: 1px dashed transparent; }
.song-link:hover { border-bottom-color: currentColor; }

/* Year center */
.c-year { text-align: center; white-space: nowrap; }

/* Stats and search area spacing */
.osa-pa-header { margin-bottom: 12px; }
.osa-pa-stats { display: flex; gap: 14px; color: #555; font-size: 0.95rem; }
.osa-pa-search { margin-top: 10px; display: flex; gap: 8px; }


/* ===== إخفاء العمود المطابق حسب نوع الصفحة + ضبط الأعمدة ===== */

/* صفحة الفنان: إخفاء "غناء" */
body.tax-osa_artist .osa-pa-head > div:nth-child(2),
body.tax-osa_artist .osa-pa-row > .c-artist { display: none !important; }

/* أعمدة الديسكتوب تصبح: أغنية | كلمات | ألحان | سنة */
body.tax-osa_artist .osa-pa-head,
body.tax-osa_artist .osa-pa-row {
  grid-template-columns: 3fr 2fr 2fr 1fr !important;
}

/* صفحة الشاعر/الكاتب: إخفاء "كلمات" */
body.tax-osa_writer .osa-pa-head > div:nth-child(3),
body.tax-osa_writer .osa-pa-row > .c-writer { display: none !important; }

/* أعمدة الديسكتوب تصبح: أغنية | غناء | ألحان | سنة */
body.tax-osa_writer .osa-pa-head,
body.tax-osa_writer .osa-pa-row {
  grid-template-columns: 3fr 2fr 2fr 1fr !important;
}

/* صفحة الملحن: إخفاء "ألحان" */
body.tax-osa_composer .osa-pa-head > div:nth-child(4),
body.tax-osa_composer .osa-pa-row > .c-composer { display: none !important; }

/* أعمدة الديسكتوب تصبح: أغنية | غناء | كلمات | سنة */
body.tax-osa_composer .osa-pa-head,
body.tax-osa_composer .osa-pa-row {
  grid-template-columns: 2fr 2fr 2fr 1fr !important;
}





/* ===== OSA PERSON HEADER LAYOUT ===== */

.osa-pa-header{
    text-align:center;
    padding-top:10px;
}

/* صورة الشخص */
.osa-person-photo{
    width:140px;
    height:140px;
    margin:0 auto 18px auto;
    border-radius:50%;
    overflow:hidden;

}

.osa-person-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* العنوان الرئيسي (قصائد الشاعر...) */
.osa-pa-h1 {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    margin: 20px 0;
    color: #19353a;
}

/* اللقب */
.osa-person-nickname {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 5px 12px;
  font-weight: 500;
  white-space: nowrap;
  border-radius: 8px;
  background: #7bb6ca;
  color: #ffffff;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 8px 0;

}
.osa-person-views {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    color: #ffffff;
    font-size: 15px;
    margin: 0 0 8px 0;
    padding: 3px 12px;
    border-radius: 8px;
    background: #7b9fca;

}


@media (max-width: 768px) {
  .osa-person-views svg {
    position: relative;
    top: -2px;
  }
  .osa-person-views {
  padding: 2px 12px 0px 12px;
    line-height: 2;
}
.osa-person-nickname {
  padding: 2px 12px 0px 12px;
  line-height: 2;
}
}



@media (max-width: 768px){

  .osa-person-socials a{
      display: inline-flex;
      align-items: center;
      justify-content: center;

      line-height: 1;
  padding: 6px 10px 3px 10px;
  }

  .osa-person-socials a svg{
      position: relative;
      top: -1px;   /* نفس تصحيح العين */
  }
  
  .osa-person-photo {
    width: 100px;
    height: 100px;
}
.osa-pa-h1 {
    font-size: 18px;

}

}

/* النبذة */
.osa-person-bio {
    max-width: 742px;
    margin: 0 auto 16px auto;
    line-height: 1.9;
    color: #333434;
    font-size: 15px;
    margin-top: 10px;
    font-weight: 500;
}

/* وصف الأرشيف */
.osa-pa-desc{
    margin-bottom:20px;
}



.osa-person-meta-line{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-top:6px;
}


.osa-eye-icon{
    opacity:.7;
}





/* =========================================
   MOBILE (≤768px)
========================================= */
@media (max-width: 768px) {

  /* ========= أرشيف قديم (.osa-archive) ========= */
  .osa-archive .osa-header {
    display: none;
  }

  .osa-archive .osa-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px;
    border: 1px solid #e6ebf1;
    margin-bottom: 10px;
    border-radius: 6px;
    background: #fff;
  }

  .osa-archive .osa-row div {
    width: 100%;
    margin: 4px 0;
    display: flex;
    justify-content: space-between;
  }

  .osa-archive .osa-row div::before {
    content: attr(data-label);
    font-weight: 600;
    color: #666;
    margin-left: 6px;
  }

  /* ========= Person Archive (.osa-pa-*) ========= */

  /* إخفاء الرأس */
  .osa-pa-head {
    display: none !important;
  }

  /* البطاقة */
  .osa-pa-row {
    display: block !important;
    text-align: center !important;
    padding: 6px !important;
    border: 1px solid #e6ebf1;
    border-radius: 6px;
    margin-bottom: 10px;
    background: #eaf4f6;
  }

  /* إلغاء data-label */
  .osa-pa-row > div::before {
    content: none !important;
  }

  /* العنوان */
  .osa-pa-row .c-title {
    display: block !important;
    margin: 0 0 8px !important;
    font-size: 20px !important;
    line-height: 1.6 !important;
    font-weight: 800 !important;
  }

  /* سطر الميتا */
  .osa-pa-row .c-artist,
  .osa-pa-row .c-writer,
  .osa-pa-row .c-composer,
  .osa-pa-row .c-year {
    display: inline !important;
    font-size: 13.5px !important;
    color: #6b7280;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;

    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  /* التسميات */
.osa-pa-row .c-artist::before {
    content: "غناء: " !important;
    font-weight: 700;
    color: #000; /* تركوازي */
}

.osa-pa-row .c-writer::before {
    content: "كلمات: " !important;
    font-weight: 700;
    color: #000; /* برتقالي هادئ */
}

.osa-pa-row .c-composer::before {
    content: "ألحان: " !important;
    font-weight: 700;
    color: #000; /* بنفسجي */
}

.osa-pa-row .c-year::before {
    content: "إصدار: " !important;
    font-weight: 700;
    color: #000; /* أخضر */
}

  /* الفواصل */
  .osa-pa-row .c-artist::after,
  .osa-pa-row .c-writer::after,
  .osa-pa-row .c-composer::after { content: "، "; }

  .osa-pa-row .c-year::after { content: ""; }

  /* إخفاء الحقل المطابق حسب التاكسونومي */
  body.tax-osa_artist   .osa-pa-row .c-artist,
  body.tax-osa_writer   .osa-pa-row .c-writer,
  body.tax-osa_composer .osa-pa-row .c-composer {
    display: none !important;
  }

}

/* ========= Dark mode ========= */
@media (max-width: 768px) and (prefers-color-scheme: dark) {
  .osa-pa-row .c-artist,
  .osa-pa-row .c-writer,
  .osa-pa-row .c-composer,
  .osa-pa-row .c-year {
    color: #1f9ca7;
  }
}


.osa-person-note {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 3px 12px;
    font-weight: 500;
    white-space: nowrap;
    border-radius: 8px;
    background: #7a859f;
    color: #ffffff;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 8px 0;
}



.osa-person-albums {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    color: #ffffff;
    font-size: 15px;
    margin: 0 0 8px 0;
    padding: 3px 12px;
    border-radius: 8px;
    background: #7ba9ca;
}

.osa-person-albums svg{
stroke:white;
}


/* تخصيص جدول المساهم فقط */

.tax-osa_contributor .osa-pa-head{
    grid-template-columns: 3fr 2fr 2fr 1fr;
}

.tax-osa_contributor .osa-pa-row{
    grid-template-columns: 3fr 2fr 2fr 1fr;
}




@media (max-width:768px){

.tax-osa_contributor .osa-pa-head{
display:none;
}

.tax-osa_contributor .osa-pa-row{
display:block;
padding:16px;
margin-bottom:12px;
border-radius:10px;
background:#f6f8f9;
}

.tax-osa_contributor .c-title{
display:block;
font-size:18px;
margin-bottom:6px;
}

.tax-osa_contributor .c-artist,
.tax-osa_contributor .c-views,
.tax-osa_contributor .c-year{
display:inline;
font-size:14px;
color:#6b7280;
margin-left:6px;
}

.tax-osa_contributor .c-artist::before{
content:"أداء: ";
font-weight:600;
}

.tax-osa_contributor .c-views::after{
content:" مشاهدة";
}

.tax-osa_contributor .c-year::before{
content:" • إصدار: ";
}

}














/* الشكل العام */
.osa-person-socials{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:10px;
}

.osa-person-socials a {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: .2s;
    background: #f2f2f2;
    color: #716553;
    border: 1px solid #dbdbdb;
}

.osa-person-socials a:hover{
  transform:scale(1.08);
    background: #eaf4f6;
    color: #54a1b1;
    border: 1px solid #dbe6e8;
}


.osa-x {
    background: #606060;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    font-style: italic;
}


.osa-instagram svg, .osa-youtube svg {
    width: 20px;
    height: 20px;
}
a.osa-tiktok svg {
    width: 20px;
    height: auto;
}
.osa-snapchat svg {
    width: auto;
    height: 30px;
    padding-top: 5px;
}

.osa-instagram {
    background: #d7656b;
    color: #fff;
}

.osa-youtube{
  background:#ff0000;
  color:#fff;
}

.osa-facebook {
    font-size: 20px;
    font-weight: 500;
}

.osa-tiktok{
  background:#000;
  color:#25F4EE;
}

.osa-wikipedia {
    font-size: 20px;
        font-weight: 600;
        font-style: italic;

}

.osa-jaco {
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
}

.osa-website svg{
  width:20px;
  height:20px;
  opacity:0.65;       
}



.osa-person-news {
    background: #f8f4ed;
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 10px;
    text-align: right;
    color: #a06868;
    font-weight: 600;
    font-size: 14px;
    margin: 10px 0;
}