/*
 * TUJOM | Health Sciences — Bordo / Altın v3.0 (LOCALHOST TEST)
 * OJS 3.5.0.5, based on the previously tested v1.0 stylesheet.
 * v2 fixes the header selectors: Health Sciences does not consistently use
 * the Default Theme's #headerNavigationContainer / .pkp_structure_head.
 * Do not combine this file with Bootstrap 3 CSS or with v1.0.
 */
/*
 * TUJOM / Turkish Journal of Marketing
 * Health Sciences Theme — Bordo & Altin v1.0 (localhost test)
 * Target: OJS 3.5.0.5 / PKP Health Sciences v1.1.3-2
 * Use ONLY with Health Sciences, not with the old Bootstrap 3 stylesheet.
 * A visual override only: no PHP, OJS data or templates changed.
 */

:root {
  --tujom-bordo: #46102f;
  --tujom-bordo-deep: #310b25;
  --tujom-bordo-link: #842b4b;
  --tujom-gold: #edb946;
  --tujom-ink: #263247;
  --tujom-muted: #657182;
  --tujom-line: #e6e1e5;
  --tujom-canvas: #ffffff;
}

/* 1. Base: preserve the spacious Health Sciences layout */
body {
  color: var(--tujom-ink);
  background: var(--tujom-canvas);
}

body a { color: var(--tujom-bordo-link); }
body a:hover, body a:focus { color: var(--tujom-bordo-deep); }
body :focus-visible {
  outline: 2px solid var(--tujom-gold);
  outline-offset: 3px;
}

/* 2. Journal header. Multiple selectors accommodate PKP template variants. */
#headerNavigationContainer,
.pkp_structure_head,
body > .pkp_structure_page > header {
  background: linear-gradient(115deg, var(--tujom-bordo-deep), var(--tujom-bordo)) !important;
  border-bottom: 4px solid var(--tujom-gold) !important;
  color: #fff;
}

/* Avoid a theme sub-row painting an opaque pale strip above the logo. */
#headerNavigationContainer > .container,
#headerNavigationContainer > .container-fluid,
#headerNavigationContainer .pkp_head_wrapper,
#headerNavigationContainer .pkp_site_name_wrapper,
#headerNavigationContainer .pkp_navigation_primary_row {
  background: transparent !important;
}

/* The source TUJOM wordmark is almost white, so it needs a dark background. */
#headerNavigationContainer .pkp_site_name img,
#headerNavigationContainer .site-name img,
#headerNavigationContainer .header__logo img,
#headerNavigationContainer .logo img {
  display: inline-block;
  max-width: min(100%, 360px);
  max-height: 100px;
  width: auto;
  height: auto;
  object-fit: contain;
}

#headerNavigationContainer .pkp_site_name .is_text,
#headerNavigationContainer .site-name a,
#headerNavigationContainer .header__logo a {
  color: #fff !important;
}

/* Primary / user navigation: make text legible on the plum background. */
#headerNavigationContainer .pkp_navigation_primary > li > a,
#headerNavigationContainer .pkp_navigation_user > li > a,
#headerNavigationContainer #navigationPrimary > li > a,
#headerNavigationContainer #navigationUser > li > a,
#headerNavigationContainer .nav-primary > li > a,
#headerNavigationContainer .header__navigation > ul > li > a,
#headerNavigationContainer .pkp_navigation_search_wrapper > a {
  color: #fff !important;
  font-weight: 600;
}

#headerNavigationContainer .pkp_navigation_primary > li > a:hover,
#headerNavigationContainer .pkp_navigation_primary > li > a:focus,
#headerNavigationContainer #navigationPrimary > li > a:hover,
#headerNavigationContainer #navigationPrimary > li > a:focus,
#headerNavigationContainer .pkp_navigation_search_wrapper > a:hover {
  color: var(--tujom-gold) !important;
  text-decoration: none;
}

/* Dropdown menus must stay light and readable. */
#headerNavigationContainer .dropdown-menu,
#headerNavigationContainer .pkp_navigation_primary ul ul,
#headerNavigationContainer .pkp_navigation_user ul ul {
  background: #fff !important;
  color: var(--tujom-ink) !important;
  border: 1px solid var(--tujom-line);
}
#headerNavigationContainer .dropdown-menu a,
#headerNavigationContainer .pkp_navigation_primary ul ul a,
#headerNavigationContainer .pkp_navigation_user ul ul a {
  color: var(--tujom-ink) !important;
}
#headerNavigationContainer .dropdown-menu a:hover,
#headerNavigationContainer .pkp_navigation_primary ul ul a:hover,
#headerNavigationContainer .pkp_navigation_user ul ul a:hover {
  color: var(--tujom-bordo) !important;
  background: #faedf3 !important;
}

/* Mobile navbar toggle contrast */
#headerNavigationContainer button,
#headerNavigationContainer .navbar-toggler,
#headerNavigationContainer .pkp_site_nav_toggle {
  border-color: rgba(255,255,255,.55);
}
#headerNavigationContainer .navbar-toggler-icon,
#headerNavigationContainer .pkp_site_nav_toggle > span {
  color: #fff;
}

/* 3. Current issue headings & compact title rhythm */
.current_issue h2,
.current_issue .current_issue_title,
.page_index_journal .current_issue h2,
.pkp_page_index .current_issue h2,
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
  color: var(--tujom-bordo);
}
.current_issue h2,
.page_index_journal .current_issue h2 { font-weight: 700; }

.current_issue .issue_cover img,
.current_issue .cover img,
.issue_toc .cover img,
.obj_issue_summary .cover img {
  max-width: 100%;
  height: auto;
  box-shadow: 0 7px 22px rgba(26, 19, 26, .13);
}

