/*
  File: style.css
  Project: Addiyae University Theme
  Description: Custom styles that complement Tailwind CSS. This is the central stylesheet for the entire website.
*/

/* 1. Font Import and Root Variables
----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');

:root {
    --primary-blue: #1e3a8a; /* Tailwind blue-900 */
    --accent-amber: #f59e0b; /* Tailwind amber-500 */
}

/* 2. Base Body Styles
----------------------------------------------------------------*/
body {
    font-family: 'Cairo', sans-serif;
    color: #1e293b; /* Tailwind slate-800 */
    scroll-behavior: smooth;
}

/* 3. Navigation and Interactive Elements
----------------------------------------------------------------*/

/* Desktop Dropdown Menu */
.dropdown-menu { 
    display: none; 
    z-index: 50; 
}

.group:hover .dropdown-menu { 
    display: block; 
}

/* Mobile Menu Transition */
#mobile-menu { 
    transition: transform 0.3s ease-in-out; 
}

/* Active Tab Styling for Program Pages */
.tab-active {
    border-bottom-color: var(--accent-amber);
    color: var(--primary-blue);
    font-weight: 700;
}

/* 4. Animations
----------------------------------------------------------------*/

/* News Ticker Animation (Reversed: Left-to-Right) */
@keyframes ticker-rtl {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

.ticker-text {
    /* The `inline-block` and `whitespace-nowrap` classes should be on the HTML element */
    animation: ticker-rtl 25s linear infinite;
}

/* 5. Page-Specific Styles & Components
----------------------------------------------------------------*/

/* Hero Section Gradient Overlay */
.hero-section {
    background: linear-gradient(rgba(30, 64, 175, 0.8), rgba(30, 58, 138, 0.9)), url('https://i.postimg.cc/fWBg62xk/image.png') no-repeat center center;
    background-size: cover;
}

/* FAQ Accordion Styling */
.faq-question.open .faq-answer {
    max-height: 500px; /* Adjust as needed */
    padding-top: 1rem;
    padding-bottom: 1rem;
    opacity: 1;
}

.faq-question .icon {
    transition: transform 0.3s ease;
}

.faq-question.open .icon {
    transform: rotate(180deg);
}

/* Styling for the curriculum tables */
.curriculum-table th {
    background-color: var(--primary-blue);
    color: #FFFFFF;
    padding: 12px;
    font-weight: bold;
    border: 1px solid var(--primary-blue);
}

.curriculum-table td {
    border: 1px solid #D1D5DB; /* gray-300 */
    padding: 10px;
    vertical-align: top;
}

.curriculum-table td strong {
    display: block;
    margin-bottom: 4px;
    color: var(--primary-blue);
}

.curriculum-table td code {
    font-family: monospace;
    background-color: #e5e7eb;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.8rem;
}

.curriculum-table tbody tr:nth-child(odd) {
    background-color: #F9FAFB; /* gray-50 */
}

 .curriculum-table tbody tr:nth-child(even) {
    background-color: #FFFFFF;
}

.curriculum-table {
    border-collapse: collapse;
    width: 100%;
    text-align: right;
    font-size: 0.875rem; /* 14px */
}

/* LTR direction utility */
.ltr {
    direction: ltr;
    text-align: left;
}