/*
Theme Name: FZjournal
Theme URI: https://your-website.com
Author: Your Name
Author URI: https://your-website.com
Description: Modern 2026 academic peer-review journal theme . Plug and play with the Journal Management and Peer Review System plugin.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fzjournal
Tags: journal, academic, peer-review, research, full-width-template, custom-menu, custom-logo
*/

/* =====================================================
   GOOGLE FONTS
   ===================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,700;0,800;1,700&display=swap');

/* =====================================================
   DESIGN TOKENS
   ===================================================== */
:root {
  --navy:        #060E1E;
  --navy-2:      #0A1628;
  --navy-3:      #0F1F3D;
  --navy-4:      #162548;
  --gold:        #D4A017;
  --gold-bright: #F0B429;
  --gold-deep:   #A07810;
  --gold-glow:   rgba(212,160,23,.18);
  --gold-subtle: rgba(212,160,23,.07);
  --blue:        #1A6BFF;
  --blue-light:  #EEF4FF;
  --white:       #FFFFFF;
  --surface:     #F6F8FC;
  --surface-2:   #EEF2F8;
  --border:      #E4EAF4;
  --text:        #0D1B2E;
  --text-2:      #374A6D;
  --text-3:      #6B7FA8;
  --text-4:      #9AAAC8;
  --green:       #0FB87A;
  --red:         #EF4444;
  --font:        'Inter', system-ui, -apple-system, sans-serif;
  --font-display:'Playfair Display', Georgia, serif;
  --r-sm:        8px;
  --r:           14px;
  --r-lg:        22px;
  --header-h:    68px;
  --sh-sm:       0 1px 4px rgba(6,14,30,.07);
  --sh:          0 4px 20px rgba(6,14,30,.09);
  --sh-lg:       0 12px 48px rgba(6,14,30,.14);
  --sh-gold:     0 8px 32px rgba(212,160,23,.28);
  --t:           .22s cubic-bezier(.4,0,.2,1);
}

/* =====================================================
   RESET
   ===================================================== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--text);background:var(--white);line-height:1.65;-webkit-font-smoothing:antialiased;margin:0}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text);margin:0 0 .5em}
p{line-height:1.72;color:var(--text-2)}
a{color:var(--blue);text-decoration:none;transition:color var(--t)}
a:hover{color:#0F52CC}
img{max-width:100%;height:auto;display:block}
ul{margin:0;padding:0;list-style:none}

/* =====================================================
   PLUGIN LAYOUT OVERRIDES (must be in style.css)
   ===================================================== */
.sj-contentwrapper{max-width:100%!important;overflow:visible!important;box-shadow:none!important;padding:0!important;background:transparent!important;margin:0!important;float:none!important}
.sj-contentwrapper::before,.sj-contentwrapper:before{display:none!important}
#sj-homebanner,.sj-homebanner{background:var(--navy)!important;float:none!important;width:100%!important;border-bottom:none!important}
#sj-footer,.sj-footer{background:var(--navy)!important;border-top:1px solid rgba(212,160,23,.12)!important;float:none!important;width:100%!important}
.sj-wrapper{overflow:visible!important}

/* =====================================================
   OPENING ANIMATION
   ===================================================== */
@keyframes fzj-fade-up {
  from { opacity:0; transform:translateY(16px); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes fzj-fade-in {
  from { opacity:0; }
  to   { opacity:1; }
}
@keyframes fzj-loader-spin {
  to { transform:rotate(360deg); }
}

/* Page loader */
#fzj-loader {
  position:fixed;inset:0;
  background:var(--navy);
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;
  z-index:999999;
  transition:opacity .5s ease, visibility .5s ease;
}
#fzj-loader.fzj-loaded {
  opacity:0;visibility:hidden;pointer-events:none;
}
.fzj-loader-logo {
  font-family:var(--font);font-size:28px;font-weight:800;color:var(--white);letter-spacing:-.02em;
}
.fzj-loader-logo span { color:var(--gold); }
.fzj-loader-ring {
  width:40px;height:40px;
  border:3px solid rgba(212,160,23,.2);
  border-top-color:var(--gold);
  border-radius:50%;
  animation:fzj-loader-spin .8s linear infinite;
}

/* Content entrance animation */
.fzj-animate {
  animation:fzj-fade-up .6s ease both;
}
.fzj-animate-delay-1 { animation-delay:.1s; }
.fzj-animate-delay-2 { animation-delay:.2s; }
.fzj-animate-delay-3 { animation-delay:.3s; }

/* =====================================================
   BUTTONS
   ===================================================== */
