/* ==========================================================================
   English (LTR) Independent Theme Stylesheet
   Center of Continuing Education (CEC) - Southern Technical University (STU)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

html, body {
    direction: ltr !important;
    text-align: left !important;
    font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Nav alignment */
.brand-logo {
    flex-direction: row !important;
}

.brand-text {
    text-align: left !important;
}

.brand-text h1, .brand-text span {
    text-align: left !important;
}

@media (min-width: 993px) {
    .nav-menu {
        flex-direction: row !important;
    }

    .nav-link {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
}

@media (max-width: 992px) {
    .menu-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        height: 42px !important;
        border-radius: 10px !important;
        background: rgba(15, 43, 92, 0.06) !important;
        border: 1.5px solid rgba(15, 43, 92, 0.15) !important;
        color: var(--primary) !important;
        font-size: 1.4rem !important;
        cursor: pointer !important;
        transition: all 0.25s ease !important;
    }

    .menu-toggle:hover {
        background: var(--primary) !important;
        color: #ffffff !important;
    }

    .nav-menu {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: 0 !important;
        background: #ffffff !important;
        flex-direction: column !important;
        padding: 16px 20px 20px !important;
        box-shadow: 0 15px 35px rgba(15, 43, 92, 0.15) !important;
        border-top: 1px solid var(--border-color) !important;
        border-bottom: 3px solid var(--gold) !important;
        display: none !important;
        gap: 6px !important;
        z-index: 999 !important;
    }

    .nav-menu.show {
        display: flex !important;
        animation: navSlideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    }

    .nav-link {
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 10px 14px !important;
        width: 100% !important;
        text-align: left !important;
        border-radius: 8px !important;
    }

    .nav-link::after {
        display: none !important;
    }

    .nav-link.btn-verify {
        margin-top: 6px !important;
        justify-content: center !important;
    }
}

/* Slider Controls in LTR */
.slider-arrow.prev {
    left: 28px !important;
    right: auto !important;
}

.slider-arrow.next {
    right: 28px !important;
    left: auto !important;
}

.slide-overlay {
    background: linear-gradient(90deg, rgba(10, 28, 61, 0.95) 0%, rgba(15, 43, 92, 0.85) 50%, rgba(15, 43, 92, 0.4) 100%) !important;
}

.hero-content {
    text-align: left !important;
}

.hero-actions {
    justify-content: flex-start !important;
}

/* Featured Event Banner in LTR */
.featured-event-banner {
    text-align: left !important;
}

.fev-grid {
    direction: ltr !important;
}

.fev-left-col {
    order: 1 !important;
}

.fev-right-col {
    order: 2 !important;
    text-align: left !important;
}

.fev-top-header {
    flex-direction: row !important;
}

.fev-badges-wrap {
    justify-content: flex-start !important;
}

.fev-actions {
    justify-content: flex-start !important;
}

.fev-bg-overlay {
    background: linear-gradient(90deg, rgba(10, 28, 61, 0.96) 0%, rgba(15, 43, 92, 0.85) 55%, rgba(15, 43, 92, 0.5) 100%) !important;
}

/* Highlight cards in LTR */
.highlight-card {
    text-align: left !important;
    align-items: flex-start !important;
}

.hc-content {
    text-align: left !important;
}

.hc-content h3, .hc-content p {
    text-align: left !important;
}

.hc-arrow {
    right: 20px !important;
    left: auto !important;
    transform: translateX(-6px) !important;
}

.hc-arrow svg {
    transform: scaleX(1) !important;
}

.highlight-card:hover .hc-arrow {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

/* Director Card & Avatar (1:1 with Arabic) */
.director-card {
    display: grid !important;
    grid-template-columns: 220px 1fr !important;
    gap: 30px !important;
    align-items: center !important;
    text-align: left !important;
    background: var(--card-bg) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-md) !important;
    padding: 35px !important;
    border: 1px solid var(--border-color) !important;
}

.director-avatar {
    width: 200px !important;
    height: 200px !important;
    min-width: 200px !important;
    min-height: 200px !important;
    max-width: 200px !important;
    max-height: 200px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, var(--primary), var(--gold)) !important;
    padding: 5px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.director-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    background: #fff !important;
    display: block !important;
}

.director-info {
    text-align: left !important;
}

.director-info h3, .director-info .title, .director-info p {
    text-align: left !important;
}

/* Section headers */
.section-header {
    text-align: center !important;
}

.section-title, .section-subtitle {
    text-align: center !important;
}

/* Course Cards */
.course-card {
    text-align: left !important;
}

.course-banner {
    position: relative !important;
}

.course-category {
    left: 14px !important;
    right: auto !important;
}

.course-status {
    right: 14px !important;
    left: auto !important;
}

.course-content {
    text-align: left !important;
    padding: 22px !important;
}

.course-title {
    text-align: left !important;
}

.course-meta {
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.course-desc {
    text-align: left !important;
}

.course-footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* News Cards */
.news-card {
    text-align: left !important;
}

.news-thumb {
    position: relative !important;
}

.news-date {
    left: 12px !important;
    right: auto !important;
}

.news-body {
    text-align: left !important;
}

.news-body h3, .news-body p {
    text-align: left !important;
}

.news-link {
    text-align: left !important;
}

/* Divisions */
.division-card {
    text-align: left !important;
}

.division-card h3, .division-card p {
    text-align: left !important;
}

/* Publications Flipbook cards */
.pub-book-card {
    text-align: center !important;
}

/* Certificate Verification Section */
.verify-box {
    text-align: center !important;
}

.verify-box h2, .verify-box p {
    text-align: center !important;
}

.verify-form input {
    text-align: center !important;
    direction: ltr !important;
}

/* Footer in LTR */
.footer {
    direction: ltr !important;
    text-align: left !important;
}

.footer-grid {
    direction: ltr !important;
}

.footer-col {
    text-align: left !important;
}

.footer-col h4 {
    text-align: left !important;
}

.footer-col h4::after {
    left: 0 !important;
    right: auto !important;
}

.footer-links {
    text-align: left !important;
}

.footer-links a:hover {
    transform: translateX(4px) !important;
}

.footer-bottom {
    text-align: center !important;
}

/* Form controls */
.form-control, input, textarea, select {
    text-align: left !important;
    direction: ltr !important;
}

.form-group label {
    text-align: left !important;
}

/* Detail pages borders & paddings */
.course-main-col, .course-sidebar {
    text-align: left !important;
}

/* Flipbook Modal */
.flipbook-header {
    flex-direction: row !important;
}

.flipbook-header-controls {
    flex-direction: row !important;
    gap: 8px !important;
}

.flipbook-footer {
    flex-direction: row !important;
    justify-content: space-between !important;
}

/* Responsiveness in LTR */
@media (max-width: 768px) {
    .director-card {
        grid-template-columns: 1fr !important;
        text-align: center !important;
    }
    .director-info {
        text-align: center !important;
    }
    .director-info h3, .director-info .title, .director-info p {
        text-align: center !important;
    }
}

/* Header Controls & Language Capsule in LTR */
.header-controls {
    flex-direction: row !important;
}

.header-lang-wrapper {
    margin: 0 !important;
}

.lang-capsule-btn {
    padding: 4px 6px 4px 10px !important;
}

@media (max-width: 576px) {
    .lang-capsule-btn {
        padding: 3px 5px 3px 7px !important;
    }
}

/* Partners Marquee in LTR */
.partner-tooltip {
    direction: ltr !important;
    text-align: center !important;
}