/* מאפיית פלורנטין 6 — גיליון עיצוב (cream, ink, deep teal, crust) */
:root {
  --נייר: #f6efe2;
  --דיו: #2e2318;
  --עמוק: #1d3a34;
  --קרום: #b56e33;
  --קו: #d8c9ae;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--נייר);
  color: var(--דיו);
  font-family: "Assistant", "Rubik", "Segoe UI", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}
h1, h2, h3, .shem {
  font-family: "Frank Ruhl Libre", "Georgia", serif;
  font-weight: 700;
  color: var(--עמוק);
}
img { max-width: 100%; height: auto; border-radius: 6px; }
a { color: var(--עמוק); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--קרום); }

.dimyog {
  position: absolute; right: -999px;
}
.dimyog:focus { right: 8px; top: 8px; background: var(--עמוק); color: #fff; padding: 6px 12px; border-radius: 4px; }

.kav { background: var(--עמוק); color: #f2e3c4; }
.kav .pnimi {
  max-width: 1000px; margin: 0 auto; padding: 10px 16px;
  display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; justify-content: space-between;
}
.shem {
  display: inline-flex; align-items: center; gap: 9px;
  color: #f2e3c4; text-decoration: none; font-size: 21px; letter-spacing: 0.2px;
}
.shem svg { width: 30px; height: 30px; }
.tavlit { display: flex; flex-wrap: wrap; gap: 4px 20px; }
.tavlit a { color: #e8dcc0; text-decoration: none; padding: 6px 2px; border-bottom: 2px solid transparent; }
.tavlit a[aria-current="page"] { border-bottom-color: var(--קרום); color: #fff; }
.tavlit a:hover { color: #fff; border-bottom-color: #b56e33; }

.gova { position: relative; }
.gova img { display: block; width: 100%; height: 62vh; min-height: 340px; object-fit: cover; border-radius: 0; filter: saturate(0.95); }
.govatext {
  position: absolute; inset-inline: 0; bottom: 0;
  background: linear-gradient(to top, rgba(29, 58, 52, 0.88), rgba(29, 58, 52, 0.25) 70%, transparent);
  color: #f6efe2; padding: 26px 16px 30px; text-align: center;
}
.govatext h1 { color: #f6efe2; margin: 0 0 8px; font-size: clamp(26px, 4.6vw, 44px); }
.govatext p { max-width: 620px; margin: 0 auto 12px; }

.kror {
  display: inline-block; background: var(--קרום); color: #fff; text-decoration: none;
  padding: 9px 22px; border-radius: 22px; font-weight: 700;
}
.kror:hover { background: #9c5a26; color: #fff; }

main { max-width: 1000px; margin: 0 auto; padding: 30px 16px 46px; }
.tzar { max-width: 720px; }
h1 { font-size: clamp(24px, 3.6vw, 34px); margin: 10px 0 12px; }
h2 { font-size: 21px; margin: 26px 0 8px; }
.peta { color: #5c4c38; margin-top: -4px; }
.anaka { background: #efe4cb; border-inline-start: 4px solid var(--קרום); padding: 10px 14px; border-radius: 4px; }

.shalosh {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 22px; padding-top: 26px;
}
.shalosh article { background: #fffaf0; border: 1px solid var(--קו); border-radius: 8px; padding: 14px 16px 18px; }
.shalosh h2 { margin-top: 10px; font-size: 19px; }

.machiron {
  display: grid; grid-template-columns: 1fr auto; gap: 4px 18px;
  background: #fffaf0; border: 1px solid var(--קו); border-radius: 8px; padding: 14px 18px; margin: 6px 0 18px;
}
.machiron dt { padding: 5px 0; border-bottom: 1px dashed var(--קו); }
.machiron dd { margin: 0; padding: 5px 0; border-bottom: 1px dashed var(--קו); font-weight: 700; white-space: nowrap; }
.machiron dt:nth-last-of-type(1), .machiron dd:nth-last-of-type(1) { border-bottom: 0; }

.knisa {
  background: #fffaf0; border: 1px solid var(--קו); border-radius: 8px;
  padding: 18px 20px; max-width: 460px; margin: 14px 0 22px;
}
.knisa label { display: block; margin: 0 0 12px; font-weight: 700; }
.knisa input {
  display: block; width: 100%; margin-top: 4px; padding: 9px 12px;
  border: 1px solid var(--קו); border-radius: 5px; background: var(--נייר); font: inherit;
}
.knisa button {
  background: var(--עמוק); color: #f2e3c4; border: 0; border-radius: 20px;
  padding: 9px 26px; font: inherit; font-weight: 700; cursor: pointer;
}
.knisa button:hover { background: #16302b; }
.harsha { font-size: 14.5px; color: #5c4c38; margin: 10px 0 0; }

.peratim { display: grid; grid-template-columns: auto 1fr; gap: 6px 20px; }
.peratim dt { font-weight: 700; color: var(--עמוק); }
.peratim dd { margin: 0; }

.raglayim { background: var(--עמוק); color: #cdbf9f; margin-top: 30px; }
.raglayim .pnimi { max-width: 1000px; margin: 0 auto; padding: 18px 16px 26px; }
.raglayim p { margin: 4px 0; }
.raglayim a { color: #e8dcc0; }

@media (max-width: 640px) {
  .tavlit { width: 100%; }
  .gova img { height: 46vh; }
}