.sj-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:var(--r-sm);font-size:14px;font-weight:600;font-family:var(--font);letter-spacing:.01em;border:2px solid var(--blue);color:var(--blue);background:transparent;cursor:pointer;transition:all var(--t);text-decoration:none;white-space:nowrap}
.sj-btn:hover{background:var(--blue);color:var(--white);transform:translateY(-1px);box-shadow:0 6px 20px rgba(26,107,255,.28)}
.sj-btn.sj-btnactive,.sj-secondery-btn{background:var(--gold)!important;color:var(--navy)!important;border-color:var(--gold)!important;font-weight:700}
.sj-btn.sj-btnactive:hover,.sj-secondery-btn:hover{background:var(--gold-bright)!important;border-color:var(--gold-bright)!important;transform:translateY(-2px);box-shadow:var(--sh-gold)!important}
.sj-btn-pill{border-radius:100px;padding:10px 28px}
.fzj-btn-gold{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--navy);padding:13px 30px;border-radius:var(--r-sm);font-size:15px;font-weight:700;letter-spacing:.01em;text-decoration:none;transition:all var(--t);border:none;cursor:pointer;font-family:var(--font)}
.fzj-btn-gold:hover{background:var(--gold-bright);color:var(--navy);transform:translateY(-2px);box-shadow:var(--sh-gold)}
.fzj-btn-ghost{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);padding:13px 26px;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.18);font-size:15px;font-weight:600;text-decoration:none;transition:all var(--t)}
.fzj-btn-ghost:hover{background:rgba(255,255,255,.14);color:var(--white)}

/* =====================================================
   HEADER
   ===================================================== */
#sj-header{position:sticky;top:0;left:0;right:0;z-index:9999;background:var(--navy);width:100%;transition:background var(--t),box-shadow var(--t)}
#sj-header.fzj-scrolled{background:rgba(6,14,30,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 32px rgba(0,0,0,.3)}
.sj-topbar{display:none!important}

.fzj-navbar{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);padding:0 40px;gap:20px}

/* Logo */
.fzj-logo a{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.fzj-logo-mark{width:38px;height:38px;flex-shrink:0}
.fzj-logo-text{line-height:1.1}
.fzj-logo-name{display:block;font-size:17px;font-weight:800;color:var(--white);letter-spacing:-.02em}
.fzj-logo-tag{display:block;font-size:9px;color:rgba(255,255,255,.4);letter-spacing:.12em;text-transform:uppercase}

/* Desktop nav */
.fzj-nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}
.fzj-nav li{position:relative}
.fzj-nav>li>a{display:flex;align-items:center;padding:8px 15px;font-size:14px;font-weight:500;color:rgba(255,255,255,.75);border-radius:8px;transition:all var(--t)}
.fzj-nav>li>a:hover,.fzj-nav>li.current-menu-item>a{color:var(--white);background:rgba(255,255,255,.08)}
.fzj-nav>li.current-menu-item>a{color:var(--gold-bright)}
.fzj-nav .sub-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-6px);background:var(--white);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh-lg);min-width:200px;padding:8px;opacity:0;pointer-events:none;transition:all var(--t);z-index:9999}
.fzj-nav li:hover>.sub-menu{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.fzj-nav .sub-menu li a{display:block;padding:9px 14px;font-size:13.5px;color:var(--text);border-radius:6px;transition:all var(--t)}
.fzj-nav .sub-menu li a:hover{background:var(--surface);color:var(--blue)}

/* Header actions */
.fzj-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.fzj-signin-link{font-size:14px;font-weight:500;color:rgba(255,255,255,.75);padding:8px 14px;border-radius:8px;transition:all var(--t);text-decoration:none}
.fzj-signin-link:hover{color:var(--white);background:rgba(255,255,255,.08)}
.fzj-register-btn{background:var(--gold);color:var(--navy);padding:9px 20px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;transition:all var(--t);display:inline-flex;align-items:center}
.fzj-register-btn:hover{background:var(--gold-bright);color:var(--navy);transform:translateY(-1px);box-shadow:var(--sh-gold)}
.fzj-submit-cta{background:var(--gold);color:var(--navy);padding:9px 20px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;transition:all var(--t);display:inline-flex;align-items:center;gap:6px}
.fzj-submit-cta:hover{background:var(--gold-bright);color:var(--navy);transform:translateY(-1px);box-shadow:var(--sh-gold)}

/* User menu */
.fzj-user-menu{position:relative}
.fzj-user-trigger{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:40px;padding:5px 14px 5px 5px;cursor:pointer;transition:all var(--t)}
.fzj-user-trigger:hover{background:rgba(255,255,255,.12);border-color:rgba(212,160,23,.3)}
.fzj-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}
.fzj-user-name{font-size:13px;font-weight:600;color:var(--white)}
.fzj-user-role{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.05em}
.fzj-user-chevron{font-size:10px;color:rgba(255,255,255,.4);margin-left:4px;transition:transform var(--t)}
.fzj-user-menu:hover .fzj-user-chevron{transform:rotate(180deg)}
.fzj-user-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--white);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh-lg);min-width:220px;padding:8px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:all var(--t);z-index:9999}
.fzj-user-menu:hover .fzj-user-dropdown{opacity:1;pointer-events:all;transform:translateY(0)}
.fzj-user-dropdown-head{padding:10px 12px;border-bottom:1px solid var(--border);margin-bottom:6px}
.fzj-user-dropdown-head strong{display:block;font-size:14px;font-weight:600;color:var(--text)}
.fzj-user-dropdown-head span{font-size:12px;color:var(--text-3)}
.fzj-user-dropdown a{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;color:var(--text);border-radius:6px;transition:all var(--t)}
.fzj-user-dropdown a:hover{background:var(--surface);color:var(--blue)}
.fzj-user-dropdown a i{font-size:15px;color:var(--text-3);width:18px;text-align:center}
.fzj-logout-link{color:var(--red)!important;border-top:1px solid var(--border);margin-top:6px}
.fzj-logout-link:hover{background:#FEF2F2!important;color:var(--red)!important}
.fzj-logout-link i{color:var(--red)!important}

/* Hamburger */
.fzj-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;flex-shrink:0}
.fzj-hamburger span{display:block;width:20px;height:2px;background:var(--white);border-radius:2px;transition:all var(--t)}
.fzj-hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.fzj-hamburger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}
.fzj-hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* =====================================================
   HERO
   ===================================================== */
