cat > /var/www/ojs/plugins/themes/qadafitheme/styles/qf-step2-v3.css <<'EOF'
:root {
  --qf-green: #1f6b45;
  --qf-green-dark: #174e33;
  --qf-green-mid: #2d9762;
  --qf-gold: #c7a446;
  --qf-gold-soft: #f3e7bf;
  --qf-cream: #f8f5ec;
  --qf-text: #2b2b2b;
  --qf-border: rgba(199, 164, 70, 0.22);
  --qf-shadow: 0 10px 24px rgba(23, 78, 51, 0.08);
  --qf-radius: 14px;
}

/* =========================
   Base
   ========================= */
body {
  background: #ffffff;
  color: var(--qf-text);
  font-size: 14px;
}

a {
  color: var(--qf-green);
  transition: 0.2s ease;
}

a:hover,
a:focus {
  color: var(--qf-green-dark);
  text-decoration: none;
}

.container {
  max-width: 1320px;
}

.page h1,
.page h2,
.page h3,
.page h4 {
  color: var(--qf-green-dark);
}

/* =========================
   Header wrapper
   ========================= */
.pkp_structure_head {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-bottom: 14px !important;
}

#headerNavigationContainer {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: auto !important;
  margin-bottom: 0 !important;
}

/* top user bar */
#headerNavigationContainer > .container-fluid:first-child {
  background: #0d4f34 !important;
}

#headerNavigationContainer > .container-fluid:first-child .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#navigationUser {
  margin: 0 !important;
  padding: 4px 14px !important;
}

#navigationUser > li > a {
  color: #ffffff !important;
  font-size: 11px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* second row centered like jppsd */
#headerNavigationContainer > .container-fluid:nth-child(2) {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#headerNavigationContainer .navbar-header {
  float: none !important;
  width: 100% !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
}

/* hide small bootstrap brand */
.navbar-brand {
  display: none !important;
}

/* desktop hamburger hidden */
@media (min-width: 768px) {
  .navbar-toggle {
    display: none !important;
  }
}

/* banner / logo area */
.custom-home-banner {
  width: 100% !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: linear-gradient(135deg, var(--qf-green-dark) 0%, var(--qf-green) 100%) !important;
  border-radius: 12px 12px 0 0 !important;
  overflow: hidden !important;
  box-shadow: var(--qf-shadow) !important;
  text-align: center !important;
}

.custom-home-banner a {
  display: block !important;
  line-height: 0 !important;
}

.custom-home-banner img {
  display: block !important;
  width: 100% !important;
  max-width: 1140px !important;
  height: auto !important;
  margin: 0 auto !important;
}

.custom-home-banner__title {
  display: block !important;
  padding: 24px !important;
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;
}

/* nav row below banner */
#nav-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 1140px !important;
  margin: 0 auto 14px !important;
  min-height: 44px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  background: linear-gradient(90deg, var(--qf-green-mid) 0%, var(--qf-green) 100%) !important;
  border-top: 3px solid var(--qf-gold) !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.05) !important;
}

#nav-menu .navbar-nav {
  float: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
}

#nav-menu .navbar-nav > li > a {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 12px 14px !important;
  letter-spacing: 0.01em !important;
  background: transparent !important;
}

#nav-menu .navbar-nav > li > a:hover,
#nav-menu .navbar-nav > li > a:focus,
#nav-menu .navbar-nav > .active > a,
#nav-menu .navbar-nav > .active > a:hover,
#nav-menu .navbar-nav > .active > a:focus {
  background: transparent !important;
  color: var(--qf-gold-soft) !important;
}

#nav-menu .dropdown-menu {
  border-top: 3px solid var(--qf-gold) !important;
  border-radius: 0 0 10px 10px !important;
  box-shadow: var(--qf-shadow) !important;
}

#nav-menu .dropdown-menu > li > a:hover,
#nav-menu .dropdown-menu > li > a:focus {
  background: rgba(199, 164, 70, 0.12) !important;
  color: var(--qf-green-dark) !important;
}

