/* ==========================================================================
   MuradCloud Theme — Core & Utility Elements Refinement
   ========================================================================== */

html {
  scrollbar-gutter: stable;
}

@media (min-width: 992px) {
  :root {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

:root {
  /* استخدام الخطوط المتناسقة مع طابع الصفحة الأساسية */
  --tblr-font-sans-serif: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

body {
  font-feature-settings: "cv03", "cv04", "cv11";
}

/* --------------------------------------------------------------------
   Small Dropdown (Language / Currency Pill)
   -------------------------------------------------------------------- */
.small-dropdown .dropdown-menu {
  background: rgba(var(--mc-card-rgb), 0.85) !important;
  border: 1px solid var(--mc-border) !important;
  border-radius: 0.9rem !important;
  -webkit-backdrop-filter: blur(var(--mc-glass-blur)) !important;
  backdrop-filter: blur(var(--mc-glass-blur)) !important;
  box-shadow: var(--mc-shadow-elegant) !important;
  max-height: 60vh;
  overflow-y: auto;
  padding: 0.4rem;
  z-index: 1080 !important; /* لضمان ظهورها فوق كل المحتويات */
}

.small-dropdown .dropdown-item {
  padding: 0.4rem 1.2rem;
  border-radius: 0.6rem;
  color: var(--mc-foreground) !important;
  transition: background-color .15s ease, color .15s ease;
}

.small-dropdown .dropdown-item:hover,
.small-dropdown .dropdown-item:focus {
  background: rgba(var(--mc-primary-rgb), 0.12) !important;
  color: var(--mc-foreground) !important;
}

.small-dropdown .flag {
  width: 20px;
  height: 15px;
  display: inline-block;
  border-radius: 2px; /* انحناء بسيط لحواف الأعلام ليتماشى مع روح التصميم */
  vertical-align: middle;
}

/* --------------------------------------------------------------------
   Navbar Controls (Inputs / Selects inside Nav)
   -------------------------------------------------------------------- */
.navbar .nav-control {
  height: 40px;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 14px;
  border-radius: 0.7rem; /* تطابق مع راديوس العناصر في الثيم الجديد */
  background-color: rgba(var(--mc-card-rgb), 0.5) !important;
  border: 1px solid var(--mc-border) !important;
  color: var(--mc-foreground) !important;
  background-position: right 0.75rem center;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.navbar .nav-control:focus {
  border-color: rgba(var(--mc-primary-rgb), 0.6) !important;
  box-shadow: 0 0 0 3px rgba(var(--mc-primary-rgb), 0.18) !important;
  background-color: rgba(var(--mc-card-rgb), 0.7) !important;
}

/* --------------------------------------------------------------------
   Responsive Logo
   -------------------------------------------------------------------- */
.responsive-logo {
  height: 32px;
  width: auto;
  transition: transform 0.2s ease;
}

.responsive-logo:hover {
  transform: scale(1.02); /* تأثير حركة ناعم جداً عند تمرير الماوس فوق اللوجو */
}

@media (max-width: 576px) {
  .responsive-logo {
    height: 24px;
  }
}