/**
 * Peninsula CSS - Beautified Premium Edition
 * Enhanced with premium effects, animations, hover effects, and justified text
 * Based on Bootstrap 3.4.1 with OJS customizations
 */

/* ===============================================
   PREMIUM CSS VARIABLES & ANIMATION FOUNDATIONS
   =============================================== */
:root {
  /* Premium Color Palette */
  --primary-elegant: #2c5aa0;
  --primary-elegant-light: #3d6bb5;
  --primary-elegant-dark: #1e3f6f;
  --accent-gold: #d4af37;
  --accent-gold-light: #f4d03f;
  --accent-gold-dark: #b7950b;
  --text-premium: #2c3e50;
  --text-muted-premium: #5d6d7e;
  --background-elegant: #f8fafc;
  --surface-elegant: #ffffff;
  --shadow-premium: rgba(44, 90, 160, 0.1);
  --gradient-premium: linear-gradient(135deg, var(--primary-elegant) 0%, var(--primary-elegant-light) 100%);
  
  /* Premium Animation Variables */
  --animation-duration: 0.3s;
  --animation-timing: cubic-bezier(0.4, 0.0, 0.2, 1);
  --hover-lift: translateY(-2px);
  --hover-scale: scale(1.02);
  --shadow-elevation: 0 8px 25px rgba(0, 0, 0, 0.15);
  
  /* Enhanced Spacing Scale */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  
  /* Typography Enhancements */
  --font-family-primary: "Lato", "Segoe UI", system-ui, sans-serif;
  --font-family-heading: "Playfair Display", Georgia, serif;
  --letter-spacing-tight: -0.025em;
  --letter-spacing-wide: 0.025em;
}

/* ===============================================
   PREMIUM KEYFRAME ANIMATIONS
   =============================================== */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.4);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(212, 175, 55, 0);
  }
}

@keyframes shimmer {
  0% {
    background-position: -200% center;
  }
  100% {
    background-position: 200% center;
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    transform: translateY(0);
  }
  40%, 43% {
    transform: translateY(-10px);
  }
  70% {
    transform: translateY(-5px);
  }
  90% {
    transform: translateY(-2px);
  }
}

@keyframes rotateIn {
  from {
    opacity: 0;
    transform: rotate(-200deg);
  }
  to {
    opacity: 1;
    transform: rotate(0deg);
  }
}

@keyframes heartbeat {
  0%, 50%, 100% {
    transform: scale(1);
  }
  25%, 75% {
    transform: scale(1.1);
  }
}

/* ===============================================
   PREMIUM UTILITY CLASSES
   =============================================== */
.premium-animate-in {
  animation: fadeInUp 0.6s var(--animation-timing) forwards;
}

.premium-animate-scale {
  animation: fadeInScale 0.5s var(--animation-timing) forwards;
}

.premium-animate-slide-left {
  animation: slideInLeft 0.6s var(--animation-timing) forwards;
}

.premium-animate-slide-right {
  animation: slideInRight 0.6s var(--animation-timing) forwards;
}

.premium-hover-lift {
  transition: transform var(--animation-duration) var(--animation-timing);
}

.premium-hover-lift:hover {
  transform: var(--hover-lift);
}

.premium-hover-glow {
  transition: box-shadow var(--animation-duration) var(--animation-timing);
}

.premium-hover-glow:hover {
  box-shadow: var(--shadow-elevation);
}