#sj-homebanner{background:var(--navy);position:relative;overflow:hidden;padding:96px 0 76px;width:100%}
#sj-homebanner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 85% 50%,rgba(26,107,255,.1) 0%,transparent 65%),radial-gradient(ellipse 50% 60% at 10% 80%,rgba(212,160,23,.07) 0%,transparent 60%),linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 60%,#0D1F45 100%)}

.fzj-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;max-width:1400px;margin:0 auto;padding:0 48px}
.fzj-hero-badge{display:inline-flex;align-items:center;gap:14px;background:rgba(212,160,23,.1);border:1px solid rgba(212,160,23,.2);border-radius:100px;padding:8px 20px;margin-bottom:26px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.65);backdrop-filter:blur(8px)}
.fzj-hero-badge strong{color:var(--gold-bright)}
.fzj-badge-divider{width:1px;height:14px;background:rgba(212,160,23,.3);flex-shrink:0}
.fzj-hero-headline{font-family:var(--font-display);font-size:clamp(32px,4vw,58px);font-weight:800;line-height:1.1;color:var(--white);margin:0 0 20px;letter-spacing:-.025em}
.fzj-hero-headline .fzj-gold{color:var(--gold-bright)}
.fzj-hero-sub{font-size:17px;color:rgba(255,255,255,.6);line-height:1.72;margin:0 0 34px;max-width:520px}
.fzj-hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:38px}
.fzj-hero-stats{display:flex;gap:28px}
.fzj-stat-num{font-size:22px;font-weight:800;color:var(--white);line-height:1}
.fzj-stat-num span{color:var(--gold-bright)}
.fzj-stat-lbl{font-size:11px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}

