/*
Theme Name: Belcheer – Pasture Solutions
Theme URI: https://belcheer.net
Description: Custom child theme of Twenty Twenty-Five for the ADB TA-10226 "Pasture Solutions" project website (belcheer.net). Bilingual MN/EN.
Author: Pasture Solutions Project Team
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: belcheer
*/

/* ---- Global refinements ---- */

:root {
  --bel-green: #2e6e3f;
  --bel-green-dark: #1d4d2b;
  --bel-navy: #1e3a5f;
  --bel-sand: #d9a441;
  --bel-paper: #f7f6f1;
}

/* Nav icons: home + facebook */
.bel-icon-home a .wp-block-navigation-item__label,
.bel-icon-fb a .wp-block-navigation-item__label {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px; height: 1px;
  overflow: hidden;
}
.bel-icon-home a::before,
.bel-icon-fb a::before {
  content: "";
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  vertical-align: -0.25em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain; mask-size: contain;
}
.bel-icon-home a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l9 8h-3v9h-4v-6H10v6H6v-9H3z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l9 8h-3v9h-4v-6H10v6H6v-9H3z'/%3E%3C/svg%3E");
}
.bel-icon-fb a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 21v-7h2.4l.4-3h-2.8V9.1c0-.9.3-1.5 1.6-1.5h1.3V4.9c-.2 0-1-.1-1.9-.1-1.9 0-3.2 1.1-3.2 3.3V11H9v3h2.3v7h2.2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 21v-7h2.4l.4-3h-2.8V9.1c0-.9.3-1.5 1.6-1.5h1.3V4.9c-.2 0-1-.1-1.9-.1-1.9 0-3.2 1.1-3.2 3.3V11H9v3h2.3v7h2.2z'/%3E%3C/svg%3E");
}
.bel-icon-fb a { color: #1e3a5f; }

/* Language switcher pill in nav */
.bel-lang-switch a {
  border: 1.5px solid currentColor;
  border-radius: 999px;
  padding: 0.15em 0.75em !important;
  font-size: 0.85em;
  font-weight: 600;
  letter-spacing: 0.03em;
}

/* Key figures band */
.bel-figures {
  text-align: center;
}
.bel-figures .bel-figure-number {
  white-space: nowrap;
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 700;
  color: var(--bel-green);
  line-height: 1.1;
  display: block;
}
.bel-figures .bel-figure-label {
  font-size: 0.92rem;
  color: var(--bel-navy);
}

/* Event cards */
.bel-event-card {
  background: #fff;
  border: 1px solid #e5e2d9;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(30, 58, 95, 0.06);
}
.bel-event-card figure { margin: 0; }
.bel-event-date {
  color: var(--bel-sand);
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Community tables */
.bel-table table {
  border-collapse: collapse;
  width: 100%;
}
.bel-table th {
  background: var(--bel-green);
  color: #fff;
}
.bel-table th, .bel-table td {
  border: 1px solid #dcd8cc;
  padding: 0.5em 0.75em;
}
.bel-table tr:nth-child(even) td { background: #f2f0e9; }

/* Map comparison figures */
.bel-map-pair img {
  border-radius: 8px;
  border: 1px solid #e5e2d9;
}
.bel-map-caption {
  font-size: 0.85rem;
  color: #5b5850;
  text-align: center;
}

/* Footer */
.bel-footer {
  background: var(--bel-navy);
  color: #e8ecf2;
}
.bel-footer a { color: #cfe0f5; }
