/*
Theme Name: Wrak Pashto Literary Blog
Theme URI: http://localhost/WRAK/
Author: Wrak
Description: A custom WordPress theme for a Pashto-language literary blog — poetry, short stories, writer profiles, criticism, research and articles. Manuscript-inspired design: ink-blue and wine-red on parchment cream, Nastaliq headings, and a geometric lattice motif carried through the hero and section dividers.
Version: 1.0
Requires at least: 5.9
Requires PHP: 7.4
Text Domain: wrak
*/

:root{
  --ink-blue:#1B3448;
  --ink-blue-deep:#12232F;
  --wine:#7D2A35;
  --wine-deep:#551C24;
  --brass:#B8874A;
  --brass-deep:#96692F;
  --teal-muted:#2E4A42;
  --cream:#F3EAD9;
  --surface:#FBF7EE;
  --ink-text:#241F1A;
  --ink-muted:#6E6255;
  --line:#E2D2AF;
  --font-heading:'Noto Nastaliq Urdu','Noto Naskh Arabic',serif;
  --font-body:'Noto Naskh Arabic','Noto Sans Arabic',Tahoma,sans-serif;
  --radius-md:12px;
  --radius-sm:8px;
  --shadow-sm:0 2px 10px rgba(27,52,72,.10);
  --shadow-md:0 14px 34px rgba(27,52,72,.18);
  --maxw:1180px;
}

*,*::before,*::after{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:var(--font-body);
  background:var(--cream);
  color:var(--ink-text);
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}

ul{
  list-style:none;
}

a{
  color:inherit;
  text-decoration:none;
}

button{
  font-family:inherit;
  cursor:pointer;
  background:none;
  border:none;
}

img{
  max-width:100%;
  display:block;
}

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


/* ===== HEADER ===== */

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:var(--surface);
  border-bottom:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  /* FIX 1: allow dropdown to overflow outside header */
  overflow:visible;
}

.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px 24px;
  max-width:var(--maxw);
  margin:0 auto;
  position:relative;
  /* FIX 2: allow dropdown to overflow outside header-inner */
  overflow:visible;
}

.site-branding{
  flex-shrink:0;
}

.logo-link{
  display:flex;
  align-items:center;
  gap:10px;
}

.logo-icon{
  color:var(--ink-blue);
}

.logo-text{
  font-family:var(--font-heading);
  font-size:1.75rem;
  font-weight:700;
  color:var(--ink-blue);
}

.custom-logo-link{
  display:flex;
  align-items:center;
}

.custom-logo{
  max-height:50px;
  width:auto;
}


.header-utility{
  display:flex;
  align-items:center;
  flex-shrink:0;
}

.header-utility .widget{
  display:flex;
  align-items:center;
}


/* ===== HEADER NAVIGATION ===== */

.main-nav{
  flex:1;
  display:flex;
  justify-content:center;
}

/* Main menu ONLY */
.main-nav > ul{
  display:flex;
  align-items:center;
  gap:26px;
  flex-wrap:wrap;
}

/* Main menu items */
.main-nav > ul > li{
  position:relative;
}

/* All menu links */
.main-nav ul li a{
  font-weight:600;
  font-size:.98rem;
  color:var(--ink-text);
  padding:8px 2px;
  position:relative;
  /* FIX 3: override wildcard display:inline that breaks layout */
  display:inline-block;
}

.main-nav ul li a:hover{
  color:var(--wine);
}

.main-nav ul li.current-menu-item > a{
  color:var(--wine);
}

.main-nav ul li.current-menu-item > a::after{
  content:'';
  position:absolute;
  bottom:0;
  right:0;
  left:0;
  height:2px;
  background:var(--wine);
  border-radius:2px;
}


/* ===== AUTOMATIC DROPDOWN / SUBMENU ===== */

