/* wr-theme.css — оформление запасной темы ПОД КАТЕГОРИЮ.
   Грузится ПОСЛЕ enhance.css, действует только на body.wr-fallback. */
body.wr-fallback{
  --wr-bg:#eef1f5; --wr-card:#ffffff; --wr-ink:#1f2630; --wr-head:#16324f;
  --wr-accent:#1f6feb; --wr-accent-ink:#ffffff; --wr-muted:#6b7686; --wr-line:#e2e6ec;
  --wr-bar:#16324f; --wr-bar-ink:#ffffff; --wr-font:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  --wr-head-font:var(--wr-font);
  background:var(--wr-bg)!important;color:var(--wr-ink)!important;font-family:var(--wr-font)!important;
}
body.wr-fallback.wr-cat-hotel{
  --wr-bg:#f6f0e6; --wr-card:#fffdf9; --wr-ink:#3a3329; --wr-head:#3f4a36;
  --wr-accent:#4a5d4a; --wr-accent-ink:#f6f0e6; --wr-muted:#6f6452; --wr-line:#e6dcc8;
  --wr-bar:#3f4a36; --wr-bar-ink:#f4efe4;
  --wr-head-font:Georgia,'Times New Roman',serif;
}
body.wr-fallback.wr-cat-food{
  --wr-bg:#fbf6f0; --wr-card:#fffdfb; --wr-ink:#2a1d18; --wr-head:#2a1d18;
  --wr-accent:#c0492f; --wr-accent-ink:#ffffff; --wr-muted:#8a6f5f; --wr-line:#ecdccb;
  --wr-bar:#2a1d18; --wr-bar-ink:#f3e7da;
  --wr-head-font:Georgia,'Times New Roman',serif;
}
body.wr-fallback.wr-cat-sea{
  --wr-bg:#f0f7fa; --wr-card:#ffffff; --wr-ink:#143642; --wr-head:#0e3a4a;
  --wr-accent:#157a9e; --wr-accent-ink:#ffffff; --wr-muted:#4a6b76; --wr-line:#d4e6ec;
  --wr-bar:#0e3a4a; --wr-bar-ink:#eaf4f7;
}

/* контейнер-карточка */
body.wr-fallback #wrapper,body.wr-fallback #page,body.wr-fallback #main,
body.wr-fallback #content,body.wr-fallback #container,body.wr-fallback .container,
body.wr-fallback .hfeed,body.wr-fallback .site,body.wr-fallback #primary,
body.wr-fallback article{
  max-width:960px;margin:24px auto;background:var(--wr-card);padding:28px 32px;
  border:1px solid var(--wr-line);border-radius:12px
}
body.wr-fallback h1,body.wr-fallback h2,body.wr-fallback h3,
body.wr-fallback .entry-title,body.wr-fallback .post-title{
  color:var(--wr-head)!important;font-family:var(--wr-head-font);line-height:1.25;margin:1em 0 .45em
}
body.wr-fallback p,body.wr-fallback li,body.wr-fallback td{line-height:1.7}
body.wr-fallback a{color:var(--wr-accent)}
body.wr-fallback a:hover{opacity:.8}
body.wr-fallback hr{border:0;border-top:1px solid var(--wr-line)}
body.wr-fallback table{max-width:100%;border-collapse:collapse}
body.wr-fallback th,body.wr-fallback td{border-bottom:1px solid var(--wr-line);padding:6px 8px;text-align:left}

/* шапка и меню, если на странице есть */
body.wr-fallback #header,body.wr-fallback .header,body.wr-fallback #pageHeader,
body.wr-fallback .site-header,body.wr-fallback header{
  background:var(--wr-bar);color:var(--wr-bar-ink);border-radius:12px;
  max-width:960px;margin:20px auto 0;padding:14px 24px
}
body.wr-fallback #header a,body.wr-fallback header a,body.wr-fallback .site-header a{color:var(--wr-bar-ink)}
body.wr-fallback #mainMenu,body.wr-fallback #nav,body.wr-fallback .menu,body.wr-fallback nav{
  display:flex;flex-wrap:wrap;gap:6px;list-style:none
}
body.wr-fallback #mainMenu a,body.wr-fallback nav a{padding:6px 10px;border-radius:6px}

/* кнопки/CTA по типичным классам */
body.wr-fallback .btn,body.wr-fallback .button,body.wr-fallback button,
body.wr-fallback input[type=submit],body.wr-fallback .wr-cta{
  background:var(--wr-accent);color:var(--wr-accent-ink)!important;border:0;
  padding:9px 16px;border-radius:8px;display:inline-block;text-decoration:none;cursor:pointer
}

/* места под наши картинки */
body.wr-fallback .wr-hero{
  display:block;width:100%;max-width:960px;margin:20px auto 0;height:auto;
  border-radius:12px;object-fit:cover;aspect-ratio:16/6
}
body.wr-fallback .wr-imgrow{
  max-width:960px;margin:14px auto 0;display:grid;gap:10px;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr))
}
body.wr-fallback .wr-img{width:100%;height:auto;border-radius:10px;object-fit:cover;aspect-ratio:4/3}
body.wr-fallback .wr-cap{color:var(--wr-muted);font-size:.85em;margin-top:4px}

/* футер */
body.wr-fallback #footer,body.wr-fallback .footer,body.wr-fallback .site-footer,
body.wr-fallback footer{
  max-width:960px;margin:18px auto;color:var(--wr-muted);font-size:.88em;
  padding:14px 24px;border-top:1px solid var(--wr-line)
}
@media (max-width:700px){
  body.wr-fallback #wrapper,body.wr-fallback #page,body.wr-fallback #main,
  body.wr-fallback #content,body.wr-fallback #container,body.wr-fallback .container,
  body.wr-fallback article{padding:18px 16px;margin:14px}
}
