/**
 * @file
 * custom.css — Custom CSS for Wares Point Theme.
 *
 * Add your own custom CSS overrides and manual styles here.
 * This stylesheet is loaded last under the SMACSS 'theme' category,
 * allowing your rules to cleanly override default component styles.
 */

/* Add your custom styles below */

/* =========================================================
   SEAMLESS PAGE & MAIN CONTENT BACKGROUND (Light Tan / Cream)
   ========================================================= */
body,
.page-wrapper,
.layout-main-column {
  background-color: var(--wp-cream-light, #FFF2E0) !important;
}

.layout-main-column {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* =========================================================
   WARES POINT — DRUPAL ALERTS & STATUS MESSAGES (Grey Box Effect)
   Targeting [data-drupal-messages], .highlighted-region, and .messages
   ========================================================= */

[data-drupal-messages],
.highlighted-region [data-drupal-messages] {
  margin-top: 0;
  margin-bottom: var(--wp-space-md, 0.75rem);
  width: 100%;
}

[data-drupal-messages] > div,
[data-drupal-messages] [role="contentinfo"],
.highlighted-region .messages,
.messages {
  position: relative;
  display: block;
  background-color: #F3F4F6;
  border: 1px solid #D1D5DB;
  border-left: 5px solid #6B7280;
  border-radius: var(--wp-radius-md, 6px);
  padding: 0.85rem 1.25rem 0.85rem 3.25rem;
  margin-bottom: var(--wp-space-xs, 0.5rem);
  color: #374151;
  font-family: var(--wp-font-sans, system-ui, sans-serif);
  font-size: 0.95rem;
  line-height: 1.55;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-drupal-messages] > div:last-child,
[data-drupal-messages] [role="contentinfo"]:last-child,
.messages:last-child {
  margin-bottom: 0;
}

[data-drupal-messages] > div::before,
[data-drupal-messages] [role="contentinfo"]::before,
.messages::before {
  content: "";
  position: absolute;
  left: 1.15rem;
  top: 1rem;
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
}

[data-drupal-messages] ul,
.messages ul,
.messages__list {
  margin: 0;
  padding-left: 1.25rem;
  list-style-type: disc;
}

[data-drupal-messages] li,
.messages li,
.messages__item {
  margin-bottom: 0.25rem;
  color: inherit;
}

[data-drupal-messages] li:last-child,
.messages li:last-child,
.messages__item:last-child {
  margin-bottom: 0;
}

[data-drupal-messages] a,
.messages a {
  color: #111827;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
  transition: color var(--wp-transition-fast, 0.15s ease);
}

[data-drupal-messages] a:hover,
.messages a:hover {
  color: var(--wp-brown-deep, #896432);
}

/* =========================================================
   WARES POINT — FEATURED CONTENT VIEW
   Using the official brand palette (#FFF2E0, #EED6B5, #C8A97E, #A88554, #896432)
   ========================================================= */

.wp-featured-content {
  margin-bottom: var(--wp-space-xl, 1rem);
}

/* Individual Card Row */
.wp-featured-content .views-row {
  background-color: var(--wp-white, #FFFFFF);
  border: 1px solid var(--wp-border-soft, #DECDB5);
  border-radius: var(--wp-radius-md, 6px);
  overflow: hidden;
  margin-bottom: var(--wp-space-lg, 0.75rem);
  box-shadow: var(--wp-shadow-sm, 0 1px 3px rgba(36, 33, 30, 0.05));
  transition: transform var(--wp-transition-fast, 0.15s ease),
              box-shadow var(--wp-transition-fast, 0.15s ease),
              border-color var(--wp-transition-fast, 0.15s ease);
}

.wp-featured-content .views-row:hover {
  transform: translateY(-2px);
  border-color: var(--wp-sand-primary, #C8A97E);
  box-shadow: var(--wp-shadow-md, 0 4px 16px rgba(36, 33, 30, 0.07));
}

/* Featured Media / Image — Square sharp edges (no rounding) */
.wp-featured-content .featured-page-page-image,
.wp-featured-content .featured-page-page-image img,
.wp-featured-list-content .featured-page-page-image,
.wp-featured-list-content .featured-page-page-image img,
.featured-page-page-image,
.featured-page-page-image img,
[class*="frontpage"] .featured-page-page-image,
[class*="frontpage"] .featured-page-page-image img,
[class*="frontpage"] .views-field-page-image,
[class*="frontpage"] .views-field-page-image img,
[class*="frontpage"] .views-field-page-image a img {
  border-radius: 0 !important;
}

.wp-featured-content .featured-page-page-image {
  background-color: var(--wp-beige-light, #EED6B5);
  overflow: hidden;
}

.wp-featured-content .featured-page-page-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: transform var(--wp-transition-normal, 0.25s ease);
}

.wp-featured-content .views-row:hover .featured-page-page-image img {
  transform: scale(1.02);
}

/* Featured Title */
.wp-featured-content .featured-page-page-title {
  padding: var(--wp-space-md, 0.5rem) var(--wp-space-lg, 0.75rem) var(--wp-space-xs, 0.125rem);
  margin: 0;
}

.wp-featured-content .featured-page-page-title,
.wp-featured-content .featured-page-page-title a,
.wp-featured-content .featured-page-page-title h2,
.wp-featured-content .featured-page-page-title h3,
.wp-featured-content .featured-page-page-title .field-content {
  font-family: var(--wp-font-heading, 'Merriweather', Georgia, serif);
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  font-weight: 700;
  line-height: 1.25;
  color: var(--wp-color-heading, var(--wp-brown-deep, #896432));
  text-decoration: none;
  transition: color var(--wp-transition-fast, 0.15s ease);
}

.wp-featured-content .featured-page-page-title a:hover,
.wp-featured-content .featured-page-page-title a:focus {
  color: var(--wp-color-link-hover, var(--wp-tan-dark, #A88554));
}

/* Featured Body Text */
.wp-featured-content .featured-page-page-body {
  padding: 0 var(--wp-space-lg, 0.75rem) var(--wp-space-lg, 0.75rem);
  margin: 0;
  font-family: var(--wp-font-body, 'Inter', system-ui, sans-serif);
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--wp-text-muted, #6B6259);
}

.wp-featured-content .featured-page-page-body p {
  margin-top: 0;
  margin-bottom: var(--wp-space-sm, 0.25rem);
  color: inherit;
}

.wp-featured-content .featured-page-page-body p:last-child {
  margin-bottom: 0;
}

/* =========================================================
   WARES POINT — FEATURED LIST CONTENT VIEW (3 VERTICAL ARTICLES)
   Refined compact editorial mini-cards designed to balance
   harmoniously alongside the primary featured article.
   ========================================================= */

.layout--twocol > .layout__region--second {
  box-sizing: border-box;
}

@media screen and (min-width: 40em) {
  .layout--twocol > .layout__region--second {
    display: flex;
    flex-direction: column;
    padding-left: 0.625rem;
    box-sizing: border-box;
  }

  .layout__region--second .block-region-second,
  .layout__region--second .block-views-blockduplicate-of-frontpage-block-1,
  .layout__region--second .block-views-blockduplicate-of-frontpage-block-1 .block__content,
  .layout__region--second .block-views-blockduplicate-of-frontpage-block-1 .block__content > div,
  .layout__region--second .wp-featured-list-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
  }
}

@media screen and (max-width: 39.99em) {
  .layout--twocol > .layout__region--second {
    margin-top: 1.25rem;
    padding-left: 0;
  }
}

.wp-featured-list-content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  margin: 0;
}

.wp-featured-list-content .view-content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  justify-content: space-between;
  height: 100%;
}

.wp-featured-list-content .views-row {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  grid-template-areas:
    "image title"
    "image body";
  align-items: stretch;
  flex: 1 1 0;
  min-height: 104px;
  background-color: var(--wp-white, #FFFFFF);
  border: 1px solid var(--wp-border-soft, #DECDB5);
  border-radius: var(--wp-radius-md, 6px);
  box-shadow: var(--wp-shadow-sm, 0 1px 3px rgba(36, 33, 30, 0.05));
  overflow: hidden;
  position: relative;
  transition: transform var(--wp-transition-fast, 0.15s ease),
              box-shadow var(--wp-transition-fast, 0.15s ease),
              border-color var(--wp-transition-fast, 0.15s ease);
}

.wp-featured-list-content .views-row:hover {
  transform: translateY(-2px);
  border-color: var(--wp-sand-primary, #C8A97E);
  box-shadow: var(--wp-shadow-md, 0 4px 14px rgba(36, 33, 30, 0.08));
  background-color: var(--wp-white, #FFFFFF);
}

/* Thumbnail Column — flush square-edged editorial image */
.wp-featured-list-content .featured-page-page-image {
  grid-area: image;
  width: 130px;
  min-width: 130px;
  height: 100%;
  min-height: 104px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--wp-beige-light, #EED6B5);
  border-right: 1px solid var(--wp-border-soft, #DECDB5);
  position: relative;
}

.wp-featured-list-content .featured-page-page-image a {
  display: block;
  width: 100%;
  height: 100%;
}

.wp-featured-list-content .featured-page-page-image img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  object-position: center;
  border-radius: 0 !important;
  transition: transform var(--wp-transition-normal, 0.25s ease);
}

.wp-featured-list-content .views-row:hover .featured-page-page-image img {
  transform: scale(1.04);
}

/* Warm editorial fallback icon for items without an image */
.wp-featured-list-content .featured-page-page-image:empty,
.wp-featured-list-content .featured-page-page-image:not(:has(img)) {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--wp-cream-light, #FFF2E0) 0%, var(--wp-beige-light, #EED6B5) 100%);
}

.wp-featured-list-content .featured-page-page-image:empty::after,
.wp-featured-list-content .featured-page-page-image:not(:has(img))::after {
  content: "\f1ea";
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  font-size: 1.5rem;
  color: var(--wp-tan-dark, #A88554);
  opacity: 0.6;
}

/* Title text styling */
.wp-featured-list-content .views-row .featured-page-page-title {
  grid-area: title;
  min-width: 0;
  margin: 0;
  padding: 0.75rem 1rem 0.35rem 1rem;
  align-self: start;
  font-family: var(--wp-font-heading, 'Merriweather', Georgia, serif);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--wp-color-heading, var(--wp-brown-deep, #896432));
}

.wp-featured-list-content .featured-page-page-body:empty {
  display: none !important;
}

.wp-featured-list-content .featured-page-page-title:has(+ .featured-page-page-body:empty),
.wp-featured-list-content .featured-page-page-title:last-child {
  padding: 0.75rem 1rem;
}

.wp-featured-list-content .featured-page-page-title a {
  color: inherit;
  text-decoration: underline;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: color var(--wp-transition-fast, 0.15s ease);
}

.wp-featured-list-content .views-row:hover .featured-page-page-title a,
.wp-featured-list-content .featured-page-page-title a:hover,
.wp-featured-list-content .featured-page-page-title a:focus-visible {
  color: var(--wp-color-link-hover, var(--wp-tan-dark, #A88554));
}

/* Teaser / Body text (3 vertical featured articles) */
.wp-featured-list-content .featured-page-page-body {
  grid-area: body;
  min-width: 0;
  margin: 0;
  padding: 0 1rem 0.75rem 1rem;
  color: var(--wp-text, #24211E);
  font-family: var(--wp-font-body, 'Inter', system-ui, sans-serif);
  font-size: 0.82rem;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.wp-featured-list-content .featured-page-page-body p {
  margin: 0;
  color: inherit;
}

/* =========================================================
   WARES POINT — 5 VERTICAL FEATURED ARTICLES (TABLE VIEW)
   Ensure brown title, black body text, and maintain
   comfortable spacing of the table layout.
   ========================================================= */
.block-views-blockduplicate-of-frontpage-list-block-1 table td.featured-page-page-title,
.wp-featured-list-content table td.featured-page-page-title {
  color: var(--wp-text, #24211E) !important;
  font-family: var(--wp-font-body, 'Inter', system-ui, sans-serif);
  font-weight: 400;
}

.block-views-blockduplicate-of-frontpage-list-block-1 table td.featured-page-page-title a,
.wp-featured-list-content table td.featured-page-page-title a {
  color: var(--wp-color-heading, var(--wp-brown-deep, #896432)) !important;
  font-family: var(--wp-font-heading, 'Merriweather', Georgia, serif);
  font-weight: 700;
  text-decoration: underline;
  display: inline;
  transition: color var(--wp-transition-fast, 0.15s ease);
}

.block-views-blockduplicate-of-frontpage-list-block-1 table td.featured-page-page-title a:hover,
.block-views-blockduplicate-of-frontpage-list-block-1 table td.featured-page-page-title a:focus-visible,
.wp-featured-list-content table td.featured-page-page-title a:hover,
.wp-featured-list-content table td.featured-page-page-title a:focus-visible {
  color: var(--wp-color-link-hover, var(--wp-tan-dark, #A88554)) !important;
}


.wp-featured-list-content a:focus-visible {
  outline: 2px solid var(--wp-tan-dark, #A88554);
  outline-offset: 3px;
}

@media (max-width: 900px) {
  .wp-featured-list-content .views-row {
    grid-template-columns: 110px minmax(0, 1fr);
    min-height: 94px;
  }

  .wp-featured-list-content .featured-page-page-image {
    width: 110px;
    min-width: 110px;
    min-height: 94px;
  }

  .wp-featured-list-content .featured-page-page-title {
    font-size: 0.94rem;
    padding: 0.65rem 0.85rem;
  }

  .wp-featured-list-content .featured-page-page-body {
    padding: 0 0.85rem 0.65rem 0.85rem;
    font-size: 0.8rem;
  }
}

@media (max-width: 600px) {
  .wp-featured-list-content {
    gap: 0.65rem;
  }

  .wp-featured-list-content .views-row {
    grid-template-columns: 95px minmax(0, 1fr);
    min-height: 86px;
  }

  .wp-featured-list-content .featured-page-page-image {
    width: 95px;
    min-width: 95px;
    min-height: 86px;
  }

  .wp-featured-list-content .featured-page-page-title {
    font-size: 0.88rem;
    padding: 0.5rem 0.75rem 0.25rem 0.75rem;
  }

  .wp-featured-list-content .featured-page-page-body {
    padding: 0 0.75rem 0.5rem 0.75rem;
    font-size: 0.76rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wp-featured-list-content .views-row,
  .wp-featured-list-content .featured-page-page-image img {
    transition: none;
  }

  .wp-featured-list-content .views-row:hover {
    transform: none;
  }

  .wp-featured-list-content .views-row:hover .featured-page-page-image img {
    transform: none;
  }
}

.layout__region--top,
.block-region-top {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.block-region-top > *:first-child,
.layout__region--top > *:first-child {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
}

.wp-community-invite {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  margin-block-end: clamp(1.5rem, 3vw, 2.5rem);
  color: #24211e;
}

.wp-community-invite__inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;

  padding: clamp(2rem, 5vw, 4.75rem);

  background:
    linear-gradient(
      135deg,
      rgba(255, 242, 224, 0.98),
      rgba(238, 214, 181, 0.72)
    );

  border: 1px solid #decdb5;
  border-radius: 22px;

  box-shadow:
    0 1px 2px rgba(64, 42, 18, 0.04),
    0 16px 48px rgba(64, 42, 18, 0.08);

  overflow: hidden;
}

.wp-community-invite__inner::before {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  right: -150px;
  top: -170px;
  border-radius: 50%;
  border: 70px solid rgba(200, 169, 126, 0.13);
  pointer-events: none;
}

.wp-community-invite__content {
  position: relative;
  z-index: 1;
  max-width: 720px;
}

.wp-community-invite__eyebrow {
  margin: 0 0 0.9rem;

  color: #896432;

  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1.2;
}

.wp-community-invite h2 {
  max-width: 680px;
  margin: 0;

  color: #24211e;

  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 4.5vw, 4rem);
  font-weight: 600;
  line-height: 1.03;
  letter-spacing: -0.035em;
}

.wp-community-invite__intro {
  max-width: 660px;
  margin: 1.35rem 0 0;

  color: #62584f;

  font-size: clamp(1rem, 1.3vw, 1.12rem);
  line-height: 1.75;
}

.wp-community-invite__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.4rem;

  margin-top: 2rem;
}

.wp-community-invite__primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;

  min-height: 48px;
  padding: 0.8rem 1.35rem;

  color: #24211e;
  background: var(--wp-sand-primary, #C8A97E);

  border: 1px solid #b8976b;
  border-radius: 8px;

  font-size: 0.95rem;
  font-weight: 700;
  text-decoration: none;

  transition:
    background 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    transform 160ms ease,
    box-shadow 160ms ease;
}

.wp-community-invite__primary:hover {
  color: #fff;
  background: var(--wp-tan-dark, #A88554);
  border-color: var(--wp-tan-dark, #A88554);

  transform: translateY(-1px);

  box-shadow: 0 6px 18px rgba(168, 133, 84, 0.22);
}

.wp-community-invite__primary span {
  font-size: 1.1rem;
  transition: transform 160ms ease;
}

.wp-community-invite__primary:hover span {
  transform: translateX(3px);
}

.wp-community-invite__secondary {
  color: #6b6259;

  font-size: 0.92rem;
  font-weight: 600;
  text-decoration: none;

  border-bottom: 1px solid transparent;

  transition:
    color 160ms ease,
    border-color 160ms ease;
}

.wp-community-invite__secondary:hover {
  color: #896432;
  border-color: #c8a97e;
}

.wp-community-invite__details {
  position: relative;
  z-index: 1;

  display: flex;
  flex-direction: column;

  border-top: 1px solid rgba(137, 100, 50, 0.18);
}

.wp-community-invite__item {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 1rem;

  padding: 1.2rem 0;

  border-bottom: 1px solid rgba(137, 100, 50, 0.18);
}

.wp-community-invite__number {
  padding-top: 0.15rem;

  color: #a88554;

  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.wp-community-invite__item strong {
  display: block;
  margin-bottom: 0.25rem;

  color: #24211e;

  font-size: 0.98rem;
  font-weight: 750;
}

.wp-community-invite__item div > span {
  display: block;

  color: #6b6259;

  font-size: 0.88rem;
  line-height: 1.55;
}

.wp-community-invite a:focus-visible {
  outline: 3px solid #c8a97e;
  outline-offset: 4px;
}

@media (max-width: 900px) {
  .wp-community-invite__inner {
    grid-template-columns: 1fr;
  }

  .wp-community-invite__details {
    margin-top: 0.5rem;
  }
}

@media (max-width: 600px) {
  .wp-community-invite {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
    margin-bottom: 1.5rem;
    margin-block-end: 1.5rem;
  }

  .wp-community-invite__inner {
    padding: 1.5rem;
    border-radius: 16px;
  }

  .wp-community-invite__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .wp-community-invite__primary {
    width: 100%;
  }

  .wp-community-invite__secondary {
    align-self: center;
  }
}

/* ==========================================================================
   Wares Point — Horizontal Footer Menu Block
   ========================================================================== */

.site-footer {
  position: relative;
  z-index: 10;
}

.site-footer .region-footer,
.region-footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Footer menu nav block */
.site-footer nav[id*="footermenu"],
.site-footer #block-wares-point-wpfootermenu,
.region-footer #block-wares-point-wpfootermenu,
.region-footer nav {
  width: 100%;
  position: relative;
}

/* Horizontal evenly spaced menu list */
.site-footer ul.menu,
.region-footer ul.menu,
.site-footer [id*="footermenu"] ul.menu,
.region-footer [id*="footermenu"] ul.menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: space-evenly !important;
  align-items: center !important;
  gap: 0.75rem 1.5rem !important;
  width: 100% !important;
}

/* Menu items */
.site-footer .menu-item,
.region-footer .menu-item,
.site-footer [id*="footermenu"] .menu-item,
.region-footer [id*="footermenu"] .menu-item {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.site-footer .menu-item__link-wrapper,
.region-footer .menu-item__link-wrapper {
  display: inline-flex !important;
  align-items: center !important;
}

/* Links */
.site-footer .menu-item a,
.region-footer .menu-item a,
.site-footer [id*="footermenu"] a,
.region-footer [id*="footermenu"] a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.5rem 1rem !important;
  color: var(--wp-text, #24211E) !important;
  font-family: var(--wp-font-navigation, var(--wp-font-body, system-ui, sans-serif)) !important;
  font-size: clamp(0.85rem, 1vw, 0.9375rem) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-radius: var(--wp-radius-sm, 4px) !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  position: relative !important;
  z-index: 10 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  white-space: nowrap !important;
  transition: color var(--wp-transition-fast, 0.15s ease),
              background-color var(--wp-transition-fast, 0.15s ease),
              border-color var(--wp-transition-fast, 0.15s ease) !important;
}

/* Hover and focus */
.site-footer .menu-item a:hover,
.site-footer .menu-item a:focus,
.region-footer .menu-item a:hover,
.region-footer .menu-item a:focus {
  color: var(--wp-brown-deep, #896432) !important;
  background-color: rgba(200, 169, 126, 0.15) !important;
  border-bottom-color: var(--wp-sand-primary, #C8A97E) !important;
  outline: none !important;
}

/* Active page link */
.site-footer .menu-item.menu-item--active-trail a,
.site-footer .menu-item a.is-active,
.region-footer .menu-item.menu-item--active-trail a,
.region-footer .menu-item a.is-active {
  color: var(--wp-brown-deep, #896432) !important;
  font-weight: 700 !important;
  border-bottom-color: var(--wp-tan-dark, #A88554) !important;
}

/* Mobile responsive collapse */
@media (max-width: 600px) {
  .site-footer ul.menu,
  .region-footer ul.menu {
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.5rem !important;
  }

  .site-footer .menu-item a,
  .region-footer .menu-item a {
    width: 100% !important;
    justify-content: center !important;
    padding: 0.6rem 1rem !important;
  }
}

/* Footer bottom and copyright */
.site-footer__bottom {
  margin-top: 1.5rem !important;
  padding-top: 1.25rem !important;
  border-top: 1px solid var(--wp-border-soft, #DECDB5) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}

.site-footer__copyright {
  margin: 0 !important;
  font-family: var(--wp-font-body, 'Inter', system-ui, sans-serif) !important;
  font-size: 0.875rem !important;
  line-height: 1.6 !important;
  color: var(--wp-text-muted, #6B6259) !important;
  text-align: center !important;
}
.wp-search-page > h3 {
  display: flex;
  align-items: center;
  gap: 12px;

  margin: 36px 0 18px;
  padding: 0;

  color: #6b6259;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;

  text-transform: uppercase;
  letter-spacing: 0.09em;
}

.wp-search-page > h3::before {
  content: "";
  width: 5px;
  height: 18px;
  border-radius: 3px;
  background: #a88554;
}

.wp-search-page > h3::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(
    to right,
    #decdb5,
    rgba(222, 205, 181, 0)
  );
}

.wp-search-page > h3:first-child {
  margin-top: 6px;
}

/* ==========================================================================
   WARES POINT — STREAMLINED SEARCH BLOCK (VIEW SEARCH PAGE)
   Ultra-clean, zero padding/margin, borderless & backgroundless
   compact search form designed to fit into narrow areas like
   next to the logo, header utility, or sidebar.
   ========================================================================== */

/* 1. Reset Block Container (Remove borders, background, padding, margin, shadow) */
#block-wares-point-exposedformwp-searchpage-1,
.block-views-exposed-filter-blockwp-search-page-1,
[id^="block-wares-point-exposedformwp-search"],
[class*="block-views-exposed-filter-blockwp-search"],
.sidebar #block-wares-point-exposedformwp-searchpage-1,
.sidebar .block-views-exposed-filter-blockwp-search-page-1 {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* 2. Reset Block Content Container */
#block-wares-point-exposedformwp-searchpage-1 .block__content,
.block-views-exposed-filter-blockwp-search-page-1 .block__content,
[id^="block-wares-point-exposedformwp-search"] .block__content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

/* 3. Hide any Title, Label, or Description inside this search block */
#block-wares-point-exposedformwp-searchpage-1 .block__title,
.block-views-exposed-filter-blockwp-search-page-1 .block__title,
[id^="block-wares-point-exposedformwp-search"] .block__title,
#views-exposed-form-wp-search-page-1 label,
#views-exposed-form-wp-search-page-1 .description {
  display: none !important;
}

/* 4. Streamlined Form Wrapper */
#block-wares-point-exposedformwp-searchpage-1 form,
.block-views-exposed-filter-blockwp-search-page-1 form,
#views-exposed-form-wp-search-page-1,
form[data-drupal-selector="views-exposed-form-wp-search-page-1"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* 5. Form Item Wrapper */
#views-exposed-form-wp-search-page-1 .form-item,
#views-exposed-form-wp-search-page-1 .form-item-title {
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* 6. Professionally Designed Thin, Streamlined Search Input */
#views-exposed-form-wp-search-page-1 input.form-text,
#views-exposed-form-wp-search-page-1 input[type="text"],
#views-exposed-form-wp-search-page-1 input[name="title"] {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 130px !important;
  max-width: 250px !important;
  padding: 0 0.85rem 0 2.1rem !important;
  font-family: var(--wp-font-body, 'Inter', system-ui, sans-serif) !important;
  font-size: 0.8125rem !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  color: var(--wp-text, #24211E) !important;
  background-color: var(--wp-white, #FFFFFF) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23896432' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: left 0.7rem center !important;
  background-size: 13px 13px !important;
  border: 1px solid var(--wp-border-soft, #DECDB5) !important;
  border-radius: 9999px !important;
  outline: none !important;
  box-shadow: 0 1px 2px rgba(36, 33, 30, 0.04) !important;
  transition: border-color var(--wp-transition-fast, 0.15s ease),
              box-shadow var(--wp-transition-fast, 0.15s ease),
              background-color var(--wp-transition-fast, 0.15s ease),
              max-width var(--wp-transition-fast, 0.15s ease) !important;
}

#views-exposed-form-wp-search-page-1 input.form-text:hover {
  border-color: var(--wp-tan-dark, #A88554) !important;
}

#views-exposed-form-wp-search-page-1 input.form-text:focus,
#views-exposed-form-wp-search-page-1 input.form-text:focus-visible {
  border-color: var(--wp-sand-primary, #C8A97E) !important;
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(200, 169, 126, 0.28) !important;
  outline: none !important;
}

#views-exposed-form-wp-search-page-1 input.form-text::placeholder {
  color: var(--wp-text-muted, #8C827A) !important;
  opacity: 0.85 !important;
  font-size: 0.8125rem !important;
  font-style: normal !important;
}

/* 7. Hide auto-submit actions or style fallback submit cleanly */
#views-exposed-form-wp-search-page-1 .form-actions {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}

#views-exposed-form-wp-search-page-1 .form-actions.js-hide {
  display: none !important;
}

#views-exposed-form-wp-search-page-1 .form-actions:not(.js-hide) {
  margin-left: 0.35rem !important;
}

#views-exposed-form-wp-search-page-1 .form-actions:not(.js-hide) input.button {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 0.75rem !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  border-radius: 9999px !important;
  background-color: var(--wp-brown-deep, #896432) !important;
  color: #FFFFFF !important;
  border: none !important;
  cursor: pointer !important;
  transition: background-color var(--wp-transition-fast, 0.15s ease) !important;
}

#views-exposed-form-wp-search-page-1 .form-actions:not(.js-hide) input.button:hover {
  background-color: var(--wp-tan-dark, #A88554) !important;
}

/* 8. Placement Adaptations (Header Utility, Next to Logo, Sidebar, Mobile) */
.sidebar #views-exposed-form-wp-search-page-1 input.form-text {
  max-width: 100% !important;
}

.site-header__top .block-views-exposed-filter-blockwp-search-page-1,
.site-header__utility .block-views-exposed-filter-blockwp-search-page-1,
.site-header .block-views-exposed-filter-blockwp-search-page-1 {
  flex: 0 1 auto !important;
  margin: 0 0.5rem !important;
  align-self: center !important;
}

@media (max-width: 767.98px) {
  /* Stack Header utility (Right of logo) and Header actions vertically on small screens */
  .site-header__utility {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 0.35rem !important;
  }

  .site-header__utility .region-header-utility {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    max-width: 100% !important;
  }

  .site-header__utility .region-header-actions {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    max-width: 100% !important;
  }

  .site-header__top .block-views-exposed-filter-blockwp-search-page-1,
  .site-header__utility .block-views-exposed-filter-blockwp-search-page-1 {
    max-width: 170px !important;
    margin: 0 !important;
  }

  #views-exposed-form-wp-search-page-1 input.form-text {
    max-width: 170px !important;
    font-size: 0.78rem !important;
    height: 30px !important;
    min-height: 30px !important;
    line-height: 28px !important;
    padding-left: 1.85rem !important;
    background-position: left 0.55rem center !important;
  }
}

/* ==========================================================================
   WARES POINT — USER PROFILE FORUM POSTS FEED (Sleek & Compact)
   Classes:
   - .wp-user-profile-forum-overall
   - .wp-user-profile-forum-row
   - .wp-user-profile-forum-title
   - .wp-user-profile-forum-authored-on
   - .wp-user-profile-forum-body
   - .wp-user-profile-forum-forums
   ========================================================================== */

/* Overall feed container — sleek vertical stack with minimal gap */
.wp-user-profile-forum-overall {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  width: 100%;
  max-width: 100%;
  margin: 0.25rem 0 1rem 0;
  box-sizing: border-box;
}

/* Individual forum post entry — slim 2-column grid with right-floated authored date */
.wp-user-profile-forum-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: baseline;
  background-color: var(--wp-white, #FFFFFF);
  border: 1px solid var(--wp-border-soft, #DECDB5);
  border-left: 3px solid var(--wp-sand-primary, #C8A97E);
  border-radius: 4px;
  padding: 0.55rem 0.85rem;
  box-shadow: 0 1px 3px rgba(36, 33, 30, 0.03);
  transition: border-color var(--wp-transition-fast, 0.15s ease),
              background-color var(--wp-transition-fast, 0.15s ease),
              box-shadow var(--wp-transition-fast, 0.15s ease);
  position: relative;
  box-sizing: border-box;
}

.wp-user-profile-forum-row:hover {
  border-left-color: var(--wp-brown-deep, #896432);
  background-color: #FDFAF5;
  box-shadow: 0 2px 8px rgba(36, 33, 30, 0.06);
}

/* Clean reset on Drupal views field wrappers */
.wp-user-profile-forum-row .views-field {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}

/* 1. Post Title — left column on row 1 */
.wp-user-profile-forum-row .views-field-title {
  grid-column: 1;
  grid-row: 1;
  margin: 0 0 0.15rem 0;
  padding-right: 0.75rem;
  line-height: 1.3;
}

.wp-user-profile-forum-title,
.wp-user-profile-forum-title a {
  font-family: var(--wp-font-heading, 'Nunito Sans', system-ui, sans-serif);
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--wp-brown-deep, #896432);
  text-decoration: none;
  transition: color var(--wp-transition-fast, 0.15s ease);
  display: inline-block;
}

.wp-user-profile-forum-title a:hover,
.wp-user-profile-forum-title a:focus {
  color: var(--wp-tan-dark, #A88554);
  text-decoration: underline;
}

/* 2. Authored On / Date — floated/aligned to the right */
.wp-user-profile-forum-row .views-field-created {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  align-self: start;
  text-align: right;
  margin: 0 0 0.15rem 0;
  white-space: nowrap;
  float: right;
}

.wp-user-profile-forum-authored-on {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.3rem;
  line-height: 1.3;
  float: right;
  text-align: right;
}

.wp-user-profile-forum-authored-on,
.wp-user-profile-forum-authored-on time {
  font-family: var(--wp-font-body, 'Manrope', system-ui, sans-serif);
  font-size: 0.76rem;
  color: var(--wp-text-muted, #6B6259);
}

/* Subtle calendar icon prefix */
.wp-user-profile-forum-authored-on::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: var(--wp-tan-dark, #A88554);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain;
  flex-shrink: 0;
  opacity: 0.8;
}

/* 3. Post Body / Excerpt — spans full width */
.wp-user-profile-forum-row .views-field-body {
  grid-column: 1 / -1;
  grid-row: 2;
  margin: 0 0 0.35rem 0;
}

.wp-user-profile-forum-body {
  font-family: var(--wp-font-body, 'Manrope', system-ui, sans-serif);
  font-size: 0.86rem;
  line-height: 1.45;
  color: var(--wp-text, #24211E);
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

/* 4. Forum Category Tag / Badge — spans full width */
.wp-user-profile-forum-row .views-field-taxonomy-forums {
  grid-column: 1 / -1;
  grid-row: 3;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

/* Outer button container — single unified pill */
.wp-user-profile-forum-forums {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.15rem 0.55rem;
  border-radius: 4px;
  background-color: var(--wp-cream-light, #FFF2E0);
  border: 1px solid var(--wp-sand-primary, #C8A97E);
  font-family: var(--wp-font-ui, var(--wp-font-body, system-ui, sans-serif));
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--wp-brown-deep, #896432);
  transition: all var(--wp-transition-fast, 0.15s ease);
  width: fit-content;
  line-height: 1.3;
}

/* Single Outer Folder Icon */
.wp-user-profile-forum-forums::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  flex-shrink: 0;
}

/* Reset inner link — completely remove inner border, padding, background, box & icon */
.wp-user-profile-forum-forums a {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

/* Ensure no inner pseudo-element icon is generated */
.wp-user-profile-forum-forums a::before,
.wp-user-profile-forum-forums a::after {
  content: none !important;
  display: none !important;
}

/* Hover state on the unified button pill */
.wp-user-profile-forum-forums:hover,
.wp-user-profile-forum-forums:has(a:hover),
.wp-user-profile-forum-forums:has(a:focus) {
  background-color: var(--wp-sand-primary, #C8A97E);
  color: var(--wp-white, #FFFFFF);
  border-color: var(--wp-brown-deep, #896432);
  cursor: pointer;
}

/* Empty state styling */
.wp-user-profile-forum-overall .view-empty {
  padding: 0.85rem 1rem;
  background-color: var(--wp-white, #FFFFFF);
  border: 1px dashed var(--wp-border-soft, #DECDB5);
  border-radius: 4px;
  color: var(--wp-text-muted, #6B6259);
  font-size: 0.875rem;
  font-style: italic;
  text-align: center;
}

/* 5. Mobile & Small Screen Adaptations (Scaling) */
@media (max-width: 767.98px) {
  .wp-user-profile-forum-overall {
    gap: 0.35rem;
    margin: 0.2rem 0 1rem 0;
  }

  .wp-user-profile-forum-row {
    padding: 0.45rem 0.65rem;
    border-left-width: 2.5px;
  }

  .wp-user-profile-forum-title,
  .wp-user-profile-forum-title a {
    font-size: 0.92rem;
    line-height: 1.3;
  }

  .wp-user-profile-forum-authored-on,
  .wp-user-profile-forum-authored-on time {
    font-size: 0.72rem;
  }

  .wp-user-profile-forum-body {
    font-size: 0.82rem;
    line-height: 1.4;
    margin-bottom: 0.25rem;
    -webkit-line-clamp: 2;
  }

  .wp-user-profile-forum-forums {
    font-size: 0.65rem;
    padding: 0.08rem 0.35rem;
  }
}

/* On very narrow mobile screens, keep authored-on floated right without crowding long titles */
@media (max-width: 575.98px) {
  .wp-user-profile-forum-row {
    grid-template-columns: 1fr;
  }

  .wp-user-profile-forum-row .views-field-title {
    grid-column: 1;
    grid-row: 1;
    padding-right: 0;
  }

  .wp-user-profile-forum-row .views-field-created {
    grid-column: 1;
    grid-row: 2;
    justify-self: end;
    text-align: right;
    float: right;
    margin-bottom: 0.2rem;
  }

  .wp-user-profile-forum-row .views-field-body {
    grid-column: 1;
    grid-row: 3;
  }

  .wp-user-profile-forum-row .views-field-taxonomy-forums {
    grid-column: 1;
    grid-row: 4;
  }
}

/* ==========================================================================
   WARES POINT — USER PROFILE BIO & IDENTITY CARD
   Classes:
   - .wp-user-profile-page-view-overall / .wp-user-profile-page-view-bio-overall
   - .wp-user-profile-page-view-bio-picture
   - .wp-user-profile-page-view-bio-name
   - .wp-user-profile-page-view-bio-userid
   - .wp-user-profile-page-view-bio-user-status
   - .wp-user-profile-page-view-bio-role
   - .wp-user-profile-page-view-bio-timezone
   - .wp-user-profile-page-view-bio-translation
   ========================================================================== */

/* Outer bio view container */
.wp-user-profile-page-view-overall,
.wp-user-profile-page-view-bio-overall {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0.25rem 0 1rem 0;
}

/* Bio Card Container */
.wp-user-profile-page-view-overall .views-row,
.wp-user-profile-page-view-bio-overall .views-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: var(--wp-white, #FFFFFF);
  border: none !important;
  border-top: none !important;
  border-radius: var(--wp-radius-md, 8px);
  padding: 1.15rem 1.25rem;
 /* box-shadow: 0 1px 3px rgba(36, 33, 30, 0.03);*/
  box-sizing: border-box;
  width: 100%;
  position: relative;
  transition: box-shadow var(--wp-transition-fast, 0.15s ease);
}

.wp-user-profile-page-view-overall .views-row:hover,
.wp-user-profile-page-view-bio-overall .views-row:hover {
  /*box-shadow: 0 4px 12px rgba(36, 33, 30, 0.06);*/
}

.sidebar .block:has(.wp-user-profile-page-view-overall),
.sidebar .block:has(.wp-user-profile-page-view-bio-overall),
.sidebar .block:has(.wp-user-profile-bio-card) {
  border: none !important;
}

/* Reset Drupal views field wrappers */
.wp-user-profile-page-view-overall .views-field,
.wp-user-profile-page-view-bio-overall .views-field {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  width: 100%;
  display: flex;
  justify-content: center;
}

/* 1. Bio Picture / Avatar */
.wp-user-profile-page-view-bio-picture {
  display: inline-block;
  position: relative;
  margin-bottom: 0.65rem;
}

.wp-user-profile-page-view-bio-picture img {
  display: block;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
 /*border: 3px solid var(--wp-sand-primary, #C8A97E);
  box-shadow: 0 3px 10px rgba(36, 33, 30, 0.08);
  transition: border-color var(--wp-transition-fast, 0.15s ease),
              transform var(--wp-transition-fast, 0.15s ease);*/
}

.wp-user-profile-page-view-bio-picture img:hover {
  border-color: var(--wp-brown-deep, #896432);
  transform: scale(1.02);
}

/* 2. Bio Name / Handle */
.wp-user-profile-page-view-bio-name {
  font-family: var(--wp-font-heading, 'Nunito Sans', system-ui, sans-serif);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--wp-brown-deep, #896432);
  line-height: 1.25;
  margin-bottom: 0.35rem;
}

.wp-user-profile-page-view-bio-name a {
  color: inherit;
  text-decoration: none;
  transition: color var(--wp-transition-fast, 0.15s ease);
}

.wp-user-profile-page-view-bio-name a:hover,
.wp-user-profile-page-view-bio-name a:focus {
  color: var(--wp-tan-dark, #A88554);
  text-decoration: underline;
}

/* 3. Bio Role Badge */
.wp-user-profile-page-view-bio-role {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.15rem 0.65rem;
  border-radius: 12px;
  background: linear-gradient(135deg, #FFF2E0 0%, #EED6B5 100%);
  border: 1px solid var(--wp-sand-primary, #C8A97E);
  font-family: var(--wp-font-ui, var(--wp-font-body, system-ui, sans-serif));
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--wp-brown-deep, #896432);
  margin-bottom: 0.45rem;
}

.wp-user-profile-page-view-bio-role::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  flex-shrink: 0;
}

/* 4. Bio User ID */
.wp-user-profile-page-view-bio-userid {
  font-family: var(--wp-font-mono, monospace);
  font-size: 0.75rem;
  color: var(--wp-text-muted, #6B6259);
  background-color: rgba(200, 169, 126, 0.12);
  padding: 0.1rem 0.45rem;
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 0.35rem;
}

/* 5. Bio User Status */
.wp-user-profile-page-view-bio-user-status {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #2E7D32;
  background-color: rgba(46, 125, 50, 0.08);
  border: 1px solid rgba(46, 125, 50, 0.25);
  border-radius: 10px;
  padding: 0.1rem 0.5rem;
  margin-bottom: 0.35rem;
}

.wp-user-profile-page-view-bio-user-status::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #2E7D32;
}

/* 6. Bio Timezone */
.wp-user-profile-page-view-bio-timezone {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-family: var(--wp-font-body, 'Manrope', system-ui, sans-serif);
  font-size: 0.76rem;
  color: var(--wp-text-muted, #6B6259);
  margin-top: 0.2rem;
}

.wp-user-profile-page-view-bio-timezone::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: var(--wp-tan-dark, #A88554);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='2' y1='12' x2='22' y2='12'%3E%3C/line%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='2' y1='12' x2='22' y2='12'%3E%3C/line%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  flex-shrink: 0;
}

/* 7. Bio Translation / Language */
.wp-user-profile-page-view-bio-translation {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-family: var(--wp-font-body, 'Manrope', system-ui, sans-serif);
  font-size: 0.76rem;
  color: var(--wp-text-muted, #6B6259);
  margin-top: 0.15rem;
}

.wp-user-profile-page-view-bio-translation::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: var(--wp-tan-dark, #A88554);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E") no-repeat center / contain;
  flex-shrink: 0;
}

/* 8. Mobile & Small Screen Adaptations */
@media (max-width: 767.98px) {
  .wp-user-profile-page-view-overall .views-row,
  .wp-user-profile-page-view-bio-overall .views-row {
    padding: 0.95rem 1rem;
    margin-bottom: 0.75rem;
  }

  .wp-user-profile-page-view-bio-picture img {
    width: 110px;
    height: 110px;
  }

  .wp-user-profile-page-view-bio-name {
    font-size: 1.15rem;
    margin-bottom: 0.25rem;
  }
}

/* ==========================================================================
   Layout Builder / Page Manager - Twocol 50-50 Full Width Override
   Allows twocol 50-50 regions to display full width when flex 50% is unconstrained
   ========================================================================== */
@media screen and (min-width: 40em) {
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    flex: 0 1 50%;
    max-width: 50%;
  }
}

/* ==========================================================================
   Page & Article Content Display View (Wares Point Content Layout)
   ========================================================================== */

/* 1. Overall Container */
.wares-point-content-display-overall,
.view:has(.wares-point-content-display-overall) {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.wares-point-content-display-overall {
  background-color: var(--wp-white, #FFFFFF);
  border: 1px solid var(--wp-border-soft, #DECDB5);
  border-radius: 6px;
  padding: 1.5rem 1.75rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 1px 3px rgba(36, 33, 30, 0.04);
  box-sizing: border-box;
  transition: border-color var(--wp-transition-fast, 0.15s ease);
}

.wares-point-content-display-overall .views-row {
  margin-bottom: 0;
  padding: 0;
}

/* 2. Taxonomy / Category Badge */
.wares-point-content-display-category {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.6rem;
  border-radius: 4px;
  background-color: var(--wp-cream-light, #FFF2E0);
  border: 1px solid var(--wp-sand-primary, #C8A97E);
  font-family: var(--wp-font-ui, var(--wp-font-body, system-ui, sans-serif));
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--wp-brown-deep, #896432);
  margin-bottom: 0.65rem;
  width: fit-content;
  line-height: 1.3;
  transition: all var(--wp-transition-fast, 0.15s ease);
}

/* Category tag SVG icon */
.wares-point-content-display-category::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'%3E%3C/path%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'%3E%3C/path%3E%3Cline x1='7' y1='7' x2='7.01' y2='7'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain;
  flex-shrink: 0;
}

/* Inner link reset */
.wares-point-content-display-category a {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.wares-point-content-display-category a::before,
.wares-point-content-display-category a::after {
  content: none !important;
  display: none !important;
}

.wares-point-content-display-category:hover,
.wares-point-content-display-category:has(a:hover) {
  background-color: var(--wp-sand-primary, #C8A97E);
  color: var(--wp-white, #FFFFFF);
  border-color: var(--wp-brown-deep, #896432);
  cursor: pointer;
}

/* 3. Title */
.wares-point-content-display-title,
.wares-point-content-display-title h1,
.wares-point-content-display-title h2 {
  font-family: var(--wp-font-heading, 'Lora', 'Merriweather', 'Georgia', serif);
  font-size: 1.85rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--wp-text, #24211E);
  margin: 0.15rem 0 0.65rem 0;
  letter-spacing: -0.015em;
  word-break: break-word;
}

.wares-point-content-display-title a {
  color: inherit;
  text-decoration: none;
  transition: color var(--wp-transition-fast, 0.15s ease);
}

.wares-point-content-display-title a:hover,
.wares-point-content-display-title a:focus {
  color: var(--wp-brown-deep, #896432);
  text-decoration: none;
}

/* 4. Metadata: Authored by & Authored on */
.wares-point-content-display-authored-by,
.wares-point-content-display-authored-on {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-family: var(--wp-font-ui, var(--wp-font-body, system-ui, sans-serif));
  font-size: 0.82rem;
  color: var(--wp-text-muted, #6B6259);
  line-height: 1.4;
  margin-bottom: 0.75rem;
  margin-right: 0.85rem;
}

.wares-point-content-display-authored-by {
  font-weight: 600;
  color: var(--wp-tan-dark, #A88554);
}

.wares-point-content-display-authored-by::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background-color: var(--wp-tan-dark, #A88554);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E") no-repeat center / contain;
  flex-shrink: 0;
}

.wares-point-content-display-authored-by a {
  color: inherit;
  text-decoration: none;
  transition: color var(--wp-transition-fast, 0.15s ease);
}

.wares-point-content-display-authored-by a:hover {
  color: var(--wp-brown-deep, #896432);
  text-decoration: underline;
}

.wares-point-content-display-authored-on::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: var(--wp-text-muted, #6B6259);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") no-repeat center / contain;
  flex-shrink: 0;
}

/* 5. Featured Image */
.wares-point-content-display-featured-image {
  margin: 0.75rem 0 1.25rem 0;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid var(--wp-border-soft, #DECDB5);
  background-color: var(--wp-cream-light, #FFF2E0);
}

.wares-point-content-display-featured-image img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  max-height: 520px;
  margin: 0 auto;
}

/* 6. Body Content */
.wares-point-content-display-body {
  font-family: var(--wp-font-body, 'Manrope', system-ui, sans-serif);
  font-size: 1rem;
  line-height: 1.7;
  color: var(--wp-text, #24211E);
  margin-top: 0.5rem;
  word-break: break-word;
}

.wares-point-content-display-body p {
  margin-top: 0;
  margin-bottom: 1.2rem;
}

.wares-point-content-display-body p:last-child {
  margin-bottom: 0;
}

.wares-point-content-display-body h2,
.wares-point-content-display-body h3,
.wares-point-content-display-body h4 {
  font-family: var(--wp-font-heading, 'Lora', 'Merriweather', 'Georgia', serif);
  color: var(--wp-brown-deep, #896432);
  margin-top: 1.5rem;
  margin-bottom: 0.6rem;
  line-height: 1.3;
}

.wares-point-content-display-body h2 {
  font-size: 1.45rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px solid var(--wp-border-soft, #DECDB5);
}

.wares-point-content-display-body h3 {
  font-size: 1.25rem;
}

.wares-point-content-display-body a {
  color: var(--wp-brown-deep, #896432);
  text-decoration: underline;
  text-underline-offset: 2.5px;
  transition: color var(--wp-transition-fast, 0.15s ease);
}

.wares-point-content-display-body a:hover {
  color: var(--wp-tan-dark, #A88554);
}

.wares-point-content-display-body ul,
.wares-point-content-display-body ol {
  padding-left: 1.4rem;
  margin-top: 0;
  margin-bottom: 1.2rem;
}

.wares-point-content-display-body li {
  margin-bottom: 0.35rem;
}

.wares-point-content-display-body blockquote {
  border-left: 3px solid var(--wp-sand-primary, #C8A97E);
  background-color: var(--wp-cream-light, #FFF2E0);
  margin: 1.25rem 0;
  padding: 0.75rem 1.15rem;
  border-radius: 0 4px 4px 0;
  font-style: italic;
  color: var(--wp-text-muted, #6B6259);
}

.wares-point-content-display-body img {
  max-width: 100%;
  height: auto;
}

/* 7. Mobile Scaling */
@media (max-width: 767.98px) {
  .wares-point-content-display-overall {
    padding: 1rem 1.1rem;
    margin-bottom: 1rem;
    border-radius: 4px;
  }

  .wares-point-content-display-title,
  .wares-point-content-display-title h1,
  .wares-point-content-display-title h2 {
    font-size: 1.4rem;
    line-height: 1.25;
  }

  .wares-point-content-display-category {
    font-size: 0.68rem;
    padding: 0.15rem 0.45rem;
  }

  .wares-point-content-display-authored-by,
  .wares-point-content-display-authored-on {
    font-size: 0.76rem;
    margin-right: 0.6rem;
    margin-bottom: 0.5rem;
  }

  .wares-point-content-display-featured-image {
    margin: 0.5rem 0 1rem 0;
  }

  .wares-point-content-display-body {
    font-size: 0.92rem;
    line-height: 1.6;
  }
}
/* =========================================================
   Wares Point - Recent Users
   Compact community member chips
   ========================================================= */

/* One complete user row/chip */
.wp_recent_users_block_overall {
  display: flex;
  align-items: center;
  gap: 10px;

  min-height: 44px;
  padding: 5px 9px;
  margin: 0 0 5px;

  background: rgba(255, 255, 255, 0.38);
  border-bottom: 1px solid rgba(90, 67, 38, 0.12);
  border-radius: 9px;

  transition:
    background-color 0.16s ease,
    border-color 0.16s ease,
    transform 0.16s ease,
    box-shadow 0.16s ease;
}

/* Avatar container */
.wp_recent_users_block_picture {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  line-height: 0;
}

/* Actual Drupal image */
.wp_recent_users_block_picture img {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: cover;

  border-radius: 50%;
  border: 1px solid rgba(76, 54, 28, 0.18);
}

/* Username area */
.wp_recent_users_block_name {
  flex: 1 1 auto;
  min-width: 0;

  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
}

/* Username link */
.wp_recent_users_block_name a {
  display: block;

  color: var(--wp-text, #27231f);
  text-decoration: none;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Hover the entire member chip */
.wp_recent_users_block_overall:hover {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(177, 121, 43, 0.30);

  box-shadow: 0 3px 10px rgba(55, 40, 22, 0.07);
  transform: translateY(-1px);
}

.wp_recent_users_block_overall:hover .wp_recent_users_block_name a {
  color: #9a651f;
}

/* Keyboard accessibility */
.wp_recent_users_block_name a:focus-visible {
  outline: 2px solid #b7792b;
  outline-offset: 2px;
  border-radius: 3px;
}

/* Don't leave extra space after the final user */
.wp_recent_users_block_overall:last-child {
  margin-bottom: 0;
}

.wp-login-panel {
  padding: clamp(1.5rem, 4vw, 2.5rem);
  background: #fbf8f1;
  border: 1px solid #e8dfd1;
  border-radius: 18px 18px 0 0;
  color: #392f29;
}

.wp-login-panel__eyebrow {
  margin-bottom: 0.75rem;
  color: #8a603b;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.13em;
}

.wp-login-panel__title {
  margin: 0;
  color: #342a24;
  font-size: clamp(1.7rem, 3vw, 2.25rem);
  line-height: 1.15;
}

.wp-login-panel__intro {
  max-width: 38rem;
  margin: 0.85rem 0 1.75rem;
  color: #6c6259;
  font-size: 1rem;
  line-height: 1.65;
}

.wp-login-panel__form-heading {
  padding-top: 1.25rem;
  border-top: 1px solid #e8dfd1;
}

.wp-login-panel__form-heading h3 {
  margin: 0 0 0.35rem;
  color: #342a24;
  font-size: 1.1rem;
}

.wp-login-panel__form-heading p {
  margin: 0;
  color: #756b62;
  font-size: 0.9rem;
}

.user-login-form {
  padding: 1.5rem clamp(1.5rem, 4vw, 2.5rem) 2rem;
  background: #fff;
  border: 1px solid #e8dfd1;
  border-top: 0;
  border-radius: 0 0 18px 18px;
  box-shadow: 0 12px 32px rgb(55 40 27 / 7%);
}

.user-login-form .form-item {
  margin: 0 0 1.15rem;
}

.user-login-form label {
  display: block;
  margin-bottom: 0.4rem;
  color: #493b31;
  font-weight: 650;
}

.user-login-form input[type="text"],
.user-login-form input[type="email"],
.user-login-form input[type="password"] {
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding: 0.75rem 0.9rem;
  color: #342a24;
  background: #fff;
  border: 1px solid #d9cdbd;
  border-radius: 9px;
  font: inherit;
}

.user-login-form input:focus {
  border-color: #98704b;
  outline: 3px solid rgb(152 112 75 / 18%);
}

.user-login-form .form-submit {
  width: 100%;
  min-height: 49px;
  padding: 0.8rem 1.2rem;
  color: #fff;
  background: #765238;
  border: 0;
  border-radius: 9px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 160ms ease, transform 160ms ease;
}

.user-login-form .form-submit:hover {
  background: #5f412c;
  transform: translateY(-1px);
}

.user-login-form .form-submit:focus-visible {
  outline: 3px solid #c59a6d;
  outline-offset: 3px;
}

/* =========================================================
   SLEEK USER LOGIN BLOCK (Sidebar) - No Box Shadows, No Borders
   ========================================================= */
#block-wares-point-userlogin,
.sidebar .block-user-login-block {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

#block-wares-point-userlogin .block__title,
.sidebar .block-user-login-block .block__title {
  background: transparent;
  border: none;
  box-shadow: none;
  text-shadow: none;
  padding: 0 0 0.5rem 0;
  margin: 0;
  font-family: var(--wp-font-block-title, var(--wp-font-heading, inherit));
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--wp-brown-deep, #896432);
  line-height: 1.3;
}

#block-wares-point-userlogin .block__content,
.sidebar .block-user-login-block .block__content {
  padding: 0 !important;
}

#block-wares-point-userlogin .user-login-form,
.sidebar .block-user-login-block .user-login-form {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#block-wares-point-userlogin .user-login-form .form-item,
.sidebar .block-user-login-block .user-login-form .form-item {
  margin: 0 0 0.65rem !important;
}

#block-wares-point-userlogin .user-login-form label,
.sidebar .block-user-login-block .user-login-form label {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--wp-text, #24211E);
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1.3;
}

#block-wares-point-userlogin .user-login-form input[type="text"],
#block-wares-point-userlogin .user-login-form input[type="password"],
.sidebar .block-user-login-block .user-login-form input[type="text"],
.sidebar .block-user-login-block .user-login-form input[type="password"] {
  box-sizing: border-box;
  width: 100%;
  min-height: 38px;
  height: 38px;
  padding: 0.45rem 0.75rem;
  font-size: 0.875rem;
  color: var(--wp-text, #24211E);
  background: var(--wp-white, #FFFFFF);
  border: 1px solid var(--wp-border-soft, #DECDB5);
  border-radius: 6px;
  box-shadow: none;
  transition: border-color 150ms ease, outline 150ms ease;
}

#block-wares-point-userlogin .user-login-form input[type="text"]:focus,
#block-wares-point-userlogin .user-login-form input[type="password"]:focus,
.sidebar .block-user-login-block .user-login-form input[type="text"]:focus,
.sidebar .block-user-login-block .user-login-form input[type="password"]:focus {
  border-color: var(--wp-tan-dark, #A88554);
  outline: 2px solid rgba(168, 133, 84, 0.25);
  outline-offset: 1px;
}

#block-wares-point-userlogin .user-login-form .form-actions,
.sidebar .block-user-login-block .user-login-form .form-actions {
  margin-top: 0.65rem;
  margin-bottom: 0;
}

#block-wares-point-userlogin .user-login-form .form-submit,
.sidebar .block-user-login-block .user-login-form .form-submit {
  display: block;
  width: 100%;
  min-height: 38px;
  height: 38px;
  padding: 0.5rem 1rem;
  color: #FFFFFF;
  background-color: var(--wp-brown-deep, #896432);
  border: none;
  border-radius: 6px;
  box-shadow: none;
  font-size: 0.875rem;
  font-weight: 650;
  letter-spacing: 0.02em;
  cursor: pointer;
  text-align: center;
  transition: background-color 160ms ease, transform 120ms ease;
}

#block-wares-point-userlogin .user-login-form .form-submit:hover,
.sidebar .block-user-login-block .user-login-form .form-submit:hover {
  background-color: var(--wp-tan-dark, #A88554);
  transform: translateY(-1px);
}

#block-wares-point-userlogin .user-login-form .form-submit:focus-visible,
.sidebar .block-user-login-block .user-login-form .form-submit:focus-visible {
  outline: 2px solid var(--wp-sand-primary, #C8A97E);
  outline-offset: 2px;
}

#block-wares-point-userlogin ul,
.sidebar .block-user-login-block ul {
  margin: 0.65rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

#block-wares-point-userlogin ul li,
.sidebar .block-user-login-block ul li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#block-wares-point-userlogin ul a,
.sidebar .block-user-login-block ul a {
  display: inline-block;
  font-size: 0.8125rem;
  color: var(--wp-brown-deep, #896432);
  text-decoration: none;
  transition: color 150ms ease;
}

#block-wares-point-userlogin ul a:hover,
.sidebar .block-user-login-block ul a:hover {
  color: var(--wp-tan-dark, #A88554);
  text-decoration: underline;
}

/*JW ADMIN START*/
/* Wares Point: compact New forum topics list */
#block-wares-point-newforumtopics {
  --wp-ink: #342d24;
  --wp-muted: #766e62;
  --wp-border: #e6dccb;
  --wp-paper: #fffdf9;
  --wp-wash: #f6f0e5;
  --wp-accent: #a77735;

  color: var(--wp-ink);
}

#block-wares-point-newforumtopics .block__title {
  margin: 0 0 0.75rem;
  padding: 0 0 0.55rem;
  border-bottom: 1px solid var(--wp-border);
  color: var(--wp-ink);
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.3;
}

#block-wares-point-newforumtopics .wp-forum-block-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

#block-wares-point-newforumtopics .wp-forum-block-list > li {
  margin: 0;
  padding: 0;
}

#block-wares-point-newforumtopics .wp-forum-block-item {
  padding: 5px;

  border-left: 3px solid #d6c3a3;

  
}

#block-wares-point-newforumtopics .wp-forum-block-item:hover {
  border-left-color: var(--wp-accent);
  background: var(--wp-wash);
}

#block-wares-point-newforumtopics .wp-forum-block-item-title {
  display: block;
  margin: 0 0 0.4rem;
  color: var(--wp-ink);
  font-size: 0.97rem;
  font-weight: 650;
  line-height: 1.4;
  text-decoration: none;
}

#block-wares-point-newforumtopics .wp-forum-block-item-title:hover {
  color: var(--wp-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

#block-wares-point-newforumtopics .wp-forum-block-meta {
  display: grid;
  grid-template-columns: max-content max-content;
  justify-content: start;
  align-items: center;
  gap: 0.35rem 0.55rem;
  color: var(--wp-muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

#block-wares-point-newforumtopics .wp-forum-block-category {
  padding: 0.15rem 0.45rem;
  border: 1px solid var(--wp-border);
  border-radius: 999px;
  background: var(--wp-wash);
  color: #62513a;
  font-size: 0.73rem;
  font-weight: 600;
}

#block-wares-point-newforumtopics .wp-forum-block-replies {
  white-space: nowrap;
}

#block-wares-point-newforumtopics .wp-forum-block-time {
  grid-column: 1 / -1;
  color: var(--wp-muted);
}

#block-wares-point-newforumtopics .wp-forum-block-footer {
  margin-top: 0.75rem;
  padding-top: 0.65rem;
  border-top: 1px solid var(--wp-border);
  text-align: right;
}

#block-wares-point-newforumtopics .wp-forum-block-more {
  color: #765323;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
}

#block-wares-point-newforumtopics .wp-forum-block-more:hover {
  color: var(--wp-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

#block-wares-point-newforumtopics .wp-forum-block-item-title:focus-visible,
#block-wares-point-newforumtopics .wp-forum-block-more:focus-visible {
  outline: 2px solid var(--wp-accent);
  outline-offset: 2px;
  border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
  #block-wares-point-newforumtopics .wp-forum-block-item {
    transition: none;
  }
}
/*JW ADMIN END*/

/* ==========================================================================
   DESKTOP MAIN MENU EMPHASIS (block: wares_point_wpmainmenu)
   Bold and distinctive desktop presence
   ========================================================================== */
@media (min-width: 768px) {
  #block-wares-point-wpmainmenu .menu:not(.menu--sub) > .menu-item a,
  .site-header__utility #block-wares-point-wpmainmenu .menu:not(.menu--sub) > .menu-item a {
    font-weight: 700 !important;
    color: var(--wp-text, #24211E) !important;
  }

  #block-wares-point-wpmainmenu .menu:not(.menu--sub) > .menu-item a:hover,
  #block-wares-point-wpmainmenu .menu:not(.menu--sub) > .menu-item a.is-active,
  .site-header__utility #block-wares-point-wpmainmenu .menu:not(.menu--sub) > .menu-item a:hover,
  .site-header__utility #block-wares-point-wpmainmenu .menu:not(.menu--sub) > .menu-item a.is-active {
    color: var(--wp-brown-deep, #896432) !important;
  }
}

/* ==========================================================================
   PRIMARY TABS (tabs--primary)
   Professional Wares Point tab styling (sleek, architectural, not bubbly)
   ========================================================================== */
.tabs--primary {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: 0.25rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0.5rem 0 1.5rem 0 !important;
  border-bottom: 1px solid var(--wp-border-soft, #DECDB5) !important;
}

.tabs--primary > li,
.tabs--primary .tabs__tab {
  display: inline-flex !important;
  margin: 0 0 -1px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: none !important;
  background: transparent !important;
}

.tabs--primary > li > a,
.tabs--primary .tabs__tab > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.45rem 1.05rem !important;
  font-family: var(--wp-font-ui, var(--wp-font-body, system-ui, sans-serif)) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: var(--wp-text-muted, #6B6259) !important;
  background-color: var(--wp-cream-light, #FFF2E0) !important;
  border: 1px solid var(--wp-border-soft, #DECDB5) !important;
  border-bottom: 1px solid var(--wp-border-soft, #DECDB5) !important;
  border-radius: 4px 4px 0 0 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease !important;
}

.tabs--primary > li > a:hover,
.tabs--primary > li > a:focus,
.tabs--primary .tabs__tab > a:hover,
.tabs--primary .tabs__tab > a:focus {
  color: var(--wp-brown-deep, #896432) !important;
  background-color: var(--wp-beige-light, #EED6B5) !important;
  border-color: var(--wp-sand-primary, #C8A97E) !important;
  border-bottom-color: var(--wp-border-soft, #DECDB5) !important;
  text-decoration: none !important;
}

.tabs--primary > li > a:focus-visible,
.tabs--primary .tabs__tab > a:focus-visible {
  outline: 2px solid var(--wp-brown-deep, #896432) !important;
  outline-offset: 1px !important;
}

.tabs--primary > li.is-active > a,
.tabs--primary > li > a.is-active,
.tabs--primary .tabs__tab.is-active > a,
.tabs--primary .tabs__tab > a.is-active {
  color: var(--wp-brown-deep, #896432) !important;
  background-color: var(--wp-white, #FFFFFF) !important;
  font-weight: 700 !important;
  border-color: var(--wp-border-soft, #DECDB5) !important;
  border-top: 3px solid var(--wp-brown-deep, #896432) !important;
  border-bottom: 1px solid var(--wp-white, #FFFFFF) !important;
  padding-top: calc(0.45rem - 2px) !important;
  box-shadow: 0 -1px 3px rgba(36, 33, 30, 0.04) !important;
  cursor: default !important;
  text-decoration: none !important;
}