.main-nav .sub-menu{
  /* FIX 4: !important overrides wildcard display:inline rule */
  display:none !important;
  flex-direction:column;
  align-items:stretch;
  gap:0;

  position:absolute;
  top:100%;
  right:0;

  min-width:200px;

  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  box-shadow:var(--shadow-md);

  padding:8px 0;

  z-index:9999;
  overflow:visible;
}

/* Show submenu when hovering/focusing its parent */
.main-nav .menu-item-has-children:hover > .sub-menu,
.main-nav .menu-item-has-children:focus-within > .sub-menu{
  /* FIX 5: !important overrides wildcard display:inline rule */
  display:flex !important;
  flex-direction:column !important;
}

/* Submenu items */
.main-nav .sub-menu li{
  display:block;
  width:100%;
  position:relative;
}

/* Submenu links */
.main-nav .sub-menu li a{
  display:block !important;
  width:100%;
  padding:9px 16px;
  white-space:nowrap;
  font-size:.9rem;
  color:var(--ink-text);
}

.main-nav .sub-menu li a:hover{
  background:var(--cream);
  color:var(--wine);
}

/* Remove active underline from submenu items */
.main-nav .sub-menu li.current-menu-item > a::after,
.main-nav .sub-menu li.current-menu-ancestor > a::after{
  display:none !important;
}


/* ===== DEEPER SUBMENUS ===== */

.main-nav .sub-menu .menu-item-has-children > .sub-menu{
  top:0;
  right:100%;
  margin-right:4px;
}

.main-nav .sub-menu .menu-item-has-children:hover > .sub-menu,
.main-nav .sub-menu .menu-item-has-children:focus-within > .sub-menu{
  display:flex !important;
  flex-direction:column !important;
}


/* ===== HEADER SEARCH ===== */

.header-search{
  flex-shrink:0;
}

.header-search form{
  display:flex;
  align-items:center;
  background:var(--cream);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  padding:7px 12px;
  gap:8px;
  width:190px;
}

.header-search input{
  border:none;
  background:transparent;
  outline:none;
  width:100%;
  font-family:var(--font-body);
  font-size:.9rem;
  color:var(--ink-text);
}

.header-search input::placeholder{
  color:var(--ink-muted);
}

.header-search button{
  color:var(--ink-blue);
  display:flex;
  flex-shrink:0;
}


/* ===== MOBILE TOGGLE ===== */

.mobile-toggle{
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:32px;
  height:32px;
  flex-shrink:0;
}

.mobile-toggle .bar{
  display:block;
  width:100%;
  height:2px;
  background:var(--ink-blue);
  border-radius:2px;
  transition:transform .25s ease,opacity .25s ease;
}

.mobile-toggle.active .bar:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}

.mobile-toggle.active .bar:nth-child(2){
  opacity:0;
}

.mobile-toggle.active .bar:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}


/* ===== HERO SLIDER ===== */

.hero-slider{
  position:relative;
  height:520px;
  overflow:hidden;
}

.slide{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  opacity:0;
  z-index:1;
  transition:opacity .9s ease;
}

.slide.active{
  opacity:1;
  z-index:2;
}

.slide-a{
  background:linear-gradient(120deg,var(--ink-blue),var(--ink-blue-deep) 60%,#0C1920);
}

.slide-b{
  background:linear-gradient(120deg,var(--wine),var(--wine-deep) 60%,#3D1319);
}

.slide-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
}

.thumb-pattern{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.6;
}

.slide-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to left,rgba(10,10,8,.62),rgba(10,10,8,.08));
  z-index:2;
}

.slide-inner{
  position:relative;
  z-index:3;
  max-width:600px;
}

.slide-tag{
  display:inline-block;
  background:var(--brass);
  color:var(--ink-blue);
  font-size:.8rem;
  font-weight:700;
  padding:5px 16px;
  border-radius:999px;
  margin-bottom:18px;
}

.slide-inner h2{
  font-family:var(--font-heading);
  font-size:2.6rem;
  font-weight:600;
  color:#fff;
  margin-bottom:16px;
  line-height:1.6;
}