.premium-text-gradient {
  background: var(--gradient-premium);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.premium-shimmer {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  background-size: 200% 100%;
  animation: shimmer 2s infinite;
}

/* ===============================================
   ENHANCED BOOTSTRAP BASE STYLES
   =============================================== */

/* Original Bootstrap 3.4.1 CSS (minified) - Enhanced with Premium Features */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-family-primary);background-color:var(--background-elegant);color:var(--text-premium);line-height:1.6;animation:fadeInScale 0.8s var(--animation-timing) forwards}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;transition:all var(--animation-duration) var(--animation-timing)}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0;transition:transform var(--animation-duration) var(--animation-timing)}img:hover{transform:var(--hover-scale)}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible;transition:all var(--animation-duration) var(--animation-timing)}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{color:#000 !important;text-shadow:none !important;background:transparent !important;box-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar,.header_view{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table,.cmp_table{border-collapse:collapse !important}.table td,.table th,.cmp_table td,.cmp_table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}@font-face{font-family:"Glyphicons Halflings";src:url("https://peninsula-press.ae/Journals/plugins/themes/bootstrap3/bootstrap/fonts/glyphicons-halflings-regular.eot");src:url("https://peninsula-press.ae/Journals/plugins/themes/bootstrap3/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),url("https://peninsula-press.ae/Journals/plugins/themes/bootstrap3/bootstrap/fonts/glyphicons-halflings-regular.woff2") format("woff2"),url("https://peninsula-press.ae/Journals/plugins/themes/bootstrap3/bootstrap/fonts/glyphicons-halflings-regular.woff") format("woff"),url("https://peninsula-press.ae/Journals/plugins/themes/bootstrap3/bootstrap/fonts/glyphicons-halflings-regular.ttf") format("truetype"),url("https://peninsula-press.ae/Journals/plugins/themes/bootstrap3/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all var(--animation-duration) var(--animation-timing)}.glyphicon:hover{animation:heartbeat 1s ease-in-out}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:var(--primary-elegant);text-decoration:none;position:relative;overflow:hidden}a:hover,a:focus{color:var(--primary-elegant-dark);text-decoration:none}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s;z-index:1}a:hover::before{left:100%}figure{margin:0}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto;transition:all var(--animation-duration) var(--animation-timing)}.img-responsive:hover,.thumbnail>img:hover,.thumbnail a>img:hover,.carousel-inner>.item>img:hover,.carousel-inner>.item>a>img:hover{transform:var(--hover-scale);box-shadow:var(--shadow-elevation)}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only,.header_view .return,.header_view .download .label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}

/* ===============================================
   PREMIUM TYPOGRAPHY ENHANCEMENTS
   =============================================== */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
  font-family:var(--font-family-heading);
  font-weight:600;
  line-height:1.2;
  color:var(--text-premium);
  letter-spacing:var(--letter-spacing-tight);
  margin-bottom:var(--space-md);
  animation:fadeInUp 0.6s var(--animation-timing) forwards;
}