/* Hero right cards */
.fzj-hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fzj-hcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 20px;backdrop-filter:blur(14px);transition:all var(--t);position:relative;overflow:hidden}
.fzj-hcard::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);opacity:0;transition:opacity var(--t)}
.fzj-hcard:hover{background:rgba(255,255,255,.08);border-color:rgba(212,160,23,.2);transform:translateY(-3px)}
.fzj-hcard:hover::before{opacity:1}
.fzj-hcard.fzj-hcard-wide{grid-column:span 2;background:linear-gradient(135deg,rgba(212,160,23,.1),rgba(212,160,23,.05));border-color:rgba(212,160,23,.18)}
.fzj-hcard.fzj-hcard-blue{border-color:rgba(26,107,255,.15)}
.fzj-hcard.fzj-hcard-blue::before{background:linear-gradient(90deg,#60A5FA,transparent)}
.fzj-hcard.fzj-hcard-green{border-color:rgba(15,184,122,.15)}
.fzj-hcard-icon{width:40px;height:40px;background:rgba(212,160,23,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:18px;color:var(--gold)}
.fzj-hcard.fzj-hcard-blue .fzj-hcard-icon{background:rgba(26,107,255,.15);color:#60A5FA}
.fzj-hcard.fzj-hcard-green .fzj-hcard-icon{background:rgba(15,184,122,.15);color:var(--green)}
.fzj-hcard-val{font-size:26px;font-weight:900;color:var(--white);line-height:1;margin-bottom:3px;letter-spacing:-.025em}
.fzj-hcard-lbl{font-size:11px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.04em}
.fzj-hcard-trend{font-size:11px;color:var(--green);font-weight:600;margin-top:8px}
.fzj-hcard-wide .fzj-hcard-val{font-size:15px;font-weight:700}
.fzj-hcard-desc{font-size:13px;color:rgba(255,255,255,.5);line-height:1.55;margin-top:8px}

/* =====================================================
   TRUST BAR
   ===================================================== */
.fzj-trust{background:var(--navy-2);border-top:1px solid rgba(212,160,23,.1);border-bottom:1px solid rgba(255,255,255,.05);padding:15px 48px}
.fzj-trust-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap}
.fzj-trust-item{display:flex;align-items:center;gap:9px;font-size:13px;color:rgba(255,255,255,.42);font-weight:500}
.fzj-trust-item i{color:var(--gold);font-size:15px}
.fzj-trust-divider{width:1px;height:18px;background:rgba(255,255,255,.08)}

/* =====================================================
   WELCOME SECTION
   ===================================================== */
.fzj-welcome{padding:96px 0;background:var(--white)}
.fzj-section-wrap{max-width:1400px;margin:0 auto;padding:0 48px}
.fzj-section-label{display:inline-flex;align-items:center;gap:8px;background:var(--gold-subtle);border:1px solid rgba(212,160,23,.2);color:var(--gold-deep);padding:5px 16px;border-radius:100px;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:16px}
.fzj-section-label::before{content:'';width:6px;height:6px;background:var(--gold);border-radius:50%}
.fzj-welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.fzj-welcome-text h2{font-family:var(--font-display);font-size:clamp(26px,3vw,42px);line-height:1.15;margin-bottom:14px}
.fzj-welcome-text p{font-size:16px;line-height:1.75;margin-bottom:24px}
.fzj-steps{display:flex;flex-direction:column;gap:10px;margin:22px 0}
.fzj-step{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:var(--surface);border-radius:10px;border-left:3px solid transparent;transition:all var(--t)}
.fzj-step:hover{border-left-color:var(--gold);background:var(--surface-2)}
.fzj-step-num{width:30px;height:30px;background:var(--gold);color:var(--navy);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}
.fzj-step-body h4{font-size:14px;font-weight:700;color:var(--text);margin:0 0 2px}
.fzj-step-body p{font-size:13px;color:var(--text-3);margin:0;line-height:1.5}
.fzj-welcome-visual{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fzj-vis-card{background:var(--navy);border-radius:16px;padding:24px 20px;color:var(--white);position:relative;overflow:hidden;transition:transform var(--t)}
.fzj-vis-card:hover{transform:translateY(-4px)}
.fzj-vis-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-bright))}
.fzj-vis-card.fzj-vc-blue::before{background:linear-gradient(90deg,var(--blue),#60A5FA)}
.fzj-vis-card.fzj-vc-green::before{background:linear-gradient(90deg,var(--green),#34D399)}
.fzj-vis-card.fzj-vc-wide{grid-column:span 2}
.fzj-vc-icon{font-size:24px;margin-bottom:10px}
.fzj-vc-num{font-size:28px;font-weight:900;letter-spacing:-.02em}
.fzj-vc-lbl{font-size:11px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.07em}

/* =====================================================
   ARTICLES SECTION + SIDEBAR
   ===================================================== */
#sj-twocolumns{background:var(--surface);padding:76px 0;width:100%}
#sj-twocolumns .container{max-width:1400px;margin:0 auto;padding:0 48px}
.sj-content{width:100%}
.sj-sectioninnerspace{margin-bottom:48px}
.sj-borderheading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:14px;border-bottom:2px solid var(--border);position:relative}
.sj-borderheading::after{content:'';position:absolute;bottom:-2px;left:0;width:48px;height:2px;background:var(--gold)}
.sj-borderheading h3{font-size:19px;font-weight:700;color:var(--text);margin:0}
.sj-btnview{font-size:13px;font-weight:600;color:var(--gold-deep);display:inline-flex;align-items:center;gap:4px;transition:gap var(--t)}
.sj-btnview:hover{gap:8px;color:var(--gold)}
.sj-post.sj-editorchoice{background:var(--white);border-radius:14px;overflow:hidden;box-shadow:var(--sh-sm);border:1px solid var(--border);transition:all var(--t);margin-bottom:18px}
.sj-post.sj-editorchoice:hover{transform:translateY(-3px);box-shadow:var(--sh);border-color:rgba(212,160,23,.25)}
.sj-postimg img{width:100%;height:175px;object-fit:cover;display:block}
.sj-postcontent{padding:18px}
.sj-username a{font-size:11px;font-weight:700;color:var(--gold-deep);text-transform:uppercase;letter-spacing:.06em}
.sj-postcontent h3{font-size:15px;margin:5px 0 8px;line-height:1.35}
.sj-postcontent h3 a{color:var(--text)}
.sj-postcontent h3 a:hover{color:var(--blue)}
.sj-postcontent .sj-description p{font-size:13.5px;color:var(--text-3);line-height:1.6}
.sj-postcontent .sj-btn{margin-top:12px;font-size:12.5px;padding:7px 15px}
.sj-post.sj-smallpost .sj-postimg img{height:100px}
.sj-post.sj-smallpost .sj-postcontent{padding:11px}
.sj-post.sj-smallpost h3{font-size:13px}

/* =====================================================
   SIDEBAR
   ===================================================== */
#sj-sidebar{background:var(--white);border-radius:14px;overflow:hidden;border:1px solid var(--border)}
.sj-widget{padding:18px;border-bottom:1px solid var(--border)}
.sj-widget:last-child{border-bottom:none}
.sj-widgetheading h3{font-size:12px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}
.sj-widgetsearch .sj-formsearch{position:relative}
.sj-widgetsearch input[type="search"]{width:100%;padding:10px 42px 10px 13px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;font-family:var(--font);outline:none;transition:border-color var(--t);background:var(--surface)}
.sj-widgetsearch input:focus{border-color:var(--gold);background:var(--white)}
.sj-btnsearch{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-3);cursor:pointer;font-size:16px;transition:color var(--t)}
.sj-btnsearch:hover{color:var(--gold)}
.sj-widgetimpactfector ul{list-style:none;padding:0;margin:0}
.sj-widgetimpactfector h3{font-size:13px;font-weight:600;color:var(--text-2);display:flex;justify-content:space-between;margin:5px 0}
.sj-widgetimpactfector h3 span{font-size:15px;font-weight:800;color:var(--gold-deep)}
.sj-widgetnoticeboard ul{list-style:none;padding:0;margin:0}
.sj-widgetnoticeboard li{padding:7px 0;border-bottom:1px solid var(--border)}
.sj-widgetnoticeboard li:last-child{border-bottom:none}
.sj-widgetnoticeboard li a,.sj-widgetresources li a{font-size:13.5px;color:var(--text-2);transition:color var(--t)}
.sj-widgetnoticeboard li a:hover,.sj-widgetresources li a:hover{color:var(--gold-deep)}
.sj-newsarticle{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid var(--border)}
.sj-newsarticle:last-child{border-bottom:none}
.sj-newsimg{flex:0 0 70px}
.sj-newsimg img{width:70px;height:62px;object-fit:cover;border-radius:7px}
.sj-newscontent{flex:1;min-width:0}
.sj-posttimedate{font-size:11px;color:var(--text-4)}
.sj-newshead h3{font-size:13px;font-weight:600;margin:3px 0;line-height:1.35}
.sj-newshead h3 a{color:var(--text)}
.sj-newshead h3 a:hover{color:var(--gold-deep)}

/* =====================================================
   SUBHEADER (page banners)
   ===================================================== */
.sj-subheader{background:linear-gradient(135deg,var(--navy),var(--navy-3));padding:52px 0;text-align:center;position:relative;overflow:hidden}
.sj-subheader::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(212,160,23,.06) 0%,transparent 60%)}
.sj-subheader h1{color:var(--white);margin:0 0 8px;position:relative}
.sj-subheader nav{font-size:13.5px;color:rgba(255,255,255,.5);position:relative}
.sj-subheader nav a{color:rgba(255,255,255,.65);transition:color var(--t)}
.sj-subheader nav a:hover{color:var(--gold-bright)}

/* =====================================================
   DASHBOARD
   ===================================================== */
.sj-main-section{padding:56px 0;background:var(--surface);min-height:60vh}
.prs-profilewrapper{background:transparent}
.prs-boxwrapper{background:var(--white);border-radius:14px;box-shadow:var(--sh-sm);overflow:hidden;border:1px solid var(--border)}

/* =====================================================
   AUTH PAGES
   ===================================================== */
body.fzj-auth-page{background:var(--navy)}
.fzj-auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px;position:relative}
.fzj-auth-wrap::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 60% 60% at 15% 30%,rgba(26,107,255,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 85% 70%,rgba(212,160,23,.1) 0%,transparent 60%);pointer-events:none;z-index:0}
.fzj-auth-card{display:flex;background:var(--white);border-radius:22px;overflow:hidden;width:100%;max-width:920px;min-height:540px;box-shadow:0 32px 80px rgba(0,0,0,.45);position:relative;z-index:1}
.fzj-auth-left{flex:0 0 320px;background:linear-gradient(160deg,var(--navy-4),var(--navy));padding:44px 36px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.fzj-auth-left::after{content:'';position:absolute;bottom:-50px;right:-50px;width:180px;height:180px;background:rgba(212,160,23,.08);border-radius:50%}
.fzj-auth-logo{display:flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:40px}
.fzj-auth-logo-mark{width:36px;height:36px;flex-shrink:0}
.fzj-auth-logo-name{font-size:16px;font-weight:800;color:var(--white);letter-spacing:-.02em}
.fzj-auth-left-body{flex:1;position:relative;z-index:1}
.fzj-auth-left-body h2{color:var(--white);font-size:22px;font-weight:800;margin:0 0 10px}
.fzj-auth-left-body p{color:rgba(255,255,255,.55);font-size:14px;line-height:1.65;margin:0 0 24px}
.fzj-auth-benefits{display:flex;flex-direction:column;gap:10px}
.fzj-auth-benefits li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:rgba(255,255,255,.75)}
.fzj-auth-benefits li i{color:var(--green);font-size:16px;flex-shrink:0}
.fzj-auth-left-footer{margin-top:28px;position:relative;z-index:1}
.fzj-auth-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,.4);text-decoration:none;transition:color var(--t)}
.fzj-auth-back:hover{color:rgba(255,255,255,.8)}
.fzj-auth-right{flex:1;overflow-y:auto;max-height:90vh}
.fzj-auth-right-inner{padding:44px}
.fzj-auth-heading{margin-bottom:24px}
.fzj-auth-heading h1{font-size:25px;font-weight:800;margin:0 0 5px}
.fzj-auth-heading p{font-size:14px;color:var(--text-3);margin:0}
.fzj-auth-heading a{color:var(--gold-deep);font-weight:600}