/* 4. PDF / galley action buttons: replace default electric-blue */
.pkp_structure_main .btn-primary,
.pkp_structure_main .btn.btn-primary,
.pkp_structure_main a.obj_galley_link,
.pkp_structure_main .galleys a,
.pkp_structure_main .galley-link,
.pkp_structure_main .galley_link,
.current_issue .galleys a,
.issue_toc .galleys a {
  background-color: var(--tujom-bordo-link) !important;
  border-color: var(--tujom-bordo-link) !important;
  color: #fff !important;
  border-radius: 4px;
  text-decoration: none;
}
.pkp_structure_main .btn-primary:hover,
.pkp_structure_main .btn-primary:focus,
.pkp_structure_main a.obj_galley_link:hover,
.pkp_structure_main a.obj_galley_link:focus,
.pkp_structure_main .galleys a:hover,
.pkp_structure_main .galleys a:focus,
.issue_toc .galleys a:hover,
.issue_toc .galleys a:focus {
  background-color: var(--tujom-bordo-deep) !important;
  border-color: var(--tujom-bordo-deep) !important;
  color: #fff !important;
}

/* 5. Announcements, article lists and soft separators */
.obj_announcement_summary,
.obj_article_summary,
.obj_issue_summary,
.announcements .obj_announcement_summary {
  border-color: var(--tujom-line);
}
.obj_announcement_summary a,
.obj_article_summary .title a,
.obj_issue_summary .title a,
.announcements a {
  color: var(--tujom-bordo-link);
}
.obj_announcement_summary a:hover,
.obj_article_summary .title a:hover,
.announcements a:hover {
  color: var(--tujom-bordo-deep);
}

/* 6. Footer — custom sidebar blocks are placed here by Health Sciences. */
.pkp_structure_footer,
#footer,
.site-footer {
  border-top: 3px solid var(--tujom-gold);
}
.pkp_structure_footer a,
#footer a { color: var(--tujom-bordo-link); }
.pkp_structure_footer img,
#footer img { max-width: 100%; height: auto; }

/* 7. Mobile/tablet: protect menu, covers, columns and tap targets. */
@media (max-width: 991px) {
  #headerNavigationContainer .pkp_site_name img,
  #headerNavigationContainer .site-name img,
  #headerNavigationContainer .header__logo img {
    max-width: min(100%, 270px);
    max-height: 86px;
  }
  #headerNavigationContainer .pkp_site_nav_menu,
  #headerNavigationContainer .navbar-collapse {
    background: var(--tujom-bordo) !important;
  }
  #headerNavigationContainer .pkp_site_nav_menu > ul > li > a,
  #headerNavigationContainer .navbar-collapse > ul > li > a {
    color: #fff !important;
  }
}
@media (max-width: 575px) {
  .pkp_structure_main,
  .pkp_structure_content { min-width: 0; }
  .current_issue .issue_cover img,
  .issue_toc .cover img { max-width: 180px; }
  .pkp_structure_main .galleys a,
  .pkp_structure_main a.obj_galley_link { margin-bottom: 5px; }
}

/* ==============================================================
 * v2.0 FIX — actual theme header, not the default-theme selector.
 * :has(...) is supported by current Chrome, Edge, Safari and Firefox.
 * TUJOM's header logo upload is named pageHeaderLogoImage_*.png.
 * ============================================================= */

/* Identify the page header by its logo, regardless of markup version. */
header:has(img[src*="pageHeaderLogo"]),
header.site-header,
header.header,
.site-header:has(img[src*="pageHeaderLogo"]),
.header-wrapper:has(img[src*="pageHeaderLogo"]),
.header-container:has(img[src*="pageHeaderLogo"]),
.pkp_structure_page > header,
.pkp_structure_page > .header,
.pkp_structure_page > .site-header {
  background: linear-gradient(115deg, #310b25, #46102f) !important;
  color: #ffffff !important;
  border-bottom: 4px solid #edb946 !important;
}

/* Header's common inner wrappers sometimes have their own light background. */
header:has(img[src*="pageHeaderLogo"]) > .container,
header:has(img[src*="pageHeaderLogo"]) > .container-fluid,
header:has(img[src*="pageHeaderLogo"]) .header-top,
header:has(img[src*="pageHeaderLogo"]) .header-bottom,
header:has(img[src*="pageHeaderLogo"]) .header-main,
header:has(img[src*="pageHeaderLogo"]) .site-header__inner,
header:has(img[src*="pageHeaderLogo"]) .navbar,
header:has(img[src*="pageHeaderLogo"]) .navigation,
header:has(img[src*="pageHeaderLogo"]) .nav-wrapper,
.site-header .container,
.site-header .container-fluid,
.header-wrapper .navbar {
  background-color: transparent !important;
  background-image: none !important;
}

/* Logo & navigation: scoped to the actual header to avoid content regressions. */
header:has(img[src*="pageHeaderLogo"]) .navbar-nav > li > a,
header:has(img[src*="pageHeaderLogo"]) .nav-link,
header:has(img[src*="pageHeaderLogo"]) .navigation > ul > li > a,
header:has(img[src*="pageHeaderLogo"]) .navbar > a,
header:has(img[src*="pageHeaderLogo"]) .dropdown-toggle,
header:has(img[src*="pageHeaderLogo"]) .header-top a,
header:has(img[src*="pageHeaderLogo"]) .header-bottom a,
header:has(img[src*="pageHeaderLogo"]) .pkp_navigation_primary > li > a,
header:has(img[src*="pageHeaderLogo"]) .pkp_navigation_user > li > a,
.site-header .nav-link,
.site-header .navbar-nav > li > a,
.header-wrapper .navbar-nav > li > a {
  color: #ffffff !important;
}

header:has(img[src*="pageHeaderLogo"]) .navbar-nav > li > a:hover,
header:has(img[src*="pageHeaderLogo"]) .nav-link:hover,
header:has(img[src*="pageHeaderLogo"]) .navigation > ul > li > a:hover,
header:has(img[src*="pageHeaderLogo"]) .dropdown-toggle:hover {
  color: #edb946 !important;
}

/* Dropdowns: preserve dark text on a white panel. */
header:has(img[src*="pageHeaderLogo"]) .dropdown-menu,
.site-header .dropdown-menu,
.header-wrapper .dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #e6e1e5 !important;
}
header:has(img[src*="pageHeaderLogo"]) .dropdown-menu a,
header:has(img[src*="pageHeaderLogo"]) .dropdown-item,
.site-header .dropdown-menu a,
.header-wrapper .dropdown-menu a {
  color: #263247 !important;
}
header:has(img[src*="pageHeaderLogo"]) .dropdown-menu a:hover,
header:has(img[src*="pageHeaderLogo"]) .dropdown-item:hover {
  background-color: #faedf3 !important;
  color: #46102f !important;
}

