/*
Theme Name: Sidra Research Center
Theme URI: https://sidraresearch.org
Author: Sidra Research Center
Description: القالب الرسمي لمركز سدرة للبحوث والدراسات — منقول بدقة من التصميم الأصلي المعتمد.
Version: 1.0
Text Domain: sidra
*/

  :root{
    --navy:#011331;
    --navy-2:#0a2249;
    --gold:#FAAA3D;
    --gold-deep:#B87817;
    --paper:#FFFFFF;
    --bg-soft:#F3F4F6;
    --ink:#12161F;
    --ink-soft:#565C68;
    --line:#E1E3E8;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  body{
    background:var(--paper); color:var(--ink);
    font-family:'IBM Plex Sans Arabic','IBM Plex Sans',sans-serif;
    line-height:1.75; overflow-x:hidden; font-size:15.5px;
  }
  [lang="en"] body{font-family:'IBM Plex Sans','IBM Plex Sans Arabic',sans-serif;}
  .disp-ar{font-family:'Cairo', sans-serif;}
  .disp-en{font-family:'Space Grotesk', sans-serif;}
  a{color:inherit; text-decoration:none;}

  .lang-switch{
    cursor:pointer; color:var(--gold); border:1px solid var(--gold);
    padding:2px 10px; border-radius:10px; font-size:11.5px; letter-spacing:.04em;
    margin-inline-end:20px;
  }
  .lang-switch:hover{ background:rgba(250,170,61,.12); }

  .ub-start{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
  .site-header-sticky{ position:sticky; top:0; z-index:50; }
  .utility-bar{
    background:transparent; color:#C7CEDC; font-size:12px;
    display:flex; justify-content:space-between; letter-spacing:.03em;
  }
  .utility-bar .gold{color:var(--gold);}
  .utility-bar .u-links a{margin-inline-start:20px; opacity:.9;}
  .utility-bar .u-links a:hover{opacity:1; color:var(--gold);}

  /* ---------- Brand lockup (reusable, light + dark variants) ---------- */
  .brand-lockup{ display:flex; align-items:center; gap:11px; }
  .brand-lockup .icon{ height:58px; width:auto; display:block; flex-shrink:0; }
  .brand-lockup .wordmark{ display:flex; flex-direction:column; line-height:1.15; }
  .brand-lockup .ar-name{
    font-family:'Cairo', sans-serif; font-weight:800; font-size:24px; letter-spacing:.01em;
    color:var(--navy);
  }
  .brand-lockup .ar-sub{
    font-family:'Cairo', sans-serif; font-weight:600; font-size:13px; letter-spacing:.03em;
    color:var(--gold-deep); margin-top:1px;
  }
  .brand-tagline{
    font-family:'Cinzel', serif; font-weight:600; font-size:11px; letter-spacing:.15em;
    color:var(--gold); text-transform:uppercase;
  }
  .brand-tagline-under{
    font-family:'Cinzel', serif; font-weight:600; font-size:11.5px; letter-spacing:.1em;
    color:var(--gold); text-transform:uppercase; margin-top:2px;
  }
  .brand-lockup .en-cap{
    font-family:'Cinzel', serif; font-weight:600; font-size:10.5px; letter-spacing:.15em;
    color:var(--ink-soft); text-transform:uppercase; margin-top:2px;
  }
  .brand-lockup.on-dark .ar-name{ color:var(--paper); }
  .brand-lockup.on-dark .ar-sub{ color:var(--gold); }
  .brand-lockup.on-dark .en-cap{ color:#9AA5BC; }

  .site-header-row{
    display:flex; align-items:stretch; justify-content:space-between;
    padding:0 6vw; border-bottom:1px solid rgba(250,170,61,.25); background:var(--navy);
  }
  .header-right{ display:flex; align-items:center; padding:12px 0; }
  .header-left{ display:flex; flex-direction:column; justify-content:space-between; flex:1; }
  .header-left .utility-bar{ padding:3px 0; }
  .header-left nav{ padding:3px 0; }
  nav{display:flex; gap:0; justify-content:flex-end; font-size:14px; font-weight:500; font-family:'Cairo',sans-serif;}
  nav a{padding:6px 16px; color:var(--paper); border-bottom:2px solid transparent; font-weight:600;}
  nav a:last-child{ padding-inline-end:0; }
  nav a:hover{border-color:var(--gold); color:var(--gold);}
  .nav-dropdown{ position:relative; }
  .nav-dropdown > span{ padding:6px 16px; color:var(--paper); border-bottom:2px solid transparent; font-weight:600; cursor:pointer; display:inline-block; }
  .nav-dropdown:hover > span{ border-color:var(--gold); color:var(--gold); }
  .nav-dropdown-menu{
    display:none; position:absolute; top:100%; inset-inline-start:0; min-width:180px;
    background:var(--navy); border:1px solid rgba(250,170,61,.25); border-top:none;
    box-shadow:0 12px 24px rgba(0,0,0,.25); z-index:50;
  }
  .nav-dropdown:hover .nav-dropdown-menu{ display:block; }
  .nav-dropdown-menu a{ display:block; padding:12px 18px; color:var(--paper); border-bottom:1px solid rgba(250,170,61,.12); font-weight:500; }
  .nav-dropdown-menu a:last-child{ border-bottom:none; }
  .nav-dropdown-menu a:hover{ background:rgba(250,170,61,.08); color:var(--gold); }
  .nav-cta{background:var(--gold); color:var(--navy) !important; border-radius:2px; padding:10px 20px !important; font-weight:700;}
  .nav-cta:hover{background:var(--gold-deep); border-color:transparent !important;}

  /* ---------- Hero: featured + sidebar list ---------- */
  .hero-wrap{ padding:5vw 6vw; display:grid; grid-template-columns:1.7fr 1fr; gap:52px; border-bottom:1px solid var(--line); }
  .featured-story{ border-inline-end:1px solid var(--line); padding-inline-end:52px; }
  .tag-pill{
    display:inline-block; font-family:'Cairo',sans-serif; font-size:11.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
    color:var(--navy); background:var(--bg-soft); padding:5px 12px; border-radius:2px; margin-bottom:20px;
  }
  .featured-story h1{
    font-family:'Cairo',sans-serif; font-size:clamp(28px,3vw,44px); line-height:1.4; color:var(--navy); margin-bottom:20px; font-weight:800;
  }
  .featured-story p{ color:var(--ink-soft); font-size:16px; max-width:60ch; margin-bottom:26px; }
  .byline{ font-size:13px; color:var(--ink-soft); display:flex; gap:14px; align-items:center; border-top:1px solid var(--line); padding-top:18px; }
  .byline .avatar{ width:32px; height:32px; border-radius:50%; background:var(--navy); color:var(--gold); display:flex; align-items:center; justify-content:center; font-family:'Cairo',serif; font-weight:700; font-size:12px; }

  .side-list h2{ font-family:'Cairo',sans-serif; font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--navy); margin-bottom:22px; padding-bottom:14px; border-bottom:2px solid var(--navy); }
  .side-item{ padding:18px 0; border-bottom:1px solid var(--line); }
  .side-item:last-child{border-bottom:none;}
  .side-item .meta{ font-family:'Cairo',sans-serif; font-size:11.5px; color:var(--gold-deep); font-weight:700; letter-spacing:.05em; text-transform:uppercase; margin-bottom:6px; }
  .side-item h3{ font-size:15px; font-weight:500; line-height:1.55; }
  .side-item h3:hover{ color:var(--navy); text-decoration:underline; }

  /* ---------- Programs ---------- */
  .section{ padding:5vw 6vw; }
  .section-head{ display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:36px; }
  .section-head h2{ font-family:'Cairo',sans-serif; font-size:clamp(21px,2vw,28px); color:var(--navy); font-weight:800; }
  .section-head a{ font-size:13.5px; font-weight:700; color:var(--gold-deep); border-bottom:1px solid var(--gold-deep); padding-bottom:2px; font-family:'Cairo',sans-serif; }

  .program-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
  .program-card{ border:1px solid var(--line); border-radius:3px; padding:28px 24px; transition:border-color .2s; }
  .program-card:hover{ border-color:var(--gold); }
  .program-card .idx{ font-family:'Space Grotesk',sans-serif; font-size:13px; font-weight:600; color:var(--gold-deep); letter-spacing:.08em; margin-bottom:16px; }
  .program-card h3{ font-family:'Cairo',sans-serif; font-size:17px; font-weight:700; color:var(--navy); margin-bottom:10px; }
  .program-card p{ font-size:14px; color:var(--ink-soft); margin-bottom:16px; }
  .program-card .link{ font-size:13px; font-weight:700; color:var(--ink); font-family:'Cairo',sans-serif; }

  /* ---------- Publications grid ---------- */
  .pub-section{ background:var(--bg-soft); }
  .pub-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
  .pub-card{ background:var(--paper); border:1px solid var(--line); border-radius:3px; overflow:hidden; }
  .pub-thumb{ height:150px; background:linear-gradient(135deg, var(--navy), var(--navy-2)); display:flex; align-items:center; justify-content:center; }
  .pub-thumb span{ font-family:'Space Grotesk',sans-serif; color:var(--gold); font-size:13px; letter-spacing:.1em; }
  .pub-body{ padding:22px; }
  .pub-body .tag-pill{ margin-bottom:14px; }
  .pub-body h3{ font-family:'Cairo',sans-serif; font-size:16px; font-weight:700; line-height:1.5; margin-bottom:10px; }
  .pub-body .date{ font-size:12.5px; color:var(--ink-soft); }

  /* ---------- Experts strip ---------- */
  .experts-strip{ display:flex; gap:0; border-top:1px solid var(--line); }
  .expert-cell{ flex:1; padding:26px 24px; border-inline-end:1px solid var(--line); display:flex; align-items:center; gap:14px; }
  .expert-cell:last-child{border-inline-end:none;}
  .expert-cell .avatar{ width:44px; height:44px; border-radius:50%; background:var(--bg-soft); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; font-family:'Cairo',sans-serif; font-weight:700; color:var(--navy); font-size:14px; flex-shrink:0; }
  .expert-cell h4{ font-family:'Cairo',sans-serif; font-size:14.5px; font-weight:700; }
  .expert-cell .role{ font-size:12.5px; color:var(--ink-soft); }

  /* ---------- Newsletter ---------- */
  .newsletter{ background:var(--navy); color:var(--paper); padding:1.8vw 6vw; display:flex; justify-content:space-between; align-items:center; gap:30px; }
  .newsletter h3{ font-family:'Cairo',sans-serif; font-size:22px; font-weight:800; margin-bottom:8px; }
  .newsletter p{ color:#C7CEDC; font-size:14px; }
  .newsletter form{ display:flex; gap:0; flex-shrink:0; }
  .newsletter input{ padding:13px 16px; font-size:14px; border:1px solid var(--gold); background:transparent; color:var(--paper); width:240px; border-inline-end:none; }
  .newsletter input::placeholder{ color:#8b93a6; }
  .newsletter button{ padding:13px 22px; background:var(--gold); color:var(--navy); font-weight:700; font-size:14px; border:1px solid var(--gold); cursor:pointer; font-family:'Cairo',sans-serif; }

  /* ---------- Footer ---------- */
  footer{ padding:1.8vw 6vw 1.2vw; background:var(--navy); color:var(--paper); }
  .footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.14); }
  .footer-brand p{ font-size:13.5px; color:#B7BFD1; margin-top:16px; max-width:32ch; line-height:1.7; }
  .footer-col h5{ font-family:'Cairo',sans-serif; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--gold); margin-bottom:16px; }
  .footer-col a{ display:block; font-size:13.5px; color:#C7CEDC; margin-bottom:10px; }
  .social-icons{ display:flex; gap:14px; margin-top:14px; }
  .social-icons a{ color:var(--gold); opacity:.85; transition:opacity .2s; }
  .social-icons a:hover{ opacity:1; color:var(--gold-light); }
  .social-icons svg{ width:19px; height:19px; display:block; }
  .footer-col a:hover{ color:var(--paper); }
  .footer-bottom{ display:flex; justify-content:space-between; padding-top:12px; font-size:12.5px; color:#8f97a8; }

  @media (max-width: 980px){
    nav{display:none;}
    .hero-wrap{grid-template-columns:1fr; gap:34px;}
    .featured-story{border-inline-end:none; padding-inline-end:0; padding-bottom:34px; border-bottom:1px solid var(--line);}
    .program-grid{grid-template-columns:1fr 1fr;}
    .pub-grid{grid-template-columns:1fr;}
    .experts-strip{flex-wrap:wrap;}
    .expert-cell{flex:1 1 50%; border-bottom:1px solid var(--line);}
    .newsletter{flex-direction:column; align-items:flex-start;}
    .newsletter input{width:auto; flex:1;}
    .newsletter form{width:100%;}
    .footer-grid{grid-template-columns:1fr; gap:0;}
    .footer-col{ display:none; }
    .footer-bottom{flex-direction:column; gap:8px;}
  }

  .mobile-menu-toggle{
    display:none; flex-direction:column; gap:5px;
    background:none; border:none; cursor:pointer; padding:8px; z-index:20;
  }
  .mobile-menu-toggle span{ width:22px; height:2px; background:var(--gold); border-radius:1px; }
  .mobile-controls{ display:flex; align-items:center; gap:14px; }
  .mobile-nav-panel{
    display:none; position:fixed; inset:0; background:var(--paper); z-index:999;
    padding:20px 6vw; overflow-y:auto;
  }
  .mobile-nav-panel.open{ display:block; }
  .mobile-nav-panel .panel-top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; }
  .mobile-nav-panel .lang-row{
    font-family:'Cairo',sans-serif; font-size:15px; font-weight:600; color:var(--gold-deep);
    cursor:pointer;
  }
  .mobile-nav-panel .close-btn{
    background:none; border:none; font-size:30px; line-height:1; color:var(--navy); cursor:pointer;
  }
  .mobile-nav-panel .social-icons{ border-top:0 !important; }
  .mobile-nav-panel .social-icons a{
    display:inline-flex !important; padding:0 !important; border-bottom:none !important;
    align-items:center; justify-content:center;
  }
  .mobile-nav-panel a{
    display:block; padding:18px 0; font-size:19px; font-weight:700; color:var(--navy);
    border-bottom:1px solid var(--line); text-decoration:none; font-family:'Cairo',sans-serif;
  }
  @media (max-width: 980px){
    .mobile-menu-toggle{ display:flex; }
    .utility-bar .u-links{ display:none; }
  }