/*
Theme Name:     Newspaper Child theme
Theme URI: 		http://themeforest.net/user/tagDiv/portfolio
Description:    Child theme made by tagDiv
Author:         tagDiv
Author URI: 	http://themeforest.net/user/tagDiv/portfolio
Template:       Newspaper
Version:        9.0c
*/


/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/
/* هوامش السطور/الاقتباسات/القوائم لضبط القراءة */
.ry-writers-single .ry-content blockquote{
  margin:18px 0; padding:12px 16px; background:#f5f7fa; border-radius:10px;
  border-inline-start:4px solid #16a34a;
}
.ry-writers-single .ry-content ul, 
.ry-writers-single .ry-content ol{ padding-inline-start: 1.25rem; margin: 0 0 16px; }

/* ====== REEF Contact Section ====== */
.reef-contact {
  background: #8a4f12;           /* بني الخلفية العامة حول البطاقة */
  padding: 30px 0;
}
.reef-contact__card {
  max-width: 1040px;
  margin: 0 auto;
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
  padding: 28px 32px;
}
.reef-contact__grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;  /* نموذج أكبر قليلًا */
  gap: 28px;
  align-items: start;
}

/* الشعار والسوشيال */
.reef-contact__brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  text-align: center;
}
.reef-contact__logo {
  width: 220px;
  height: auto;
  display: block;
}

/* أيقونات السوشيال */
.reef-contact__social {
  list-style: none; margin: 0; padding: 0;
  display: flex; gap: 18px; align-items: center; justify-content: center;
}
.reef-contact__social a {
  width: 38px; height: 38px;
  border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: #fff; border: 2px solid #8a4f12;
  transition: .2s;
}
.reef-contact__social a svg { width: 18px; height: 18px; fill: #8a4f12; }
.reef-contact__social a:hover { background: #8a4f12; }
.reef-contact__social a:hover svg { fill: #fff; }
/* ======= Full-width Header & Footer on writers (وأيضاً لاحقاً لو احتجت على file_post) ======= */
.single-writers #td-outer-wrap > header,
.single-writers #td-outer-wrap > footer {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ======= تخطيط صفحة المقال ======= */
.reef-writers-single {
  /* لا نلمس الهيدر/الفوتر – نتحكم فقط في مساحة المحتوى */
  background: #fff;
}

.reef-writers-single .reef-wrap {
  max-width: 840px;            /* عرض مريح للقراءة مثل ريف */
  margin: 24px auto 40px;       /* توسيط وسط الصفحة */
  padding: 0 16px;
}

.reef-writers-single .reef-title {
  text-align: center;
  font-weight: 800;
  font-size: clamp(26px, 3.2vw, 38px);
  line-height: 1.4;
  margin: 0 0 8px;
}

.reef-writers-single .reef-meta {
  display: flex;
  align-items: center;
  justify-content: center;      /* في الوسط وتحت العنوان مباشرة */
  gap: 10px;
  color: #666;
  font-size: 14px;
  margin-bottom: 14px;
}

.reef-writers-single .reef-meta .avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
}
.reef-writers-single .reef-meta .dot { opacity: .7; }

/* الصورة البارزة */
.reef-writers-single .reef-hero {
  margin: 10px 0 18px;
}
.reef-writers-single .reef-hero-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
  max-height: 60vh;
  object-fit: cover;
  margin: 0 auto;               /* توسيط أكيد */
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

/* صندوق المحتوى */
.reef-writers-single .td-post-content {
  background: #fff;
  border-radius: 16px;
  padding: 26px;
  box-shadow: 0 8px 24px rgba(0,0,0,.05);
}

.reef-writers-single .td-post-content .entry-content {
  color: #222;
  font-size: 16px;
  line-height: 2;
  word-break: break-word;
}
.reef-writers-single .td-post-content .entry-content p { margin: 0 0 1.1em; }

.reef-writers-single .reef-tags {
  margin-top: 16px;
  color: #6b7280;
  font-size: 14px;
}

/* استجابة */
@media (max-width: 768px) {
  .reef-writers-single .reef-wrap { margin: 18px auto 32px; }
  .reef-writers-single .td-post-content { padding: 20px; }
}
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;600;700&display=swap');

body {
  font-family: 'IBM Plex Sans Arabic', Tahoma, Arial, sans-serif !important;
}