/* ================================================
   COLOR OVERRIDE - ALIGN WITH MODERN HEADER
   ================================================
   
   Replace old blue/purple theme colors with 
   new orange theme from modern-header.css
   
   Primary Orange: #eb5f2d
   Dark Brown: #291812
   Soft Orange: #fef8f6
   ================================================ */

:root {
  --primary-orange: #eb5f2d;
  --primary-dark: #d94d1a;
  --text-dark: #291812;
  --bg-white: #ffffff;
  --soft-orange: #fef8f6;
  --shadow-soft: 0 4px 20px rgba(235, 95, 45, 0.15);
  --transition-smooth: all 0.3s ease;
  --outline-color: rgba(235, 95, 45, 0.5);
  --outline-width: 2px;
}

/* ================================================
   OUTLINE & FOCUS STYLES
   ================================================ */

/* General Focus Outline */
*:focus {
  outline: var(--outline-width) solid var(--outline-color) !important;
  outline-offset: 2px;
}

/* Button Focus Outline */
.btn:focus,
button:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
  outline: var(--outline-width) solid var(--outline-color) !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px rgba(235, 95, 45, 0.2) !important;
}

/* Link Focus Outline */
a:focus {
  outline: var(--outline-width) solid var(--outline-color) !important;
  outline-offset: 2px;
  text-decoration: underline;
}

/* Form Control Focus Outline */
.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-color: #eb5f2d !important;
  box-shadow: 0 0 0 3px rgba(235, 95, 45, 0.2) !important;
}

/* Outline Buttons */
.btn-outline-primary {
  color: #eb5f2d !important;
  background-color: transparent !important;
  border: 1px solid #eb5f2d !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  color: #fff !important;
  background-color: #eb5f2d !important;
  border-color: #eb5f2d !important;
  outline: var(--outline-width) solid var(--outline-color) !important;
  outline-offset: 3px;
}

/* Outline Secondary Buttons */
.btn-outline-secondary {
  color: #291812 !important;
  background-color: transparent !important;
  border: 1px solid #291812 !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  color: #fff !important;
  background-color: #291812 !important;
  border-color: #291812 !important;
}

/* Card/Panel Outline */
.card-outline-primary,
.panel-outline-primary {
  border: 1px solid #eb5f2d !important;
}

/* Table Cell Focus Outline */
table td:focus,
table th:focus {
  outline: var(--outline-width) solid var(--outline-color) !important;
  outline-offset: -2px;
}

/* Navigation Focus Outline */
.navbar a:focus,
.nav-link:focus,
.navbar-link:focus {
  outline: var(--outline-width) solid var(--outline-color) !important;
  outline-offset: 2px;
}

/* Dropdown Focus Outline */
.dropdown-toggle:focus {
  outline: var(--outline-width) solid var(--outline-color) !important;
  outline-offset: 2px;
}

/* Checkbox & Radio Focus Outline */
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  outline: var(--outline-width) solid var(--outline-color) !important;
  outline-offset: 2px;
}

/* Modal Focus Outline */
.modal-content:focus {
  outline: var(--outline-width) solid var(--outline-color) !important;
}

/* Skip to Content Link (Accessibility) */
.skip-to-content:focus,
#accessibility-nav a:focus {
  outline: 3px solid #eb5f2d !important;
  outline-offset: 3px;
  background-color: #eb5f2d !important;
  color: #fff !important;
  padding: 10px 15px;
  text-decoration: none;
}

/* Remove outline for mouse users, keep for keyboard */
*:focus:not(:focus-visible) {
  outline: none !important;
}

*:focus-visible {
  outline: var(--outline-width) solid var(--outline-color) !important;
  outline-offset: 2px;
}

/* Gallery Link Outline */
a.galley-link:focus {
  outline: var(--outline-width) solid var(--outline-color) !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px rgba(235, 95, 45, 0.15) !important;
}

/* Pagination Link Outline */
.pagination > li > a:focus,
.pagination > li > span:focus {
  outline: var(--outline-width) solid var(--outline-color) !important;
  outline-offset: 2px;
  z-index: 3;
}

/* ================================================
   PRIMARY COLOR REPLACEMENTS
   ================================================ */

/* Main Menu Background - was #444872 */
.container.main_menu {
  background: #eb5f2d !important;
}

.PlumX-Summary .pps-branding-top {
  background: #eb5f2d !important;
}

/* Page Headers - was #323dca, #484f97 */
.page-header h2 {
  color: #eb5f2d !important;
}

.pkp_block h2.title,
.pkp_block .content span.title,
.pkp_block span.title {
  color: #eb5f2d !important;
}

/* Links - was #6e76db */
a,
#customblock-SidebarMenu p.menu_item a,
#customblock-sidebarmenu p.menu_item a {
  color: #eb5f2d !important;
}

/* Modern Navbar Links - Keep Black */
.modern-navbar .navbar-link,
.modern-navbar .navbar-menu a,
.navbar-link {
  color: #291812 !important;
  text-transform: uppercase !important;
}

.modern-navbar .navbar-link:hover,
.modern-navbar .navbar-menu a:hover,
.navbar-link:hover {
  color: #eb5f2d !important;
}

/* Link Hover - was #3944ce */
a:hover,
#customblock-SidebarMenu p.menu_item a:hover,
#customblock-sidebarmenu p.menu_item a:hover {
  color: #d94d1a !important;
}