h1,.h1{
  font-size:2.5rem;
  background:var(--gradient-premium);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

h2,.h2{font-size:2rem}
h3,.h3{font-size:1.75rem}
h4,.h4{font-size:1.5rem}
h5,.h5{font-size:1.25rem}
h6,.h6{font-size:1rem}

/* Premium paragraph styles with justified text */
p{
  margin:0 0 var(--space-md);
  text-align:justify;
  line-height:1.7;
  font-family:var(--font-family-primary);
  color:var(--text-premium);
  hyphens:auto;
  -webkit-hyphens:auto;
  -moz-hyphens:auto;
  -ms-hyphens:auto;
}

.lead{
  margin-bottom:var(--space-lg);
  font-size:1.25rem;
  font-weight:300;
  line-height:1.6;
  text-align:justify;
  color:var(--text-muted-premium);
}

/* Enhanced text alignment classes */
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{
  text-align:justify;
  hyphens:auto;
  -webkit-hyphens:auto;
  -moz-hyphens:auto;
  -ms-hyphens:auto;
}

/* ===============================================
   PREMIUM BUTTON ENHANCEMENTS
   =============================================== */
.btn,.pkp_block.block_make_submission a{
  display:inline-block;
  margin-bottom:0;
  font-weight:600;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  touch-action:manipulation;
  cursor:pointer;
  background-image:none;
  border:1px solid transparent;
  padding:12px 24px;
  font-size:14px;
  line-height:1.42857143;
  border-radius:6px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  transition:all var(--animation-duration) var(--animation-timing);
  position:relative;
  overflow:hidden;
  font-family:var(--font-family-primary);
  letter-spacing:var(--letter-spacing-wide);
  text-transform:uppercase;
}

.btn:hover,.btn:focus{
  transform:var(--hover-lift);
  box-shadow:var(--shadow-elevation);
  animation:pulseGlow 2s infinite;
}

.btn-primary{
  color:#fff;
  background:var(--gradient-premium);
  border-color:var(--primary-elegant);
  box-shadow:0 4px 15px rgba(44, 90, 160, 0.3);
}

.btn-primary:hover{
  background:linear-gradient(135deg, var(--primary-elegant-dark) 0%, var(--primary-elegant) 100%);
  border-color:var(--primary-elegant-dark);
  transform:var(--hover-lift) var(--hover-scale);
}

/* ===============================================
   PREMIUM CARD AND PANEL ENHANCEMENTS
   =============================================== */
.panel,.pkp_block{
  margin-bottom:var(--space-xl);
  background:var(--surface-elegant);
  border:1px solid rgba(0,0,0,0.1);
  border-radius:12px;
  -webkit-box-shadow:0 4px 20px var(--shadow-premium);
  box-shadow:0 4px 20px var(--shadow-premium);
  transition:all var(--animation-duration) var(--animation-timing);
  animation:fadeInScale 0.6s var(--animation-timing) forwards;
  overflow:hidden;
}

.panel:hover,.pkp_block:hover{
  transform:var(--hover-lift);
  box-shadow:0 8px 30px rgba(44, 90, 160, 0.15);
}

.panel-heading,.pkp_block .title{
  padding:var(--space-lg);
  background:var(--gradient-premium);
  color:white;
  border-bottom:1px solid transparent;
  border-top-left-radius:11px;
  border-top-right-radius:11px;
  font-family:var(--font-family-heading);
  font-weight:600;
  font-size:1.1rem;
  letter-spacing:var(--letter-spacing-wide);
}

.panel-body,.pkp_block .content{
  padding:var(--space-xl);
  text-align:justify;
  line-height:1.7;
}

/* ===============================================
   PREMIUM NAVIGATION ENHANCEMENTS
   =============================================== */
.navbar,.header_view{
  position:relative;
  min-height:60px;
  margin-bottom:var(--space-xl);
  border:none;
  background:var(--surface-elegant);
  box-shadow:0 2px 20px var(--shadow-premium);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  animation:slideInLeft 0.8s var(--animation-timing) forwards;
}

.navbar-brand{
  font-family:var(--font-family-heading);
  font-weight:700;
  font-size:1.5rem;
  background:var(--gradient-premium);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  transition:all var(--animation-duration) var(--animation-timing);
}

.navbar-brand:hover{
  animation:bounce 1s ease-in-out;
}

.navbar-nav>li>a{
  padding:15px 20px;
  font-weight:500;
  letter-spacing:var(--letter-spacing-wide);
  transition:all var(--animation-duration) var(--animation-timing);
  position:relative;
}

.navbar-nav>li>a::after{
  content:'';
  position:absolute;
  bottom:0;
  left:50%;
  width:0;
  height:2px;
  background:var(--accent-gold);
  transition:all var(--animation-duration) var(--animation-timing);
  transform:translateX(-50%);
}

.navbar-nav>li>a:hover::after{
  width:80%;
}

/* ===============================================
   PREMIUM FORM ENHANCEMENTS
   =============================================== */
.form-control{
  display:block;
  width:100%;
  height:42px;
  padding:12px 16px;
  font-size:14px;
  line-height:1.42857143;
  color:var(--text-premium);
  background-color:var(--surface-elegant);
  background-image:none;
  border:2px solid #e9ecef;
  border-radius:8px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition:all var(--animation-duration) var(--animation-timing);
  font-family:var(--font-family-primary);
}

.form-control:focus{
  border-color:var(--primary-elegant);
  outline:0;
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 15px rgba(44, 90, 160, 0.3);
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 15px rgba(44, 90, 160, 0.3);
  transform:var(--hover-scale);
}

/* ===============================================
   PREMIUM TABLE ENHANCEMENTS
   =============================================== */
.table,.cmp_table{
  width:100%;
  max-width:100%;
  margin-bottom:var(--space-xl);
  background:var(--surface-elegant);
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 4px 15px var(--shadow-premium);
  animation:fadeInUp 0.6s var(--animation-timing) forwards;
}

.table>thead>tr>th,.cmp_table>thead>tr>th{
  background:var(--gradient-premium);
  color:white;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:var(--letter-spacing-wide);
  padding:var(--space-lg);
  border:none;
  text-align:left;
}

.table>tbody>tr>td,.cmp_table>tbody>tr>td{
  padding:var(--space-md) var(--space-lg);
  text-align:justify;
  vertical-align:middle;
  border-top:1px solid #f8f9fa;
  transition:all var(--animation-duration) var(--animation-timing);
}

.table>tbody>tr:hover,.cmp_table>tbody>tr:hover{
  background:linear-gradient(135deg, rgba(44, 90, 160, 0.05) 0%, rgba(212, 175, 55, 0.05) 100%);
  transform:scale(1.01);
}

/* ===============================================
   PREMIUM LIST GROUP ENHANCEMENTS
   =============================================== */
.list-group,.pkp_block ul{
  padding-left:0;
  margin-bottom:var(--space-xl);
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 4px 15px var(--shadow-premium);
  animation:fadeInUp 0.6s var(--animation-timing) forwards;
}

.list-group-item,.pkp_block ul li{
  position:relative;
  display:block;
  padding:var(--space-lg);
  margin-bottom:0;
  background-color:var(--surface-elegant);
  border:1px solid rgba(0,0,0,0.1);
  border-bottom:none;
  transition:all var(--animation-duration) var(--animation-timing);
  text-align:justify;
}

.list-group-item:hover,.pkp_block ul li:hover{
  background:linear-gradient(135deg, rgba(44, 90, 160, 0.05) 0%, rgba(212, 175, 55, 0.05) 100%);
  transform:translateX(5px);
  box-shadow:0 4px 15px var(--shadow-premium);
}

.list-group-item:last-child,.pkp_block ul li:last-child{
  border-bottom:1px solid rgba(0,0,0,0.1);
}

/* ===============================================
   PREMIUM MODAL ENHANCEMENTS
   =============================================== */
.modal-content{
  position:relative;
  background-color:var(--surface-elegant);
  background-clip:padding-box;
  border:none;
  border-radius:12px;
  -webkit-box-shadow:0 20px 60px rgba(0,0,0,0.3);
  box-shadow:0 20px 60px rgba(0,0,0,0.3);
  outline:0;
  animation:fadeInScale 0.5s var(--animation-timing) forwards;
}

.modal-header{
  padding:var(--space-xl);
  background:var(--gradient-premium);
  color:white;
  border-bottom:none;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
}

.modal-title{
  font-family:var(--font-family-heading);
  font-weight:600;
  letter-spacing:var(--letter-spacing-wide);
}

.modal-body{
  padding:var(--space-xl);
  text-align:justify;
  line-height:1.7;
}

/* ===============================================
   PREMIUM ALERT ENHANCEMENTS
   =============================================== */
.alert{
  padding:var(--space-lg);
  margin-bottom:var(--space-xl);
  border:none;
  border-radius:8px;
  box-shadow:0 4px 15px var(--shadow-premium);
  animation:slideInRight 0.6s var(--animation-timing) forwards;
  text-align:justify;
  position:relative;
  overflow:hidden;
}

.alert::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:4px;
  height:100%;
  background:var(--accent-gold);
}