/* Emergency readability fallback: even if header markup is unusual, the
   nearly-white TUJOM logo never disappears against a pale background. */
img[src*="pageHeaderLogo"] {
  background-color: #46102f;
  padding: 6px 10px;
  border-radius: 3px;
  max-width: 100%;
  height: auto;
}

/* Current issue and article links should follow the journal palette. */
.pkp_structure_main a:not(.btn):not(.obj_galley_link):not(.galley_link):hover {
  color: #842b4b;
}

/* Keyboard visibility on the dark menu */
header:has(img[src*="pageHeaderLogo"]) a:focus-visible,
.site-header a:focus-visible {
  outline: 2px solid #edb946;
  outline-offset: 3px;
}

@media (max-width: 991px) {
  header:has(img[src*="pageHeaderLogo"]) .navbar-collapse,
  header:has(img[src*="pageHeaderLogo"]) .mobile-nav,
  .site-header .navbar-collapse {
    background: #46102f !important;
  }
  header:has(img[src*="pageHeaderLogo"]) button.navbar-toggler,
  header:has(img[src*="pageHeaderLogo"]) button.menu-toggle {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.55);
  }
}


/* =======================================================================
 * TUJOM Health Sciences v3.0 | October 2026 | LOCALHOST ONLY
 * On top of the visually verified v2.0 stylesheet:
 * - More purposeful journal header (no square behind wordmark)
 * - Modern current-issue card and galley actions
 * - Announcement cards and tighter vertical rhythm
 * - Optional grid: current issue (main) + announcements (right rail)
 *   only when both sections share the same DOM parent and viewport > 1220px.
 * This CSS DOES NOT move PKP custom sidebar blocks out of the footer.
 * ======================================================================= */

/* The white TUJOM wordmark is already on a burgundy header in the v2 test.
   Remove the v2 emergency rectangle behind the logo, not the header itself. */
header:has(img[src*="pageHeaderLogo"]) img[src*="pageHeaderLogo"],
#headerNavigationContainer img[src*="pageHeaderLogo"] {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  filter: drop-shadow(0 2px 4px rgba(24, 3, 17, .12));
}

/* More defined but restrained site header. Theme's actual v2 background stays. */
header:has(img[src*="pageHeaderLogo"]) {
  border-bottom: 3px solid var(--tujom-gold) !important;
}
header:has(img[src*="pageHeaderLogo"]) img[src*="pageHeaderLogo"] {
  width: auto;
  max-width: min(100%, 330px);
  max-height: 92px;
  object-fit: contain;
}

/* Keep accessible keyboard outlines and readable menu dropdowns from v2. */
header:has(img[src*="pageHeaderLogo"]) .dropdown-menu,
header:has(img[src*="pageHeaderLogo"]) .dropdown-menu a {
  text-shadow: none;
}

/* Front page frame: make whitespace intentional, not an empty expanse. */
.page_index_journal {
  width: 100%;
  margin-inline: auto;
  padding-block: clamp(20px, 3vw, 44px) 42px;
}
.page_index_journal .current_issue,
.page_index_journal .cmp_announcements,
.page_index_journal .announcements,
.page_index_journal .announcements_list {
  min-width: 0;
}

/* The issue is the primary piece of the homepage, not a floating caption. */
.page_index_journal .current_issue {
  border: 1px solid #ede5e9;
  background: #fff;
  box-shadow: 0 12px 38px rgba(52, 16, 42, .06);
  border-radius: 15px;
  padding: clamp(20px, 3.1vw, 40px);
  margin-block: 0 30px;
}
.page_index_journal .current_issue > h2,
.page_index_journal .current_issue > .current_issue_title {
  color: var(--tujom-bordo) !important;
}
.page_index_journal .current_issue > h2 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: clamp(17px, 1.35vw, 21px);
  font-weight: 700;
  letter-spacing: .02em;
}
.page_index_journal .current_issue > .current_issue_title {
  font-size: clamp(22px, 2.1vw, 30px);
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 20px;
}

/* The galley panel in the screenshot: replace grey flat panel with a card.
   Provide selector variants without modifying template markup. */
