@font-face {
  font-family: "Philosopher";
  src: url("https://mattatalu.ee/wp-content/themes/edhotels_child/fonts/Philosopher-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("https://mattatalu.ee/wp-content/themes/edhotels_child/fonts/Mulish-Regular.woff2") format("woff2");
  font-display: swap;
}
:root { --cream:#f3ebe0; --ink:#2c241c; --taupe:#8a7358; --taupe-d:#6f5b44; }
* { box-sizing: border-box; }
html,body { margin:0; padding:0; }
body { font-family: Mulish, "Segoe UI", sans-serif; color:var(--ink); background:#fff; line-height:1.55; }
img { max-width:100%; height:auto; display:block; }
a { color:var(--taupe-d); }

.header { position:relative; z-index:5; background:#f3ebe0; }
.header-bg { display:none; }
.header-bar {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 16px;
  flex-wrap:nowrap;
}
.logo { flex:0 0 auto; }
.logo img { height:96px; width:auto; }
.header-tools {
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}
.header-tools a { color:#2c241c; text-decoration:none; }
.phone { font-size:14px; white-space:nowrap; color:#2c241c!important; }
.icon-row { display:flex; align-items:center; gap:10px; }
.icon-row svg { width:20px; height:20px; stroke:#2c241c; fill:none; stroke-width:2; }
.book {
  display:inline-block;
  background:var(--taupe);
  color:#fff!important;
  text-decoration:none;
  padding:8px 14px;
  white-space:nowrap;
}

.nav-row {
  position:relative;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px 18px;
  padding:0 16px 10px;
}
.nav-row a {
  color:#2c241c;
  text-decoration:none;
  font-size:14px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.nav-row a.is-on { border-bottom:2px solid #8a7358; }

.nav-toggle {
  display:none;
  border:1px solid rgba(43,36,28,.28);
  background:#fffaf3;
  color:#2c241c;
  padding:8px 10px;
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
}

.hero {
  position:relative;
  min-height:52vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px 20px;
  background: url("https://mattatalu.ee/wp-content/uploads/2026/07/DJI_20260622103831_0432_D-esipilt-scaled.jpg") center / cover no-repeat;
}
.hero h1 {
  margin:0;
  font-family:Philosopher, Georgia, serif;
  font-weight:400;
  font-size:clamp(1.6rem, 7vw, 3.2rem);
  letter-spacing:.1em;
  color:#fff;
  text-shadow:0 1px 12px rgba(0,0,0,.4);
  text-align:right;
}

.page { padding:28px 0 56px; }
h2 { font-family:Philosopher, Georgia, serif; font-weight:400; letter-spacing:.08em; text-align:center; margin:0 0 16px; }
.section { display:grid; grid-template-columns:1fr 1fr; background:var(--cream); margin:0 auto 24px; max-width:1180px; }
.section-text { padding:28px 32px; }
.section-text p { margin:0 0 12px; }
.section-photos { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:16px; align-content:start; }
.section-photos a { display:block; overflow:hidden; }
.section-photos img { width:100%; height:150px; object-fit:cover; }
.gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:8px; width:min(1180px,calc(100% - 24px)); margin:0 auto; }
.gallery a { display:block; }
.gallery img { width:100%; height:170px; object-fit:cover; }
iframe.map { width:100%; min-height:300px; border:0; }
.site-footer { background:#3e342b; color:#efe6d8; padding:28px 0; font-size:15px; }
.site-footer a { color:#fff; }
.foot-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:16px; width:min(1180px,calc(100% - 24px)); margin:0 auto; }

.mt-lang {
  display:inline-flex; overflow:hidden;
  border:1px solid rgba(43,36,28,.25); border-radius:999px;
  background:rgba(255,250,243,.95);
  font-size:12px; letter-spacing:.08em; flex:0 0 auto;
}
.mt-lang a { padding:6px 9px; text-decoration:none!important; color:#6b5e4e!important; font-weight:600; }
.mt-lang a+a { border-left:1px solid rgba(43,36,28,.18); }
.mt-lang a.is-active { background:var(--taupe); color:#fff!important; }

.lb { position:fixed; inset:0; background:rgba(20,16,10,.88); display:none; align-items:center; justify-content:center; z-index:10000; padding:16px; }
.lb.is-on { display:flex; }
.lb img { max-width:96vw; max-height:88vh; object-fit:contain; }
.lb-close { position:absolute; top:8px; right:12px; background:transparent; border:0; color:#fff; font-size:36px; cursor:pointer; }

@media (max-width: 820px) {
  .phone, .icon-row a:not(.book) { display:none; }
  .logo img { height:72px; }
  .header-bar { padding:8px 10px; }
  .book { padding:7px 11px; font-size:14px; }
  .nav-toggle { display:inline-block; }
  .nav-row {
    display:none;
    flex-direction:column;
    align-items:flex-end;
    background:#f3ebe0;
    padding:10px 14px 14px;
  }
  .hero { min-height:42vh; }
  .nav-row.is-open { display:flex; }
  .section { grid-template-columns:1fr; }
  .section-text { padding:20px 16px; }
  .section-photos { grid-template-columns:repeat(2,1fr); padding:0 16px 16px; }
  .hero { min-height:170px; padding:20px 12px; }
  .foot-grid { grid-template-columns:1fr; }
}