/*
Theme Name: Rohingya Research Foundation
Theme URI: https://rohingyaresearch.org
Author: RRF
Description: Custom theme for the Rohingya Research Foundation — documenting Rohingya, Arakan, and Myanmar history and research.
Version: 1.0
Text Domain: rrf-theme
*/

:root{
  --red:#EE0000;
  --red-dark:#C40000;
  --ink:#1A1A1A;
  --section-bg:#E6E6E6;
  --black:#0D0D0D;
  --font-serif: 'Times New Roman', Times, Georgia, 'Liberation Serif', serif;
  --edge: clamp(20px, 6vw, 88px);
  --max: 1360px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--font-serif);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
button{font-family:inherit;}
ul{margin:0;}

.container{max-width:var(--max);margin:0 auto;padding:0 var(--edge);}

/* ===== NAVBAR ===== */
header.site-header{
  position:sticky;top:0;z-index:200;
  /* subtle sheen gradient, matches PDF reference navbar */
  background:linear-gradient(180deg,#ffffff 0%,#f6f6f6 55%,#f0f0f0 100%);
  border-bottom:1px solid #e2e2e2;
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px;}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;flex-shrink:0;height:44px;}
.logo.logo-custom{height:44px;}
.logo .custom-logo-link{display:flex;align-items:center;height:100%;}
.logo img.custom-logo,
header.site-header .logo .logo-img{
  max-height:44px;height:100%;width:auto;max-width:230px;
  object-fit:contain;display:block;
}
footer.site-footer .logo{height:auto;}
footer.site-footer .logo .logo-img{
  max-height:68px;width:auto;max-width:260px;object-fit:contain;display:block;
}
.logo .mark{width:38px;height:38px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Arial, sans-serif;font-weight:800;font-size:18px;flex-shrink:0;}
.logo .name{line-height:1.05;}
.logo .name b{display:block;font-size:14px;letter-spacing:.5px;color:var(--red);}
.logo .name span{display:block;font-size:11px;letter-spacing:1.5px;color:#333;font-family:Arial,sans-serif;}

nav.main-menu{display:flex;align-items:center;}
nav.main-menu ul{display:flex;list-style:none;margin:0;padding:0;gap:4px;align-items:center;}
nav.main-menu li{position:relative;}
nav.main-menu li a{display:flex;align-items:center;gap:5px;padding:12px 13px;font-size:15px;font-weight:700;color:var(--ink);border-bottom:2px solid transparent;transition:.2s;white-space:nowrap;}
nav.main-menu > ul > li > a:hover,
nav.main-menu > ul > li.current-menu-item > a{color:var(--red);border-bottom-color:var(--red);}
nav.main-menu li.menu-item-has-children > a::after{
  content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);margin-left:5px;margin-top:-4px;transition:.2s;display:inline-block;
}
nav.main-menu li.menu-item-has-children:hover > a::after{transform:rotate(225deg) translateY(2px);}

