/* ================================================================
   THIRSTYBEAR - GP Overrides (Warm Wood & Copper Theme)
   ================================================================ */

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

body {
  font-family: var(--font-serif) !important;
  color: var(--text-dark);
  background: var(--dark-wood) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  color: var(--text-dark);
  text-transform: uppercase;
  line-height: 1.2;
}

/* Sidebar widget titles must NOT use display font */
#right-sidebar h1, #right-sidebar h2, #right-sidebar h3,
#right-sidebar h4, #right-sidebar h5, #right-sidebar h6,
.widget-area h1, .widget-area h2, .widget-area h3,
.widget-area h4, .widget-area h5, .widget-area h6,
.inside-right-sidebar h1, .inside-right-sidebar h2, .inside-right-sidebar h3,
.inside-right-sidebar h4, .inside-right-sidebar h5, .inside-right-sidebar h6 {
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--warm-brown) !important;
  line-height: 1.3 !important;
}

a {
  color: var(--amber);
  transition: color var(--dur-fast) var(--ease-out);
}

a:hover { color: var(--amber-bright); }

::selection {
  background: var(--amber-dim);
  color: var(--dark-wood);
}

/* Wood textures */
.wood-texture {
  background:
    repeating-linear-gradient(90deg, transparent, rgba(0,0,0,0.03) 1px, transparent 2px, transparent 6px),
    linear-gradient(180deg, #2c1810 0%, #3d2114 20%, #2c1810 40%, #3d2114 60%, #2c1810 80%, #3d2114 100%) !important;
}

.wood-texture-light {
  background:
    repeating-linear-gradient(90deg, transparent, rgba(0,0,0,0.02) 1px, transparent 2px, transparent 8px),
    linear-gradient(180deg, #4a2c1a 0%, #5c3a24 30%, #4a2c1a 50%, #5c3a24 70%, #4a2c1a 100%) !important;
}

/* ================================================================
   FRONT PAGE LAYOUT BREAK
   ================================================================ */
.tb-front-page .site-content,
.tb-front-page #page {
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ================================================================
   TOP BAR
   ================================================================ */
.tb-top-bar {
  background: var(--dark-wood);
  border-bottom: 1px solid rgba(228,166,36,0.15);
  padding: 0;
}

.tb-top-bar__inner {
  max-width: 100%;
  margin: 0 auto;
  padding: var(--space-sm) 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tb-top-bar__menu {
  list-style: none;
  display: flex;
  gap: 28px;
  margin: 0;
  padding: 0;
}

.tb-top-bar__menu a {
  color: var(--text-muted);
  text-decoration: none;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.tb-top-bar__menu a:hover { color: var(--amber); }

.tb-top-bar__social-menu {
  list-style: none;
  display: flex;
  gap: 16px;
  margin: 0;
  padding: 0;
}

.tb-top-bar__social-menu a {
  color: var(--text-muted);
  text-decoration: none;
  transition: color var(--dur-fast), transform var(--dur-fast);
}

.tb-top-bar__social-menu a:hover {
  color: var(--amber);
  transform: translateY(-1px);
}

/* ================================================================
   HEADER
   ================================================================ */
.site-header {
  background:
    repeating-linear-gradient(90deg, transparent, rgba(0,0,0,0.03) 1px, transparent 2px, transparent 6px),
    linear-gradient(180deg, #2c1810 0%, #3d2114 20%, #2c1810 40%, #3d2114 60%, #2c1810 100%) !important;
  border: none !important;
}

.inside-header {
  padding: 12px 40px !important;
  text-align: center;
  max-width: 100%;
  margin: 0 auto;
}

.main-title {
  font-family: var(--font-display) !important;
  font-size: var(--text-2xl) !important;
  text-transform: uppercase;
  letter-spacing: 0.05em !important;
}

.main-title a {
  color: var(--warm-white) !important;
  text-decoration: none !important;
}

.main-title a:hover { color: var(--amber) !important; }

.site-description {
  color: var(--amber) !important;
  font-family: var(--font-accent) !important;
  font-size: var(--text-lg) !important;
}

/* ================================================================
   NAVIGATION
   ================================================================ */
.main-navigation {
  background:
    repeating-linear-gradient(90deg, transparent, rgba(0,0,0,0.03) 1px, transparent 2px, transparent 6px),
    linear-gradient(180deg, #2c1810 0%, #3d2114 50%, #2c1810 100%) !important;
  border-bottom: 3px solid var(--amber) !important;
  border-top: none !important;
}

.main-navigation .inside-navigation {
  max-width: 100%;
  margin: 0 auto;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.main-navigation .main-nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-navigation .main-nav > ul > li > a {
  font-family: var(--font-sans) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--text-light) !important;
  padding: 20px 28px !important;
  transition: color var(--dur-fast);
  position: relative;
}

.main-navigation .main-nav > ul > li > a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: var(--amber);
  transition: width 0.3s ease, left 0.3s ease;
}

.main-navigation .main-nav > ul > li > a:hover::after,
.main-navigation .main-nav > ul > li.current-menu-item > a::after {
  width: 100%;
  left: 0;
}

.main-navigation .main-nav > ul > li > a:hover,
.main-navigation .main-nav > ul > li.current-menu-item > a {
  color: var(--amber) !important;
  background: transparent !important;
}

/* Centered Logo in Nav */
.tb-nav-logo {
  padding: 6px 32px !important;
  display: flex !important;
  align-items: center;
}

.tb-nav-logo__img {
  height: 90px;
  width: auto;
  filter: brightness(0) invert(1);
  transition: transform 0.3s var(--ease-spring);
}

.tb-nav-logo__link:hover .tb-nav-logo__img {
  transform: scale(1.08);
  filter: brightness(0) invert(1) drop-shadow(0 0 12px rgba(228,166,36,0.5));
}

/* Sub-navigation */
.main-navigation ul ul {
  background: var(--warm-brown) !important;
  border-top: 2px solid var(--amber) !important;
  box-shadow: var(--shadow-deep);
}

.main-navigation .main-nav ul ul li a {
  color: var(--text-light) !important;
  font-family: var(--font-sans) !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.main-navigation .main-nav ul ul li a:hover {
  color: var(--amber) !important;
  background: rgba(255,255,255,0.05) !important;
}

/* ================================================================
   FULL-WIDTH LAYOUT (70:30 ratio)
   ================================================================ */
.site.grid-container,
.site.grid-container.container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.site-content .content-area {
  width: 70% !important;
}

.is-right-sidebar {
  width: 30% !important;
}

@media (max-width: 768px) {
  .site.grid-container,
  .site.grid-container.container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .site-content .content-area,
  .is-right-sidebar {
    width: 100% !important;
  }
}

/* ================================================================
   CONTENT AREA
   ================================================================ */
.site-content {
  background: var(--cream) !important;
}

.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation {
  background: var(--warm-white);
  border: none;
  box-shadow: var(--shadow-card);
  border-radius: 4px;
}

.entry-title {
  font-family: var(--font-display) !important;
  color: var(--text-dark);
  text-transform: uppercase;
}

.entry-title a {
  color: var(--text-dark);
  text-decoration: none;
}

.entry-title a:hover { color: var(--amber); }

.entry-meta {
  font-family: var(--font-sans) !important;
  font-size: var(--text-sm);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #999;
}

.entry-meta a { color: #999; text-decoration: none; }
.entry-meta a:hover { color: var(--amber); }

/* Content typography */
.entry-content {
  font-family: var(--font-serif);
  font-size: var(--text-base);
  line-height: 1.8;
}

.entry-content blockquote {
  border-left: 4px solid var(--amber);
  background: var(--cream);
  padding: var(--space-lg) var(--space-xl);
  margin: var(--space-xl) 0;
  font-family: var(--font-serif);
  font-style: italic;
  font-size: var(--text-lg);
  color: var(--warm-brown);
  border-radius: 0 4px 4px 0;
}

.entry-content pre, .entry-content code {
  background: var(--dark-wood);
  color: var(--cream);
  border-radius: 4px;
}

/* Featured image */
.post-image { margin-bottom: var(--space-lg); overflow: hidden; border-radius: 4px; }
.post-image img { width: 100%; height: auto; display: block; transition: transform 0.6s var(--ease-out); }
article:hover .post-image img { transform: scale(1.02); }

/* ================================================================
   RIGHT SIDEBAR - Premium Craft Brewery Style
   Nuclear specificity to override GeneratePress defaults
   ================================================================ */
body.thirstybear-theme .site #right-sidebar .inside-right-sidebar,
body .widget-area .inside-right-sidebar,
#right-sidebar .inside-right-sidebar {
  background: var(--off-white) !important;
  border-radius: 6px !important;
  padding: 28px !important;
  position: sticky;
  top: 100px;
  box-shadow: 0 2px 20px rgba(26, 14, 10, 0.06);
  border: 1px solid rgba(0,0,0,0.04);
}

.inside-right-sidebar .widget {
  margin-bottom: 28px !important;
  padding-bottom: 28px !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

.inside-right-sidebar .widget:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

/* Widget Titles - NOT display font, use clean condensed sans */
.inside-right-sidebar .widget-title,
.inside-right-sidebar h2.widget-title,
.inside-right-sidebar h3.widget-title {
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.16em !important;
  color: var(--warm-brown) !important;
  padding-bottom: 10px !important;
  margin-bottom: 16px !important;
  position: relative;
  line-height: 1.3 !important;
  border-bottom: none !important;
}

.inside-right-sidebar .widget-title::after,
.inside-right-sidebar h2.widget-title::after,
.inside-right-sidebar h3.widget-title::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 36px !important;
  height: 3px !important;
  background: var(--amber) !important;
  display: block !important;
}

/* Widget list items */
.inside-right-sidebar .widget ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.inside-right-sidebar .widget ul li {
  padding: 7px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.03) !important;
  margin: 0 !important;
}

.inside-right-sidebar .widget ul li:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.inside-right-sidebar .widget ul li a {
  color: var(--text-dark) !important;
  text-decoration: none !important;
  font-family: var(--font-serif) !important;
  font-size: 0.92rem !important;
  line-height: 1.4;
  transition: color 0.15s, padding-left 0.15s;
  display: block;
}

.inside-right-sidebar .widget ul li a:hover {
  color: var(--amber) !important;
  padding-left: 6px;
}

/* Recent comments */
.inside-right-sidebar .widget_recent_comments ul li {
  font-size: 0.88rem !important;
  color: #888;
  font-family: var(--font-serif);
}

.inside-right-sidebar .widget_recent_comments ul li a {
  font-size: 0.88rem !important;
}

/* ================================================================
   Sidebar Search - Block Widget (wp-block-search) Structure:
   form.wp-block-search > label.wp-block-search__label
                        > div.wp-block-search__inside-wrapper
                          > input.wp-block-search__input
                          > button.wp-block-search__button
   ================================================================ */

/* Hide the label text "Search" - it's redundant with the widget title */
#right-sidebar .wp-block-search__label {
  display: none !important;
}

/* The wrapper div that holds input + button */
#right-sidebar .wp-block-search__inside-wrapper,
.inside-right-sidebar .wp-block-search__inside-wrapper {
  display: flex !important;
  width: 100% !important;
  flex-wrap: nowrap !important;
}

/* Search input */
#right-sidebar .wp-block-search__input,
.inside-right-sidebar .wp-block-search__input,
#right-sidebar input[type="search"],
.inside-right-sidebar input[type="search"] {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  background: var(--warm-white) !important;
  border: 2px solid rgba(0,0,0,0.08) !important;
  border-right: none !important;
  border-radius: 4px 0 0 4px !important;
  padding: 12px 16px !important;
  font-family: var(--font-serif) !important;
  font-size: 0.9rem !important;
  color: var(--text-dark) !important;
  outline: none !important;
  height: auto !important;
  line-height: 1.4 !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
}

#right-sidebar .wp-block-search__input:focus,
.inside-right-sidebar .wp-block-search__input:focus {
  border-color: var(--amber) !important;
  box-shadow: 0 0 0 3px rgba(228,166,36,0.12) !important;
}

/* Search button */
#right-sidebar .wp-block-search__button,
.inside-right-sidebar .wp-block-search__button,
#right-sidebar button.wp-element-button,
.inside-right-sidebar button.wp-element-button {
  flex: 0 0 auto !important;
  background: var(--warm-brown) !important;
  color: var(--cream) !important;
  border: 2px solid var(--warm-brown) !important;
  border-left: none !important;
  border-radius: 0 4px 4px 0 !important;
  padding: 12px 20px !important;
  font-family: var(--font-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
  height: auto !important;
  width: auto !important;
  transition: background 0.2s, color 0.2s;
}

#right-sidebar .wp-block-search__button:hover,
.inside-right-sidebar .wp-block-search__button:hover {
  background: var(--amber) !important;
  color: var(--dark-wood) !important;
  border-color: var(--amber) !important;
}

/* Also cover classic search form (fallback) */
#right-sidebar .search-form { display: flex !important; width: 100% !important; }
#right-sidebar .search-form label { flex: 1 !important; }
#right-sidebar .search-field { width: 100% !important; }

/* ================================================================
   Sidebar Block Widget Headings (wp-block-heading)
   These use <h2 class="wp-block-heading"> NOT .widget-title
   ================================================================ */

#right-sidebar .wp-block-heading,
#right-sidebar h2.wp-block-heading,
.inside-right-sidebar .wp-block-heading,
.inside-right-sidebar h2.wp-block-heading {
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.16em !important;
  color: var(--warm-brown) !important;
  line-height: 1.3 !important;
  padding-bottom: 10px !important;
  margin-bottom: 16px !important;
  position: relative !important;
}

#right-sidebar .wp-block-heading::after,
.inside-right-sidebar .wp-block-heading::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 36px !important;
  height: 3px !important;
  background: var(--amber) !important;
  display: block !important;
}

/* Block widget latest posts links */
#right-sidebar .wp-block-latest-posts__list,
.inside-right-sidebar .wp-block-latest-posts__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#right-sidebar .wp-block-latest-posts__list li {
  padding: 7px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.04) !important;
  list-style: none !important;
}

#right-sidebar .wp-block-latest-posts__list li:last-child {
  border-bottom: none !important;
}

#right-sidebar .wp-block-latest-posts__post-title {
  color: var(--text-dark) !important;
  text-decoration: none !important;
  font-family: var(--font-serif) !important;
  font-size: 0.92rem !important;
  transition: color 0.15s, padding-left 0.15s;
}