.alert-success{
  color:#155724;
  background:linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
}

.alert-info{
  color:#0c5460;
  background:linear-gradient(135deg, #d1ecf1 0%, #bee5eb 100%);
}

.alert-warning{
  color:#856404;
  background:linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
}

.alert-danger{
  color:#721c24;
  background:linear-gradient(135deg, #f8d7da 0%, #f1b0b7 100%);
}

/* ===============================================
   PREMIUM BADGE ENHANCEMENTS
   =============================================== */
.badge{
  display:inline-block;
  min-width:10px;
  padding:6px 12px;
  font-size:11px;
  font-weight:bold;
  line-height:1;
  color:#fff;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  background:var(--gradient-premium);
  border-radius:20px;
  box-shadow:0 2px 8px rgba(44, 90, 160, 0.3);
  transition:all var(--animation-duration) var(--animation-timing);
  text-transform:uppercase;
  letter-spacing:var(--letter-spacing-wide);
}

.badge:hover{
  animation:pulseGlow 1s ease-in-out;
  transform:var(--hover-scale);
}

/* ===============================================
   PREMIUM MEDIA OBJECT ENHANCEMENTS
   =============================================== */
.media{
  margin-top:var(--space-xl);
  margin-bottom:var(--space-xl);
  padding:var(--space-lg);
  background:var(--surface-elegant);
  border-radius:8px;
  box-shadow:0 4px 15px var(--shadow-premium);
  transition:all var(--animation-duration) var(--animation-timing);
  animation:fadeInUp 0.6s var(--animation-timing) forwards;
}

.media:hover{
  transform:var(--hover-lift);
  box-shadow:0 8px 25px rgba(44, 90, 160, 0.2);
}

.media-body{
  text-align:justify;
  line-height:1.7;
}

.media-heading{
  font-family:var(--font-family-heading);
  color:var(--text-premium);
  margin-bottom:var(--space-md);
}

/* ===============================================
   PREMIUM CAROUSEL ENHANCEMENTS
   =============================================== */
.carousel{
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 8px 30px var(--shadow-premium);
  animation:fadeInScale 0.8s var(--animation-timing) forwards;
}

.carousel-inner>.item{
  transition:all 0.8s var(--animation-timing);
}

.carousel-control{
  background:linear-gradient(90deg, rgba(44, 90, 160, 0.8) 0%, transparent 100%);
  transition:all var(--animation-duration) var(--animation-timing);
}

.carousel-control:hover{
  background:linear-gradient(90deg, rgba(44, 90, 160, 0.9) 0%, rgba(44, 90, 160, 0.3) 100%);
}

.carousel-indicators li{
  background:rgba(255, 255, 255, 0.5);
  border:2px solid var(--accent-gold);
  transition:all var(--animation-duration) var(--animation-timing);
}

.carousel-indicators .active{
  background:var(--accent-gold);
  animation:pulseGlow 2s infinite;
}

/* ===============================================
   PREMIUM FOOTER ENHANCEMENTS
   =============================================== */
footer[role="contentinfo"]{
  background:linear-gradient(135deg, var(--text-premium) 0%, var(--primary-elegant-dark) 100%);
  color:white;
  padding:var(--space-3xl) var(--space-xl);
  margin-top:var(--space-3xl);
  text-align:justify;
  position:relative;
  overflow:hidden;
}

footer[role="contentinfo"]::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  background:var(--accent-gold);
}

/* ===============================================
   PREMIUM SCROLL ENHANCEMENTS
   =============================================== */
::-webkit-scrollbar{
  width:8px;
}

::-webkit-scrollbar-track{
  background:var(--background-elegant);
}

::-webkit-scrollbar-thumb{
  background:var(--gradient-premium);
  border-radius:4px;
}

::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(135deg, var(--primary-elegant-dark) 0%, var(--accent-gold) 100%);
}