/* search */
.qf-search-area,
#nav-menu .pull-md-right {
  margin-left: auto !important;
  padding-left: 12px !important;
}

.qf-search-area .search_prompt {
  display: none !important;
}

.qf-search-area input[type="text"],
#nav-menu input[name="query"],
.navbar input[type="text"],
.pkp_search input[type="text"] {
  width: 160px !important;
  height: 34px !important;
  font-size: 12px !important;
  border: 1px solid rgba(199, 164, 70, 0.4) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

.qf-search-area .btn,
.qf-search-area button,
.qf-search-area input[type="submit"],
#nav-menu .btn,
#nav-menu button,
#nav-menu input[type="submit"] {
  height: 34px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 6px 12px !important;
  border-radius: 9px !important;
  background: var(--qf-gold) !important;
  border-color: #b28f36 !important;
  color: #1b1b1b !important;
}

.qf-search-area .btn:hover,
.qf-search-area .btn:focus,
.qf-search-area button:hover,
.qf-search-area button:focus,
.qf-search-area input[type="submit"]:hover,
.qf-search-area input[type="submit"]:focus,
#nav-menu .btn:hover,
#nav-menu .btn:focus,
#nav-menu button:hover,
#nav-menu button:focus,
#nav-menu input[type="submit"]:hover,
#nav-menu input[type="submit"]:focus {
  background: #b9963a !important;
  border-color: #9f7e2f !important;
  color: #111 !important;
}

/* =========================
   Main content layout
   ========================= */
.pkp_structure_content {
  margin-top: 18px !important;
}

.page_index_journal .pkp_structure_main {
  padding-right: 22px !important;
}

.page_index_journal .pkp_structure_sidebar {
  padding-left: 22px !important;
}

/* =========================
   Intro card
   ========================= */
.page_index_journal .qf-home-intro {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
  margin-bottom: 30px !important;
  padding: 22px !important;
  background: #ffffff !important;
  border: 1px solid var(--qf-border) !important;
  border-radius: 14px !important;
  box-shadow: var(--qf-shadow) !important;
  overflow: hidden !important;
}

.page_index_journal .qf-home-intro-cover {
  flex: 0 0 155px !important;
  width: 155px !important;
  max-width: 155px !important;
}

.page_index_journal .qf-home-intro-cover img {
  display: block !important;
  width: 155px !important;
  max-width: 155px !important;
  height: auto !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 22px rgba(23, 78, 51, 0.12) !important;
}

.page_index_journal .qf-home-intro-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.page_index_journal .qf-home-intro-content h1 {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  color: var(--qf-green-dark) !important;
}

.page_index_journal .qf-home-intro-description,
.page_index_journal .qf-home-intro-description p {
  font-size: 13px !important;
  line-height: 1.75 !important;
  text-align: justify !important;
}

.page_index_journal .qf-home-intro-description p:last-child {
  margin-bottom: 0 !important;
}

.page_index_journal .qf-home-meta {
  margin: 14px 0 0 !important;
  padding-left: 20px !important;
}

.page_index_journal .qf-home-meta li {
  font-size: 13px !important;
  margin-bottom: 6px !important;
}

.page_index_journal .qf-home-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 16px !important;
}