/* Role selector */
.fzj-role-label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:8px}
.fzj-role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px;margin-bottom:4px}
.fzj-role-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px 8px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;text-align:center;transition:all var(--t)}
.fzj-role-card:hover{border-color:var(--gold);background:var(--gold-subtle)}
.fzj-role-card.is-selected{border-color:var(--gold);background:var(--gold-subtle)}
.fzj-role-input{position:absolute;opacity:0;pointer-events:none}
.fzj-role-icon{width:36px;height:36px;background:var(--gold-subtle);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--gold)}
.fzj-role-name{font-size:12.5px;font-weight:700;color:var(--text)}
.fzj-role-desc{font-size:11px;color:var(--text-4);line-height:1.3}
.fzj-role-check{position:absolute;top:7px;right:7px;width:16px;height:16px;background:var(--gold);border-radius:50%;display:none;align-items:center;justify-content:center}
.fzj-role-check::after{content:'✓';color:var(--navy);font-size:9px;font-weight:800}
.fzj-role-card.is-selected .fzj-role-check{display:flex}

/* Form inputs */
.fzj-field{margin-bottom:15px}
.fzj-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fzj-field-lbl{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:7px}
.fzj-req{color:var(--red)}
.fzj-input-wrap{position:relative}
.fzj-input{width:100%;padding:12px 15px;border:1.5px solid var(--border);border-radius:9px;font-size:14px;font-family:var(--font);color:var(--text);background:var(--surface);outline:none;transition:border-color var(--t),box-shadow var(--t),background var(--t)}
.fzj-input:focus{border-color:var(--gold);background:var(--white);box-shadow:0 0 0 3px var(--gold-glow)}
.fzj-input::placeholder{color:var(--text-4)}
.fzj-toggle-pw{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-3);cursor:pointer;padding:3px;transition:color var(--t)}
.fzj-toggle-pw:hover{color:var(--text-2)}
.fzj-terms-lbl{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:13px;color:var(--text-3)}
.fzj-terms-lbl a{color:var(--gold-deep)}
.fzj-checkbox{display:none}
.fzj-checkbox-custom{flex-shrink:0;width:17px;height:17px;border:1.5px solid var(--border);border-radius:4px;margin-top:1px;transition:all var(--t)}
.fzj-checkbox:checked~.fzj-checkbox-custom{background:var(--gold);border-color:var(--gold)}
.fzj-checkbox:checked~.fzj-checkbox-custom::after{content:'✓';display:block;color:var(--navy);font-size:11px;font-weight:800;line-height:1.2;text-align:center}

