<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php
// ── Default SEO fallbacks (if header is loaded standalone or variables not set) ──
$siteUrl      = $siteUrl      ?? ((isset($_SERVER['HTTPS']) ? 'https' : 'http') . '://' . $_SERVER['HTTP_HOST']);
$pageUrl      = $pageUrl      ?? ($siteUrl . $_SERVER['REQUEST_URI']);
$siteName     = $siteName     ?? 'Communeglobal';
$htmlTitle    = $htmlTitle    ?? 'Communeglobal — Open Access Research Journal';
$finalTitle   = $finalTitle   ?? $htmlTitle;
$finalDesc    = $finalDesc    ?? 'Communeglobal is an open-access journal publishing peer-reviewed research across social sciences and interdisciplinary fields.';
$finalKeywords   = $finalKeywords   ?? 'open access journal, research, social sciences, peer review, communeglobal';
$finalCanonical  = $finalCanonical  ?? $pageUrl;
$finalFeatureImg = $finalFeatureImg ?? ($siteUrl . '/asset/og-default.jpg'); // put your OG image here
$finalImgAlt     = $finalImgAlt     ?? 'Communeglobal Journal';
$ogTitle      = $ogTitle      ?? $finalTitle;
$ogDesc       = $ogDesc       ?? $finalDesc;
$ogImage      = $ogImage      ?? $finalFeatureImg;
$ogType       = $ogType       ?? 'website';
$twCard       = $twCard       ?? 'summary_large_image';
$twTitle      = $twTitle      ?? $finalTitle;
$twDesc       = $twDesc       ?? $finalDesc;
$twImage      = $twImage      ?? $ogImage;
$twSite       = $twSite       ?? '@communeglobal'; // your Twitter handle
$schemaRaw    = $schemaRaw    ?? '';
$aiSummary    = $aiSummary    ?? '';
$faqSchema    = $faqSchema    ?? '';
$pageData     = $pageData     ?? null;
?>

<!-- ── CORE SEO ──────────────────────────────────── -->
<title><?= $htmlTitle ?></title>
<meta name="description" content="<?= htmlspecialchars($finalDesc) ?>">
<?php if ($finalKeywords): ?>
<meta name="keywords" content="<?= htmlspecialchars($finalKeywords) ?>">
<?php endif; ?>
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large">
<link rel="canonical" href="<?= htmlspecialchars($finalCanonical) ?>">

<!-- ── OPEN GRAPH ────────────────────────────────── -->
<meta property="og:type"        content="<?= htmlspecialchars($ogType) ?>">
<meta property="og:title"       content="<?= htmlspecialchars($ogTitle) ?>">
<meta property="og:description" content="<?= htmlspecialchars($ogDesc) ?>">
<meta property="og:url"         content="<?= htmlspecialchars($pageUrl) ?>">
<meta property="og:site_name"   content="<?= htmlspecialchars($siteName) ?>">
<?php if ($ogImage): ?>
<meta property="og:image"        content="<?= htmlspecialchars($ogImage) ?>">
<meta property="og:image:alt"    content="<?= htmlspecialchars($finalImgAlt) ?>">
<meta property="og:image:width"  content="1200">
<meta property="og:image:height" content="630">
<?php endif; ?>
<?php if ($pageData): ?>
<meta property="article:published_time" content="<?= date('c', strtotime($pageData['created_at'])) ?>">
<meta property="article:modified_time"  content="<?= date('c', strtotime($pageData['updated_at'])) ?>">
<?php endif; ?>

<!-- ── TWITTER CARD ──────────────────────────────── -->
<meta name="twitter:card"        content="<?= htmlspecialchars($twCard) ?>">
<meta name="twitter:title"       content="<?= htmlspecialchars($twTitle) ?>">
<meta name="twitter:description" content="<?= htmlspecialchars($twDesc) ?>">
<?php if ($twImage): ?><meta name="twitter:image" content="<?= htmlspecialchars($twImage) ?>"><?php endif; ?>
<?php if ($twSite):  ?><meta name="twitter:site"  content="<?= htmlspecialchars($twSite)  ?>"><?php endif; ?>

<!-- ── LLM / AI SEEDING ─────────────────────────── -->
<?php if (!empty($aiSummary)): ?>
<meta name="ai-summary"       content="<?= htmlspecialchars($aiSummary) ?>">
<meta name="description:llm"  content="<?= htmlspecialchars($aiSummary) ?>">
<?php endif; ?>

<!-- ── JSON-LD — Custom Schema ───────────────────── -->
<?php if (!empty($schemaRaw) && json_decode($schemaRaw)): ?>
<script type="application/ld+json"><?= $schemaRaw ?></script>
<?php endif; ?>

<!-- ── JSON-LD — FAQPage (auto-generated) ────────── -->
<?php if (!empty($faqSchema)): ?>
<script type="application/ld+json"><?= $faqSchema ?></script>
<?php endif; ?>