.page_index_journal .current_issue .galleys,
.page_index_journal .current_issue .issue_galleys,
.page_index_journal .current_issue .issue_toc .galleys,
.page_index_journal .current_issue .issue_toc .galley_links {
  border-radius: 10px;
}
.page_index_journal .current_issue a.obj_galley_link,
.page_index_journal .current_issue .galleys a,
.page_index_journal .current_issue .galley_link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 38px;
  padding: 8px 13px;
  margin: 2px 3px 2px 0;
  background: var(--tujom-bordo) !important;
  border: 1px solid var(--tujom-bordo) !important;
  border-radius: 5px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  white-space: normal;
  text-align: center;
  text-decoration: none;
  transition: background-color .18s ease, border-color .18s ease;
}
.page_index_journal .current_issue a.obj_galley_link:hover,
.page_index_journal .current_issue .galleys a:hover,
.page_index_journal .current_issue .galley_link:hover {
  background: #69213e !important;
  border-color: #69213e !important;
}
.page_index_journal .current_issue .issue_cover img,
.page_index_journal .current_issue .cover img,
.page_index_journal .current_issue .obj_issue_summary .cover img {
  border-radius: 4px;
  box-shadow: 0 10px 26px rgba(30, 24, 32, .16);
}

/* Homepage announcement summaries as editorial cards. */
.page_index_journal .cmp_announcements,
.page_index_journal .announcements,
.page_index_journal .announcements_list {
  margin-block: 8px 34px;
}
.page_index_journal .cmp_announcements h2,
.page_index_journal .announcements h2 {
  color: var(--tujom-bordo) !important;
  font-size: clamp(19px, 1.6vw, 24px);
  margin-top: 0;
}
.page_index_journal .obj_announcement_summary {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #eee4ea;
  border-left: 3px solid var(--tujom-gold);
  border-radius: 9px;
  box-shadow: 0 6px 18px rgba(52, 16, 42, .045);
  padding: 20px 20px 18px;
  margin-bottom: 16px;
  min-width: 0;
}
.page_index_journal .obj_announcement_summary h3,
.page_index_journal .obj_announcement_summary .title,
.page_index_journal .obj_announcement_summary .title a {
  color: var(--tujom-bordo) !important;
  font-weight: 700;
  line-height: 1.4;
}
.page_index_journal .obj_announcement_summary .date,
.page_index_journal .obj_announcement_summary .date_published {
  color: var(--tujom-muted);
  font-size: 13px;
}
.page_index_journal .obj_announcement_summary a.read_more,
.page_index_journal .obj_announcement_summary .read_more a {
  color: var(--tujom-bordo-link) !important;
  font-weight: 700;
}

/* Optional desktop two-column INDEX layout. If OJS uses a wrapper between
   these components the selectors do not activate; the safe stacked design stays.
   This is intentional, as patching PKP templates prematurely adds upgrade risk. */
@media (min-width: 1220px) {
  .page_index_journal:has(> .current_issue):has(> :is(.cmp_announcements, .announcements, .announcements_list)) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(275px, 320px);
    column-gap: 24px;
    row-gap: 20px;
    align-items: start;
    max-width: 1280px;
  }
  .page_index_journal:has(> .current_issue):has(> :is(.cmp_announcements, .announcements, .announcements_list)) > .current_issue {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
  }
  .page_index_journal:has(> .current_issue):has(> :is(.cmp_announcements, .announcements, .announcements_list)) > :is(.cmp_announcements, .announcements, .announcements_list) {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
  }
  .page_index_journal:has(> .current_issue):has(> :is(.cmp_announcements, .announcements, .announcements_list)) > :not(.current_issue):not(.cmp_announcements):not(.announcements):not(.announcements_list) {
    grid-column: 1 / -1;
  }
}

/* Tablet and mobile: do not squeeze cover + galleys into a fixed sidebar. */
@media (max-width: 1219px) {
  .page_index_journal { max-width: 980px; }
}
@media (max-width: 767px) {
  .page_index_journal { padding: 18px 10px 28px; }
  .page_index_journal .current_issue {
    padding: 19px 15px;
    border-radius: 11px;
  }
  .page_index_journal .obj_announcement_summary { padding: 16px; }
  .page_index_journal .current_issue a.obj_galley_link,
  .page_index_journal .current_issue .galleys a,
  .page_index_journal .current_issue .galley_link {
    min-height: 42px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .page_index_journal .current_issue a.obj_galley_link,
  .page_index_journal .current_issue .galleys a,
  .page_index_journal .current_issue .galley_link { transition: none; }
}


/* ======================================================================
 * TUJOM Health Sciences v4.0 | REAL HTML SELECTORS (localhost)
 * Built against TUJOM_anasayfa.txt (OJS 3.5.0.5)
 * Main structure:
 *   .container-homepage-issue.page-content
 *   .homepage-issue-current / -identifier / -published
 *   .homepage-issue-header > .col-lg-3 + .col-lg-9
 *   .homepage-issue-description-wrapper / .homepage-issue-galleys
 *   section.homepage-announcements > h2 + article.homepage-announcement
 *   .issue-wrapper / .issue-toc / .article-summary
 * Keep v3 header, logo, nav and brand colors intact.
 * Applies to homepage ONLY, no template, PHP or database changes.
 * ====================================================================== */

/* Reduce the large empty band after the navigation; protect sub-pages. */
.container.container-homepage-issue.page-content {
  box-sizing: border-box;
  width: calc(100% - 36px);
  max-width: 1160px;
  margin: 0 auto;
  padding-top: 24px !important;
  padding-bottom: 44px;
}

/* The three issue headings are direct children, not .current_issue. */
.container-homepage-issue > .homepage-issue-current {
  display: table;
  margin: 0 auto 7px;
  padding: 4px 13px;
  border-radius: 18px;
  background: #f9edf2;
  color: var(--tujom-bordo) !important;
  font-family: inherit;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
}
.container-homepage-issue > .homepage-issue-identifier {
  margin: 0 auto 7px;
  color: var(--tujom-bordo) !important;
  font-family: inherit;
  font-size: clamp(24px, 2.1vw, 32px);
  font-weight: 700;
  line-height: 1.28;
  text-align: center;
}
.container-homepage-issue > .homepage-issue-published {
  margin: 0 auto 22px;
  color: var(--tujom-muted) !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

/* Create a unified issue feature card from the actual Bootstrap row. */
.container-homepage-issue > .homepage-issue-header {
  display: flex;
  align-items: stretch;
  justify-content: center !important;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 27px !important;
  padding: 20px 18px;
  background: #fff;
  border: 1px solid #eadfe4;
  border-top: 3px solid var(--tujom-gold);
  border-radius: 13px;
  box-shadow: 0 10px 28px rgba(43, 10, 29, .065);
}
.container-homepage-issue .homepage-issue-header > .col-lg-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 10px 16px;
}
.container-homepage-issue .homepage-issue-header > .col-lg-9 {
  display: flex;
  align-items: stretch;
  min-width: 0;
  padding: 10px;
}
.container-homepage-issue .homepage-issue-cover {
  display: block;
  width: auto;
  max-width: min(100%, 190px);
  max-height: 294px;
  height: auto;
  margin-inline: auto;
  object-fit: contain;
  border-radius: 3px;
  box-shadow: 0 7px 22px rgba(34, 28, 36, .16);
}
.container-homepage-issue .homepage-issue-description-wrapper {
  width: 100%;
  height: 100%;
  padding: clamp(17px, 2.3vw, 28px) !important;
  margin: 0;
  background: #f9f6f7;
  border: 1px solid #f0e9ed;
  border-radius: 9px;
}
.container-homepage-issue .homepage-issue-galleys .h3 {
  margin: 0 0 14px;
  color: var(--tujom-bordo) !important;
  font-family: inherit;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.3;
}
.container-homepage-issue .homepage-issue-galleys a.btn.btn-primary,
.container-homepage-issue .article-summary-galleys a.btn.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin: 0 5px 7px 0;
  padding: 8px 12px;
  border: 1px solid var(--tujom-bordo) !important;
  border-radius: 5px;
  background: var(--tujom-bordo) !important;
  color: #fff !important;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  text-decoration: none;
}
.container-homepage-issue .homepage-issue-galleys a.btn.btn-primary:hover,
.container-homepage-issue .homepage-issue-galleys a.btn.btn-primary:focus-visible,
.container-homepage-issue .article-summary-galleys a.btn.btn-primary:hover,
.container-homepage-issue .article-summary-galleys a.btn.btn-primary:focus-visible {
  background: #702647 !important;
  border-color: #702647 !important;
  color: #fff !important;
}