.slide-inner p{
  font-size:1.05rem;
  color:rgba(255,255,255,.88);
  margin-bottom:28px;
  line-height:1.9;
  max-width:520px;
}

.btn-primary{
  display:inline-block;
  background:var(--brass);
  color:var(--ink-blue);
  font-weight:700;
  padding:13px 30px;
  border-radius:var(--radius-sm);
  font-size:.95rem;
  transition:background .2s ease,transform .2s ease;
}

.btn-primary:hover{
  background:#fff;
  transform:translateY(-2px);
}

.slider-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.4);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:5;
}

.slider-arrow:hover{
  background:var(--brass);
  border-color:var(--brass);
  color:var(--ink-blue);
}

.slider-arrow.prev{
  right:24px;
}

.slider-arrow.next{
  left:24px;
}

.slider-dots{
  position:absolute;
  bottom:22px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
  z-index:5;
}

.dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:rgba(255,255,255,.4);
  border:none;
  padding:0;
}

.dot.active{
  background:var(--brass);
  width:26px;
  border-radius:5px;
  transition:all .3s ease;
}


/* ===== SECTION DIVIDER (signature motif) ===== */

.section-divider{
  width:100%;
  height:20px;
  line-height:0;
}

.section-divider svg{
  display:block;
  width:100%;
  height:100%;
}


/* ===== CATEGORY SECTIONS / SHARED GRID ===== */

.category-section{
  padding:52px 0;
}

.section-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:30px;
  gap:16px;
}

.section-head h2{
  font-family:var(--font-heading);
  font-size:1.9rem;
  font-weight:600;
  color:var(--ink-blue);
}

.view-all{
  color:var(--wine);
  font-weight:700;
  font-size:.9rem;
  white-space:nowrap;
}

.view-all:hover{
  color:var(--ink-blue);
}

.posts-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:26px;
}

.posts-grid-3{
  grid-template-columns:repeat(3,1fr);
}

.post-card{
  display:block;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  overflow:hidden;
  box-shadow:var(--shadow-sm);
  transition:transform .25s ease,box-shadow .25s ease;
}

.post-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-md);
}

