/* GH313 Courses Custom Styles */

@import url('tailwind.css');

/* ===== Font Imports ===== */
@import url('../fonts/IRANSansX/font.css');
@import url('../fonts/dana/font.css');
@import url('../fonts/estedad/font.css');
@import url('../fonts/peyda/font.css');
@import url('../fonts/anjoman/style.css');
@import url('../fonts/Anjoman_SemiPro/font.css');

/* Default Font */
body {
    font-family: 'IRANSansX', sans-serif;
}

/* Custom Colors */
:root {
    --primary-50: #E9F2FD;
    --primary-500: #428DED;
    --primary-600: #3777C9;
    --gray-50: #f9f9f9;
    --gray-100: #f2f2f2;
    --gray-200: #e0e0e0;
    --gray-400: #888888;
    --gray-500: #333333;
    --success-600: #1bb185;
}

/* Typography Classes */
.font-iransansx { font-family: 'IRANSansX', sans-serif; }
.font-dana { font-family: 'Dana', sans-serif; }
.font-estedad { font-family: 'Estedad', sans-serif; }
.font-peyda { font-family: 'Peyda', sans-serif; }
.font-anjoman { font-family: 'Anjoman', sans-serif; }

/* FAQ Accordion Styles */
.gh313-faq-toggle {
    cursor: pointer;
}

.gh313-faq-content {
    transition: all 0.3s ease;
}

/* Admin Meta Box Styles */
.gh313-meta-box h3 {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 1.5rem 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e5e7eb;
}

.gh313-meta-box h3:first-child {
    margin-top: 0;
}

/* Admin Dashboard */
.gh313-admin-dashboard .wp-heading-inline {
    display: block;
}

/* Responsive */
@media (max-width: 768px) {
    .gh313-sessions-list-item {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .gh313-sessions-actions {
        width: 100%;
        margin-top: 1rem;
    }
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.animate-fade-in {
    animation: fadeIn 0.3s ease-in-out;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}