/* ===============================================
   PREMIUM SELECTION STYLES
   =============================================== */
::selection{
  background:var(--accent-gold);
  color:white;
}

::-moz-selection{
  background:var(--accent-gold);
  color:white;
}

/* ===============================================
   PREMIUM RESPONSIVE ENHANCEMENTS
   =============================================== */
@media (max-width: 768px) {
  .premium-mobile-center {
    text-align:center !important;
  }
  
  .premium-mobile-stack {
    display:block !important;
    width:100% !important;
    margin-bottom:var(--space-md);
  }
  
  h1, .h1 {
    font-size:2rem;
  }
  
  h2, .h2 {
    font-size:1.75rem;
  }
  
  .btn {
    padding:15px 30px;
    font-size:16px;
  }
  
  .panel, .pkp_block {
    margin-bottom:var(--space-lg);
  }
  
  .panel-body, .pkp_block .content {
    padding:var(--space-lg);
  }
}

/* ===============================================
   PREMIUM PRINT STYLES
   =============================================== */
@media print {
  .premium-no-print {
    display:none !important;
  }
  
  .premium-print-justify {
    text-align:justify !important;
  }
  
  * {
    background:transparent !important;
    box-shadow:none !important;
    animation:none !important;
    transition:none !important;
  }
}

/* ===============================================
   PREMIUM ACCESSIBILITY ENHANCEMENTS
   =============================================== */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
  }
}