#right-sidebar .wp-block-latest-posts__post-title:hover {
  color: var(--amber) !important;
  padding-left: 6px;
}

/* Block widget latest comments */
#right-sidebar .wp-block-latest-comments {
  padding: 0 !important;
  margin: 0 !important;
}

#right-sidebar .wp-block-latest-comments__comment {
  padding: 7px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.04) !important;
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
}

#right-sidebar .wp-block-latest-comments__comment:last-child {
  border-bottom: none !important;
}

#right-sidebar .wp-block-latest-comments__comment-author {
  font-weight: 700 !important;
  color: var(--amber) !important;
  text-decoration: none !important;
  font-family: var(--font-serif) !important;
}

#right-sidebar .wp-block-latest-comments__comment-link {
  color: var(--text-dark) !important;
  text-decoration: none !important;
  font-family: var(--font-serif) !important;
}

#right-sidebar .wp-block-latest-comments__comment-link:hover {
  color: var(--amber) !important;
}

/* Block groups in sidebar */
#right-sidebar .wp-block-group__inner-container {
  padding: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Tag cloud */
.inside-right-sidebar .tagcloud,
.inside-right-sidebar .wp-block-tag-cloud {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.inside-right-sidebar .tagcloud a,
.inside-right-sidebar .wp-block-tag-cloud a {
  display: inline-block !important;
  padding: 4px 12px !important;
  margin: 0 !important;
  background: var(--warm-white) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  border-radius: 99px !important;
  font-size: 11px !important;
  font-family: var(--font-sans) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: var(--text-dark) !important;
  text-decoration: none !important;
  transition: all 0.15s !important;
  line-height: 1.4 !important;
}

.inside-right-sidebar .tagcloud a:hover,
.inside-right-sidebar .wp-block-tag-cloud a:hover {
  background: var(--amber) !important;
  border-color: var(--amber) !important;
  color: var(--dark-wood) !important;
}

/* Calendar widget */
.inside-right-sidebar .widget_calendar table {
  width: 100%;
  font-family: var(--font-sans);
  font-size: 0.85rem;
}

.inside-right-sidebar .widget_calendar th {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.75rem;
  color: var(--warm-brown);
  padding: 6px 2px;
}

.inside-right-sidebar .widget_calendar td {
  padding: 4px 2px;
  text-align: center;
}

.inside-right-sidebar .widget_calendar td a {
  color: var(--amber) !important;
  font-weight: 700;
}

/* RSS widget */
.inside-right-sidebar .widget_rss .rss-date {
  font-family: var(--font-sans);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #aaa;
  display: block;
  margin-top: 2px;
}

/* Meta widget */
.inside-right-sidebar .widget_meta ul li a {
  font-size: 0.88rem !important;
}

/* ================================================================
   FOOTER
   ================================================================ */
.site-footer {
  background:
    repeating-linear-gradient(90deg, transparent, rgba(0,0,0,0.02) 1px, transparent 2px, transparent 8px),
    linear-gradient(180deg, #4a2c1a 0%, #5c3a24 30%, #4a2c1a 100%) !important;
}

#footer-widgets {
  background:
    repeating-linear-gradient(90deg, transparent, rgba(0,0,0,0.03) 1px, transparent 2px, transparent 6px),
    linear-gradient(180deg, #2c1810 0%, #3d2114 50%, #2c1810 100%) !important;
  border-top: 3px solid var(--amber) !important;
}

#footer-widgets .widget-title {
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: var(--cream) !important;
  margin-bottom: var(--space-md) !important;
  padding-bottom: var(--space-sm);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

#footer-widgets .widget { color: var(--text-muted); }
#footer-widgets .widget a { color: var(--text-muted); text-decoration: none; }
#footer-widgets .widget a:hover { color: var(--amber); }
#footer-widgets .widget ul { list-style: none; padding: 0; }
#footer-widgets .widget ul li { padding: 3px 0; }

/* Footer credits */
.site-info {
  background: var(--dark-wood) !important;
  border-top: 1px solid rgba(255,255,255,0.06);
}

.tb-footer-credits { text-align: center; }

.tb-footer-credits__certifications {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-xl);
  margin-bottom: var(--space-lg);
  flex-wrap: wrap;
}

.tb-footer-credits__certifications img {
  height: 48px;
  width: auto;
  opacity: 0.6;
  filter: brightness(0) invert(0.8);
  transition: opacity var(--dur-fast);
}

.tb-footer-credits__certifications img:hover { opacity: 1; }

.tb-footer-credits__copyright {
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  letter-spacing: 0.06em;
  margin: 0;
}

.tb-footer-credits__address {
  display: block;
  margin-top: 4px;
}

/* Newsletter bar */
.tb-newsletter-bar {
  background:
    repeating-linear-gradient(90deg, transparent, rgba(0,0,0,0.03) 1px, transparent 2px, transparent 6px),
    linear-gradient(180deg, #2c1810 0%, #3d2114 50%, #2c1810 100%) !important;
  padding: var(--space-xl) 0;
  text-align: center;
}

.tb-newsletter-bar .tb-newsletter-widget__title {
  font-family: var(--font-handwritten) !important;
  font-size: var(--text-2xl) !important;
  color: var(--cream) !important;
}

.tb-newsletter-bar input[type="email"],
.tb-newsletter-bar input[type="text"] {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: var(--cream) !important;
  font-family: var(--font-serif);
}

.tb-newsletter-bar input::placeholder { color: rgba(255,255,255,0.35) !important; }

.tb-newsletter-bar button,
.tb-newsletter-bar input[type="submit"] {
  background: var(--amber) !important;
  color: var(--dark-wood) !important;
  font-family: var(--font-handwritten);
}

.tb-newsletter-bar button:hover,
.tb-newsletter-bar input[type="submit"]:hover {
  background: var(--amber-bright) !important;
}

/* ================================================================
   BACK TO TOP
   ================================================================ */
.generate-back-to-top {
  background: var(--amber) !important;
  color: var(--dark-wood) !important;
  border-radius: 50% !important;
  width: 48px !important;
  height: 48px !important;
  box-shadow: 0 4px 20px rgba(228,166,36,0.3) !important;
}

.generate-back-to-top:hover { background: var(--amber-bright) !important; }
.generate-back-to-top svg { fill: var(--dark-wood); }

/* ================================================================
   PAGINATION
   ================================================================ */
.paging-navigation .nav-links {
  display: flex;
  justify-content: center;
  gap: 4px;
  flex-wrap: wrap;
}

.paging-navigation .nav-links a,
.paging-navigation .nav-links span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 var(--space-md);
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: var(--text-sm);
  text-decoration: none;
  border-radius: 4px;
}

.paging-navigation .nav-links a {
  background: var(--warm-white);
  color: var(--text-dark);
  box-shadow: var(--shadow-sm);
}

.paging-navigation .nav-links a:hover {
  background: var(--warm-brown);
  color: var(--cream);
}

.paging-navigation .nav-links .current {
  background: var(--amber);
  color: var(--dark-wood);
  font-weight: 700;
}

/* ================================================================
   FORMS
   ================================================================ */
button, input[type="submit"], .button, .wp-block-button__link {
  background: var(--warm-brown);
  color: var(--cream);
  font-family: var(--font-sans);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: var(--text-sm);
  border: none;
  border-radius: 4px;
  padding: var(--space-sm) var(--space-xl);
  cursor: pointer;
  transition: background var(--dur-fast), transform var(--dur-fast);
}

button:hover, input[type="submit"]:hover, .button:hover {
  background: var(--amber);
  color: var(--dark-wood);
}

/* ================================================================
   ARCHIVE HEADERS
   ================================================================ */
.archive .page-header, .search .page-header {
  background:
    repeating-linear-gradient(90deg, transparent, rgba(0,0,0,0.03) 1px, transparent 2px, transparent 6px),
    linear-gradient(180deg, #2c1810 0%, #3d2114 50%, #2c1810 100%) !important;
  color: var(--cream);
  padding: var(--space-2xl) var(--space-xl);
  text-align: center;
  border-radius: 4px;
}

.archive .page-header .archive-title,
.search .page-header .page-title {
  font-family: var(--font-display);
  color: var(--cream) !important;
  text-transform: uppercase;
}

.archive .page-header .archive-title span { color: var(--amber); }