/* Expose the genuine screen-reader "Duyurular" heading visually.
   This avoids duplicate labels generated via CSS pseudo-content. */
.container-homepage-issue > section.homepage-announcements {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 18px;
  row-gap: 14px;
  margin: 0 0 26px !important;
  align-items: stretch;
}
.container-homepage-issue > section.homepage-announcements > h2.visually-hidden {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 0 10px !important;
  margin: 0 0 2px !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
  grid-column: 1 / -1;
  border-bottom: 2px solid #eadbe2;
  color: var(--tujom-bordo) !important;
  font-family: inherit;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}
.container-homepage-issue .homepage-announcements > article.homepage-announcement {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  flex: none !important;
  margin: 0 !important;
  padding: 21px 22px !important;
  background: #fff;
  border: 1px solid #eee4e9;
  border-left: 4px solid var(--tujom-gold);
  border-radius: 10px;
  box-shadow: 0 5px 19px rgba(43, 10, 29, .055);
}
.container-homepage-issue .homepage-announcement-title {
  margin: 0 0 12px;
  color: var(--tujom-bordo) !important;
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  overflow-wrap: break-word;
}
.container-homepage-issue .homepage-announcement > p {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.65;
  overflow-wrap: break-word;
}
.container-homepage-issue .homepage-announcement > p > p {
  margin: 0;
}
.container-homepage-issue .homepage-announcement a {
  color: var(--tujom-bordo-link) !important;
  font-weight: 600;
}
.container-homepage-issue .homepage-announcement a:hover {
  color: var(--tujom-bordo-deep) !important;
  text-decoration: underline;
}
.container-homepage-issue .homepage-announcement > footer {
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid #f3ebef;
}
.container-homepage-issue .homepage-announcement-date {
  color: var(--tujom-muted) !important;
  font-size: 12px;
}

/* Use the wider page area for article listings rather than a 9/12 column. */
.container-homepage-issue > .issue-wrapper {
  margin: 8px 0 18px;
  padding: 18px 24px;
  background: #fff;
  border: 1px solid #eee4e9;
  border-radius: 11px;
}
.container-homepage-issue > .issue-wrapper > .col-12.col-lg-9 {
  flex: 0 0 100%;
  max-width: 100%;
}
.container-homepage-issue .issue-toc-section-title {
  margin: 2px 0 18px;
  padding-bottom: 10px;
  color: var(--tujom-bordo) !important;
  border-bottom: 2px solid #eadbe2;
  font-family: inherit;
  font-size: 24px;
  font-weight: 700;
}
.container-homepage-issue .article-summary {
  padding-block: 17px;
  border-bottom: 1px solid #eee5ea;
}
.container-homepage-issue .article-summary:last-child {
  border-bottom: none;
}
.container-homepage-issue .article-summary-title a {
  color: var(--tujom-bordo-link) !important;
  font-weight: 600;
  line-height: 1.5;
}
.container-homepage-issue .article-summary-title a:hover {
  color: var(--tujom-bordo-deep) !important;
}

