/**
 * Decap CMS Layout Safety CSS
 * Implements 50 Golden Rules (Layout Best Practices):
 * - Word break and overflow prevention
 * - Line clamp multi-line safety
 * - Aspect ratio & object fit image wrappers
 * - Flex/grid min-width: 0 protection
 * - Button nowrap and typography clamping
 */

/* 1. Kelime ve Metin Taşmalarını Önleme (Rule #26, #31) */
.cms-text-safe,
.about-content p,
.feature-card-items .content p,
.kolej-kademe-card .content p,
.testimonial-card-items p {
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}

/* 2. Flexbox / Grid İçerik Taşma Koruması (Rule #28) */
.about-content,
.feature-card-items .content,
.kolej-kademe-card .content,
.counter-content,
.single-footer-widget {
  min-width: 0;
}

/* 3. Butonların İki Kelimede Anlamsız Kırılmasını Engelleme (Rule #30) */
.theme-btn,
.link-btn,
.action-btn,
.newsletter-btn {
  white-space: nowrap;
}

/* 4. Görsellerin Oranını ve Taşmasını Sabitleme (Rule #11, #12, #18) */
.about-image img,
.popular-thumb .thumb img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

/* 5. Zengin Metin Kapsayıcısı (Rule #22, #24, #25) */
.cms-prose {
  overflow-wrap: break-word;
  word-break: break-word;
}

.cms-prose table {
  width: 100%;
  overflow-x: auto;
  display: block;
}

.cms-prose iframe {
  max-width: 100%;
  height: auto;
}