/* Enhanced OJS Bootstrap Theme Override */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap');

:root {
  --primary: #7D1905;
  --primary-dark: #5a1304;
  --primary-light: #a8220a;
  --accent: #ffd700;
  --secondary: #2c3e50;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
}

/* Global Styles */
body {
  font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif !important;
  direction: rtl !important;
  text-align: right !important;
}

/* Main Navigation */
.pkp_navigation_primary {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%) !important;
  border-bottom: 3px solid var(--accent) !important;
  box-shadow: 0 2px 10px rgba(125, 25, 5, 0.3) !important;
}

.pkp_navigation_primary > ul > li > a {
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 15px 20px !important;
  transition: all 0.3s ease !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.pkp_navigation_primary > ul > li:first-child > a {
  border-left: none !important;
}

.pkp_navigation_primary > ul > li > a:hover,
.pkp_navigation_primary > ul > li > a:focus {
  background: rgba(255, 215, 0, 0.15) !important;
  color: var(--accent) !important;
  transform: translateY(-2px) !important;
}

/* Active Menu Item */
.pkp_navigation_primary > ul > li > a.current {
  background: linear-gradient(135deg, var(--primary-light), var(--primary)) !important;
  color: #ffffff !important;
  position: relative !important;
}

.pkp_navigation_primary > ul > li > a.current::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background: var(--accent) !important;
}

/* Dropdown Menus */
.pkp_navigation_primary ul ul {
  background: #ffffff !important;
  border: 2px solid var(--primary) !important;
  border-top: 3px solid var(--accent) !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15) !important;
  border-radius: 0 0 8px 8px !important;
}

.pkp_navigation_primary ul ul a {
  color: var(--dark) !important;
  padding: 12px 20px !important;
  border-bottom: 1px solid #f8f9fa !important;
  transition: all 0.3s ease !important;
}

.pkp_navigation_primary ul ul a:hover {
  background: linear-gradient(90deg, #fff8e1, #ffffff) !important;
  color: var(--primary) !important;
  padding-right: 25px !important;
  border-right: 3px solid var(--primary) !important;
}

/* User Navigation */
.pkp_navigation_user {
  background: var(--primary-dark) !important;
  border-bottom: 1px solid var(--primary) !important;
  padding: 8px 0 !important;
}

.pkp_navigation_user a {
  color: #e9ecef !important;
  font-weight: 500 !important;
  transition: all 0.3s ease !important;
}

.pkp_navigation_user a:hover {
  color: var(--accent) !important;
  transform: translateY(-1px) !important;
}

/* Special User Buttons */
.pkp_navigation_user a[href*="login"],
.pkp_navigation_user a[href*="register"] {
  background: linear-gradient(135deg, var(--accent), #ffed4e) !important;
  color: var(--primary) !important;
  font-weight: 700 !important;
  border-radius: 20px !important;
  padding: 6px 20px !important;
  margin: 0 5px !important;
  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3) !important;
}

.pkp_navigation_user a[href*="login"]:hover,
.pkp_navigation_user a[href*="register"]:hover {
  background: linear-gradient(135deg, #ffed4e, var(--accent)) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.4) !important;
}

/* Page Header */
.pkp_page_header {
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
  border-bottom: 2px solid var(--primary) !important;
  padding: 20px 0 !important;
}

/* Breadcrumb */
.breadcrumb {
  background: transparent !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: var(--primary) !important;
}

.breadcrumb a {
  color: var(--primary) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.breadcrumb a:hover {
  color: var(--primary-dark) !important;
}

/* Main Content Area */
.pkp_structure_main {
  padding: 30px 0 !important;
}

.pkp_structure_content {
  border-left: 3px solid var(--primary) !important;
  min-height: 500px !important;
}

/* Sidebar Blocks */
.pkp_block {
  border: 2px solid var(--primary) !important;
  border-radius: 12px !important;
  margin-bottom: 25px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 15px rgba(125, 25, 5, 0.1) !important;
}

.pkp_block_title {
  background: linear-gradient(135deg, var(--primary), var(--primary-light)) !important;
  color: white !important;
  font-weight: 700 !important;
  font-size: 1.1em !important;
  padding: 15px 20px !important;
  margin: 0 !important;
  border-bottom: 2px solid var(--accent) !important;
}

.pkp_block_content {
  padding: 20px !important;
  background: #ffffff !important;
}

/* Buttons */
.btn-primary {
  background: linear-gradient(135deg, var(--primary), var(--primary-light)) !important;
  border: none !important;
  color: white !important;
  font-weight: 600 !important;
  padding: 10px 25px !important;
  border-radius: 25px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 3px 10px rgba(125, 25, 5, 0.3) !important;
}

.btn-primary:hover {
  background: linear-gradient(135deg, var(--primary-light), var(--primary)) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 15px rgba(125, 25, 5, 0.4) !important;
}

/* Footer */
.pkp_structure_footer {
  background: linear-gradient(135deg, var(--secondary), #34495e) !important;
  color: white !important;
  padding: 40px 0 20px !important;
  margin-top: 50px !important;
  border-top: 4px solid var(--primary) !important;
}

/* Current Issue Highlights */
.current_issue .title {
  color: var(--primary) !important;
  border-bottom: 2px solid var(--accent) !important;
  padding-bottom: 10px !important;
  margin-bottom: 20px !important;
  font-weight: 700 !important;
}

/* Search Box */
.pkp_search {
  border: 1px solid var(--primary) !important;
  border-radius: 25px !important;
  padding: 8px 20px !important;
  transition: all 0.3s ease !important;
}

.pkp_search:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 0.2rem rgba(125, 25, 5, 0.25) !important;
  outline: none !important;
}

/* Mobile Responsive */
@media (max-width: 767px) {
  .pkp_navigation_primary > ul > li > a {
    border-left: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    text-align: right !important;
  }
  
  .pkp_navigation_primary > ul > li > a.current {
    border-right: 4px solid var(--accent) !important;
  }
  
  .pkp_structure_content {
    border-left: none !important;
    border-top: 3px solid var(--primary) !important;
  }
}

/* Animation for menu items */
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.pkp_navigation_primary > ul > li {
  animation: fadeInDown 0.5s ease-out;
}