@media (max-width: 767px) {
  .container.container-homepage-issue.page-content {
    width: calc(100% - 22px);
    padding-top: 15px !important;
  }
  .container-homepage-issue > .homepage-issue-header {
    padding: 12px 10px;
  }
  .container-homepage-issue .homepage-issue-header > .col-lg-9,
  .container-homepage-issue .homepage-issue-header > .col-lg-3 {
    padding: 9px 7px;
  }
  .container-homepage-issue .homepage-issue-cover {
    max-width: 158px;
    max-height: 250px;
  }
  .container-homepage-issue > section.homepage-announcements {
    grid-template-columns: 1fr;
  }
  .container-homepage-issue > .issue-wrapper {
    padding: 15px 12px;
  }
  .container-homepage-issue .homepage-announcements > article.homepage-announcement {
    padding: 17px 16px !important;
  }
  .container-homepage-issue .homepage-issue-galleys a.btn.btn-primary,
  .container-homepage-issue .article-summary-galleys a.btn.btn-primary {
    min-height: 42px;
  }
}

/* ======================================================================
 * TUJOM Health Sciences v4.1 | LOCALHOST refinement
 * Grounded in actual Health Sciences front-page DOM.
 * Only the front page is changed: no template/PHP/database changes.
 * ====================================================================== */

/* The cover is taller than the five galley links. Do not stretch the light
   galley panel to the full cover height; center a compact panel instead. */
.container-homepage-issue .homepage-issue-header > .col-lg-9 {
  align-items: center;
}
.container-homepage-issue .homepage-issue-description-wrapper {
  height: auto !important;
  min-height: 0 !important;
  padding: 20px 22px !important;
  background: #fbf8fa;
  border: 1px solid #f0e9ed;
  border-left: 3px solid var(--tujom-gold);
  border-radius: 8px;
}
.container-homepage-issue .homepage-issue-galleys .h3 {
  margin-bottom: 12px;
  font-size: 21px;
}
.container-homepage-issue .homepage-issue-galleys a.btn.btn-primary {
  min-height: 38px;
  margin: 0 5px 6px 0;
  padding: 8px 11px;
  font-size: 13px;
  line-height: 1.4;
}

/* Slightly improve legibility without pushing two announcements apart. */
.container-homepage-issue .homepage-announcement-title {
  font-size: clamp(17px, 1.3vw, 19px);
  line-height: 1.4;
}
.container-homepage-issue .homepage-announcement > p {
  font-size: 14px;
  line-height: 1.65;
}

/* Stacking on mobile: allow the information panel to use the available width. */
@media (max-width: 991px) {
  .container-homepage-issue .homepage-issue-header > .col-lg-9 {
    align-items: stretch;
  }
}
@media (max-width: 767px) {
  .container-homepage-issue .homepage-issue-description-wrapper {
    padding: 16px !important;
  }
  .container-homepage-issue .homepage-issue-galleys a.btn.btn-primary {
    min-height: 42px;
  }
}

/* ====================================================================
 * TUJOM Health Sciences v4.2 — 390px mobile refinement
 * Uses actual OJS 3.5 / Health Sciences HTML classes from localhost.
 * Maintains all v4.1 desktop styling; affects only small viewports.
 * ==================================================================== */
