/* static/css/components.css */

@keyframes fadeInAndUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* استایل کلی کادر زیرمنو */
.dropdown-menu {
    border: none !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.15) !important;
    padding: 0.5rem !important;
}

/* اعمال انیمیشن هنگام باز شدن منو */
.dropdown-menu.show {
    animation: fadeInAndUp 0.3s ease-out;
}

/* استایل آیتم‌های داخل زیرمنو */
.dropdown-item {
    text-align: right !important;
    padding: 0.6rem 1rem !important;
    margin-bottom: 0.125rem;
    border-radius: 0.5rem !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* تغییر رنگ پس‌زمینه در زمان هاور (حرکت ماوس) */
.dropdown-item:hover, .dropdown-item:focus {
    background-color: #f0f2f5 !important;
    color: #1c1e21 !important;
}

/* استایل جداکننده */
.dropdown-divider {
    margin: 0.5rem 0 !important;
}

/* استایل ریسپانسیو برای دراپ‌داون نوبار */
@media (max-width: 991.98px) {
    .navbar-collapse .dropdown-menu {
        position: absolute !important;
        left: 1rem !important;
        right: 1rem !important;
        width: auto !important;
        margin-top: 0.5rem !important;
    }
}

.kanban-column .card.bg-light {
    background-color: #f8f9fa !important;
}
.kanban-column .card.bg-primary-light {
    background-color: #e7f0ff !important;
}
.kanban-column .card.bg-success-light {
    background-color: #e6f7ec !important;
}
.kanban-column .card.bg-danger-light {
    background-color: #ffeeee !important;
}
.kanban-column .card.bg-warning-light {
    background-color: #fff8e1 !important;
}
.kanban-column .card.bg-indigo-light {
    background-color: #e8eaf6 !important;
}

/* Toastr Overrides */
#toast-container > .toast {
    background-image: none !important;
    padding: 15px 15px 15px 50px !important;
    box-shadow: 0 0 12px #999;
}
#toast-container > .toast:before {
    font-family: "bootstrap-icons";
    font-size: 24px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

/* Success Toast */
#toast-container > .toast-success {
    background-color: #d1e7dd;
    color: #0f5132;
}
#toast-container > .toast-success:before {
    content: "\f26a"; /* Bootstrap Icon: check-circle-fill */
}

/* Error Toast */
#toast-container > .toast-error {
    background-color: #f8d7da;
    color: #842029;
}
#toast-container > .toast-error:before {
    content: "\f6a8"; /* Bootstrap Icon: x-octagon-fill */
}

/* Warning Toast */
#toast-container > .toast-warning {
    background-color: #fff3cd;
    color: #664d03;
}
#toast-container > .toast-warning:before {
    content: "\f33b"; /* Bootstrap Icon: exclamation-triangle-fill */
}

/* Info Toast */
#toast-container > .toast-info {
    background-color: #cff4fc;
    color: #055160;
}
#toast-container > .toast-info:before {
    content: "\f431"; /* Bootstrap Icon: info-circle-fill */
}
@font-face {
          font-family: '{{ preferred_font.name }}';
          src: url('{{ preferred_font.ttf_file.url }}') format('truetype'),
               url('{{ preferred_font.woff_file.url }}') format('woff'),
               url('{{ preferred_font.eot_file.url }}') format('eot'),
               url('{{ preferred_font.woff2_file.url }}') format('woff2');
      }
      body, h1, h2, h3, h4, h5, h6, p, a, span, div, li, ul, ol, input, select, textarea, button {
        font-family: '{{ preferred_font.name }}';
      }