.premium-focus-visible:focus-visible {
  outline:3px solid var(--accent-gold);
  outline-offset:2px;
  border-radius:4px;
}

/* ===============================================
   PREMIUM TEXT JUSTIFICATION OVERRIDES
   =============================================== */
.content, 
.article-content, 
.article-body, 
.journal-content, 
.issue-content, 
.submission-content,
.editorial-content,
.pkp_content,
.main-content,
.text-content {
  text-align:justify !important;
  hyphens:auto;
  -webkit-hyphens:auto;
  -moz-hyphens:auto;
  -ms-hyphens:auto;
  line-height:1.7;
}

/* Ensure all paragraph-like elements are justified */
div, 
span, 
section, 
article, 
main,
blockquote,
.description,
.summary,
.abstract {
  text-align:justify;
  hyphens:auto;
  -webkit-hyphens:auto;
  -moz-hyphens:auto;
  -ms-hyphens:auto;
}

/* ===============================================
   PREMIUM INTERACTION ENHANCEMENTS
   =============================================== */
.premium-interactive {
  cursor:pointer;
  transition:all var(--animation-duration) var(--animation-timing);
}

.premium-interactive:hover {
  transform:var(--hover-lift);
  box-shadow:var(--shadow-elevation);
}

.premium-click-effect {
  position:relative;
  overflow:hidden;
}

.premium-click-effect::after {
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-radius:50%;
  background:rgba(255, 255, 255, 0.5);
  transform:translate(-50%, -50%);
  transition:width 0.3s, height 0.3s;
}

.premium-click-effect:active::after {
  width:200px;
  height:200px;
}

/* ===============================================
   PREMIUM LOADING STATES
   =============================================== */
.premium-loading {
  position:relative;
  overflow:hidden;
}

.premium-loading::before {
  content:'';
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  animation:shimmer 2s infinite;
}

/* ===============================================
   PREMIUM DARK MODE SUPPORT
   =============================================== */
@media (prefers-color-scheme: dark) {
  :root {
    --text-premium: #e2e8f0;
    --text-muted-premium: #a0aec0;
    --background-elegant: #1a202c;
    --surface-elegant: #2d3748;
    --shadow-premium: rgba(0, 0, 0, 0.3);
  }
  
  .premium-dark-mode {
    background:var(--background-elegant);
    color:var(--text-premium);
  }
}

/* ===============================================
   PREMIUM FINAL ANIMATION TRIGGERS
   =============================================== */
.premium-animate-on-scroll {
  opacity:0;
  transform:translateY(30px);
  transition:all 0.6s var(--animation-timing);
}

