/* Espanolia Education Styles v1.0.1 */
/* =================================================================
   Zone 1: General & Cyberpunk Theme
   ================================================================= */
@font-face { font-family: 'Vazir'; src: url('/wp-content/uploads/fonts/Vazir-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; }
/* Changed direction to ltr */
.cyber-container-public { font-family: 'Vazir', sans-serif; direction: ltr; }
.cyber-container, #espanolia-admin-login-container { font-family: 'Vazir', sans-serif; direction: ltr; background: #0a0a0a; padding: 20px; border-radius: 5px; border: 1px solid #00fffc; box-shadow: 0 0 15px rgba(0, 255, 252, 0.6); color: #fff; }
.cyber-button, .cyber-button-secondary, .form-group input, .form-group select, .education-filters select { font-family: 'Vazir', sans-serif !important; }
.cyber-button { background-color: #00fffc; color: #0a0a0a; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-weight: bold; box-shadow: 0 0 10px #00fffc; transition: all 0.3s ease; }
.cyber-button:hover { box-shadow: 0 0 20px #00fffc; }
.cyber-button-secondary { background-color: transparent; color: #ff00ff; border: 1px solid #ff00ff; padding: 10px 20px; border-radius: 5px; cursor: pointer; box-shadow: 0 0 10px #ff00ff; transition: all 0.3s ease; }
.cyber-button-secondary:hover { box-shadow: 0 0 20px #ff00ff; }

/* =================================================================
   Zone 3: Public Education Display
   ================================================================= */
/* Changed margin-right and margin-left */
.education-filters { max-width: 300px; margin-left: auto; margin-right: auto; margin-bottom: 60px; }
.education-filters select { width: 100%; padding: 10px; background: #111; border: 1px solid #00fffc; color: #00fffc; border-radius: 5px; }
#espanolia-education-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.education-card { background: #1a1a2e; border: 1px solid #00fffc; border-radius: 5px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; }
.education-card:hover { transform: translateY(-5px); box-shadow: 0 5px 25px rgba(0, 255, 252, 0.7); }
.education-card-image img { width: 100%; height: 180px; object-fit: cover; cursor: pointer; }
.education-card-content { padding: 15px; flex-grow: 1; cursor: pointer; }
.education-card-content h3 { margin: 0 0 10px 0; color: #00fffc; font-size: 18px; line-height: 1.6; }
.education-card-content p { font-size: 14px; line-height: 1.6; color: #ccc; text-align: left; }
.education-card-footer { padding: 0 15px 15px 15px; border-top: 1px solid #333; margin-top: 15px; padding-top: 15px; }
.read-more-btn { padding: 8px 15px; width: 100%; font-size: 14px; }

/* =================================================================
   Zone 5: Single Education View
   ================================================================= */
/* Changed margin-left and margin-right */
#espanolia-single-education-view { max-width: 90%; margin-left: auto; margin-right: auto; }
@media (min-width: 1024px) { #espanolia-single-education-view { max-width: 60%; } }
#espanolia-single-education-view h1 { color: #00fffc; font-size: 28px; text-shadow: 0 0 10px #00fffc; }
#espanolia-single-education-view .single-education-meta { color: #ccc; margin-bottom: 20px; border-bottom: 1px solid #ff00ff; padding-bottom: 10px; }
#espanolia-single-education-view .single-education-content { text-align: left; }
#espanolia-single-education-view .single-education-content p { font-size: 14px; line-height: 24px; color: #ffffff !important; margin-top: 0; margin-bottom: 24px; font-weight: 300; }
#espanolia-single-education-view .single-education-content img { max-width: 100%; height: auto; border-radius: 5px; margin: 20px auto; display: block; box-shadow: 0 0 10px rgba(0, 255, 252, 0.5); }
/* Changed text-align to right for LTR */
#espanolia-single-education-view .single-education-source { margin-top: 30px; padding-top: 15px; border-top: 1px solid #ff00ff; color: #ccc; font-size: 14px; text-align: right; }
.back-to-list-btn { margin-top: 60px; display: inline-block; }

/* =================================================================
   Zone 7: Admin Panel
   ================================================================= */
#espanolia-admin-login-container form { max-width: 400px; margin: 50px auto; padding: 30px; text-align: center; }
#espanolia-admin-login-container input[type="password"] { width: 100%; padding: 10px; margin: 15px 0; background: #111; border: 1px solid #00fffc; color: #00fffc; border-radius: 5px; text-align: center; }
.cyber-error-message { color: #ff4136; margin-top: 15px; }
#espanolia-education-admin-panel .panel-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
/* Changed text-align to left */
#education-admin-table { width: 100%; border-collapse: collapse; text-align: left; }
#education-admin-table th, #education-admin-table td { border: 1px solid #ff00ff; padding: 12px; font-family: 'Vazir', sans-serif; }
#education-admin-table th { background-color: #1a1a2e; color: #00fffc; }
/* Changed margin-left to margin-right */
#education-admin-table .actions-cell .cyber-button, #education-admin-table .actions-cell .cyber-button-secondary { margin-right: 10px; padding: 5px 10px; font-size: 12px; }

/* =================================================================
   Zone 9: Admin Modal
   ================================================================= */
/* Changed direction to ltr */
.cyber-modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.8); direction: ltr; font-family: 'Vazir', sans-serif; }
.modal-content { background-color: #0a0a0a; border: 1px solid #00fffc; margin: 5% auto; padding: 20px; width: 80%; max-width: 700px; border-radius: 5px; box-shadow: 0 0 25px #00fffc; position: relative; }
/* Changed left to right */
.close-modal { color: #ff00ff; position: absolute; right: 15px; top: 10px; font-size: 28px; font-weight: bold; cursor: pointer; }
#modal-title { font-family: 'Vazir', sans-serif; color: #00fffc; font-size: 22px; text-shadow: 0 0 5px #00fffc; margin: 0 0 25px 0; padding-bottom: 15px; border-bottom: 1px solid #3a3a5e; }
.form-group { margin-bottom: 15px; }
.form-group label { display: block; margin-bottom: 5px; color: #00fffc; }
.form-group input[type="text"], .form-group input[type="datetime-local"], .form-group select { width: 100%; padding: 10px; background: #111; border: 1px solid #00fffc; color: #fff; border-radius: 5px; box-sizing: border-box; }
#image-preview img { max-width: 200px; margin-top: 10px; border: 1px solid #ff00ff; }

/* =================================================================
   Zone 11: Pagination Styles
   ================================================================= */
.pagination-container {
    text-align: center;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.pagination-btn {
    padding: 8px 16px;
    font-size: 14px;
}

.pagination-btn:disabled {
    border-color: #555;
    color: #555;
    cursor: not-allowed;
    box-shadow: none;
}

.pagination-info {
    color: #00fffc;
    font-size: 16px;
    margin: 0 10px;
}