.post-thumb{
  height:165px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.post-thumb svg{
  width:40px;
  height:40px;
  color:rgba(255,255,255,.55);
}

.post-thumb-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.thumb-a{
  background:linear-gradient(135deg,var(--ink-blue),var(--ink-blue-deep));
}

.thumb-b{
  background:linear-gradient(135deg,var(--wine),var(--wine-deep));
}

.thumb-c{
  background:linear-gradient(135deg,#C99A5C,var(--brass-deep));
}

.thumb-d{
  background:linear-gradient(135deg,var(--teal-muted),#1E332D);
}

.post-body{
  padding:18px 20px;
}

.post-title{
  font-size:1.05rem;
  font-weight:700;
  color:var(--ink-text);
  margin-bottom:9px;
  line-height:1.6;
}

.post-excerpt{
  font-size:.87rem;
  color:var(--ink-muted);
  line-height:1.85;
  margin-bottom:14px;
}

.post-meta{
  font-size:.78rem;
  color:var(--ink-muted);
  display:flex;
  gap:6px;
  align-items:center;
}

.meta-sep{
  opacity:.6;
}

.empty-state{
  padding:80px 24px;
  text-align:center;
  color:var(--ink-muted);
  font-size:1.05rem;
}

.empty-state .archive-title{
  margin-bottom:10px;
}


/* ===== ARCHIVE / CATEGORY / SEARCH PAGES ===== */

.archive-wrap{
  padding:56px 24px;
}

.archive-header{
  margin-bottom:36px;
}

.archive-title{
  font-family:var(--font-heading);
  font-size:2.1rem;
  font-weight:600;
  color:var(--ink-blue);
  margin-bottom:10px;
  line-height:1.6;
}

.archive-description{
  color:var(--ink-muted);
  font-size:.95rem;
  line-height:1.8;
}

.pagination{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:44px;
  flex-wrap:wrap;
}

.pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:38px;
  padding:0 12px;
  border-radius:var(--radius-sm);
  border:1px solid var(--line);
  color:var(--ink-text);
  font-weight:600;
  font-size:.9rem;
  background:var(--surface);
}

.pagination .page-numbers.current{
  background:var(--ink-blue);
  border-color:var(--ink-blue);
  color:#fff;
}

.pagination .page-numbers:hover{
  border-color:var(--wine);
  color:var(--wine);
}

.pagination .page-numbers.dots{
  border:none;
  background:none;
}


/* ===== SINGLE POST / PAGE ===== */

.single-post-wrap{
  max-width:800px;
  padding:56px 24px;
}

.single-post-tag{
  display:inline-block;
  background:var(--brass);
  color:var(--ink-blue);
  font-size:.8rem;
  font-weight:700;
  padding:5px 16px;
  border-radius:999px;
  margin-bottom:16px;
}

.single-post-title{
  font-family:var(--font-heading);
  font-size:2.3rem;
  font-weight:600;
  color:var(--ink-blue);
  line-height:1.6;
  margin-bottom:14px;
}

.single-post-meta{
  font-size:.85rem;
  color:var(--ink-muted);
  display:flex;
  gap:6px;
  margin-bottom:28px;
}

.single-post-thumb{
  border-radius:var(--radius-md);
  overflow:hidden;
  margin-bottom:32px;
}

.single-post-thumb img{
  width:100%;
  display:block;
}

.single-post-content{
  font-size:1.08rem;
  line-height:2;
  color:var(--ink-text);
}

.single-post-content p{
  margin-bottom:1.5em;
}

.single-post-content h2,
.single-post-content h3{
  font-family:var(--font-heading);
  color:var(--ink-blue);
  margin:1.4em 0 .6em;
  line-height:1.6;
}

.single-post-content img{
  max-width:100%;
  border-radius:var(--radius-sm);
  margin:1.2em 0;
}

.single-post-content a{
  color:var(--wine);
  text-decoration:underline;
}

.single-post-content ul,
.single-post-content ol{
  margin:0 1.6em 1.5em 0;
}

.single-post-content li{
  margin-bottom:.5em;
  list-style:revert;
}

.single-post-content blockquote{
  border-right:3px solid var(--brass);
  padding:6px 20px;
  margin:1.6em 0;
  color:var(--ink-muted);
  font-style:normal;
}


/* ===== FOOTER ===== */

.site-footer{
  background:var(--ink-blue);
  color:rgba(255,255,255,.85);
}

.footer-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:44px;
  padding:56px 24px 40px;
}

.footer-logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-heading);
  font-size:1.6rem;
  color:#fff;
  margin-bottom:14px;
}

.footer-logo svg{
  color:var(--brass);
}

.footer-about-text{
  font-size:.92rem;
  color:rgba(255,255,255,.68);
  line-height:1.9;
  margin-bottom:22px;
  max-width:320px;
}

.social-icons{
  display:flex;
  gap:10px;
}

.social-icons a{
  width:36px;
  height:36px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.3);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:.85rem;
  font-weight:700;
}

.social-icons a:hover{
  background:var(--brass);
  border-color:var(--brass);
  color:var(--ink-blue);
}

.footer-col h3{
  font-family:var(--font-body);
  font-size:1.05rem;
  font-weight:700;
  color:var(--brass);
  margin-bottom:18px;
}

.footer-col ul{
  display:flex;
  flex-direction:column;
  gap:11px;
}

.footer-col a{
  color:rgba(255,255,255,.75);
  font-size:.92rem;
}

.footer-col a:hover{
  color:var(--brass);
}

