/* ============================================================
   Nagaland Dictionary, global brand layer
   Version 3.3.1
   Loaded on every front end page. Restyles the theme (header,
   navigation, content, forms, footer) to match the dictionary
   design: rice paper, ink, shawl red, Literata and Inter.
   The dictionary section itself is styled by front.css.
   ============================================================ */

:root{
  --ndg-paper:#F6F1E6;
  --ndg-bone:#FFFDF6;
  --ndg-ink:#1C1712;
  --ndg-ink2:#6B6252;
  --ndg-red:#A31621;
  --ndg-red-deep:#7C0E17;
  --ndg-black:#231C15;
  --ndg-brass:#B98A2F;
  --ndg-line:rgba(28,23,18,.14);
  --ndg-weave:linear-gradient(180deg,#231C15 0 20%,#A31621 20% 40%,#F6F1E6 40% 46%,#B98A2F 46% 54%,#F6F1E6 54% 60%,#A31621 60% 80%,#231C15 80% 100%);
}

/* ---------- Base ---------- */
body{
  background:var(--ndg-paper);
  color:var(--ndg-ink);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";display:block;height:6px;
  background:var(--ndg-weave);
}
::selection{background:rgba(163,22,33,.18)}
a{color:var(--ndg-red)}
a:hover{color:var(--ndg-red-deep)}
:focus-visible{outline:2px solid var(--ndg-red);outline-offset:2px}

/* ---------- Header and navigation ---------- */
.site-header, header#masthead{
  background:var(--ndg-bone);
  border-bottom:1px solid var(--ndg-line);
}
.site-header .custom-logo, .site-header img{
  max-height:56px;width:auto;
}
.main-navigation, .main-navigation ul{background:transparent}
.main-navigation a, header#masthead nav a{
  font-family:'Inter',system-ui,sans-serif;
  font-weight:600;font-size:15px;
  color:var(--ndg-ink);
}
.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a{
  color:var(--ndg-red);
}
.main-title a, .site-branding .main-title a{
  font-family:'Literata',Georgia,serif;font-weight:700;color:var(--ndg-ink);
}

/* ---------- Page content ---------- */
.site-content{background:transparent}
.inside-article, .page .entry-content-wrap{
  background:var(--ndg-bone);
  border:1px solid var(--ndg-line);
  border-radius:18px;
  box-shadow:0 14px 36px rgba(28,23,18,.06);
}
.entry-title, .page-header h1{
  font-family:'Literata',Georgia,serif;
  font-weight:700;letter-spacing:-.015em;
  color:var(--ndg-ink);
  font-size:clamp(32px,4vw,46px);
  line-height:1.08;
}
.entry-content{
  font-size:17px;line-height:1.75;color:#2A241C;
}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{
  font-family:'Literata',Georgia,serif;
  color:var(--ndg-ink);letter-spacing:-.01em;line-height:1.2;
}
.entry-content h2{font-size:clamp(23px,2.6vw,29px);margin:1.7em 0 .55em}
.entry-content h3{font-size:clamp(19px,2vw,23px);margin:1.5em 0 .5em}
.entry-content p{margin-bottom:1.2em}
.entry-content strong{color:var(--ndg-ink)}
.entry-content a{
  color:var(--ndg-red);
  text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;
}
.entry-content a:hover{color:var(--ndg-red-deep)}
.entry-content blockquote{
  border-left:3px solid var(--ndg-red);
  background:rgba(163,22,33,.045);
  padding:14px 18px;border-radius:0 12px 12px 0;
  font-family:'Literata',Georgia,serif;font-style:italic;
}
.entry-content ul li, .entry-content ol li{margin-bottom:.45em}
.entry-content img{border-radius:14px}
.entry-content hr{border:0;height:1px;background:var(--ndg-line);margin:2.2em 0}
.entry-content table{border-collapse:collapse;width:100%}
.entry-content table th{
  font-family:'Inter',sans-serif;font-weight:700;font-size:12px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ndg-ink2);
  border-bottom:2px solid var(--ndg-ink);padding:10px 12px;text-align:left;
}
.entry-content table td{border-bottom:1px solid var(--ndg-line);padding:10px 12px}

/* ---------- Full width content, hide empty sidebars ---------- */
.right-sidebar .content-area,
.left-sidebar .content-area{width:100% !important}
#right-sidebar, #left-sidebar{display:none !important}

/* ---------- Buttons and forms ---------- */
.button, button.wp-block-button__link, .wp-block-button__link,
input[type="submit"], .wpforms-form button[type="submit"]{
  background:var(--ndg-black) !important;
  color:var(--ndg-paper) !important;
  border:0 !important;border-radius:12px !important;
  font-family:'Inter',sans-serif !important;font-weight:700 !important;
  padding:13px 24px !important;
  transition:transform .12s ease, background .15s ease;
}
.button:hover, .wp-block-button__link:hover,
input[type="submit"]:hover, .wpforms-form button[type="submit"]:hover{
  background:#000 !important;transform:translateY(-1px);
}
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"],
.wpforms-form input[type="url"],
.wpforms-form select,
.wpforms-form textarea,
.entry-content input[type="text"],
.entry-content input[type="email"],
.entry-content textarea{
  background:#fff !important;
  border:1px solid var(--ndg-line) !important;
  border-radius:10px !important;
  padding:11px 12px !important;
  font-family:'Inter',sans-serif !important;font-size:15px !important;
  color:var(--ndg-ink) !important;
}
.wpforms-form input:focus, .wpforms-form textarea:focus{
  border-color:var(--ndg-red) !important;
  box-shadow:0 0 0 3px rgba(163,22,33,.12) !important;outline:none !important;
}
.wpforms-form .wpforms-field-label{
  font-weight:700 !important;font-size:11px !important;
  letter-spacing:.14em !important;text-transform:uppercase !important;
  color:var(--ndg-ink2) !important;
}

/* ---------- Footer ---------- */
.site-footer, footer.site-footer{
  position:relative;
  background:var(--ndg-black);
  color:var(--ndg-paper);
  margin-top:0;
}
.site-footer::before{
  content:"";position:absolute;top:0;left:0;right:0;height:6px;
  background:var(--ndg-weave);
}
.site-footer .site-info, .site-info{
  background:transparent;
  color:rgba(246,241,230,.78);
  font-size:14px;line-height:1.7;
  padding:30px 20px 26px;text-align:center;
}
.site-info a{
  color:#D9B26A;
  text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;
}
.site-info a:hover{color:#F6F1E6}

/* ---------- Dictionary pages ---------- */
/* The theme wraps page content in a card. The dictionary section
   is full bleed, so that card must not draw its own frame there. */
.inside-article:has(#nd-home),
article:has(> .inside-article #nd-home),
.entry-content-wrap:has(#nd-home){
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}