.share-btn {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: .25rem;
  line-height: 1;
}
.share-icon { display: inline-block; }

dialog.share-dialog {
  width: min(420px, 90vw);
  border: 0;
  border-radius: 12px;
  padding: 0;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

.share-header {
  font-weight: 700;
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
}

.share-body { padding: 14px 16px; }

.share-label { display:block; margin-bottom:6px; color:#444; }

.share-row { display:flex; gap:8px; }
.share-input {
  flex: 1;
  padding: 8px 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-family: inherit;
}
.share-copy {
  padding: 8px 12px;
  border: 1px solid #ddd;
  background: #f6f6f6;
  border-radius: 8px;
  cursor: pointer;
}

.share-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
  margin-top: 12px;
}
.share-link {
  display:block;
  text-align:center;
  padding: 10px 12px;
  border: 1px solid #eee;
  border-radius: 10px;
  text-decoration: none;
}

.share-actions {
  display:flex; justify-content:flex-end; gap:8px;
  padding: 10px 16px 14px;
  border-top: 1px solid #eee;
}
.share-close {
  padding: 8px 12px;
  border: 1px solid #ddd;
  background: #fafafa;
  border-radius: 8px;
  cursor: pointer;
}
 .share-btn {
  background: transparent; border: 1px solid #cfd9d9; border-radius: 8px;
  padding: 6px; cursor: pointer; line-height: 1; display:inline-flex; align-items:center; justify-content:center;
}
.share-icon {
  width: 22px; height: 22px; display:inline-block;
  background: no-repeat center / contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18 16a3 3 0 0 0-2.4 1.2l-7.3-3.7a3.05 3.05 0 0 0 0-3l7.3-3.7A3 3 0 1 0 14 5a3 3 0 0 0 .1.7L6.8 9.4a3 3 0 1 0 0 5.2l7.3 3.7A3 3 0 1 0 18 16z' fill='%23000'/></svg>");
}
/**************************sound views ******************/
/* استهدف هذا الفيو تحديداً */
#views-exposed-form-audio-page-2 {
  display: flex;
  align-items: center;            /* محاذاة عمودية للعنصرين */
  gap: 10px;                      /* مسافة بين الحقل والزر */
  flex-wrap: wrap;                /* في الموبايل يتكسّر للسطر التالي */
  margin: 0; padding: 0;
}

/* ألغِ أي فراغات علوية قد تُنزل الزر */
#views-exposed-form-audio-page-2 .form-item,
#views-exposed-form-audio-page-2 .form-actions {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* توحيد الارتفاعات */
#views-exposed-form-audio-page-2 input.form-text {
  height: 40px;                   /* عدّل الرقم لما يناسب تصميمك */
  line-height: 40px;
  padding: 0 12px;
  border-radius: 6px;
}

#views-exposed-form-audio-page-2 input.form-submit {
  height: 40px;
  line-height: 40px;              /* لبعض الثيمات */
  padding: 0 16px;
  border-radius: 6px;
  vertical-align: middle;         /* احتياط */
}

/* في حال ظل الزر منخفضاً قليلاً — ضبط دقيق */
#views-exposed-form-audio-page-2 .form-actions {
  align-self: center;             /* تأكيد المحاذاة العمودية */
  transform: translateY(-1px);    /* ارفع/نزّل بالقيمة المناسبة (±1-3px) */
}

/* تحسين العرض في الشاشات الصغيرة */
@media (max-width: 640px) {
  #views-exposed-form-audio-page-2 {
    gap: 6px;
  }
  #views-exposed-form-audio-page-2 input.form-text,
  #views-exposed-form-audio-page-2 input.form-submit {
    height: 36px;
    line-height: 36px;
  }
}
#views-exposed-form-audio-page-2 .form-item {margin-bottom:unset!important;}


#block-xara-content table { margin-top: 1.2rem;}

.share-close {
    padding: 1px 7px;
    border: 1px solid #ddd;
    background: #fafafa;
    border-radius: 9px;
    cursor: pointer;
    float: left;
}

.page-header {
  
    padding: 2rem 0 6rem 0;
}

.main-wrapper {
    
    padding:  2rem 0;
}

.fa-brands, .fab {
 
    color: #0f0f0f;
}