@media (max-width: 767px) {
  /* Logo and hamburger belong to the same mobile navbar row. */
  header.main-header > .container {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 13px !important;
    padding-left: 13px !important;
  }
  header.main-header .navbar-logo { display: none !important; }
  header.main-header nav.navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 0;
    width: 100%;
    min-width: 0;
    padding: 10px 0 !important;
  }
  header.main-header nav.navbar > .navbar-brand {
    display: block;
    flex: 0 1 auto;
    width: auto;
    max-width: calc(100% - 60px);
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }
  header.main-header nav.navbar > .navbar-brand img[src*="pageHeaderLogo"] {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: min(100%, 224px) !important;
    max-height: 70px !important;
    margin: 0;
    padding: 0 !important;
  }
  header.main-header nav.navbar > button.navbar-toggler {
    position: static !important;
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    margin: 0 !important;
    padding: 6px !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 7px;
    color: #fff !important;
    background: rgba(255,255,255,.08) !important;
    box-shadow: none;
  }
  header.main-header .navbar-toggler-icon {
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  header.main-header nav.navbar > .navbar-collapse {
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 8px;
    padding: 10px 10px 14px;
    border-top: 1px solid rgba(255,255,255,.20);
    background: var(--tujom-bordo) !important;
  }
  header.main-header .navbar-collapse .nav-link {
    padding: 11px 10px;
    color: #fff !important;
    overflow-wrap: anywhere;
  }
  header.main-header .navbar-collapse .dropdown-menu {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  /* Fit the current issue inside the real 390px content viewport. */
  .container.container-homepage-issue.page-content {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px 13px 34px !important;
  }
  .container-homepage-issue > .homepage-issue-identifier {
    font-size: clamp(21px, 6vw, 25px);
    overflow-wrap: anywhere;
  }
  .container-homepage-issue > .homepage-issue-header {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0 0 22px !important;
    padding: 13px 12px !important;
    border-radius: 10px;
  }
  .container-homepage-issue .homepage-issue-header > .col-lg-3,
  .container-homepage-issue .homepage-issue-header > .col-lg-9 {
    box-sizing: border-box;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 8px 0 !important;
  }
  .container-homepage-issue .homepage-issue-cover {
    max-width: min(100%, 148px);
    max-height: 236px;
  }
  .container-homepage-issue .homepage-issue-description-wrapper {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 14px !important;
    border-radius: 8px;
  }
  .container-homepage-issue .homepage-issue-galleys {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
  }
  .container-homepage-issue .homepage-issue-galleys > .h3 {
    flex: 0 0 100%;
    margin-bottom: 2px;
    font-size: 19px;
  }
  .container-homepage-issue .homepage-issue-galleys a.btn.btn-primary {
    max-width: 100%;
    min-height: 40px;
    margin: 0 !important;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 1.3;
    white-space: normal;
  }
  .container-homepage-issue > section.homepage-announcements {
    grid-template-columns: minmax(0,1fr) !important;
    row-gap: 12px;
  }
  .container-homepage-issue .homepage-announcements > article.homepage-announcement {
    min-width: 0;
    padding: 16px !important;
  }
  .container-homepage-issue > .issue-wrapper {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 15px 13px;
  }
}
@media (max-width: 359px) {
  header.main-header nav.navbar > .navbar-brand img[src*="pageHeaderLogo"] {
    max-width: min(100%, 190px) !important;
  }
  .container.container-homepage-issue.page-content {
    padding-inline: 10px !important;
  }
}

/* ================================================================
 * TUJOM Health Sciences v4.3 — sade, iki kartli alt bilgi alani
 * Sadece iki aktif ozel blok beklenir:
 *   #customblock-communication    (WhatsApp / Iletisim)
 *   #customblock-creativecommons  (CC lisansi)
 * Bu tasarim footer'da yer alir; Health Sciences temasi footer'i
 * ana sayfa dahil diger icerik sayfalarinda da gosterebilir.
 * ================================================================ */

.site-footer {
  border-top: 3px solid var(--tujom-gold) !important;
}
.site-footer .site-footer-sidebar {
  box-sizing: border-box;
  padding-top: 30px;
  padding-bottom: 28px;
}
.site-footer .site-footer-sidebar > .row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 20px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  align-items: stretch;
}
.site-footer .site-footer-sidebar .pkp_block.block_custom {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0 !important;
  padding: 22px 24px !important;
  background: #fff;
  color: var(--tujom-ink);
  border: 1px solid #ece3e7;
  border-top: 3px solid var(--tujom-gold);
  border-radius: 10px;
  box-shadow: 0 5px 19px rgba(49, 11, 37, 0.055);
}
.site-footer .site-footer-sidebar .pkp_block.block_custom .content {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100%;
}
.site-footer .site-footer-sidebar .tujom-footer-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  min-width: 0;
  font-size: 14px;
  line-height: 1.65;
  text-align: left;
}
.site-footer .site-footer-sidebar .tujom-footer-card h3 {
  margin: 0 0 2px !important;
  padding: 0;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--tujom-bordo) !important;
}
.site-footer .site-footer-sidebar .tujom-footer-card p {
  margin: 0 !important;
  overflow-wrap: anywhere;
}
.site-footer .site-footer-sidebar .tujom-footer-card .tujom-footer-muted {
  color: #586579;
  font-size: 13px;
}
.site-footer .site-footer-sidebar .tujom-footer-card .tujom-footer-graphic {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 42px;
  object-fit: contain;
}
.site-footer .site-footer-sidebar .tujom-footer-card .tujom-footer-link {
  color: var(--tujom-bordo-link) !important;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.site-footer .site-footer-sidebar .tujom-footer-card .tujom-footer-button {
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  padding: 9px 14px;
  border: 1px solid var(--tujom-bordo);
  border-radius: 6px;
  color: #fff !important;
  background: var(--tujom-bordo);
  font-weight: 700;
  font-size: 13px;
  line-height: 1.4;
  text-decoration: none !important;
  overflow-wrap: anywhere;
}
.site-footer .site-footer-sidebar .tujom-footer-card .tujom-footer-button:hover,
.site-footer .site-footer-sidebar .tujom-footer-card .tujom-footer-button:focus-visible {
  background: var(--tujom-bordo-deep);
  border-color: var(--tujom-bordo-deep);
  color: #fff !important;
}
/* Footer'daki mevcut site alt bilgisini degistirmiyoruz. */
@media (max-width: 767px) {
  .site-footer .site-footer-sidebar {
    padding: 20px 12px 22px;
  }
  .site-footer .site-footer-sidebar > .row {
    grid-template-columns: minmax(0,1fr);
    gap: 12px;
  }
  .site-footer .site-footer-sidebar .pkp_block.block_custom {
    padding: 18px 16px !important;
  }
  .site-footer .site-footer-sidebar .tujom-footer-card h3 {
    font-size: 18px;
  }
}

/* ================================================================
 * TUJOM Health Sciences v4.4 — kompakt tek satir alt bilgi
 * NOT: Sayaç, OJS Ayarlar > Web Sitesi > Gorunum > Sayfa Altbilgisi
 * alanindaki StatCounter HTML kodu yenisiyle DEGISTIRILEREK
 * kaldirilir. Bu CSS sadece OJS/PKP logosu sutununu gizler.
 * ================================================================ */
.site-footer > .container.site-footer-content {
  padding-top: 12px !important;
  padding-bottom: 18px !important;
}
.site-footer > .container.site-footer-content > .row {
  justify-content: center;
  align-items: center;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.23);
}
/* OJS / PKP marka gorselini iceren sutunu tamamen gizle. */
.site-footer > .container.site-footer-content > .row > .col-md-2[role="complementary"] {
  display: none !important;
}
/* Sayfa alt bilgisi tek sutunda ve ortalanmis kalsin. */
.site-footer > .container.site-footer-content > .row > .col-md.site-footer-content {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 12px !important;
  text-align: center !important;
}
.site-footer .tujom-footer-copyright,
.site-footer > .container.site-footer-content > .row > .col-md.site-footer-content > p {
  margin: 0 !important;
  color: #f4eef2 !important;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.7;
  text-align: center !important;
  overflow-wrap: anywhere;
}
.site-footer .tujom-footer-copyright a,
.site-footer > .container.site-footer-content > .row > .col-md.site-footer-content a {
  color: #f1c667 !important;
  text-decoration: none;
  text-underline-offset: 3px;
}
.site-footer .tujom-footer-copyright a:hover,
.site-footer .tujom-footer-copyright a:focus-visible,
.site-footer > .container.site-footer-content > .row > .col-md.site-footer-content a:hover,
.site-footer > .container.site-footer-content > .row > .col-md.site-footer-content a:focus-visible {
  color: #ffe3a0 !important;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .site-footer > .container.site-footer-content {
    padding-top: 10px !important;
    padding-bottom: 16px !important;
  }
  .site-footer .tujom-footer-copyright,
  .site-footer > .container.site-footer-content > .row > .col-md.site-footer-content > p {
    font-size: 12px;
    line-height: 1.75;
  }
}