.footer-bottom{
  border-top:1px solid rgba(255,255,255,.15);
  padding:18px 24px;
  text-align:center;
  font-size:.85rem;
  color:rgba(255,255,255,.6);
}


/* ===== RESPONSIVE ===== */

@media (max-width:960px){

  /* Mobile main-nav show/hide + submenu display rules live in the
     "FINAL NAVIGATION / DROPDOWN FIX" section below — kept in one place
     so there is only one source of truth for the mobile menu. */

  .mobile-toggle{
    display:flex;
  }

  .header-search form{
    width:150px;
  }

  .hero-slider{
    height:440px;
  }

  .slide-inner h2{
    font-size:2rem;
  }

  .posts-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .posts-grid-3{
    grid-template-columns:repeat(2,1fr);
  }

  .footer-grid{
    grid-template-columns:1fr 1fr;
  }

  .footer-col.about-col{
    grid-column:1 / -1;
  }

}


/* ===== SMALL MOBILE ===== */

@media (max-width:600px){

  .header-search form{
    width:104px;
  }

  .hero-slider{
    height:400px;
  }

  .slide-inner h2{
    font-size:1.5rem;
  }

  .slide-inner p{
    font-size:.9rem;
  }

  .slider-arrow{
    width:36px;
    height:36px;
  }

  .posts-grid{
    grid-template-columns:1fr;
  }

  .posts-grid-3{
    grid-template-columns:1fr;
  }

  .section-head{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }

  .footer-grid{
    grid-template-columns:1fr;
    padding:44px 24px 32px;
  }

  .single-post-title{
    font-size:1.7rem;
  }

}


/* ===== WRITER PROFILE ===== */

.writer-profile-page{
  background:var(--cream);
}

.writer-profile-wrap{
  padding-top:56px;
  padding-bottom:70px;
}


/* Author hero */

.writer-hero{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:46px;
  align-items:center;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  padding:38px;
  box-shadow:var(--shadow-sm);
  margin-bottom:42px;
}

.writer-photo{
  width:240px;
  height:240px;
  margin:auto;
  border-radius:50%;
  overflow:hidden;
  border:6px solid var(--cream);
  box-shadow:var(--shadow-md);
  background:var(--ink-blue);
}

.writer-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.writer-photo-placeholder{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:4rem;
  color:#fff;
}

.writer-intro{
  text-align:right;
}

.writer-name{
  font-family:var(--font-heading);
  font-size:2.6rem;
  font-weight:600;
  color:var(--ink-blue);
  line-height:1.7;
  margin-bottom:6px;
}

.writer-occupation{
  color:var(--wine);
  font-size:1.05rem;
  font-weight:700;
  margin-bottom:20px;
}

.writer-short-bio{
  color:var(--ink-muted);
  font-size:1rem;
  line-height:2;
  max-width:700px;
}

.writer-short-bio p{
  margin-bottom:10px;
}

.writer-social{
  display:flex;
  gap:10px;
  margin-top:22px;
  flex-wrap:wrap;
}

.writer-social a{
  display:inline-block;
  background:var(--ink-blue);
  color:#fff;
  padding:8px 18px;
  border-radius:var(--radius-sm);
  font-size:.88rem;
  font-weight:600;
  transition:background .2s ease,transform .2s ease;
}

.writer-social a:hover{
  background:var(--wine);
  transform:translateY(-2px);
}


/* Sections */

.writer-section{
  margin-bottom:44px;
}

.writer-section-heading{
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:24px;
}

.writer-section-heading::before{
  content:'';
  display:block;
  width:5px;
  height:38px;
  background:var(--wine);
  border-radius:4px;
}

.writer-section-heading h2{
  font-family:var(--font-heading);
  font-size:1.8rem;
  font-weight:600;
  color:var(--ink-blue);
}


/* Information cards */

.writer-info-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.writer-info-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  padding:18px 20px;
  box-shadow:var(--shadow-sm);
}

.writer-info-label{
  display:block;
  color:var(--ink-muted);
  font-size:.84rem;
  margin-bottom:5px;
}

