/* Просто Мама — restored 2026. Warm craft-blog theme honoring the original
   Jasmin palette: pale blue background, warm orange accents. */

:root {
  --pm-bg: #eef4f6;
  --pm-paper: #ffffff;
  --pm-orange: #e8720c;
  --pm-orange-dark: #c75f06;
  --pm-orange-soft: #fdf0e3;
  --pm-blue: #aad4ea;
  --pm-blue-deep: #2e5d74;
  --pm-blue-pale: #e5edf8;
  --pm-text: #2b2b2b;
  --pm-text-soft: #5a6a72;
  --pm-radius: 14px;
}

body {
  background: var(--pm-bg);
  color: var(--pm-text);
  font-family: "Nunito", "Segoe UI", Arial, sans-serif;
  font-size: 1.05rem;
  line-height: 1.75;
}

h1, h2, h3, h4, .navbar-brand, .pm-logo {
  font-family: "Comfortaa", "Nunito", sans-serif;
  font-weight: 700;
  color: var(--pm-blue-deep);
}

img { max-width: 100%; height: auto; }

a { color: var(--pm-orange-dark); text-decoration: none; }
a:hover { color: var(--pm-orange); text-decoration: underline; }

/* Header */
.pm-topbar {
  background: var(--pm-paper);
  border-bottom: 4px dotted var(--pm-blue);
}
.navbar-brand { font-size: 1.5rem; color: var(--pm-blue-deep) !important; }
.navbar-brand .pm-heart { color: var(--pm-orange); }
.pm-tagline {
  font-size: .85rem;
  color: var(--pm-text-soft);
  letter-spacing: .02em;
}
.navbar-nav .nav-link {
  color: var(--pm-blue-deep);
  font-weight: 600;
  border-radius: 999px;
  padding: .35rem 1rem;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  background: var(--pm-orange-soft);
  color: var(--pm-orange-dark);
}

/* Hero */
.pm-hero { position: relative; border-radius: var(--pm-radius); overflow: hidden; box-shadow: 0 12px 30px rgba(46, 93, 116, .18); }
.pm-hero img { width: 100%; display: block; object-fit: cover; max-height: 430px; }
.pm-hero-card {
  position: absolute; left: 1.25rem; bottom: 1.25rem; right: 1.25rem;
  background: rgba(255, 255, 255, .92);
  border-left: 6px solid var(--pm-orange);
  border-radius: 10px;
  padding: .9rem 1.3rem;
  max-width: 560px;
}
.pm-hero-card .pm-hero-title { font-size: 1.45rem; margin-bottom: .15rem; }
.pm-hero-card p { margin: 0; color: var(--pm-text-soft); font-size: .95rem; }

/* Content card */
.pm-main {
  background: var(--pm-paper);
  border-radius: var(--pm-radius);
  padding: 2.2rem 2.4rem;
  box-shadow: 0 6px 18px rgba(46, 93, 116, .08);
}
.pm-main h1 { font-size: 1.9rem; margin-bottom: 1.1rem; }
.pm-main h2 {
  font-size: 1.35rem;
  margin-top: 2rem;
  padding-bottom: .35rem;
  border-bottom: 3px dotted var(--pm-blue);
}
.pm-main h3 { font-size: 1.12rem; margin-top: 1.4rem; color: var(--pm-orange-dark); }
.pm-main ul, .pm-main ol { padding-left: 1.4rem; }
.pm-main li { margin-bottom: .45rem; }
.pm-main blockquote {
  background: var(--pm-blue-pale);
  border-left: 5px solid var(--pm-blue);
  border-radius: 8px;
  padding: 1rem 1.3rem;
  font-style: italic;
  color: var(--pm-blue-deep);
}
.pm-meta {
  color: var(--pm-text-soft);
  font-size: .88rem;
  margin-bottom: 1.4rem;
  padding-bottom: .9rem;
  border-bottom: 1px solid var(--pm-blue-pale);
}
.pm-meta .pm-cat-badge {
  background: var(--pm-orange-soft);
  color: var(--pm-orange-dark);
  border-radius: 999px;
  padding: .15rem .8rem;
  font-weight: 700;
  font-size: .8rem;
}
.post-hero { margin: 0 0 1.6rem; }
.post-hero img { border-radius: 10px; box-shadow: 0 8px 20px rgba(46, 93, 116, .14); }
.post-hero figcaption { font-size: .82rem; color: var(--pm-text-soft); margin-top: .4rem; }
.pm-inline-img { margin: 1.4rem 0; }
.pm-inline-img img { border-radius: 10px; box-shadow: 0 8px 20px rgba(46, 93, 116, .14); }

/* Sidebar */
.pm-widget {
  background: var(--pm-paper);
  border-radius: var(--pm-radius);
  padding: 1.4rem 1.5rem;
  margin-bottom: 1.4rem;
  box-shadow: 0 6px 18px rgba(46, 93, 116, .08);
}
.pm-widget h2 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--pm-orange-dark);
  border-bottom: 3px dotted var(--pm-blue);
  padding-bottom: .45rem;
  margin-bottom: .9rem;
}
.pm-widget ul { list-style: none; margin: 0; padding: 0; }
.pm-widget li { padding: .3rem 0; border-bottom: 1px dashed var(--pm-blue-pale); }
.pm-widget li:last-child { border-bottom: 0; }
.pm-widget li::before { content: "\2740"; color: var(--pm-blue); margin-right: .5rem; }
.pm-widget p { font-size: .92rem; color: var(--pm-text-soft); margin-bottom: 0; }

/* Breadcrumbs */
.pm-crumbs { font-size: .85rem; color: var(--pm-text-soft); margin: 1.1rem 0; }
.pm-crumbs a { color: var(--pm-blue-deep); }

/* Footer */
.pm-footer {
  background: var(--pm-blue-deep);
  color: #d9e8f0;
  margin-top: 3rem;
  padding: 2.2rem 0 1.6rem;
  border-top: 5px dotted var(--pm-orange);
}
.pm-footer a { color: #ffd9b0; }
.pm-footer a:hover { color: #ffffff; }
.pm-footer .pm-footer-note { font-size: .82rem; color: #a8c4d4; margin-top: .8rem; }
.pm-footer h2 { color: #ffffff; font-size: 1rem; text-transform: uppercase; letter-spacing: .08em; }
.pm-footer ul { list-style: none; padding: 0; margin: 0; }
.pm-footer li { padding: .15rem 0; }

/* Back to top */
#pm-top {
  position: fixed; right: 1.2rem; bottom: 1.2rem;
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--pm-orange); color: #fff; border: 0;
  font-size: 1.2rem; line-height: 1;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .25);
  display: none;
}
#pm-top.show { display: block; }

/* 404 */
.pm-404 { text-align: center; padding: 4rem 1rem; }
.pm-404 .pm-404-code { font-size: 5rem; color: var(--pm-orange); font-family: "Comfortaa", sans-serif; }

@media (max-width: 767px) {
  .pm-main { padding: 1.4rem 1.2rem; }
  .pm-hero-card { position: static; max-width: none; margin-top: -8px; border-radius: 0 0 10px 10px; }
  .pm-hero img { max-height: 260px; }
}