/**
 * Core CSS - الأساسيات فقط
 * Only essential base styles
 * 
 * ⚠️ هام جداً: لا تضف أي أكواد هنا بدون استشارة
 * IMPORTANT: Do not add any code here without consultation
 * 
 * @package OIC_Atif_Al_Abbasi
 * @version 1.0.001
 */

/**
 * ===============================================================================
 * Reset & Normalize
 * ===============================================================================
 */

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif);
  font-size: var(--font-size-base, 1rem);
  line-height: var(--line-height-base, 1.6);
  color: var(--color-text, #333333);
  background-color: var(--color-background, #ffffff);
  overflow-x: hidden;
}

/**
 * ===============================================================================
 * Typography Base
 * ===============================================================================
 */

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-heading, inherit);
  font-weight: var(--font-weight-heading, 700);
  line-height: var(--line-height-heading, 1.3);
  margin: 0;
}

p {
  margin: 0 0 1em 0;
}

a {
  color: var(--color-link, #0066cc);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--color-link-hover, #0052a3);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/**
 * ===============================================================================
 * Accessibility
 * ===============================================================================
 */

/* فقط للقارئات الصوتية - Screen Reader Only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* تخطي إلى المحتوى - Skip to content */
.skip-to-content {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--color-primary, #000);
  color: var(--color-background, #fff);
  padding: 8px 16px;
  z-index: 100;
  text-decoration: none;
}

.skip-to-content:focus {
  top: 0;
}

/**
 * ===============================================================================
 * WordPress Core Classes
 * ===============================================================================
 */

.alignleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1em;
}

.alignright {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1em;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignnone {
  margin: 0;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption-text {
  font-size: 0.875em;
  color: var(--color-text-secondary, #666);
  margin-top: 0.5em;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.sticky {
  /* سيتم التخصيص لاحقاً */
}

.bypostauthor {
  /* سيتم التخصيص لاحقاً */
}

/**
 * ===============================================================================
 * Utility Classes
 * ===============================================================================
 */

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.hidden {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

/* نهاية core.css */