/* Buttons Primary - was #2a33aa, #8289e0, #8f95e3 */
.btn-primary,
.article-references .btn-info {
  color: #eb5f2d !important;
  background-color: transparent !important;
  border: 1px solid #eb5f2d !important;
  transition: all 0.3s ease;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  color: #fff !important;
  background-color: #eb5f2d !important;
  border-color: #eb5f2d !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(235, 95, 45, 0.3) !important;
}

.page-header a.btn.btn-default.btn-xs,
ul#navigationUser li a {
  color: #eb5f2d !important;
}

/* Categories Badge - was #2831a1 */
small.categories {
  background: #eb5f2d !important;
}

/* Galley Links - was #8289e0 */
a.galley-link {
  color: #eb5f2d !important;
}

a.galley-link:hover {
  color: #ffffff !important;
  border-color: #eb5f2d !important;
}

/* Active Tabs - was #6e76db */
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 1px solid #eb5f2d !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #eb5f2d !important;
}

/* Footer Links - was #d4d7f4 */
footer a {
  color: #eb5f2d !important;
}

footer a:hover {
  color: #d94d1a !important;
}

/* ================================================
   NAVBAR & MENU HOVER EFFECTS
   ================================================ */

/* Replace gradient hover with transparent + orange */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > li > a:hover,
.container.main_menu #nav-menu .nav > li > a:hover,
.header_view .navbar-nav > .open > a,
.header_view .navbar-nav > li > a:hover {
  background: transparent !important;
  color: #fff !important;
}

/* ================================================
   TAG CLOUD COLORS
   ================================================ */

/* Replace purple/blue cloud colors with orange shades */
a.cloudword1 {
  color: #eb5f2d !important;
}

a.cloudword2 {
  color: #f07542 !important;
}

a.cloudword3 {
  color: #d94d1a !important;
}

a.cloudword4 {
  color: #ff8c61 !important;
}

a.cloudword5 {
  color: #f56736 !important;
}

a.cloudword6 {
  color: #eb5f2d !important;
}

a.cloudword7 {
  color: #d94d1a !important;
}

a.cloudword8 {
  color: #f07542 !important;
}

a.cloudword9 {
  color: #ff8c61 !important;
}

a.cloudword10 {
  color: #f56736 !important;
}

/* ================================================
   FORM ELEMENTS
   ================================================ */

.form-control:focus {
  border-color: #eb5f2d !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(235, 95, 45, 0.4) !important;
}

/* ================================================
   PAGINATION & NAVIGATION
   ================================================ */

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #eb5f2d !important;
  border-color: #eb5f2d !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #eb5f2d !important;
}

/* ================================================
   BADGES & LABELS
   ================================================ */

.badge {
  background-color: #eb5f2d !important;
}

.label-primary {
  background-color: #eb5f2d !important;
}

/* ================================================
   ALERTS & NOTIFICATIONS
   ================================================ */

.alert-info {
  color: #291812 !important;
  background-color: #fef8f6 !important;
  border-color: #eb5f2d !important;
}

.alert-info .alert-link {
  color: #d94d1a !important;
}

/* ================================================
   DROPDOWN MENUS
   ================================================ */

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #eb5f2d !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #eb5f2d !important;
  background-color: #fef8f6 !important;
}

/* ================================================
   ARTICLE & ISSUE LINKS
   ================================================ */

.article-summary a.article_name:hover {
  color: #eb5f2d !important;
}

.obj_issue_toc .tocArticle a:hover {
  color: #eb5f2d !important;
}

/* ================================================
   SIDEBAR BLOCKS
   ================================================ */

.pkp_block .title {
  background-color: #fef8f6 !important;
  border-color: #eb5f2d !important;
}

/* ================================================
   PROGRESS BARS
   ================================================ */

.progress-bar {
  background-color: #eb5f2d !important;
}

/* ================================================
   LIST GROUP ITEMS
   ================================================ */

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #eb5f2d !important;
  border-color: #eb5f2d !important;
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #eb5f2d !important;
}

/* ================================================
   PANEL ACCENTS
   ================================================ */

.panel-primary {
  border-color: #eb5f2d !important;
}

.panel-primary > .panel-heading {
  background-color: #eb5f2d !important;
  border-color: #eb5f2d !important;
}

/* ================================================
   TEXT COLORS
   ================================================ */

.text-primary {
  color: #eb5f2d !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #d94d1a !important;
}

/* ================================================
   BACKGROUND COLORS
   ================================================ */

.bg-primary {
  background-color: #eb5f2d !important;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #d94d1a !important;
}

/* ================================================
   BORDERS
   ================================================ */

.border-primary {
  border-color: #eb5f2d !important;
}

/* ================================================
   RESPONSIVE TABS
   ================================================ */

.responsive-tabs.nav-tabs > li.active {
  border-bottom-color: #eb5f2d !important;
}

.responsive-tabs.nav-tabs > li > a:hover {
  color: #eb5f2d !important;
}

/* ================================================
   SUBMISSION BUTTONS
   ================================================ */

.pkp_block.block_make_submission a {
  background: #eb5f2d !important;
  color: #fff !important;
}

.pkp_block.block_make_submission a:hover {
  background: #d94d1a !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(235, 95, 45, 0.3);
}