/* Auth buttons */
.fzj-submit-btn,.sj-secondery-btn,.sj-submit-registration,.sj-user-login,.sj-recover-password,.sj-user-reset-password{width:100%;padding:13px 20px;background:var(--gold)!important;color:var(--navy)!important;border:none!important;border-radius:10px!important;font-size:15px;font-weight:700;font-family:var(--font);cursor:pointer;transition:all var(--t);display:flex!important;align-items:center;justify-content:center;gap:8px;margin-bottom:14px;text-decoration:none}
.fzj-submit-btn:hover,.sj-secondery-btn:hover,.sj-submit-registration:hover,.sj-user-login:hover,.sj-recover-password:hover,.sj-user-reset-password:hover{background:var(--gold-bright)!important;transform:translateY(-1px);box-shadow:var(--sh-gold)!important;color:var(--navy)!important}
.fzj-divider{display:flex;align-items:center;gap:12px;color:var(--text-4);font-size:12px;margin-bottom:12px}
.fzj-divider::before,.fzj-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.fzj-outline-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 20px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-weight:600;color:var(--text-2);text-decoration:none;transition:all var(--t);background:var(--white)}
.fzj-outline-btn:hover{border-color:var(--gold);color:var(--gold-deep);background:var(--gold-subtle)}
.fzj-auth-foot{font-size:12px;color:var(--text-4);text-align:center;margin:14px 0 0}
.fzj-auth-foot a{color:var(--text-3)}

/* Plugin form compat */
.sj-themeform .form-control{width:100%;padding:12px 15px;border:1.5px solid var(--border);border-radius:9px;font-size:14px;font-family:var(--font);color:var(--text);background:var(--surface);outline:none;transition:border-color var(--t),box-shadow var(--t)}
.sj-themeform .form-control:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow);background:var(--white)}
.sj-lost-password{display:flex;justify-content:space-between;font-size:13px;margin-top:4px}
.sj-lost-password a{color:var(--text-3)}
.sj-lost-password a:hover{color:var(--gold-deep)}

/* =====================================================
   FOOTER
   ===================================================== */