.writer-info-card strong{
  display:block;
  color:var(--ink-text);
  font-size:1rem;
  font-weight:700;
}


/* Literary tags */

.writer-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.writer-tag{
  display:inline-block;
  background:var(--brass);
  color:var(--ink-blue);
  padding:7px 18px;
  border-radius:999px;
  font-size:.88rem;
  font-weight:700;
}


/* Biography */

.writer-biography{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  padding:32px;
  box-shadow:var(--shadow-sm);
}

.writer-content{
  color:var(--ink-text);
  font-size:1.05rem;
  line-height:2.1;
}

.writer-content p{
  margin-bottom:1.5em;
}

.writer-content h2,
.writer-content h3{
  font-family:var(--font-heading);
  color:var(--ink-blue);
  margin:1.5em 0 .7em;
}


/* Works section */

.writer-works{
  margin-top:10px;
}

.writer-works .empty-state{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-sm);
}


/* ===== WRITER PROFILE RESPONSIVE ===== */

@media (max-width:800px){

  .writer-hero{
    grid-template-columns:1fr;
    gap:28px;
    padding:28px;
    text-align:center;
  }

  .writer-intro{
    text-align:center;
  }

  .writer-short-bio{
    margin:0 auto;
  }

  .writer-social{
    justify-content:center;
  }

  .writer-name{
    font-size:2.1rem;
  }

}


@media (max-width:600px){

  .writer-profile-wrap{
    padding-top:35px;
    padding-bottom:50px;
  }

  .writer-hero{
    padding:22px 18px;
  }

  .writer-photo{
    width:190px;
    height:190px;
  }

  .writer-name{
    font-size:1.75rem;
  }

  .writer-info-grid{
    grid-template-columns:1fr;
  }

  .writer-biography{
    padding:22px 18px;
  }

  .writer-section-heading h2{
    font-size:1.5rem;
  }

}


/* ===== WRITER CARD (archive-writers.php) ===== */

.writer-card-role{
  font-size:.85rem;
  color:var(--wine);
  font-weight:600;
  margin-bottom:8px;
}

.writer-card-fields{
  font-size:.78rem;
  color:var(--brass-deep);
  margin-top:10px;
}


/* ===== EDITABLE HEADER / FOOTER EXTENSIONS ===== */

.wrak-announcement{
  background:var(--ink-blue);
  color:#fff;
  padding:7px 0;
  font-size:.9rem;
  text-align:center;
}

.wrak-announcement p{
  margin:0;
}

.wrak-header-widget{
  padding-top:8px;
  padding-bottom:0;
}

.wrak-header-widget .widget{
  margin:0 0 8px;
}

.menu-notice{
  font-size:.85rem;
  color:var(--ink-muted);
}

.header-cta{
  white-space:nowrap;
  padding:9px 16px;
  font-size:.82rem;
}

.site-footer{
  background:var(--ink-blue-deep);
  color:rgba(255,255,255,.86);
  margin-top:60px;
}

.footer-top-widget{
  border-bottom:1px solid rgba(255,255,255,.12);
  padding:25px 0;
}

.footer-inner{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;
  gap:40px;
  padding-top:48px;
  padding-bottom:48px;
}

.footer-brand .custom-logo{
  max-height:55px;
  margin-bottom:14px;
  filter:brightness(0) invert(1);
}

.footer-title{
  font-family:var(--font-heading);
  font-size:1.8rem;
  color:#fff;
  font-weight:700;
  display:inline-block;
  margin-bottom:10px;
}

.footer-brand p{
  color:rgba(255,255,255,.7);
  line-height:1.9;
  max-width:430px;
}

