/* ============================================ */
/* B2B APEX — UTILITY CLASSES                   */
/* CLEANING UP INLINE STYLES                    */
/* 1. TABLO SÜTUN STANDARTLARI                  */
/* ============================================ */

/* Tarih sütunu — sadece tarih (GG.AA.YYYY) */
.col-date {
  width: 10%;
  white-space: nowrap;
}

/* Tarih aralığı sütunu — iki tarih (GG.AA.YYYY - GG.AA.YYYY)  🆕 */
.col-date-range {
  width: 20% !important;
  white-space: nowrap;
}

/* Aksiyon sütunu — butonlar (ikon yok) */
.col-actions {
  width: 22%;
  white-space: nowrap;
}

/* ============================================ */
/* 2. FLEX (FILTER FORM)                        */
/* ============================================ */

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

/* ============================================ */
/* 3. THUMBNAIL (BANNER/MODAL IMAGES)           */
/* ============================================ */

.thumb-sm {
  height: 50px;
  width: 80px;
  object-fit: cover;
}

/* ============================================ */
/* 4. AVATAR (CIRCULAR LOGO)                    */
/* ============================================ */

.avatar-xs {
  width: 28px;
  height: 28px;
  object-fit: cover;
}

.avatar-lg {
  width: 45px;
  height: 45px;
  object-fit: cover;
}

.avatar-2xl {
  width: 60px;
  height: 60px;
  object-fit: cover;
}

.avatar-3xl {
  width: 70px;
  height: 70px;
  object-fit: cover;
}

/* ============================================ */
/* 5. BACKGROUND (COMPATIBLE WITH DARK THEME)   */
/* ============================================ */

.bg-secondary-soft {
  background: var(--bg-secondary);
}

.bg-gray-soft {
  background: var(--gray-50);
}

/* ============================================ */
/* 6. FORM SPECIAL                              */
/* ============================================ */

.textarea-readonly {
  resize: none;
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

/* ============================================ */
/* 7. DETAIL LABEL CELL (COMPANY DETAILS)       */
/* ============================================ */


/* ============================================ */
/* 8. MISC UTILITIES                            */
/* ============================================ */

.max-w-600 {
  max-width: 600px;
}

.max-w-700 {
  max-width: 700px;
}

.whitespace-nowrap {
  white-space: nowrap;
}

/* ============================================ */
/* 9. MAX-WIDTH EXPANSION                       */
/* ============================================ */


/* Used by public/blog/detail.php (previous/next links). */
.max-w-45 {
  max-width: 45%;
}

/* ============================================ */
/* 10. THUMB EXPANSION                          */
/* ============================================ */

/* Used by public/blog/detail.php (related article cards). */
.thumb-180 {
  height: 180px;
  object-fit: cover;
}

/* Used by public/blog/detail.php (main article image). */
.thumb-500 {
  max-height: 500px;
  object-fit: cover;
}

/* ============================================ */
/* 11. TEXT SIZE UTILITIES                      */
/* ============================================ */

/* Used by public/include/blog-card.php (metadata). */
.text-xs {
  font-size: 0.75rem;
}

/* Used by public/include/blog-card.php (compact metadata). */
.text-2xs {
  font-size: 0.7rem;
}

/* Used by public/include/blog-card.php (summary text). */
.text-compact-085 {
  font-size: 0.85rem;
}

/* ============================================ */
/* 12. LINE HEIGHT                              */
/* ============================================ */

/* Used by public/include/blog-card.php (card title). */
.lh-14 {
  line-height: 1.4;
}

/* ============================================ */
/* 13. MIN-HEIGHT                               */
/* ============================================ */

/* Used by public/company/index.php (empty state). */
.min-h-60vh {
  min-height: 60vh;
}


/* ============================================ */
/* 14. PROGRESS THIN                            */
/* ============================================ */

/* Used by public/register.php (password strength indicator). */
.progress-thin {
  height: 5px;
}

/* ============================================ */
/* 15. PASSWORD TOGGLE INSET                    */
/* ============================================ */

/* Used by public/register.php (password visibility buttons). */
.password-toggle-inset {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

/* ============================================ */
/* 16. COMPONENT-SPECIFIC                       */
/* ============================================ */

/* Used by public/register.php (registration form container). */
.register-shell {
  max-width: 600px;
  margin: 50px auto;
}

/* Used by public/register.php (registration banner). */
.register-banner {
  background: linear-gradient(135deg, var(--register-banner-start, #667eea) 0%, var(--register-banner-end, #7642ba) 100%);
}

/* ============================================ */
/* 17. PUBLIC CARD UTILITIES                    */
/* ============================================ */

/* Used by public/include/blog-card.php (blog card images). */
.thumb-200 {
  height: 200px;
  object-fit: cover;
}

/* ============================================ */
/* 18. TEXT WRAPPING                            */
/* ============================================ */

/* Used by public/company/ratings-reviews.php (review comments). */
.whitespace-pre-line {
  white-space: pre-line;
}