/* =====================================================================
 * TUJOM Health Sciences v4.5.1 — Anasayfa oncelik sirasi ve ozel banner
 * OJS 3.5.0.5; v4.4 ile onaylanan tum sayfa / footer kurallari korunur.
 * Sadece anasayfadaki .container-homepage-issue duzeni degistirilir.
 *
 * NOT: CSS flex order yalnizca GORSEL siralamayi degistirir.
 * Klavye odagi ve erisilebilirlik kaynak HTML sirasini izler.
 * Kalici, anlamsal siralama icin theme indexJournal.tpl duzenlenmelidir.
 * ===================================================================== */

.container.container-homepage-issue.page-content {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
}

/* Sadece dekoratif pazarlama banneri: main ana icerigin ilk elemani. */
.container.container-homepage-issue.page-content::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  order: -20;
  width: 100%;
  height: clamp(148px, 19vw, 235px);
  margin: 1px 0 24px;
  border: 1px solid rgba(70,16,47,.18);
  border-radius: 12px;
  background-color: #46102f;
  background-image:
    linear-gradient(90deg, rgba(49,11,37,.12), rgba(49,11,37,0)),
    url("./tujom_pazarlama_banner_kontrast.webp");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 8px 23px rgba(49,11,37,.10);
}

/* Duyurular: bannerin hemen ardinda */
.container.container-homepage-issue > section.homepage-announcements {
  order: -10;
  width: 100%;
  margin-bottom: 30px !important;
}

/* Bir sonraki blok: Yeni Sayi basligi, metadata, kapak+dosyalar */
.container.container-homepage-issue > .homepage-issue-current { order: 0; }
.container.container-homepage-issue > .homepage-issue-identifier { order: 1; }
.container.container-homepage-issue > .homepage-issue-published { order: 2; }
.container.container-homepage-issue > .homepage-issue-header {
  order: 3;
  width: 100%;
}

/* Sonra makaleler ve arsiv butonu */
.container.container-homepage-issue > .issue-wrapper { order: 4; width: 100%; }
.container.container-homepage-issue > .text-center { order: 5; }

/* Dar ekranlarda kisa, yatay tasmasiz banner */
@media (max-width: 767px) {
  .container.container-homepage-issue.page-content::before {
    height: 134px;
    border-radius: 9px;
    margin: 0 0 18px;
    background-position: 66% center;
  }
  .container.container-homepage-issue > section.homepage-announcements {
    margin-bottom: 23px !important;
  }
}
@media (max-width: 359px) {
  .container.container-homepage-issue.page-content::before { height: 112px; }
}

/* v4.5.1: Banner URL is relative to the uploaded OJS journal styleSheet.css. */

/* =====================================================================
 * TUJOM Health Sciences v4.5.2 — TAM GENISLIKTE ANASAYFA BANNERI
 * v4.5.1 sonuna eklenir. Yalnizca ana sayfayi etkiler.
 * Mevcut gorsel yolu: ./tujom_pazarlama_banner.webp
 * ===================================================================== */

/* Banner header'in altinda dogrudan baslasin, icerik alani ise dar kalsin. */
.container.container-homepage-issue.page-content {
  padding-top: 0 !important;
}

/* Dar .container disina tasarak tum tarayici genisligini kaplar. */
.container.container-homepage-issue.page-content::before {
  box-sizing: border-box;
  display: block;
  width: 100vw !important;
  max-width: none !important;
  flex: 0 0 auto;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  height: clamp(220px, 21vw, 320px) !important;
  margin: 0 0 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-position: center 52% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* Bildirim kartlari yine ana icerik genisliginde kalir. */
@media (max-width: 767px) {
  .container.container-homepage-issue.page-content::before {
    height: 180px !important;
    margin-bottom: 20px !important;
    background-position: 74% center !important;
  }
}
@media (max-width: 359px) {
  .container.container-homepage-issue.page-content::before {
    height: 150px !important;
  }
}

/* v4.5.3 - Kontrastli banner: acik zemin + altin-grafik, onceki v4.5.2 korunur. */
.container.container-homepage-issue.page-content::before {
  background-color: #FAF2DF !important;
  background-image: url("./tujom_pazarlama_banner_kontrast.webp") !important;
  background-position: center center !important;
}
@media (max-width: 767px) {
  .container.container-homepage-issue.page-content::before {
    background-position: 77% center !important;
  }
}

/* =====================================================================
 * TUJOM Health Sciences v4.5.4 - TAM GENISLIK BANNER YATAY TASMA DUZELTMESI
 * Bazı Windows/Chrome kurulumlarinda 100vw dikey kaydirma cubugunu da
 * hesaba katar ve alt kisimda yatay kaydirma cubugu olusturabilir.
 * Bu duzeltme sadece TUJOM ana sayfasinda yatay tasmayi kirpar;
 * banner tam ekran ve duyurular ic konteynerde kalir.
 * ===================================================================== */
@supports selector(body:has(.container-homepage-issue)) {
  html:has(.container-homepage-issue),
  body:has(.container-homepage-issue) {
    overflow-x: clip !important;
  }
}

/* Full-bleed gorsel: kenar bosluklari, yuvarlak kose veya cerceve yok. */
.container.container-homepage-issue.page-content::before {
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}