/* =========================================================================
   theme-refresh.css
   تحسين بصري إضافي لموقع جامعة رواد العلم الأهلية
   ملاحظة مهمة: هذا الملف تجميلي (ألوان/ظلال/تباعد/انتقالات) فقط.
   لا يغيّر أي عنصر بنيوي (id/class) يعتمد عليه الـ JavaScript أو نماذج PHP،
   ولا يمس أي display/position/width تتحكم بعمل الصفحات أو الخدمات.
   يُحمَّل بعد جميع ملفات الـ CSS الأصلية حتى يطغى على التفاصيل الشكلية فقط.
   ========================================================================= */

:root{
  --brand-navy:   #262760;
  --brand-blue:   #0060b1;
  --brand-cyan:   #1a9fd9;
  --brand-green:  #49c32c;
  --brand-gold:   #a47424;
  --ink:          #2b2b3a;
  --ink-soft:     #6c6c7c;
  --surface:      #ffffff;
  --surface-alt:  #f6f8fb;
  --border-soft:  #e7e9f0;
  --shadow-sm:    0 2px 8px rgba(38, 39, 96, 0.06);
  --shadow-md:    0 8px 24px rgba(38, 39, 96, 0.10);
  --shadow-lg:    0 16px 40px rgba(38, 39, 96, 0.14);
  --radius-sm:    6px;
  --radius-md:    12px;
  --ease:         all .25s ease;
}

/* ---------- أساسيات عامة ---------- */
html{ scroll-behavior: smooth; }

body{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--ink);
  background-color: var(--surface-alt);
}

::selection{
  background: var(--brand-blue);
  color: #fff;
}

/* شريط تمرير أنيق (لا يؤثر على أي وظيفة) */
::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-track{ background: var(--surface-alt); }
::-webkit-scrollbar-thumb{
  background: var(--brand-blue);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover{ background: var(--brand-navy); }

/* عناوين أوضح وأكثر تباعدًا */
h1, h2, h3, h4, h5, h6{
  color: var(--brand-navy);
  line-height: 1.5;
}

p{ line-height: 1.9; color: var(--ink-soft); }

a{ transition: var(--ease); }

/* ---------- الهيدر / القائمة ---------- */
.header{
  box-shadow: var(--shadow-sm);
}

.header .navbar-default .navbar-nav > li > a{
  transition: var(--ease);
}

ul#css3menu1{
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

/* ---------- الأزرار ---------- */
.commonBtn,
.learnBtn,
.header .navbar-default .navbar-nav li.apply_now a,
.banner .banner_caption .caption_inner a,
.related_post_sec a.more_post,
input[type="submit"],
button.btn{
  border-radius: var(--radius-sm) !important;
  transition: var(--ease) !important;
  box-shadow: var(--shadow-sm);
}

.commonBtn:hover,
.learnBtn:hover,
.header .navbar-default .navbar-nav li.apply_now a:hover,
input[type="submit"]:hover,
button.btn:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

/* ---------- البطاقات: النماذج، الشريط الجانبي، القوائم ---------- */
.formArea,
.getArea,
.list_block,
.event_calendar,
.sidebar_item{
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-sm);
  transition: var(--ease);
  overflow: hidden;
}

.formArea:hover,
.getArea:hover,
.list_block:hover,
.sidebar_item:hover{
  box-shadow: var(--shadow-md);
}

/* ---------- حقول النماذج ---------- */
.form-control{
  border-radius: var(--radius-sm) !important;
  border-color: var(--border-soft) !important;
  transition: var(--ease) !important;
}

.form-control:focus{
  box-shadow: 0 0 0 3px rgba(73, 195, 44, 0.15) !important;
}

/* ---------- الجداول ---------- */
.courses_right_inner table{
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.courses_right_inner tbody tr:nth-child(even){
  background-color: var(--surface-alt);
}

.courses_right_inner tbody tr{
  transition: var(--ease);
}

.courses_right_inner tbody tr:hover{
  background-color: rgba(0, 96, 177, 0.06);
}

/* ---------- الترقيم (Pagination) ---------- */
.pagination > li > a, .pagination > li > span{
  border-radius: 50% !important;
  margin: 0 3px;
  transition: var(--ease) !important;
}

/* ---------- الصور ---------- */
.aboutImage img,
.blog_area img,
.related_post_sec img,
.item_inner img{
  border-radius: var(--radius-sm);
  transition: var(--ease);
}

/* ---------- زر العودة للأعلى ---------- */
#toTop{
  border-radius: 50% !important;
  box-shadow: var(--shadow-md) !important;
  transition: var(--ease) !important;
}

#toTop:hover{
  transform: translateY(-3px);
}

/* ---------- الفوتر ---------- */
.footer{
  box-shadow: 0 -2px 12px rgba(0,0,0,0.05);
}

.list-inline.footerMenu > li > a{
  transition: var(--ease);
}

/* ---------- بطاقات الأخبار/الفعاليات في الرئيسية ---------- */
.item_inner{
  transition: var(--ease);
  border-radius: var(--radius-sm);
}

.item_inner:hover{
  transform: translateY(-4px);
}

/* ---------- تجاوب أفضل على الشاشات الصغيرة ---------- */
@media only screen and (max-width: 767px){
  .formArea, .getArea, .list_block, .sidebar_item{
    margin-bottom: 16px;
  }
}