#sj-footer{background:var(--navy);padding:68px 0 0;width:100%;border-top:1px solid rgba(212,160,23,.12)}
.fzj-footer-inner{max-width:1400px;margin:0 auto;padding:0 48px}
.fzj-footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:44px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.07)}
.fzj-footer-logo{display:flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:14px}
.fzj-footer-logo-name{font-size:17px;font-weight:800;color:var(--white);letter-spacing:-.02em}
.fzj-footer-about{font-size:14px;color:rgba(255,255,255,.5);line-height:1.72;margin:0 0 18px}
.fzj-social{display:flex;gap:7px}
.fzj-social a{width:34px;height:34px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:8px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.55);font-size:13px;transition:all var(--t)}
.fzj-social a:hover{background:var(--gold);border-color:var(--gold);color:var(--navy);transform:translateY(-2px)}
.fzj-footer-col h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.32);margin:0 0 16px}
.fzj-footer-col ul{list-style:none;padding:0;margin:0}
.fzj-footer-col ul li{margin-bottom:9px}
.fzj-footer-col ul li a{font-size:14px;color:rgba(255,255,255,.5);transition:color var(--t)}
.fzj-footer-col ul li a:hover{color:var(--gold-bright)}
.fzj-footer-contact li{display:flex;align-items:flex-start;gap:9px;margin-bottom:10px;font-size:13.5px;color:rgba(255,255,255,.5)}
.fzj-footer-contact li i{color:var(--gold);margin-top:2px;flex-shrink:0}
.fzj-footer-contact li a{color:rgba(255,255,255,.5);transition:color var(--t)}
.fzj-footer-contact li a:hover{color:var(--white)}
.fzj-footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 0}
.fzj-copyright{font-size:13px;color:rgba(255,255,255,.27);margin:0}
.fzj-scrolltop{width:36px;height:36px;background:rgba(212,160,23,.1);border:1px solid rgba(212,160,23,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:15px;text-decoration:none;transition:all var(--t)}
.fzj-scrolltop:hover{background:var(--gold);color:var(--navy);transform:translateY(-2px)}

/* =====================================================
   PREVIOUS ISSUES TABS
   ===================================================== */
.sj-previousissues{background:var(--white);border-radius:14px;padding:22px;border:1px solid var(--border)}
.sj-navtabs.nav{display:flex;gap:4px;flex-wrap:wrap;list-style:none;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid var(--border)}
.sj-navtabs .nav-link{font-size:12.5px;font-weight:600;color:var(--text-3);padding:6px 13px;border-radius:6px;border:none;background:var(--surface);cursor:pointer;transition:all var(--t)}
.sj-navtabs .nav-link.active,.sj-navtabs .nav-link:hover{background:var(--gold);color:var(--navy)}

/* =====================================================
   SEARCH OVERLAY
   ===================================================== */
#sj-searcharea{position:fixed;inset:0;background:rgba(6,14,30,.96);backdrop-filter:blur(16px);z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
#sj-searcharea.open{opacity:1;pointer-events:all}
#sj-searcharea .close{position:absolute;top:24px;right:32px;background:none;border:none;color:rgba(255,255,255,.5);font-size:28px;cursor:pointer;transition:color var(--t)}
#sj-searcharea .close:hover{color:var(--gold-bright)}
#sj-searcharea .sj-formsearcmain{display:flex;gap:12px;width:100%;max-width:580px;padding:0 24px}
#sj-searcharea input[type="search"]{flex:1;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.12);border-radius:12px;padding:15px 20px;font-size:17px;color:var(--white);outline:none;font-family:var(--font);transition:border-color var(--t)}
#sj-searcharea input::placeholder{color:rgba(255,255,255,.3)}
#sj-searcharea input:focus{border-color:var(--gold)}

/* =====================================================
   MISC UTILITIES
   ===================================================== */
.admin-bar #sj-header{top:32px}
@media screen and (max-width:782px){.admin-bar #sj-header{top:46px}}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.fzj-animate-in{opacity:0}

/* =====================================================
   RESPONSIVE
   ===================================================== */
@media(max-width:1200px){.fzj-hero-inner{grid-template-columns:1fr}.fzj-hero-cards{grid-template-columns:repeat(4,1fr)}.fzj-hcard.fzj-hcard-wide{grid-column:span 4}}
@media(max-width:1024px){.fzj-footer-cols{grid-template-columns:1fr 1fr;gap:32px}.fzj-welcome-grid{grid-template-columns:1fr;gap:44px}}
@media(max-width:991px){.fzj-nav{display:none!important}.fzj-hamburger{display:flex!important}.fzj-header-actions .fzj-signin-link,.fzj-header-actions .fzj-register-btn,.fzj-submit-cta,.fzj-user-menu{display:none!important}.fzj-navbar{padding:0 20px}.sj-main-section{padding:36px 0}
#sj-twocolumns .container{padding:0 20px}
.fzj-section-wrap,.fzj-hero-inner,.fzj-footer-inner,.fzj-trust{padding-left:20px!important;padding-right:20px!important}
.fzj-auth-left{display:none}.fzj-auth-card{max-width:460px;min-height:auto}.fzj-auth-right{flex:1}.fzj-auth-right-inner{padding:32px 24px}}
@media(max-width:767px){#sj-homebanner{padding:52px 0 44px}.fzj-hero-cards{grid-template-columns:1fr 1fr}.fzj-hcard.fzj-hcard-wide{grid-column:span 2}.fzj-footer-cols{grid-template-columns:1fr}.fzj-footer-bottom{flex-direction:column;gap:12px;text-align:center}:root{--header-h:60px}.fzj-navbar{height:60px}.fzj-field-row{grid-template-columns:1fr}}
@media(max-width:480px){.fzj-hero-actions{flex-direction:column;align-items:flex-start}.fzj-btn-gold,.fzj-btn-ghost{width:100%;justify-content:center}.fzj-role-grid{grid-template-columns:1fr 1fr}}

/* =====================================================
   CAL.COM INSPIRED — Clean, minimal, sharp
   White surfaces · Crisp borders · No noise
   ===================================================== */

/* Override hero to cal.com clean style on desktop */
@media(min-width:992px){
  /* Clean white welcome section like cal.com */
  .fzj-welcome{
    background:var(--white);
    border-top:1px solid var(--border);
  }
  /* Clean card borders — no heavy shadows */
  .sj-post.sj-editorchoice{
    box-shadow:none;
    border:1px solid var(--border);
  }
  .sj-post.sj-editorchoice:hover{
    box-shadow:0 4px 20px rgba(6,14,30,.08);
    border-color:rgba(212,160,23,.3);
  }
}

/* Cal.com style page.php and generic page layout */
.fzj-page-wrap{
  max-width:760px;
  margin:0 auto;
  padding:60px 24px 80px;
}
.fzj-page-wrap h1{
  font-size:clamp(24px,3vw,36px);
  margin-bottom:8px;
  letter-spacing:-.02em;
}
.fzj-page-wrap .fzj-page-meta{
  font-size:14px;
  color:var(--text-3);
  margin-bottom:32px;
  padding-bottom:24px;
  border-bottom:1px solid var(--border);
}
.fzj-page-wrap .entry-content{
  font-size:16px;
  line-height:1.78;
  color:var(--text-2);
}
.fzj-page-wrap .entry-content h2{font-size:22px;margin:36px 0 12px;color:var(--text)}
.fzj-page-wrap .entry-content h3{font-size:18px;margin:28px 0 10px;color:var(--text)}
.fzj-page-wrap .entry-content p{margin:0 0 18px}
.fzj-page-wrap .entry-content a{color:var(--gold-deep);text-decoration:underline}
.fzj-page-wrap .entry-content ul,.fzj-page-wrap .entry-content ol{padding-left:24px;margin:0 0 18px}
.fzj-page-wrap .entry-content li{margin-bottom:8px;line-height:1.6}

/* Clean auth card cal.com style */
.fzj-auth-card{
  border:1px solid var(--border);
  box-shadow:0 8px 40px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);
}
.fzj-auth-right-inner{
  padding:40px;
}
.fzj-auth-heading h1{
  font-size:22px;
  font-weight:700;
  letter-spacing:-.02em;
}
.fzj-input{
  border-radius:7px;
  font-size:14px;
}
.fzj-input:focus{
  border-color:#0A1628;
  box-shadow:0 0 0 3px rgba(10,22,40,.08);
}
.fzj-submit-btn{
  border-radius:8px;
  font-size:14px;
  font-weight:600;
  letter-spacing:.01em;
}
.fzj-role-card{
  border-radius:8px;
  padding:12px 8px;
}
.fzj-role-name{font-size:12px}
.fzj-role-desc{font-size:10.5px}

/* Cal.com style step cards */
.fzj-step{
  border:1px solid var(--border);
  background:var(--white);
}
.fzj-step:hover{
  border-color:rgba(212,160,23,.35);
  background:var(--white);
}

/* Clean footer bottom border */
.fzj-footer-cols{
  border-bottom:1px solid rgba(255,255,255,.06);
}

/* Mobile dashboard - cal.com clean nav grid */
@media(max-width:991px){
  .fzj-dash-topbar{
    background:var(--navy);
    border-radius:12px;
    padding:14px 16px;
    margin-bottom:18px;
  }
  .fzj-nav-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:18px;
  }
  .fzj-nav-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:7px;
    padding:18px 10px;
    background:var(--white);
    border:1px solid var(--border);
    border-radius:12px;
    text-decoration:none;
    color:var(--text);
    font-size:13px;
    font-weight:600;
    text-align:center;
    transition:all var(--t);
  }
  .fzj-nav-card i{font-size:22px;color:var(--gold)}
  .fzj-nav-card:hover{border-color:rgba(212,160,23,.4);transform:translateY(-2px);box-shadow:0 4px 16px rgba(212,160,23,.12)}
  .fzj-profile-toggle{
    display:flex;align-items:center;justify-content:space-between;
    padding:13px 16px;background:var(--white);border:1px solid var(--border);
    border-radius:10px;margin-bottom:14px;cursor:pointer;font-size:14px;font-weight:600;
    color:var(--text-2);width:100%;transition:all var(--t);
  }
  .fzj-profile-toggle i{color:var(--gold)}
  .fzj-profile-toggle .fzj-chevron{font-size:12px;color:var(--text-4);transition:transform var(--t)}
  .fzj-profile-toggle.is-open .fzj-chevron{transform:rotate(180deg)}
}