/* =========================================================
   Enkidu Apps - Reusable Components Stylesheet (components.css)
========================================================= */

/* أزرار التحميل والأزرار الرئيسية */
.btn-corp-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #ffffff;
    background-color: var(--color-corp-900);
    border: 1px solid var(--color-corp-900);
    border-radius: 0.75rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.btn-corp-primary:hover {
    background-color: #000000;
    border-color: #000000;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.btn-corp-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--color-corp-800);
    background-color: #ffffff;
    border: 1px solid var(--color-corp-300);
    border-radius: 0.75rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-corp-secondary:hover {
    background-color: var(--color-corp-50);
    border-color: var(--color-corp-400);
}

/* بطاقات التطبيقات */
.app-card {
    background-color: #ffffff;
    border: 1px solid var(--color-corp-200);
    border-radius: 1.5rem;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.25s ease;
}

.app-card:hover {
    border-color: var(--color-corp-300);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);
    transform: translateY(-2px);
}

/* حاوية شعار التطبيق الدائرية */
.app-logo-ring {
    border-radius: 9999px;
    background-color: #ffffff;
    padding: 0.25rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.1);
    border: 1px solid var(--color-corp-200);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* الشارات والوسوم (Badges) */
.badge-published {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    border: 1px solid #a7f3d0;
    background-color: #ecfdf5;
    color: var(--color-botanical-800);
    font-size: 0.6875rem;
    font-weight: 700;
}

.badge-draft {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    border: 1px solid #fde68a;
    background-color: #fffbeb;
    color: #92400e;
    font-size: 0.6875rem;
    font-weight: 700;
}

.badge-hidden {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    border: 1px solid var(--color-corp-200);
    background-color: var(--color-corp-100);
    color: var(--color-corp-600);
    font-size: 0.6875rem;
    font-weight: 700;
}

.category-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    border: 1px solid #a7f3d0;
    background-color: #ecfdf5;
    color: var(--color-botanical-800);
    font-size: 0.75rem;
    font-weight: 700;
}