<!-- ── JSON-LD — WebPage ─────────────────────────── -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "WebPage",
    "name": <?= json_encode($finalTitle) ?>,
    "description": <?= json_encode($finalDesc) ?>,
    "url": <?= json_encode($pageUrl) ?>,
    "publisher": {
        "@type": "Organization",
        "name": "Communeglobal",
        "url": <?= json_encode($siteUrl) ?>
    }
    <?php if ($ogImage): ?>, "image": <?= json_encode($ogImage) ?><?php endif; ?>
    <?php if ($pageData): ?>,
    "datePublished": <?= json_encode(date('c', strtotime($pageData['created_at']))) ?>,
    "dateModified":  <?= json_encode(date('c', strtotime($pageData['updated_at']))) ?>
    <?php endif; ?>
}
</script>

<!-- ── JSON-LD — BreadcrumbList ──────────────────── -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {"@type":"ListItem","position":1,"name":"Home","item":<?= json_encode($siteUrl) ?>}
        <?php if ($pageData): ?>,
        {"@type":"ListItem","position":2,"name":<?= json_encode($pageData['title']) ?>,"item":<?= json_encode($pageUrl) ?>}
        <?php endif; ?>
    ]
}
</script>

<!-- ── LCP Preload ───────────────────────────────── -->
<?php if (!empty($finalFeatureImg)): ?>
<link rel="preload" as="image" href="<?= htmlspecialchars($finalFeatureImg) ?>">
<?php endif; ?>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
  <style>
    :root {
      --cyan: #009FD1;
      --top-h: 56px;
      --journal-h: 48px;
      --total-h: calc(var(--top-h) + var(--journal-h));
      --drawer-w: 320px;
    }

    *, *::before, *::after { box-sizing: border-box; }
    body { font-family: 'Helvetica Neue', Arial, sans-serif; padding-top: var(--total-h); margin: 0; }

    /* ══════════ TOP BAR ══════════ */
    .top-bar {
      position: fixed; top: 0; left: 0; right: 0;
      height: var(--top-h); background: #fff;
      border-bottom: 1px solid #e5e5e5;
      box-shadow: 0 1px 4px rgba(0,0,0,.07);
      z-index: 1050; display: flex; align-items: center;
      padding: 0 16px; gap: 2px;
    }

    .burger-btn {
      display: none; background: none; border: none;
      font-size: 22px; color: #333; cursor: pointer;
      padding: 4px 8px; flex-shrink: 0;
    }

    .logo-wrap { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; margin-right: 4px; }
    .logo-svg  { height: 26px; width: auto; }
    .mobile-journal { display: none; font-size: 13px; font-weight: 700; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 160px; }

    .top-links { display: flex; align-items: center; }

    /* Icon strip */
    .icon-strip { display: flex; align-items: center; gap: 2px; margin-left: auto; }
    .icon-btn {
      background: none; border: none; cursor: pointer;
      font-size: 13px; color: #333;
      display: flex; align-items: center; gap: 4px;
      padding: 6px 10px; text-decoration: none;
      border-radius: 4px; white-space: nowrap; transition: color .15s;
    }
    .icon-btn:hover { color: var(--cyan); }
    .icon-btn i { font-size: 17px; }
    .icon-label { display: inline; }

    .avatar { width: 32px; height: 32px; border-radius: 50%; overflow: hidden; cursor: pointer; flex-shrink: 0; margin-left: 4px; }
    .avatar img { width: 100%; height: 100%; object-fit: cover; }

    .btn-submit {
      border: 1.5px solid #333; border-radius: 20px;
      font-size: 13px; padding: 5px 16px; color: #333;
      text-decoration: none; white-space: nowrap; flex-shrink: 0;
      transition: background .15s, color .15s;
    }
    .btn-submit:hover { background: #333; color: #fff; }

    /* ══════════ CLICK DROPDOWN (shared) ══════════ */
    .click-dd { position: static; }
    .click-trigger {
      display: flex; align-items: center; gap: 5px;
      padding: 0 10px; height: var(--top-h);
      font-size: 13.5px; color: #333;
      cursor: pointer; white-space: nowrap;
      background: none; border: none;
      transition: color .15s;
      user-select: none;
    }
    .click-trigger:hover { color: var(--cyan); }
    .click-trigger .caret {
      border: solid #666; border-width: 0 1.5px 1.5px 0;
      padding: 2.5px; display: inline-block;
      transform: rotate(45deg); margin-top: -3px;
      transition: transform .2s, margin-top .2s;
    }
    .click-dd.open > .click-trigger { color: var(--cyan); }
    .click-dd.open > .click-trigger .caret { transform: rotate(-135deg); margin-top: 3px; }

    /* Dropdown panel — FULL WIDTH fixed */
    .dd-panel {
      display: none;
      position: fixed;
      top: var(--top-h); left: 0; right: 0; width: 100%;
      background: #fff;
      box-shadow: 0 8px 32px rgba(0,0,0,.13);
      border-top: 1px solid #eee;
      padding: 28px 40px; z-index: 500;
      animation: fadeIn .15s ease;
    }
    .click-dd.open > .dd-panel { display: block; }

    @keyframes fadeIn { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }

    /* About us grid */
    .about-cols { display: grid; grid-template-columns: repeat(5,1fr); gap: 24px; }
    .col-title { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #999; margin-bottom: 8px; }
    .dd-panel a { display: block; font-size: 13px; color: #333; text-decoration: none; padding: 4px 0; }
    .dd-panel a:hover { color: var(--cyan); }

    /* ══════════ JOURNAL BAR ══════════ */
    .journal-bar {
      position: fixed; top: var(--top-h); left: 0; right: 0;
      height: var(--journal-h); background: #fff;
      border-bottom: 1px solid #e0e0e0;
      z-index: 1040; display: flex; align-items: center;
    }
    .journal-brand {
      font-size: 15px; font-weight: 700; color: #222;
      text-decoration: none; white-space: nowrap;
      padding: 0 20px 0 16px; flex-shrink: 0;
    }
    .journal-brand:hover { color: var(--cyan); }
    .journal-links { display: flex; align-items: center; flex: 1; }

    /* Plain journal nav link */
    .jlink {
      font-size: 13.5px; color: #444; text-decoration: none;
      white-space: nowrap; padding: 0 14px; height: var(--journal-h);
      display: flex; align-items: center;
      border-bottom: 2px solid transparent;
      transition: color .15s, border-color .15s;
    }
    .jlink:hover { color: var(--cyan); border-bottom-color: var(--cyan); }

    /* Journal click dropdown */
    .j-click-dd { position: static; height: var(--journal-h); display: flex; align-items: center; flex-shrink: 0; }
    .j-trigger {
      display: flex; align-items: center; gap: 5px;
      padding: 0 14px; height: 100%;
      font-size: 13.5px; color: #444;
      cursor: pointer; white-space: nowrap;
      background: none; border: none;
      border-bottom: 2px solid transparent;
      transition: color .15s, border-color .15s;
      user-select: none;
    }
    .j-trigger .caret {
      border: solid #666; border-width: 0 1.5px 1.5px 0;
      padding: 2.5px; display: inline-block;
      transform: rotate(45deg); margin-top: -3px;
      transition: transform .2s, margin-top .2s;
    }
    .j-click-dd.open > .j-trigger { color: var(--cyan); border-bottom-color: var(--cyan); }
    .j-click-dd.open > .j-trigger .caret { transform: rotate(-135deg); margin-top: 3px; }

    /* Journal dropdown panel — FULL WIDTH fixed */
    .j-dd-panel {
      display: none;
      position: fixed;
      top: var(--total-h); left: 0; right: 0; width: 100%;
      background: #fff;
      box-shadow: 0 8px 28px rgba(0,0,0,.12);
      border-top: 1px solid #eee;
      padding: 28px 40px; z-index: 500;
      animation: fadeIn .15s ease;
    }
    .j-click-dd.open > .j-dd-panel { display: block; }
    .j-dd-panel a { display: block; font-size: 13.5px; color: #333; text-decoration: none; padding: 5px 0; border-bottom: 1px solid #f5f5f5; }
    .j-dd-panel a:last-child { border-bottom: none; }
    .j-dd-panel a:hover { color: var(--cyan); }

    /* About journal 2-col layout */
    .jab-cols { display: grid; grid-template-columns: repeat(2, 280px); gap: 40px; }
    .jab-col-title {
      font-size: 12px; font-weight: 700; text-transform: uppercase;
      letter-spacing: .5px; color: #444;
      padding-bottom: 8px; margin-bottom: 4px;
      border-bottom: 2px solid #333;
    }

    /* Sections full-width mega menu */
    .mega-menu {
      position: fixed !important;
      top: var(--total-h); left: 0; right: 0; width: 100%;
      background: #fff; border-top: 2px solid #eee;
      box-shadow: 0 8px 24px rgba(0,0,0,.1);
      padding: 28px 40px; display: none; z-index: 1035;
      animation: fadeIn .15s ease;
    }
    .mega-menu.open { display: block; }
.sections-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 8px 24px; }
.sections-grid a {
      display: block; font-size: 14px; color: #333;
      text-decoration: none; padding: 8px 0;
      border-bottom: 1px solid #f0f0f0;
    }
    .sections-grid a:hover { color: var(--cyan); }

    /* Shared overlay */
    .panel-overlay { display: none; position: fixed; inset: 0; z-index: 400; }
    .panel-overlay.active { display: block; }

    /* ══════════ MOBILE DRAWER ══════════ */
    .drawer-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 1060; }
    .drawer-overlay.open { display: block; }

    .drawer {
      position: fixed; top: 0; left: 0; bottom: 0;
      width: var(--drawer-w); background: #fff; z-index: 1070;
      overflow-y: auto; transform: translateX(-100%);
      transition: transform .28s cubic-bezier(.4,0,.2,1);
      display: flex; flex-direction: column;
    }
    .drawer.open { transform: translateX(0); }

    .drawer-head {
      display: flex; align-items: center; justify-content: space-between;
      padding: 14px 16px; border-bottom: 1px solid #eee;
      position: sticky; top: 0; background: #fff; z-index: 2;
    }
    .drawer-close-btn { background: none; border: none; font-size: 22px; color: #555; cursor: pointer; }
    .drawer-journal-name { display: block; padding: 14px 16px; font-size: 15px; font-weight: 700; color: #222; border-bottom: 1px solid #f0f0f0; text-decoration: none; }
    .drawer-section { border-bottom: 1px solid #f0f0f0; }
    .drawer-toggle {
      width: 100%; background: none; border: none;
      display: flex; align-items: center; justify-content: space-between;
      padding: 13px 16px; font-size: 14px; font-weight: 600; color: #222;
      cursor: pointer; text-align: left;
    }
    .drawer-toggle i { font-size: 12px; color: #999; transition: transform .2s; }
    .drawer-toggle[aria-expanded="true"] i { transform: rotate(180deg); }
    .drawer-body { display: none; background: #f9f9f9; }
    .drawer-body.open { display: block; }
    .drawer-group { padding: 8px 16px 12px; }
    .drawer-group-title { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #aaa; margin-bottom: 6px; }
    .drawer-body a { display: block; font-size: 13.5px; color: #333; text-decoration: none; padding: 7px 0; border-bottom: 1px solid #efefef; }
    .drawer-body a:last-child { border-bottom: none; }
    .drawer-body a:hover { color: var(--cyan); }
    .drawer-plain-link { display: block; padding: 13px 16px; font-size: 14px; color: #333; text-decoration: none; border-bottom: 1px solid #f0f0f0; }
    .drawer-plain-link:hover { color: var(--cyan); background: #f5f5f5; }
    .drawer-submit-btn { margin: 16px; display: block; text-align: center; border: 1.5px solid #333; border-radius: 20px; padding: 10px 20px; font-size: 14px; color: #333; text-decoration: none; transition: background .15s, color .15s; }
    .drawer-submit-btn:hover { background: #333; color: #fff; }

    /* ══════════ HERO ══════════ */
    .hero {
      background: linear-gradient(135deg,#2c6e8a 0%,#1a4a5e 50%,#0d2d3a 100%);
      min-height: 300px; display: flex; align-items: flex-end;
      position: relative; overflow: hidden;
    }
    .hero-title { color:#fff; font-size:1.8rem; font-weight:700; padding:20px; flex:1; }
    .hero-stats { display:flex; align-items:stretch; }
    .stat-box { background:rgba(0,0,0,.45); color:#fff; padding:14px 22px; text-align:center; }
    .stat-box .val { font-size:22px; font-weight:700; }
    .stat-box .lbl { font-size:10px; color:#ccc; white-space:nowrap; }
    .stat-submit { background:var(--cyan); color:#fff; padding:14px 24px; font-size:14px; font-weight:600; text-decoration:none; display:flex; align-items:center; }
    .stat-submit:hover { background:#0089b5; color:#fff; }

    /* ══════════ RESPONSIVE ══════════ */
    @media (max-width: 991px) {
      body { padding-top: var(--top-h); }
      .burger-btn    { display: flex; align-items: center; }
      .top-links     { display: none; }
      .btn-submit    { display: none; }
      .icon-label    { display: none; }
      .journal-bar   { display: none; }
      .mega-menu     { top: var(--top-h); }
      .mobile-journal { display: block; }
    }

    @media (max-width: 520px) {
      .hero { flex-direction: column; min-height: 220px; }
      .hero-title { font-size: 1.3rem; }
      .hero-stats { flex-direction: row; flex-wrap: wrap; width: 100%; }
      .stat-box { padding: 10px 14px; }
      .stat-box .val { font-size: 18px; }
    }
  </style>
</head>
<body>

<!-- Global overlay (closes any open panel on outside click) -->
<div class="panel-overlay" id="globalOverlay"></div>

<!-- ════════════════════════════════
     TOP BAR
════════════════════════════════ -->
<header class="top-bar">

  <button class="burger-btn" id="burgerBtn" aria-label="Open menu">
    <i class="bi bi-list"></i>
  </button>

  <a href="https://communeglobal.com/" class="logo-wrap">
    <img src="https://communeglobal.com/asset/logo.png" style="height:70px;">
  </a>

  <span class="mobile-journal">Communeglobal</span>

  <!-- Desktop links -->
  <nav class="top-links ms-1">

    <!-- About us — click dropdown -->
    <!--<div class="click-dd" id="ddAboutUs">-->
    <!--  <button class="click-trigger">About us <span class="caret"></span></button>-->
    <!--  <div class="dd-panel">-->
    <!--    <div class="about-cols">-->
    <!--      <div>-->
    <!--        <div class="col-title">Who we are</div>-->
    <!--        <a href="#">Mission and values</a><a href="#">History</a>-->
    <!--        <a href="#">Leadership</a><a href="#">Awards</a>-->
    <!--      </div>-->
    <!--      <div>-->
    <!--        <div class="col-title">Impact and progress</div>-->
    <!--        <a href="#">Frontiers' impact</a><a href="#">Our annual reports</a>-->
    <!--        <a href="#">Thought leadership</a>-->
    <!--      </div>-->
    <!--      <div>-->
    <!--        <div class="col-title">Publishing model</div>-->
    <!--        <a href="#">How we publish</a><a href="#">Open access</a>-->
    <!--        <a href="#">Peer review</a><a href="#">Research integrity</a>-->
    <!--        <a href="#">Research Topics</a><a href="#">FAIR² Data Management</a>-->
    <!--        <a href="#">Fee policy</a>-->
    <!--      </div>-->
    <!--      <div>-->
    <!--        <div class="col-title">Services</div>-->
    <!--        <a href="#">Societies</a><a href="#">National consortia</a>-->
    <!--        <a href="#">Institutional partnerships</a><a href="#">Collaborators</a>-->
    <!--      </div>-->
    <!--      <div>-->
    <!--        <div class="col-title">More from Frontiers</div>-->
    <!--        <a href="#">Communeglobal Forum</a><a href="#">Communeglobal Planet Prize</a>-->
    <!--        <a href="#">Press office</a><a href="#">Sustainability</a>-->
    <!--        <a href="#">Career opportunities</a><a href="#">Contact us</a>-->
    <!--      </div>-->
    <!--    </div>-->
    <!--  </div>-->
    <!--</div>-->

    <a href="/about-us" style="display:flex;align-items:center;padding:0 10px;height:var(--top-h);font-size:13.5px;color:#333;text-decoration:none;white-space:nowrap;transition:color .15s;" onmouseover="this.style.color='var(--cyan)'" onmouseout="this.style.color='#333'">About Us</a>
    <!--<a href="#" style="display:flex;align-items:center;padding:0 10px;height:var(--top-h);font-size:13.5px;color:#333;text-decoration:none;white-space:nowrap;transition:color .15s;" onmouseover="this.style.color='var(--cyan)'" onmouseout="this.style.color='#333'">All journals</a>-->
    <!--<a href="#" style="display:flex;align-items:center;padding:0 10px;height:var(--top-h);font-size:13.5px;color:#333;text-decoration:none;white-space:nowrap;transition:color .15s;" onmouseover="this.style.color='var(--cyan)'" onmouseout="this.style.color='#333'">All articles</a>-->
  </nav>

  <!--<a href="#" class="btn-submit ms-2">Submit your research</a>-->

  <?php include __DIR__ . '/header_auth_strip.php'; ?>

</header>

<!-- ════════════════════════════════
     JOURNAL BAR  (desktop only)
════════════════════════════════ -->
<nav class="journal-bar">
  <a href="#" class="journal-brand">Communeglobal</a>

  <div class="journal-links">

    <!-- Sections — full-width mega menu -->
    <div class="j-click-dd" id="ddSections">
      <button class="j-trigger">Sections <span class="caret"></span></button>
    </div>

    <!--<a href="#" class="jlink">Articles</a>-->
    <!--<a href="#" class="jlink">Research Topics</a>-->
    <!--<a href="#" class="jlink">Editorial board</a>-->

    <!-- About journal — click dropdown -->
    <!--<div class="j-click-dd" id="ddAboutJournal">-->
    <!--  <button class="j-trigger">About journal <span class="caret"></span></button>-->
    <!--  <div class="j-dd-panel">-->
    <!--    <div class="jab-cols">-->
    <!--      <div>-->
    <!--        <div class="jab-col-title">Scope</div>-->
    <!--        <a href="#">Field chief editor</a>-->
    <!--        <a href="#">Mission &amp; scope</a>-->
    <!--        <a href="#">Facts</a>-->
    <!--        <a href="#">Journal sections</a>-->
    <!--        <a href="#">Open access statement</a>-->
    <!--        <a href="#">Copyright statement</a>-->
    <!--        <a href="#">Quality</a>-->
    <!--      </div>-->
    <!--      <div>-->
    <!--        <div class="jab-col-title">For authors</div>-->
    <!--        <a href="#">Why submit?</a>-->
    <!--        <a href="#">Article types</a>-->
    <!--        <a href="#">Author guidelines</a>-->
    <!--        <a href="#">Editor guidelines</a>-->
    <!--        <a href="#">Publishing fees</a>-->
    <!--        <a href="#">Submission checklist</a>-->
    <!--        <a href="https://communeglobal.com/journals/social-science/board-members">Contact editorial office</a>-->
    <!--      </div>-->
    <!--    </div>-->
    <!--  </div>-->
    <!--</div>-->

  </div>
</nav>

<!-- Sections mega menu (full-width, fixed below journal bar) -->
<div class="mega-menu" id="megaMenu">
   <div class="sections-grid">

    <!-- Col 1: General Information -->
    <div>
      <div class="sections-col-title">General Information</div>
      <a href="https://communeglobal.com/journals/social-science/aims-scope">Aim &amp; Scope</a>
      <a href="https://communeglobal.com/journals/social-science/digital-library">Archive</a>
      <a href="https://communeglobal.com/journals/social-science/registration">Article Processing Charge</a>
      <a href="https://communeglobal.com/journals/social-science/indexing-abstracting">Indexing</a>
      <a href="https://communeglobal.com/journals/social-science/research-areas">Research Area</a>
    </div>

    <!-- Col 2: Publication Process -->
    <div>
      <div class="sections-col-title">Publication Process</div>
      <a href="https://communeglobal.com/journals/social-science/call-for-papers">Call For Paper</a>
      <a href="https://communeglobal.com/journals/social-science/open-access-policy">Open Access Policy</a>
      <a href="https://communeglobal.com/journals/social-science/editorial-policies">Editorial Policies</a>
      <a href="https://communeglobal.com/journals/social-science/editorial-process">Editorial Process</a>
      <a href="https://communeglobal.com/journals/social-science/copyright-statement">Copyright Statement</a>
    </div>

    <!-- Col 3: Authors -->
    <div>
      <div class="sections-col-title">Authors</div>
      <a href="https://communeglobal.com/author/submission.php">Initial Manuscript Submission</a>
      <!--<a href="https://communeglobal.com/journals/social-science/ojs">Revised Manuscript Submission</a>-->
      <!--<a href="https://communeglobal.com/journals/social-science/ojs">Final Manuscript Submission</a>-->
      <a href="https://communeglobal.com/Author-s-Declaration.pdf">Author (s) Declaration</a>
      <a href="https://communeglobal.com/ijriss-cover.pdf">Cover Page</a>
      <a href="https://communeglobal.com/journals/social-science/board-members">Contact Editorial Office</a>
    </div>

    <!-- Col 4: Guidelines -->
    <div>
      <div class="sections-col-title">Guidelines</div>
      <a href="https://communeglobal.com/journals/social-science/author-style-guidelines">Author &amp; Style Guidelines</a>
      <a href="https://communeglobal.com/Preparation-of-Papers-in-One-Column-Format.pdf">Sample Paper Format</a>
      <a href="https://www.youtube.com/watch?v=Vb2_1MnNJ8I&feature=youtu.be">Research Paper Formatting –Video Guide</a>
      <a href="https://communeglobal.com/conference-proceedings.php">Publish Conference Proceedings</a>
      <a href="https://communeglobal.com/conferences.php">Past Conferences</a>
      <a href="https://communeglobal.com/journals/social-science/call-for-papers">Launch Your Special Issue</a>
    </div>

    <!-- Col 5: Reviewers -->
    <div>
      <div class="sections-col-title">Reviewers</div>
      <a href="https://communeglobal.com/journals/social-science/reviewer-guidelines">Reviewer Guidelines</a>
      <a href="https://communeglobal.com/apply-as-reviewer.php">Apply as Reviewer</a>
      <!--<a href="https://communeglobal.com/">List of Reviewer</a>-->
      <a href="https://communeglobal.com/join-as-editorial-board-member.php">Join Our Esteemed Editorial Board</a>
      <a href="https://communeglobal.com/join-as-editorial-board-member.php">Become an Editor/ Special Issue Editor</a>
      <a href="https://communeglobal.com/the-benefits-of-becoming-a-peer-reviewer.php">Benefits of Being a Peer Reviewer</a>
    </div>

    <!-- Col 6: Browse Articles & Issues -->
    <div style="display:none;">
      <div class="sections-col-title">Browse Articles &amp; Issues</div>
      <a href="https://communeglobal.com/journals/social-science/ojs">Current Issue</a>
      <a href="https://communeglobal.com/journals/social-science/ojs">Previous Issue</a>
      <a href="https://communeglobal.com/journals/social-science/digital-library">List of Issues</a>
      <a href="https://communeglobal.com/journals/social-science/ojs">Latest Articles</a>
      <a href="https://communeglobal.com/journals/social-science/ojs">Most Viewed Article</a>
    </div>

  </div>
</div>

<!-- ════════════════════════════════
     MOBILE DRAWER
════════════════════════════════ -->
<div class="drawer-overlay" id="drawerOverlay"></div>
<aside class="drawer" id="drawer">

  <div class="drawer-head">
    <svg style="height:22px;width:auto;" viewBox="0 0 130 28" fill="none">
      <g transform="translate(0,2) scale(0.044)">
        <path d="M0 481.911V281.028l187.351-58.287v200.882L0 481.911z" fill="#8BC53F"/>
        <path d="M187.351 423.623V222.741l126.983 87.431v200.882l-126.983-87.431z" fill="#EBD417"/>
        <path d="M126.982 569.341L0 481.911l187.351-58.287 126.983 87.43-187.352 58.287z" fill="#034EA1"/>
        <path d="M183.188 212.331l51.001-116.574 65.573 155.085-51.001 116.574-65.573-155.085z" fill="#712E74"/>
        <path d="M248.761 367.415l51.001-116.574 171.739-28.102-49.96 115.533-172.78 29.143z" fill="#009FD1"/>
        <path d="M299.762 250.842L234.189 95.757l171.739-28.103 65.573 155.085-171.739 28.103z" fill="#F6921E"/>
        <path d="M187.352 222.741L59.328 198.802 44.757 71.819 172.78 95.76l14.572 126.982z" fill="#DA2128"/>
        <path d="M172.78 95.758L44.757 71.818l70.777-70.776 128.023 23.94-70.777 70.776z" fill="#25BCBD"/>
        <path d="M258.129 153.005l-70.777 69.736-14.571-126.982 70.777-70.778 14.571 128.024z" fill="#00844A"/>
      </g>
      <text x="26" y="19" font-family="Arial Black,Arial,sans-serif" font-size="13.5" font-weight="900" fill="#222">frontiers</text>
    </svg>
    <button class="drawer-close-btn" id="drawerClose"><i class="bi bi-x-lg"></i></button>
  </div>

  <a href="#" class="drawer-journal-name">Communeglobal in <em>Education</em></a>

   <div class="drawer-section">
    <button class="drawer-toggle" aria-expanded="false" data-target="dSections">Sections <i class="bi bi-chevron-down"></i></button>
    <div class="drawer-body" id="dSections">

      <div class="drawer-group">
        <div class="drawer-group-title">General Information</div>
        <a href="https://communeglobal.com/journals/social-science/aim-scope">Aim &amp; Scope</a>
        <a href="https://communeglobal.com/journals/social-science/digital-library">Archive</a>
        <a href="https://communeglobal.com/journals/social-science/registration">Article Processing Charge</a>
        <a href="https://communeglobal.com/journals/social-science/indexing-abstracting">Indexing</a>
        <a href="https://communeglobal.com/journals/social-science/research-areas">Research Area</a>
      </div>

      <div class="drawer-group">
        <div class="drawer-group-title">Publication Process</div>
        <a href="https://communeglobal.com/journals/social-science/call-for-papers">Call For Paper</a>
        <a href="https://communeglobal.com/journals/social-science/open-access-policy">Open Access Policy</a>
        <a href="https://communeglobal.com/journals/social-science/editorial-policies">Editorial Policies</a>
        <a href="https://communeglobal.com/journals/social-science/editorial-process">Editorial Process</a>
        <a href="https://communeglobal.com/journals/social-science/copyright-statement">Copyright Statement</a>
      </div>

      <div class="drawer-group">
        <div class="drawer-group-title">Authors</div>
        <a href="https://communeglobal.com/author/submission.php">Initial Manuscript Submission</a>
        <!--<a href="https://communeglobal.com/journals/social-science/ojs">Revised Manuscript Submission</a>-->
        <!--<a href="https://communeglobal.com/journals/social-science/ojs">Final Manuscript Submission</a>-->
        <a href="https://communeglobal.com/Author-s-Declaration.pdf">Author (s) Declaration</a>
        <a href="https://communeglobal.com/ijriss-cover.pdf">Cover Page</a>
        <a href="https://communeglobal.com/journals/social-science/board-members">Contact Editorial Office</a>
      </div>

      <div class="drawer-group">
        <div class="drawer-group-title">Guidelines</div>
        <a href="https://communeglobal.com/journals/social-science/author-style-guidelines">Author &amp; Style Guidelines</a>
        <a href="https://communeglobal.com/Preparation-of-Papers-in-One-Column-Format.pdf">Sample Paper Format</a>
        <a href="https://www.youtube.com/watch?v=Vb2_1MnNJ8I&feature=youtu.be">Research Paper Formatting –Video Guide</a>
        <a href="https://communeglobal.com/conference-proceedings.php">Publish Conference Proceedings</a>
        <a href="https://communeglobal.com/conferences.php">Past Conferences</a>
        <a href="https://communeglobal.com/journals/social-science/call-for-papers">Launch Your Special Issue</a>
      </div>

      <div class="drawer-group">
        <div class="drawer-group-title">Reviewers</div>
        <a href="https://communeglobal.com/journals/social-science/reviewer-guidelines">Reviewer Guidelines</a>
        <a href="https://communeglobal.com/apply-as-reviewer.php">Apply as Reviewer</a>
        <!--<a href="https://communeglobal.com/">List of Reviewer</a>-->
        <a href="https://communeglobal.com/join-as-editorial-board-member.php">Join Our Esteemed Editorial Board</a>
        <a href="https://communeglobal.com/join-as-editorial-board-member.php">Become an Editor/ Special Issue Editor</a>
        <a href="https://communeglobal.com/the-benefits-of-becoming-a-peer-reviewer.php">Benefits of Being a Peer Reviewer</a>
      </div>

      <div class="drawer-group" style="display:none;">
        <div class="drawer-group-title">Browse Articles &amp; Issues</div>
        <a href="https://communeglobal.com/journals/social-science/ojs">Current Issue</a>
        <a href="https://communeglobal.com/journals/social-science/ojs">Previous Issue</a>
        <a href="https://communeglobal.com/journals/social-science/digital-library">List of Issues</a>
        <a href="https://communeglobal.com/journals/social-science/ojs">Latest Articles</a>
        <a href="https://communeglobal.com/journals/social-science/ojs">Most Viewed Article</a>
      </div>

    </div>
  </div>

  <!--<a href="#" class="drawer-plain-link">Articles</a>-->
  <!--<a href="#" class="drawer-plain-link">Research Topics</a>-->
  <!--<a href="#" class="drawer-plain-link">Editorial board</a>-->

  <!--<div class="drawer-section">-->
  <!--  <button class="drawer-toggle" aria-expanded="false" data-target="dAboutJournal">About journal <i class="bi bi-chevron-down"></i></button>-->
  <!--  <div class="drawer-body" id="dAboutJournal">-->
  <!--    <div class="drawer-group">-->
  <!--      <div class="drawer-group-title">Scope</div>-->
  <!--      <a href="#">Field chief editor</a><a href="#">Mission &amp; scope</a>-->
  <!--      <a href="#">Facts</a><a href="#">Journal sections</a>-->
  <!--      <a href="#">Open access statement</a><a href="#">Copyright statement</a><a href="#">Quality</a>-->
  <!--    </div>-->
  <!--    <div class="drawer-group">-->
  <!--      <div class="drawer-group-title">For authors</div>-->
  <!--      <a href="#">Why submit?</a><a href="#">Article types</a>-->
  <!--      <a href="#">Author guidelines</a><a href="#">Editor guidelines</a>-->
  <!--      <a href="#">Publishing fees</a><a href="#">Submission checklist</a>-->
  <!--      <a href="https://communeglobal.com/journals/social-science/board-members">Contact editorial office</a>-->
  <!--    </div>-->
  <!--  </div>-->
  <!--</div>-->

  <div style="height:1px;background:#e8e8e8;margin:8px 0;"></div>

  <!--<div class="drawer-section">-->
  <!--  <button class="drawer-toggle" aria-expanded="false" data-target="dAboutUs">About us <i class="bi bi-chevron-down"></i></button>-->
  <!--  <div class="drawer-body" id="dAboutUs">-->
  <!--    <div class="drawer-group">-->
  <!--      <div class="drawer-group-title">Who we are</div>-->
  <!--      <a href="#">Mission and values</a><a href="#">History</a><a href="#">Leadership</a><a href="#">Awards</a>-->
  <!--    </div>-->
  <!--    <div class="drawer-group">-->
  <!--      <div class="drawer-group-title">Impact and progress</div>-->
  <!--      <a href="#">Frontiers' impact</a><a href="#">Our annual reports</a><a href="#">Thought leadership</a>-->
  <!--    </div>-->
  <!--    <div class="drawer-group">-->
  <!--      <div class="drawer-group-title">Publishing model</div>-->
  <!--      <a href="#">How we publish</a><a href="#">Open access</a><a href="#">Peer review</a>-->
  <!--      <a href="#">Research integrity</a><a href="#">Research Topics</a>-->
  <!--      <a href="#">FAIR² Data Management</a><a href="#">Fee policy</a>-->
  <!--    </div>-->
  <!--    <div class="drawer-group">-->
  <!--      <div class="drawer-group-title">Services</div>-->
  <!--      <a href="#">Societies</a><a href="#">National consortia</a>-->
  <!--      <a href="#">Institutional partnerships</a><a href="#">Collaborators</a>-->
  <!--    </div>-->
  <!--    <div class="drawer-group">-->
  <!--      <div class="drawer-group-title">More from Frontiers</div>-->
  <!--      <a href="#">Communeglobal Forum</a><a href="#">Communeglobal Planet Prize</a>-->
  <!--      <a href="#">Press office</a><a href="#">Sustainability</a>-->
  <!--      <a href="#">Career opportunities</a><a href="#">Contact us</a>-->
  <!--    </div>-->
  <!--  </div>-->
  <!--</div>-->

  <a href="/about-us" class="drawer-plain-link">About Us</a>
  <!--<a href="#" class="drawer-plain-link">All journals</a>-->
  <!--<a href="#" class="drawer-plain-link">All articles</a>-->
  <!--<a href="#" class="drawer-submit-btn">Submit your research</a>-->
</aside>