.premium-animate-on-scroll.premium-in-view {
  opacity:1;
  transform:translateY(0);
}

/* Staggered animation delays for multiple elements */
.premium-stagger-1 { animation-delay:0.1s; }
.premium-stagger-2 { animation-delay:0.2s; }
.premium-stagger-3 { animation-delay:0.3s; }
.premium-stagger-4 { animation-delay:0.4s; }
.premium-stagger-5 { animation-delay:0.5s; }
/* ===============================================
   SHIFAA Peer Review Workflow (COPE Compliant)
   =============================================== */
#peer-flow {
  font-family: var(--font-family-primary);
  max-width: 850px;
  margin: 60px auto;
  padding: var(--space-2xl);
  background: var(--surface-elegant);
  border-radius: 16px;
  box-shadow: 0 10px 30px var(--shadow-premium);
  text-align: center;
  animation: fadeInScale 0.6s var(--animation-timing) forwards;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

#peer-flow h1 {
  font-family: var(--font-family-heading);
  background: var(--gradient-premium);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2.2rem;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: var(--space-xl);
}

#peer-flow .progress-bar {
  width: 100%;
  height: 8px;
  background: #e0e6ed;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: var(--space-xl);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

#peer-flow .progress {
  height: 100%;
  width: 0%;
  background: var(--gradient-premium);
  transition: width 0.6s var(--animation-timing);
}

#peer-flow .flow-step {
  display: none;
  animation: fadeInUp 0.6s var(--animation-timing) forwards;
  background: white;
  border-radius: 12px;
  padding: var(--space-xl);
  box-shadow: 0 4px 15px var(--shadow-premium);
  border-left: 6px solid var(--primary-elegant);
}

#peer-flow .flow-step.active {
  display: block;
}

#peer-flow .flow-step h2 {
  font-family: var(--font-family-heading);
  color: var(--primary-elegant-dark);
  font-weight: 600;
  margin-bottom: var(--space-md);
}

#peer-flow .flow-step p {
  color: var(--text-premium);
  font-size: 1rem;
  text-align: justify;
  line-height: 1.7;
  margin-bottom: var(--space-lg);
}

#peer-flow .buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin-top: var(--space-md);
}

#peer-flow button {
  font-family: var(--font-family-primary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  border: none;
  border-radius: 8px;
  padding: 10px 20px;
  color: #fff;
  transition: all var(--animation-duration) var(--animation-timing);
}

#peer-flow button.next {
  background: var(--gradient-premium);
}
#peer-flow button.next:hover {
  transform: var(--hover-lift);
  background: linear-gradient(135deg, var(--primary-elegant-dark) 0%, var(--primary-elegant) 100%);
}

#peer-flow button.back {
  background: #607d8b;
}
#peer-flow button.back:hover {
  background: #455a64;
}

#peer-flow button.alt {
  background: #d32f2f;
}
#peer-flow button.alt:hover {
  background: #b71c1c;
}

#peer-flow button.revise {
  background: #ff9800;
}
#peer-flow button.revise:hover {
  background: #f57c00;
}

#peer-flow button.reset {
  background: #009688;
}
#peer-flow button.reset:hover {
  background: #00796b;
}

#peer-flow .flow-step.reject {
  border-left: 6px solid #e53935;
  background: #fbeaea;
  color: #b71c1c;
}

#peer-flow .alert {
  margin-top: var(--space-md);
  text-align: center;
}

/* Confetti for celebration */
.confetti {
  position: fixed;
  top: -10px;
  width: 10px;
  height: 10px;
  opacity: 0.9;
  border-radius: 2px;
  animation: fall 4s linear forwards;
  z-index: 9999;
}
@keyframes fall {
  0%   { transform: translateY(0) rotate(0deg); opacity: 1; }
  100% { transform: translateY(100vh) rotate(720deg); opacity: 0; }
}