/* ============================================================
   IJAERD Journal — Shared Stylesheet  (ijaerd.css)
   Used by every public page via includes/site_header.php
   ============================================================ */

/* ── RESET & BASE ── */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Open Sans',Arial,sans-serif;background:#f5f5f5;color:#333;font-size:14px;line-height:1.6}
a{color:#1a5276;text-decoration:none}
a:hover{color:#c0392b;text-decoration:underline}
img{max-width:100%}
ul,ol{padding-left:20px}
h1,h2,h3,h4{font-family:'Open Sans',Arial,sans-serif}

/* ── TOP INFO BAR ── */
.top-bar{background:#1a3a5c;padding:6px 0;font-size:12px;color:rgba(255,255,255,.8)}
.top-bar-inner{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
.top-bar a{color:rgba(255,255,255,.85);margin-left:14px;font-size:12px}
.top-bar a:hover{color:#f39c12;text-decoration:none}

/* ── HEADER ── */
.site-header{background:#fff;border-bottom:3px solid #1a5276;padding:0}
.header-inner{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:16px}
.header-logo img{height:80px;width:auto}
.header-logo-text{width:80px;height:80px;background:#1a5276;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;border-radius:5px;flex-shrink:0}
.header-text{flex:1}
.header-journal-name{font-size:22px;font-weight:700;color:#1a3a5c;line-height:1.3}
.header-journal-sub{font-size:12.5px;color:#555;margin-top:3px}
.header-issn{font-size:12px;color:#c0392b;font-weight:600;margin-top:4px}
.header-badges{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.hbadge{background:#eaf4fb;border:1px solid #aed6f1;color:#1a5276;font-size:11px;padding:3px 10px;border-radius:3px;font-weight:600}
.hbadge.red{background:#fef9e7;border-color:#f9ca24;color:#856404}
.hbadge.green{background:#eafaf1;border-color:#82e0aa;color:#1e8449}
.hbadge.orange{background:#fff3e0;border-color:#ffcc80;color:#b45309}

/* ── MARQUEE ── */
.marquee-bar{background:#fef9e7;border-top:1px solid #f9e79f;border-bottom:1px solid #f9e79f;padding:7px 0;overflow:hidden}
.marquee-label{background:#e74c3c;color:#fff;font-size:12px;font-weight:700;padding:3px 12px;white-space:nowrap;margin-right:12px;flex-shrink:0}
.marquee-text{white-space:nowrap;animation:marqueeScroll 30s linear infinite;font-size:12.5px;color:#555;font-weight:500}
@keyframes marqueeScroll{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}

/* ── NAVBAR ── */
.navbar{background:#1a5276;position:sticky;top:0;z-index:100;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.navbar-inner{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;align-items:stretch}
.nav-item{position:relative}
.nav-link{display:flex;align-items:center;padding:13px 14px;color:#fff;font-size:13px;font-weight:500;white-space:nowrap;border-right:1px solid rgba(255,255,255,.1);transition:background .2s;cursor:pointer;gap:4px}
.nav-link:hover,.nav-link.active{background:#c0392b;text-decoration:none;color:#fff}
.nav-arrow{font-size:10px;opacity:.7}
.nav-dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:240px;box-shadow:0 4px 16px rgba(0,0,0,.15);border-top:3px solid #c0392b;z-index:200}
.nav-item:hover .nav-dropdown{display:block}
.nav-dropdown a{display:block;padding:9px 16px;font-size:13px;color:#333;border-bottom:1px solid #f0f0f0}
.nav-dropdown a:hover{background:#eaf4fb;color:#1a5276;text-decoration:none}
.nav-submit-btn{background:#e74c3c;padding:13px 20px;color:#fff;font-weight:700;font-size:13px;margin-left:auto;display:flex;align-items:center;transition:background .2s;white-space:nowrap}
.nav-submit-btn:hover{background:#c0392b;text-decoration:none;color:#fff}

/* ── LAYOUT ── */
.page-wrap{max-width:1200px;margin:0 auto;padding:20px 16px;display:grid;grid-template-columns:1fr 280px;gap:20px}
.main-col{}
.side-col{}

/* ── PAGE TITLE BAR ── */
.page-title-bar{background:#fff;border:1px solid #ddd;border-radius:5px;padding:14px 18px;margin-bottom:18px;border-left:4px solid #1a5276}
.page-title-bar h1{font-size:18px;font-weight:700;color:#1a3a5c;margin-bottom:3px}
.page-title-bar .breadcrumb{font-size:12px;color:#888}
.page-title-bar .breadcrumb a{color:#1a5276}

/* ── SECTION HEADING ── */
.section-heading{background:#1a5276;color:#fff;padding:9px 16px;font-size:14px;font-weight:700;border-radius:4px 4px 0 0;display:flex;align-items:center;gap:8px;margin-bottom:0}
.section-body{background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;margin-bottom:18px}

/* ── CFP BANNER ── */
.cfp-banner{background:linear-gradient(135deg,#1a3a5c 0%,#1a5276 60%,#1a6fa0 100%);color:#fff;padding:22px 24px;border-radius:6px;margin-bottom:18px}
.cfp-title{font-size:18px;font-weight:700;letter-spacing:.5px;margin-bottom:6px}
.cfp-sub{font-size:13px;color:rgba(255,255,255,.85);margin-bottom:14px;line-height:1.7}
.cfp-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.cfp-pill{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 12px;border-radius:20px;font-size:11.5px}
.cfp-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn-primary{background:#1a5276;color:#fff;padding:9px 20px;border-radius:4px;font-weight:700;font-size:13px;display:inline-block;transition:all .2s;border:none;cursor:pointer}
.btn-primary:hover{background:#1a3a5c;text-decoration:none;color:#fff}
.btn-red{background:#c0392b;color:#fff;padding:9px 20px;border-radius:4px;font-weight:700;font-size:13px;display:inline-block;transition:all .2s;border:none;cursor:pointer}
.btn-red:hover{background:#a93226;text-decoration:none;color:#fff}
.btn-white{background:#fff;color:#1a3a5c;padding:9px 20px;border-radius:4px;font-weight:700;font-size:13px;display:inline-block;transition:all .2s;border:none;cursor:pointer}
.btn-white:hover{background:#f0f0f0;text-decoration:none;color:#1a3a5c}
.btn-outline-white{background:transparent;color:#fff;padding:9px 20px;border-radius:4px;font-weight:600;font-size:13px;border:2px solid rgba(255,255,255,.6);display:inline-block;transition:all .2s}
.btn-outline-white:hover{background:rgba(255,255,255,.15);text-decoration:none;color:#fff}
.btn-sm{padding:6px 14px;font-size:12px}

/* ── QUICK LINKS GRID ── */
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.quick-card{background:#fff;border:1px solid #ddd;border-radius:5px;padding:14px 12px;text-align:center;transition:all .2s;display:block}
.quick-card:hover{border-color:#1a5276;box-shadow:0 2px 10px rgba(0,0,0,.1);text-decoration:none}
.quick-icon{font-size:22px;margin-bottom:6px}
.quick-label{font-size:12px;font-weight:600;color:#1a3a5c;line-height:1.4}

/* ── INFO STRIP ── */
.info-strip{background:#1a3a5c;color:#fff;padding:14px 16px;border-radius:5px;margin-bottom:18px;display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center}
.info-strip-item{flex:1;min-width:100px}
.istrip-val{font-size:22px;font-weight:700;color:#f9ca24}
.istrip-label{font-size:11px;color:rgba(255,255,255,.75);margin-top:2px;text-transform:uppercase;letter-spacing:.5px}

/* ── VOLUME HEADING ── */
.volume-heading{padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.vol-title{font-size:15px;font-weight:700;color:#1a3a5c}
.vol-sub{font-size:12px;color:#777;margin-top:2px}
.vol-count{background:#eaf4fb;border:1px solid #aed6f1;color:#1a5276;font-size:12px;padding:3px 12px;border-radius:20px;font-weight:600;white-space:nowrap}

/* ── PAPER LISTING ── */
.paper-entry{padding:14px 16px;border-bottom:1px solid #eee;transition:background .15s}
.paper-entry:last-child{border-bottom:none}
.paper-entry:hover{background:#f8fbff}
.paper-sr{font-size:12px;font-weight:700;color:#1a5276;margin-bottom:4px}
.paper-title-link{font-size:14px;font-weight:600;color:#1a3a5c;line-height:1.5;display:block;margin-bottom:3px}
.paper-title-link:hover{color:#c0392b;text-decoration:none}
.paper-authors-line{font-size:12.5px;color:#555;margin-bottom:5px}
.paper-meta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:6px}
.paper-badge{font-size:11px;padding:2px 8px;border-radius:2px;font-weight:600}
.badge-domain{background:#eaf4fb;color:#1a5276;border:1px solid #aed6f1}
.badge-doi{background:#fef9e7;color:#856404;border:1px solid #f9e79f}
.badge-pages{background:#eafaf1;color:#1e8449;border:1px solid #82e0aa}
.paper-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.pl-btn{font-size:12px;padding:4px 12px;border-radius:3px;font-weight:600;display:inline-flex;align-items:center;gap:4px;transition:all .15s}
.pl-pdf{background:#c0392b;color:#fff;border:1px solid #c0392b}
.pl-pdf:hover{background:#a93226;text-decoration:none;color:#fff}
.pl-abstract{background:#fff;color:#1a5276;border:1px solid #1a5276}
.pl-abstract:hover{background:#1a5276;color:#fff;text-decoration:none}
.pl-cite{background:#fff;color:#555;border:1px solid #ccc}
.pl-cite:hover{background:#555;color:#fff;text-decoration:none}

/* ── NO PAPERS STATE ── */
.no-papers{padding:40px 20px;text-align:center;color:#888}
.no-papers-icon{font-size:48px;margin-bottom:12px}
.no-papers-title{font-size:16px;font-weight:600;color:#555;margin-bottom:6px}
.no-papers-sub{font-size:13px;color:#aaa;margin-bottom:16px}

/* ── STEPS ── */
.steps-list{list-style:none;padding:12px 0}
.step-item{display:flex;gap:12px;padding:10px 14px;border-bottom:1px solid #f0f0f0;align-items:flex-start}
.step-item:last-child{border-bottom:none}
.step-num{width:28px;height:28px;border-radius:50%;background:#1a5276;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;margin-top:1px}
.step-content h4{font-size:13px;font-weight:600;color:#1a3a5c;margin-bottom:2px}
.step-content p{font-size:12px;color:#666;line-height:1.5}
.step-content a{color:#c0392b;font-weight:600}

/* ── GENERAL CONTENT STYLES ── */
.content-box{background:#fff;border:1px solid #ddd;border-radius:5px;padding:20px;margin-bottom:18px}
.content-box h2{font-size:16px;font-weight:700;color:#1a3a5c;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #eaf4fb}
.content-box h3{font-size:14px;font-weight:700;color:#1a5276;margin:16px 0 8px}
.content-box p{font-size:13.5px;color:#444;line-height:1.8;margin-bottom:10px}
.content-box ul li{font-size:13.5px;color:#444;line-height:1.8;margin-bottom:4px}
.info-table{width:100%;border-collapse:collapse;font-size:13px}
.info-table tr{border-bottom:1px solid #f0f0f0}
.info-table tr:last-child{border-bottom:none}
.info-table td{padding:8px 10px;vertical-align:top}
.info-table td:first-child{font-weight:600;color:#1a3a5c;white-space:nowrap;width:200px}
.info-table td:last-child{color:#444}

/* ── ALERTS ── */
.alert{padding:12px 16px;border-radius:4px;margin-bottom:16px;font-size:13.5px;line-height:1.7}
.alert-success{background:#eafaf1;color:#1e8449;border-left:4px solid #2ecc71}
.alert-error{background:#fdecea;color:#c0392b;border-left:4px solid #e74c3c}
.alert-info{background:#eaf4fb;color:#1a5276;border-left:4px solid #3498db}
.alert-warning{background:#fef9e7;color:#856404;border-left:4px solid #f39c12}

/* ── FORM STYLES ── */
.form-box{background:#fff;border:1px solid #ddd;border-radius:5px;padding:20px;margin-bottom:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}
.form-row.full{grid-template-columns:1fr}
.form-group{display:flex;flex-direction:column;gap:5px}
.form-label{font-size:12.5px;font-weight:700;color:#333}
.form-label .required{color:#c0392b}
.form-input,.form-select,.form-textarea{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:13.5px;color:#333;width:100%;transition:border-color .2s;background:#fff}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1a5276;outline:none;box-shadow:0 0 0 2px rgba(26,82,118,.1)}
.form-textarea{resize:vertical;min-height:100px;line-height:1.6}
.form-hint{font-size:11.5px;color:#888}
.form-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}

/* ── SIDEBAR ── */
.sidebar-box{background:#fff;border:1px solid #ddd;border-radius:5px;margin-bottom:16px;overflow:hidden}
.sb-head{background:#1a5276;color:#fff;padding:9px 14px;font-size:13px;font-weight:700}
.sb-head.orange{background:#e67e22}
.sb-head.red{background:#c0392b}
.sb-head.green{background:#1e8449}
.sb-body{padding:14px}

/* ── JOURNAL INFO TABLE (left-aligned, colon separator) ── */
.jinfo-table{width:100%;border-collapse:collapse;font-size:12.5px}
.jinfo-table tr{border-bottom:1px solid #f0f0f0}
.jinfo-table tr:last-child{border-bottom:none}
.jinfo-table td{padding:6px 8px;vertical-align:top;line-height:1.5}
.jinfo-key{font-weight:600;color:#1a3a5c;white-space:nowrap;width:1%;padding-right:2px}
.jinfo-colon{color:#555;padding:6px 3px;white-space:nowrap}
.jinfo-val{color:#333;font-weight:400}

/* ── SIDEBAR LINKS ── */
.sb-links{list-style:none}
.sb-links li{border-bottom:1px solid #f0f0f0}
.sb-links li:last-child{border-bottom:none}
.sb-links a{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13px;color:#333;transition:all .15s}
.sb-links a:hover{color:#c0392b;text-decoration:none;padding-left:4px}
.sb-links a::before{content:'›';color:#1a5276;font-weight:700;font-size:16px;flex-shrink:0}

/* ── SUBMIT BOX ── */
.submit-box{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;padding:18px;border-radius:5px;text-align:center;margin-bottom:16px}
.submit-box h3{font-size:15px;margin-bottom:6px}
.submit-box p{font-size:12px;margin-bottom:12px;opacity:.9}
.sub-btn{background:#fff;color:#c0392b;padding:9px 22px;border-radius:4px;font-weight:700;font-size:13px;display:inline-block;transition:all .2s}
.sub-btn:hover{background:#fef9f9;text-decoration:none;color:#c0392b}

/* ── DEADLINE BOX ── */
.deadline-box{background:#fef9e7;border:2px solid #f39c12;border-radius:5px;padding:14px;margin-bottom:16px;text-align:center}
.deadline-label{font-size:11px;font-weight:700;text-transform:uppercase;color:#856404;letter-spacing:.5px;margin-bottom:4px}
.deadline-date{font-size:20px;font-weight:700;color:#c0392b}
.deadline-issue{font-size:12px;color:#555;margin-top:3px}

/* ── INDEXING GRID ── */
.index-logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 0}
.index-logo-item{border:1px solid #eee;border-radius:3px;padding:5px 4px;display:flex;align-items:center;justify-content:center;background:#fafafa;font-size:10px;font-weight:600;color:#555;text-align:center;min-height:32px;line-height:1.3}

/* ── FOOTER ── */
.site-footer{background:#1a3a5c;color:rgba(255,255,255,.8);margin-top:30px}
.footer-main{max-width:1200px;margin:0 auto;padding:36px 16px 24px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
.footer-brand-name{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px}
.footer-brand-desc{font-size:12.5px;line-height:1.8;color:rgba(255,255,255,.7)}
.footer-issn{font-size:12px;color:#f9ca24;margin-top:8px;font-weight:600}
.footer-col h4{color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid #c0392b;display:inline-block}
.footer-col ul{list-style:none;padding:0}
.footer-col ul li{margin-bottom:7px}
.footer-col ul li a{color:rgba(255,255,255,.7);font-size:12.5px;transition:color .2s}
.footer-col ul li a:hover{color:#f39c12;text-decoration:none}
.footer-bottom{background:#111d2c;text-align:center;padding:12px 16px;font-size:12px;color:rgba(255,255,255,.5)}
.footer-bottom a{color:rgba(255,255,255,.6)}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .page-wrap{grid-template-columns:1fr}
  .side-col{order:-1}
  .quick-grid{grid-template-columns:repeat(3,1fr)}
  .footer-main{grid-template-columns:1fr 1fr}
  .header-journal-name{font-size:17px}
  .form-row{grid-template-columns:1fr}
}
@media(max-width:600px){
  .quick-grid{grid-template-columns:repeat(2,1fr)}
  .cfp-actions{flex-direction:column}
  .info-strip{gap:14px}
  .footer-main{grid-template-columns:1fr}
  .navbar-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .header-inner{flex-direction:column;text-align:center}
  .header-badges{justify-content:center}
}