.footer-nav ul{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.footer-nav a{
  color:rgba(255,255,255,.8);
}

.footer-nav a:hover{
  color:#fff;
}

.footer-widgets{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.site-footer .widget-title{
  font-family:var(--font-heading);
  color:#fff;
  font-size:1.15rem;
  margin-bottom:10px;
}

.site-footer .widget p,
.site-footer .widget li{
  color:rgba(255,255,255,.72);
}

.site-footer .widget a{
  color:rgba(255,255,255,.82);
}

.site-footer .widget a:hover{
  color:#fff;
}

.footer-bottom{
  border-top:1px solid rgba(255,255,255,.12);
  padding:15px 0;
  text-align:center;
  font-size:.82rem;
  color:rgba(255,255,255,.6);
}


/* ===== HEADER / FOOTER RESPONSIVE EXTENSIONS ===== */

@media (max-width:1000px){

  .header-inner{
    flex-wrap:wrap;
  }

  .main-nav{
    order:4;
    flex-basis:100%;
    display:none;
    justify-content:flex-start;
    padding-top:10px;
  }

  .main-nav.is-open{
    display:flex;
  }

  .main-nav > ul{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
    width:100%;
  }

  .mobile-toggle{
    display:flex;
  }

  .header-search{
    margin-right:auto;
  }

  .footer-inner{
    grid-template-columns:1fr 1fr;
  }

}


@media (max-width:650px){

  .header-inner{
    padding:12px 18px;
    gap:10px;
  }

  .header-search{
    display:none;
  }

  .header-cta{
    margin-right:auto;
  }

  .footer-inner{
    grid-template-columns:1fr;
    gap:28px;
    padding-top:35px;
    padding-bottom:35px;
  }

}

/* ==========================================================
   FINAL NAVIGATION / DROPDOWN FIX
   ========================================================== */

/* Parent menu item */
.main-nav .menu-item-has-children{
    position:relative;
}


/* Automatically created submenu arrow */
.main-nav .submenu-toggle{
    display:none;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    margin-right:6px;
    color:var(--ink-blue);
    font-size:1.1rem;
    border:0;
    background:transparent;
    cursor:pointer;
}


/* Desktop dropdown */
@media (min-width:961px){

    .main-nav .menu-item-has-children:hover > .sub-menu,
    .main-nav .menu-item-has-children:focus-within > .sub-menu{
        display:block;
    }

}


/* Mobile navigation */
@media (max-width:960px){

    .main-nav{
        display:none;
        width:100%;
    }

    .main-nav.is-open{
        display:block;
    }

    .main-nav .primary-menu{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        width:100%;
        gap:0;
        padding:8px 24px;
    }

    .main-nav .primary-menu > li{
        width:100%;
        position:relative;
    }

    .main-nav .primary-menu > li > a{
        display:block;
        width:100%;
        padding:11px 0;
    }


    /* Parent item becomes flex */
    .main-nav .menu-item-has-children > a{
        padding-left:42px;
    }


    /* Show dropdown button on mobile */
    .main-nav .submenu-toggle{
        display:flex;
        position:absolute;
        left:0;
        top:3px;
        z-index:5;
    }


    /* Hide submenu by default */
    .main-nav .sub-menu{
        display:none;
        position:static;
        width:100%;
        min-width:0;
        margin:0;
        padding:0 18px 8px 0;
        background:transparent;
        border:0;
        border-radius:0;
        box-shadow:none;
    }


    /* Show submenu when JS opens it */
    .main-nav .menu-item-has-children.submenu-open > .sub-menu{
        display:block;
    }


    /* Submenu links */
    .main-nav .sub-menu li{
        width:100%;
    }

    .main-nav .sub-menu li a{
        display:block;
        width:100%;
        padding:8px 12px;
        white-space:normal;
        font-size:.9rem;
        border-right:2px solid var(--line);
    }


    /* Nested submenu */
    .main-nav .sub-menu .sub-menu{
        padding-right:15px;
    }


    /* Arrow rotation */
    .main-nav .menu-item-has-children.submenu-open > .submenu-toggle{
        transform:rotate(180deg);
    }

}