nav.main-menu ul.sub-menu{
  position:absolute;top:100%;left:0;min-width:200px;flex-direction:column;gap:0;
  background:#fff;border-top:3px solid var(--red);box-shadow:0 12px 24px rgba(0,0,0,.12);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s ease;padding:8px 0;align-items:stretch;
}
nav.main-menu li.menu-item-has-children:hover > ul.sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
nav.main-menu ul.sub-menu a{display:block;padding:10px 20px;font-size:14px;font-weight:400;color:var(--ink);}
nav.main-menu ul.sub-menu a:hover{background:#f7f7f7;color:var(--red);padding-left:24px;}

.menu-item-submit-work > a{background:var(--red);color:#fff !important;padding:10px 18px !important;border-radius:2px;font-weight:700;border-bottom:none !important;}
.menu-item-submit-work > a:hover{background:var(--red-dark);color:#fff !important;}

.nav-right{display:flex;align-items:center;gap:6px;}
.search-toggle{background:none;border:none;cursor:pointer;padding:10px;color:var(--ink);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.2s;}
.search-toggle:hover{background:#eee;color:var(--red);}
.search-toggle svg{width:19px;height:19px;}
.search-panel{position:absolute;top:100%;right:0;left:0;background:#fff;border-bottom:3px solid var(--red);box-shadow:0 12px 24px rgba(0,0,0,.10);max-height:0;overflow:hidden;transition:max-height .25s ease;}
.search-panel.open{max-height:90px;}
.search-panel-inner{display:flex;align-items:center;gap:12px;padding:18px var(--edge);max-width:var(--max);margin:0 auto;}
.search-panel input[type="search"],.search-panel input[type="text"]{flex:1;border:none;border-bottom:2px solid var(--ink);padding:8px 4px;font-size:17px;font-family:var(--font-serif);outline:none;background:transparent;}
.search-panel input:focus{border-color:var(--red);}
.search-panel button{background:var(--red);color:#fff;border:none;padding:10px 20px;font-family:Arial,sans-serif;font-weight:700;font-size:13px;cursor:pointer;}

.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;}
.menu-toggle span{width:24px;height:2px;background:var(--ink);display:block;}

/* ===== HERO ===== */
.hero{position:relative;color:#fff;}
.hero h1{font-size:clamp(34px,5.2vw,64px);line-height:1.08;font-weight:700;margin:0 0 26px;max-width:820px;text-shadow:0 2px 10px rgba(0,0,0,.25);}
.hero h1 .accent{color:var(--red);}
.hero p.lede{
  font-size:clamp(16px,1.6vw,19px);line-height:1.6;max-width:640px;margin:0 0 34px;color:#f3f1ef;
  opacity:0;transform:translateY(14px);animation:fadeInUp .9s ease-out .35s forwards;
}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;opacity:0;transform:translateY(14px);animation:fadeInUp .9s ease-out .6s forwards;}
@keyframes fadeInUp{to{opacity:1;transform:translateY(0);}}

.btn{display:inline-block;padding:14px 26px;font-size:15px;font-weight:700;font-family:Arial, sans-serif;letter-spacing:.2px;cursor:pointer;transition:.2s;border:2px solid transparent;}
.btn-red{background:var(--red);color:#fff;border-color:var(--red);}
.btn-red:hover{background:var(--red-dark);border-color:var(--red-dark);}
.btn-outline{background:transparent;color:#fff;border-color:#fff;}
.btn-outline:hover{background:#fff;color:var(--red);border-color:#fff;}

/* ===== PILLARS ===== */
.pillars{background:var(--section-bg);padding:90px 0;}
.eyebrow{color:var(--red);font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:10px;}
.pillars h2{font-size:clamp(26px,3.2vw,38px);font-weight:700;margin:0 0 46px;}
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.pillar-card{position:relative;background:var(--section-bg);border:1px solid var(--red);border-top-right-radius:26px;padding:26px 24px 30px;overflow:hidden;}
.pillar-card::before{content:"";position:absolute;top:-1px;left:-1px;width:52px;height:5px;background:var(--red);}
.pillar-card h3{font-size:21px;font-weight:700;margin:14px 0 12px;}
.pillar-card p{font-size:15px;line-height:1.55;margin:0;color:#333;}

/* ===== OPINION / EXPLAINER ===== */
.opinion{padding:90px 0 60px;}
.explainer{padding:70px 0 100px;}
.section-title{font-size:clamp(24px,2.6vw,34px);font-weight:700;margin:0 0 34px;}
.section-title .ul-letter{border-bottom:4px solid var(--red);}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.post-card .thumb{width:100%;aspect-ratio:16/10;background:#111 center/cover no-repeat;margin-bottom:14px;}
.post-card h4{font-size:18px;line-height:1.4;font-weight:700;margin:0;}
.post-card h4 a:hover{color:var(--red);}
.post-card .meta{font-family:Arial,sans-serif;font-size:12px;color:#777;margin-top:8px;letter-spacing:.3px;}
.no-posts{color:#777;font-family:Arial,sans-serif;font-size:14px;}

/* ===== SUBMIT CTA ===== */
.submit-cta{background:var(--black);color:#fff;padding:80px 0;margin-top:70px;}
.submit-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;}
.submit-inner h2{font-size:clamp(26px,3vw,34px);line-height:1.2;font-weight:700;margin:0 0 18px;}
.submit-inner p{font-size:15px;line-height:1.6;color:#d9d9d9;max-width:520px;margin:0 0 26px;}
.quote-box{position:relative;background:var(--red);padding:34px 34px 34px 40px;}
.quote-box::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#fff;}
.quote-box p{margin:0;font-size:19px;line-height:1.55;color:#fff;font-style:italic;}

/* ===== FOOTER ===== */
footer.site-footer{background:var(--black);color:#cfcfcf;padding:70px 0 0;}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:30px;padding-bottom:50px;}
.footer-brand p{font-size:14px;line-height:1.6;color:#a8a8a8;margin:16px 0;max-width:260px;}
.footer-brand .email{font-family:Arial,sans-serif;font-size:14px;color:#fff;}
.footer-col h5{font-family:Arial,sans-serif;font-size:13px;letter-spacing:1px;color:#fff;margin:0 0 18px;text-transform:uppercase;border-bottom:2px solid var(--red);display:inline-block;padding-bottom:8px;}
.footer-col ul{list-style:none;margin:0;padding:0;}
.footer-col ul li{margin-bottom:12px;}
.footer-col ul li a{font-size:14px;color:#c2c2c2;transition:.2s;}
.footer-col ul li a:hover{color:var(--red);}
.footer-bottom{border-top:1px solid #2a2a2a;padding:26px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.social-row{display:flex;gap:14px;}
.social-row a{width:34px;height:34px;border:1px solid #3a3a3a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:13px;color:#cfcfcf;transition:.2s;}
.social-row a:hover{background:var(--red);border-color:var(--red);color:#fff;}
.copyright{font-family:Arial,sans-serif;font-size:13px;color:#8f8f8f;}
.copyright a{color:#8f8f8f;text-decoration:underline;}
.copyright a:hover{color:var(--red);}

/* ===== BLOCK-EDITOR CONTENT (Pages built from RRF patterns) ===== */
.page-content{max-width:var(--max);margin:0 auto;padding:0 var(--edge);}
.page-content .alignfull{
  width:100vw;position:relative;left:50%;right:50%;
  margin-left:-50vw;margin-right:-50vw;max-width:100vw;
}
.page-content > .alignfull:first-child{margin-top:-24px;}

/* Cover block used as the hero */
.wp-block-cover.hero{min-height:640px;}
.wp-block-cover.hero .wp-block-cover__inner-container{
  max-width:var(--max);margin:0 auto;padding:90px var(--edge);width:100%;
}
.wp-block-cover.hero h1{font-size:clamp(34px,5.2vw,64px);line-height:1.08;font-weight:700;margin:0 0 26px;max-width:820px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.25);}
.wp-block-cover.hero h1 mark{background:transparent;}
.wp-block-cover.hero p.lede{font-size:clamp(16px,1.6vw,19px);line-height:1.6;max-width:640px;margin:0 0 34px;color:#f3f1ef;}
.wp-block-cover.hero .wp-block-buttons{gap:16px;}

/* Buttons (About the Foundation / Submit Your Work / Read submission guidelines) */
.wp-block-button .wp-block-button__link{
  font-family:Arial, sans-serif;font-weight:700;font-size:15px;letter-spacing:.2px;
  padding:14px 26px;border-radius:0;border:2px solid transparent;transition:.2s;
}
.wp-block-button.btn-red .wp-block-button__link{background:var(--red);color:#fff;border-color:var(--red);}
.wp-block-button.btn-red .wp-block-button__link:hover{background:var(--red-dark);border-color:var(--red-dark);}
.wp-block-button.btn-outline .wp-block-button__link,
.wp-block-button.is-style-outline.btn-outline .wp-block-button__link{background:transparent;color:#fff;border-color:#fff;}
.wp-block-button.btn-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline.btn-outline .wp-block-button__link:hover{background:#fff;color:var(--red);}

/* Pillars / CTA groups used as full-width Group blocks */
.wp-block-group.pillars,
.wp-block-group.opinion,
.wp-block-group.explainer{padding:90px 0;}
.wp-block-group.pillars{background:var(--section-bg);}
.wp-block-group.submit-cta{background:var(--black);color:#fff;padding:80px 0;margin-top:70px;}
.wp-block-group.submit-cta h2,.wp-block-group.submit-cta p{color:#fff;}
.wp-block-group.submit-cta .eyebrow{color:var(--red);}

/* ===== HERO SLIDER (for Elementor HTML widget) ===== */
.hero-slider{position:relative;min-height:640px;overflow:hidden;color:#fff;}
.hero-slider::before{content:"";position:absolute;inset:0;background:rgba(8,6,5,.64);z-index:1;}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;animation:heroCrossfade 10s infinite;}
.hero-slide-1{
  background-image:url("https://rohingyaresearch.org/main/wp-content/uploads/2026/07/hero-section-bacground-photo-1.jpeg");
  animation-delay:0s;
}
.hero-slide-2{
  background-image:url("https://rohingyaresearch.org/main/wp-content/uploads/2026/07/1237f21910504cefac8bc131daa621af_18.webp");
  animation-delay:-5s;
}
@keyframes heroCrossfade{
  0%{opacity:1;}
  45%{opacity:1;}
  50%{opacity:0;}
  95%{opacity:0;}
  100%{opacity:1;}
}
.hero-slider .hero-inner{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:90px var(--edge);width:100%;}
.hero-slider h1{font-family:var(--font-serif);font-size:clamp(34px,5.2vw,64px);line-height:1.08;font-weight:700;margin:0 0 26px;max-width:820px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.25);}
.hero-slider h1 .accent{color:var(--red);}
.hero-slider p.lede{font-family:var(--font-serif);font-size:clamp(16px,1.6vw,19px);line-height:1.6;max-width:640px;margin:0 0 34px;color:#f3f1ef;opacity:0;transform:translateY(14px);animation:fadeInUp .9s ease-out .35s forwards;}
.hero-slider .hero-ctas{display:flex;gap:16px;flex-wrap:wrap;opacity:0;transform:translateY(14px);animation:fadeInUp .9s ease-out .6s forwards;}
.hero-slider .btn{display:inline-block;padding:14px 26px;font-size:15px;font-weight:700;font-family:Arial, sans-serif;letter-spacing:.2px;cursor:pointer;transition:.2s;border:2px solid transparent;}
.hero-slider .btn-red{background:var(--red);color:#fff;border-color:var(--red);}
.hero-slider .btn-red:hover{background:var(--red-dark);border-color:var(--red-dark);}
.hero-slider .btn-outline{background:transparent;color:#fff;border-color:#fff;}
.hero-slider .btn-outline:hover{background:#fff;color:var(--red);border-color:#fff;}
.hero-slider .hero-dots{position:absolute;z-index:2;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:10px;}
.hero-slider .hero-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.45);border:none;cursor:pointer;padding:0;transition:.2s;}
.hero-slider .hero-dot.is-active{background:#fff;width:22px;border-radius:5px;}
@media(max-width:600px){.hero-slider{min-height:560px;}}

/* ===== RESPONSIVE ===== */
@media(max-width:980px){
  .pillar-grid,.card-grid{grid-template-columns:repeat(2,1fr);}
  .footer-top{grid-template-columns:1fr 1fr;}
  .submit-inner{grid-template-columns:1fr;}

  .menu-toggle{display:flex;}
  nav.main-menu{
    position:fixed;top:0;right:0;bottom:0;width:min(320px,84vw);
    background:#fff;transform:translateX(100%);transition:transform .28s ease;
    box-shadow:-8px 0 24px rgba(0,0,0,.15);padding:24px 0;overflow-y:auto;z-index:300;
  }
  nav.main-menu.open{transform:translateX(0);}
  nav.main-menu > ul{flex-direction:column;align-items:stretch;gap:0;padding:0 22px;}
  nav.main-menu > ul > li{border-bottom:1px solid #eee;}
  nav.main-menu > ul > li > a{padding:16px 4px;border-bottom:none;justify-content:space-between;}
  nav.main-menu ul.sub-menu{position:static;box-shadow:none;border-top:none;opacity:1;visibility:visible;transform:none;max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0;background:#fafafa;}
  nav.main-menu li.mobile-open > ul.sub-menu{max-height:400px;padding:6px 0 10px;}
  .menu-item-submit-work{margin-top:14px;text-align:center;}
  .nav-scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:250;}
  .nav-scrim.show{display:block;}
}
@media(max-width:600px){
  .pillar-grid,.card-grid{grid-template-columns:1fr;}
  .hero{min-height:560px;}
  .submit-inner{gap:30px;}
  .quote-box{padding:26px 24px 26px 30px;}
}