/*
 * Miras Emlak v3.11.70
 * Mobil görünümde koyu zemin + mavi/tema rengi simge kullanan küçük kontrol ve ikon kutularını
 * beyaz zemin + siyah simge görünümüne çevirir.
 * Büyük CTA düğmeleri, durum rozetleri ve masaüstü tasarımı etkilenmez.
 */

@media (max-width: 1120px) {
  html.miras-mobile-app-v31081 .site-header .menu-toggle {
    background: #ffffff !important;
    border: 1px solid #d8e0e8 !important;
    color: #111827 !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .12) !important;
  }

  html.miras-mobile-app-v31081 .site-header .menu-toggle span {
    background: #111827 !important;
  }

  html.miras-mobile-app-v31081 .mobile-nav-close {
    background: #ffffff !important;
    border: 1px solid #d8e0e8 !important;
    color: #111827 !important;
    box-shadow: 0 7px 18px rgba(15, 23, 42, .08) !important;
  }
}

@media (max-width: 760px) {
  /* Küçük mobil navigasyon ve yardımcı kontrol düğmeleri */
  .filter-head button,
  .messenger-back,
  .messenger-head-actions button,
  .messenger-chat-actions > button,
  .messenger-menu-wrap > button,
  .messenger-conversation-menu-button,
  .hero-slider-arrows button,
  .result-bar button.active {
    background: #ffffff !important;
    border: 1px solid #d8e0e8 !important;
    color: #111827 !important;
    box-shadow: 0 7px 18px rgba(15, 23, 42, .08) !important;
  }

  .filter-head button i,
  .messenger-back i,
  .messenger-head-actions button i,
  .messenger-chat-actions > button i,
  .messenger-menu-wrap > button i,
  .messenger-conversation-menu-button i,
  .hero-slider-arrows button i,
  .result-bar button.active i {
    color: #111827 !important;
  }

  /* Mobil kartlardaki aynı koyu ikon kutusu tasarımı */
  body[data-frontend-view="account"] .account-stat-card > i,
  .member-listing-summary i,
  .rights-metric-grid i,
  .rights-entitlement-icon,
  .package-icon,
  .member-wizard-title-icon,
  .premium-summary-icon,
  .about-story-side > span,
  .about-principle-grid article > span,
  .contact-form-head > span,
  .static-side-card > span {
    background: #ffffff !important;
    border: 1px solid #d8e0e8 !important;
    color: #111827 !important;
    box-shadow: 0 7px 18px rgba(15, 23, 42, .08) !important;
  }

  body[data-frontend-view="account"] .account-stat-card > i::before,
  .member-listing-summary i::before,
  .rights-metric-grid i::before,
  .rights-entitlement-icon::before,
  .package-icon::before,
  .member-wizard-title-icon::before,
  .premium-summary-icon::before,
  .about-story-side > span i,
  .about-principle-grid article > span i,
  .contact-form-head > span i,
  .static-side-card > span i {
    color: #111827 !important;
  }

  /* Koyu küçük ilan kartı ikonları da açık temaya alınır. */
  .spot-image > i,
  .favorite-btn {
    background: #ffffff !important;
    border: 1px solid #d8e0e8 !important;
    color: #111827 !important;
    box-shadow: 0 7px 18px rgba(15, 23, 42, .10) !important;
  }

  .spot-image > i::before,
  .favorite-btn i,
  .favorite-btn::before {
    color: #111827 !important;
  }

  .favorite-btn.active,
  .favorite-btn.is-active,
  .favorite-toggle.active {
    background: #ffffff !important;
    color: var(--theme-favorite, #dc2626) !important;
    border-color: color-mix(in srgb, var(--theme-favorite, #dc2626) 35%, #d8e0e8) !important;
  }

  .favorite-btn.active i,
  .favorite-btn.is-active i,
  .favorite-toggle.active i {
    color: var(--theme-favorite, #dc2626) !important;
  }
}