/* Hub kimlik — dört ana yüzey, dört ayrı anlatım */

/* KÖK — tarim.online: yeşil toprak */
.hub-kok {
  background: linear-gradient(180deg, #f4f8f2 0%, #eef5ec 100%);
  border-bottom: 1px solid #dfe4d9;
}
.hub-kok a { color: #1b5e20; }
.hub-kok a:hover, .hub-kok a:focus-visible {
  background: #e3f1e4; border-color: #a5d6a7;
}
.hub-kok a[aria-current="page"] {
  background: #2e7d32; color: #fff; border-color: #2e7d32;
}
.hub-kok .hub-ev { color: #2e7d32; }

/* GÖVDE — hasat.online: hasat amber */
.hub-govde {
  background: linear-gradient(180deg, #fff8ed 0%, #fff3e0 100%);
  border-bottom: 2px solid #e6a23c;
}
.hub-govde a { color: #7c4a03; }
.hub-govde a:hover, .hub-govde a:focus-visible {
  background: #ffe8c2; border-color: #e6a23c;
}
.hub-govde a[aria-current="page"] {
  background: #e65100; color: #fff; border-color: #e65100;
}
.hub-govde .hub-ev { color: #bf360c; }

/* ADA — Gökçeada: Ege mavisi + serif marka */
.hub-ada {
  background: linear-gradient(180deg,
    color-mix(in srgb, #3d8ea5 12%, #fdfdfb) 0%, #fdfdfb 100%);
  border-bottom: 1px solid #b8d4de;
  font-family: Georgia, "Times New Roman", serif;
}
.hub-ada a {
  color: #1a4d5c;
  font-family: system-ui, Segoe UI, Roboto, sans-serif;
}
.hub-ada a:hover, .hub-ada a:focus-visible {
  background: color-mix(in srgb, #3d8ea5 14%, #fff);
  border-color: #3d8ea5;
}
.hub-ada a[aria-current="page"] {
  background: #2d6a4f; color: #fff; border-color: #2d6a4f;
}
.hub-ada .hub-ev {
  color: #1a4d5c;
  font-size: .95rem;
  letter-spacing: .01em;
}

/* MEYVE — pazar.live: koyu küre teması */
.hub-meyve {
  background: #070b14;
  border-bottom: 1px solid #1e293b;
}
.hub-meyve a { color: #cbd5e1; }
.hub-meyve a:hover, .hub-meyve a:focus-visible {
  background: #132338; border-color: #334155; color: #fbbf24;
}
.hub-meyve a[aria-current="page"] {
  background: #f59e0b; color: #0f172a; border-color: #f59e0b;
}
.hub-meyve .hub-ev { color: #fbbf24; }
.hub-meyve .hub-ayrac { color: #475569; }

/* Hub köprü — her yüzey kendi mantık şeridi (tarim-dongu-wrap yerine) */
.hub-kopru {
  max-width: 1100px;
  margin: 0.65rem auto 1rem;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  font-size: 0.88rem;
}
.hub-kopru-etiket { margin: 0 0 0.55rem; line-height: 1.45; }
.hub-kopru-not { margin: 0.55rem 0 0; font-size: 0.8rem; opacity: 0.85; }
.hub-kopru-not a { font-weight: 650; }
.hub-kopru-zincir {
  display: flex; flex-wrap: wrap; gap: 0.35rem 0.5rem; align-items: center;
}
.hub-kopru-zincir a {
  text-decoration: none; font-weight: 700; padding: 0.28rem 0.55rem;
  border-radius: 999px; border: 1px solid transparent;
}
.hub-kopru-zincir span { opacity: 0.45; user-select: none; }
.hub-kopru-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.55rem;
}
.hub-kopru-kart {
  display: flex; flex-direction: column; gap: 0.15rem;
  padding: 0.7rem 0.85rem; border-radius: 10px;
  text-decoration: none; border: 1.5px solid transparent;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.hub-kopru-kart:hover { transform: translateY(-1px); }
.hub-kopru-kart strong { font-size: 0.95rem; }
.hub-kopru-kart small { font-size: 0.78rem; opacity: 0.85; line-height: 1.35; }
.hub-kopru-simge { font-size: 1.35rem; line-height: 1; margin-bottom: 0.15rem; }

.hub-kopru-kok {
  background: color-mix(in srgb, var(--yesil, #2e7d32) 6%, #f4f8f2);
  border: 1px solid #dfe4d9;
}
.hub-kopru-kok .hub-kopru-kart { background: #fff; border-color: #dfe4d9; color: #1b5e20; }
.hub-kopru-kok .hub-kopru-kart.aktif { border-color: #2e7d32; background: #f0fdf4; }
.hub-kopru-kok .hub-kopru-zincir a { color: #1b5e20; }

.hub-kopru-govde {
  background: #fff8ed;
  border: 1px solid #e6a23c;
  border-left: 4px solid #e65100;
}
.hub-kopru-govde .hub-kopru-zincir a {
  color: #7c4a03; background: #fff3e0; border-color: #e6a23c;
}
.hub-kopru-govde .hub-kopru-not a { color: #bf360c; }

.hub-kopru-ada {
  background: color-mix(in srgb, #3d8ea5 10%, #fdfdfb);
  border: 1px solid #b8d4de;
  font-family: Georgia, "Times New Roman", serif;
}
.hub-kopru-ada .hub-kopru-zincir a {
  color: #1a4d5c; background: #fff; border-color: #b8d4de;
  font-family: system-ui, sans-serif;
}
.hub-kopru-ada .hub-kopru-not { font-family: system-ui, sans-serif; }

.hub-kopru-meyve {
  background: #0d1626;
  border: 1px solid #334155;
  color: #cbd5e1;
}
.hub-kopru-meyve .hub-kopru-etiket { color: #fbbf24; }
.hub-kopru-meyve .hub-kopru-zincir a {
  color: #fbbf24; background: #132338; border-color: #475569;
}
.hub-kopru-meyve .hub-kopru-not a { color: #60a5fa; }

/* Yüzey rozeti — hangi tarafta olduğun bir bakışta */
.hub-yuzey-rozet {
  display: inline-block;
  margin: 0 0 0.65rem;
  padding: 0.22rem 0.65rem;
  border-radius: 6px;
  font: 700 0.72rem/1.3 system-ui, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.hub-giris-kok .hub-yuzey-rozet {
  background: #e8f5e9; color: #1b5e20; border: 1px solid #a5d6a7;
}
.hub-giris-ada .hub-yuzey-rozet {
  background: color-mix(in srgb, #3d8ea5 15%, #fff);
  color: #1a4d5c; border: 1px solid #b8d4de;
  font-family: system-ui, sans-serif;
}
.hub-yuzey-rozet-meyve {
  background: #132338; color: #fbbf24; border: 1px solid #f59e0b;
}

/* hasat.online gövde girişi — karsilama KOPYASI DEĞİL */
.govde-giris {
  margin: 0 0 1.2rem;
  padding: 1.35rem 1.2rem 1.1rem;
  border-radius: 14px;
  border: 1px solid #e6a23c;
  border-left: 5px solid #e65100;
  background: linear-gradient(135deg, #fff8ed 0%, #fff3e0 100%);
}
.govde-giris .hub-yuzey-rozet {
  background: #ffe0b2; color: #bf360c; border-color: #e65100;
}
.govde-giris h1 {
  font-size: clamp(1.45rem, 3.5vw, 2rem);
  color: #7c4a03;
  margin: 0 0 0.55rem;
  line-height: 1.2;
}
.govde-giris p { color: #5d4037; margin: 0.35rem 0; line-height: 1.55; }
.govde-not {
  margin: 0 0 0.75rem !important;
  padding: 0.55rem 0.75rem;
  border-left: 4px solid #e65100;
  background: #fff;
  font-size: 0.92rem;
}
.govde-zincir { border-color: #e6a23c; }
.govde-zincir a { color: #bf360c; }

/* Sayfa gövdesi — dört yüzey bir bakışta ayrı */
body[data-hub="kok"] { background: #f4f8f2; }
body[data-hub="govde"] { background: #fffaf3; }
body[data-hub="ada"] { background: #f7fafb; }
body[data-hub="meyve"] { background: #070b14; color: #e2e8f0; }