.page_index_journal .qf-home-badges span {
  display: inline-block !important;
  padding: 7px 12px !important;
  background: #fffaf0 !important;
  border: 1px solid rgba(199, 164, 70, 0.35) !important;
  border-radius: 8px !important;
  color: var(--qf-green-dark) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* =========================
   Homepage sections
   ========================= */
.page_index_journal .cmp_announcements,
.page_index_journal .current_issue,
.page_index_journal .additional_content {
  margin-top: 28px !important;
  padding: 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(199, 164, 70, 0.18) !important;
  border-radius: 14px !important;
  box-shadow: var(--qf-shadow) !important;
}

.page_index_journal .page-header {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
  border-bottom: 1px solid #ececec !important;
}

.page_index_journal .page-header h2,
.page_index_journal .cmp_announcements h2,
.page_index_journal .current_issue h2 {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  font-size: 22px !important;
  color: var(--qf-green-dark) !important;
}

.page_index_journal .media-list .media {
  margin-top: 0 !important;
  padding: 0 0 20px !important;
  border-bottom: 1px solid #efefef !important;
}

.page_index_journal .media-list .media:last-child {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.page_index_journal img {
  max-width: 100%;
}

/* =========================
   Sidebar
   ========================= */
.pkp_block {
  background: #ffffff !important;
  border: 1px solid rgba(199, 164, 70, 0.22) !important;
  border-radius: 14px !important;
  box-shadow: var(--qf-shadow) !important;
  overflow: hidden !important;
  margin-bottom: 24px !important;
}

.pkp_block .title {
  background: linear-gradient(90deg, #23774d 0%, var(--qf-green) 100%) !important;
  color: #ffffff !important;
  padding: 12px 16px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  border-bottom: 3px solid var(--qf-gold) !important;
}

.pkp_block .content,
.pkp_block .block_content {
  background: #ffffff !important;
  font-size: 12px !important;
}

.pkp_block ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_block li {
  border-bottom: 1px solid #ececec !important;
}

.pkp_block li:last-child {
  border-bottom: 0 !important;
}

.pkp_block li a {
  display: block !important;
  padding: 11px 16px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: var(--qf-text) !important;
}

.pkp_block li a:hover,
.pkp_block li a:focus {
  background: rgba(199, 164, 70, 0.1) !important;
  color: var(--qf-green-dark) !important;
}

/* =========================
   Buttons
   ========================= */
.btn-primary,
.page .btn-primary,
.cmp_button,
.pkp_button,
button[type="submit"],
input[type="submit"] {
  background: var(--qf-green) !important;
  border-color: #19573a !important;
  color: #ffffff !important;
  border-radius: 9px !important;
}

.btn-primary:hover,
.btn-primary:focus,
.page .btn-primary:hover,
.page .btn-primary:focus,
.cmp_button:hover,
.cmp_button:focus,
.pkp_button:hover,
.pkp_button:focus,
button[type="submit"]:hover,
button[type="submit"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  background: var(--qf-green-dark) !important;
  border-color: #133f2a !important;
  color: #ffffff !important;
}

/* =========================
   Footer
   ========================= */
.pkp_structure_footer_wrapper {
  background: var(--qf-cream) !important;
  border-top: 3px solid rgba(199, 164, 70, 0.55) !important;
  margin-top: 40px !important;
}

/* =========================
   Responsive
   ========================= */
@media (max-width: 991px) {
  .page_index_journal .pkp_structure_main,
  .page_index_journal .pkp_structure_sidebar {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .page_index_journal .qf-home-intro {
    flex-direction: column !important;
  }

  .page_index_journal .qf-home-intro-cover,
  .page_index_journal .qf-home-intro-cover img {
    width: 170px !important;
    max-width: 170px !important;
  }
}

@media (max-width: 767px) {
  #headerNavigationContainer > .container-fluid:nth-child(2) {
    max-width: 100% !important;
  }

  .custom-home-banner {
    margin-top: 0 !important;
    border-radius: 0 !important;
  }

  .custom-home-banner img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .custom-home-banner__title {
    font-size: 22px !important;
  }

  #nav-menu {
    display: block !important;
    border-radius: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #nav-menu .navbar-nav {
    display: block !important;
  }

  #nav-menu .qf-search-area,
  #nav-menu .pull-md-right {
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 12px !important;
  }

  .page_index_journal .qf-home-intro {
    padding: 18px !important;
    gap: 18px !important;
  }

  .page_index_journal .qf-home-intro-content h1 {
    font-size: 22px !important;
  }

  .page_index_journal .qf-home-intro-description,
  .page_index_journal .qf-home-intro-description p,
  .page_index_journal .qf-home-meta li,
  .pkp_block li a {
    font-size: 12px !important;
  }

  .pkp_block .title {
    font-size: 12px !important;
  }
}