/* «Мой малыш» — увеличенные шрифты.
   Подключается последним, дизайн не меняет, только размеры текста.
   Чтобы вернуть как было — запустить ~/moymalish.com/private/mm2026/rollback.sh */

body { font-size: 14px; }

/* верхнее меню, хлебные крошки, поиск */
.top_content nav li a { font-size: 14px; }
.searchtext { font-size: 14px; }

/* левое меню рубрик */
.baby span { font-size: 16px; }
.baby ul li a { font-size: 14px; line-height: 1.35; }
.baby ul li { padding-bottom: 10px; }
.consult h2 { font-size: 16px; }
.continue { font-size: 12px; }

/* анонсы статей на главной */
.article_all header div.article_title a,
.article_all header h2 a { font-size: 22px; line-height: 1.25; }
.article_all header p { font-size: 14px; }
.article_content p { font-size: 16px !important; line-height: 1.55; }
.article_all footer a { font-size: 14px; }

/* «Ещё статьи», пагинация */
.more_articles span { font-size: 22px; }
.more_articles h3 a { font-size: 17px; }
.pagination li { font-size: 18px; }
.pagination ul li:first-child,
.pagination ul li:last-child { font-size: 18px !important; }

/* правая колонка */
.day_foto span.title_dayfoto { font-size: 19px; }
.gotoforum span { font-size: 22px; }
.gtf_msg { font-size: 14px; line-height: 1.35; }
.gtf_date { font-size: 12px; }
.zodiacal_date { font-size: 12px; }
.zodiac_name { font-size: 16px; }

/* подвал */
/* подвал фиксированной высоты: увеличиваем чуть-чуть, чтобы всё влезло */
.footer_content section span.title_footer { font-size: 15px; }
.footer_content section li, .footer_content section li a { font-size: 13px; line-height: 1.3; }
.footer_menu li a { font-size: 14px; }

/* страница статьи */
.main_content h1 { font-size: 26px; line-height: 1.25; }
.article_one_content { font-size: 17px; }
.article_one_content p,
.article_one_content div { font-size: 17px; line-height: 1.6; }
.article_one_content h1 { font-size: 26px; line-height: 1.25; }
.article_one_content h3 { font-size: 19px; }
h1.h1-new { font-size: 26px !important; line-height: 1.25; }
h2.h2-new { font-size: 22px; }
strong, h3.h3-new { font-size: inherit; }
h3.h3-new { font-size: 19px; }
p.author-new { font-size: 14px; }
.citata, .vrezka, .article_one_content .citata { font-size: 16px !important; line-height: 1.55; }
.article-right a { font-size: 14px; }
.comments span.ttl_com { font-size: 18px; }
.tags-a { font-size: 16px; }

/* гороскоп */
.goroscope h2 a { font-size: 19px; }
.zodiac_text h3 { font-size: 18px; }
.zodiac_text p { font-size: 17px; line-height: 1.6; }

/* консультации, тесты */
.blockFormAnswer p, .answer_test { font-size: 16px; }
#experts h3 { font-size: 19px; }
#experts .special div p { font-size: 14px; }

/* ==========================================================================
   ШИРОКАЯ ВЁРСТКА: контент растягивается на ширину экрана (до 1800px)
   ========================================================================== */
#wrapper {
  float: none !important;
  position: relative;
  left: auto !important;
  width: auto !important;
  max-width: 1800px !important;
  margin: 0 auto !important;
  padding: 75px 2% 0 !important;
  box-sizing: border-box;
}
#wrapper .bcalendar { width: 1160px; margin-left: auto; margin-right: auto; }
#wrapper .top_content { width: 100% !important; margin-left: 0 !important; }
#wrapper .top_content nav { left: 0; }

.left_side { width: 203px !important; }
.right_side { width: 280px !important; float: right !important; }
.right_side .inner { max-width: 260px; }
.main_content {
  width: calc(100% - 203px - 280px - 10px) !important;
  float: left !important;
}

/* анонсы: сетка без «дыр»; 2 колонки, на больших экранах — 3 */
#resultsDiv > .inner { display: flex; flex-wrap: wrap; align-items: flex-start; }
#resultsDiv > .inner > * { flex: 1 1 100%; }
#resultsDiv > .inner > div.clear { display: none !important; }
#resultsDiv > .inner > .article_all { flex: 0 0 50%; width: 50% !important; float: none !important; }
@media (min-width: 1700px) {
  #resultsDiv > .inner > .article_all { flex-basis: 33.333%; width: 33.333% !important; }
}

/* ==========================================================================
   FLASH-ВЕРСИЯ ОТКЛЮЧЕНА (браузеры больше не поддерживают Flash)
   ========================================================================== */
#pos_slide_top, #flash_slide_top, .after_header .slide { display: none !important; }
/* сообщения «у вас не установлен flash плеер» убираем, картинка-луг в подвале остаётся */
.no-flash-header-d { display: none !important; }
#flash-header, #flashContent { display: none !important; }
#statick-header { display: block !important; }

/* ==========================================================================
   ВЕРХНЕЕ МЕНЮ (то самое, с анимированным подчёркиванием)
   ========================================================================== */
.mm-topnav {
  position: sticky; top: 0; z-index: 2000;
  background: rgba(255, 255, 255, .85);
  -webkit-backdrop-filter: saturate(1.4) blur(10px);
  backdrop-filter: saturate(1.4) blur(10px);
  border-bottom: 1px solid rgba(129, 160, 61, .2);
}
.mm-topnav__in {
  display: flex; gap: 6px; align-items: center;
  max-width: 1800px; margin: 0 auto; padding: 10px 2%;
  overflow-x: auto; scrollbar-width: none;
}
.mm-topnav__in::-webkit-scrollbar { display: none; }
.mm-topnav a {
  position: relative; flex: none;
  padding: 8px 16px; border-radius: 999px;
  font-family: "Nunito", Arial, sans-serif; font-weight: 700; font-size: 17px; line-height: 1.3;
  color: #2f3a24 !important; text-decoration: none !important; text-shadow: none;
  transition: color .25s, background-color .25s;
}
.mm-topnav a::after {
  content: ""; position: absolute; left: 16px; right: 16px; bottom: 4px; height: 3px;
  border-radius: 3px; background: #f08a12;
  transform: scaleX(0); transform-origin: left;
  transition: transform .35s cubic-bezier(.22, 1, .36, 1);
}
.mm-topnav a:hover { color: #4f6a1c !important; background: #f1f6e6; }
.mm-topnav a:hover::after,
.mm-topnav a[aria-current="page"]::after { transform: scaleX(1); }
.mm-topnav a[aria-current="page"] { background: #f1f6e6; }
@media (prefers-reduced-motion: reduce) {
  .mm-topnav a, .mm-topnav a::after { transition: none; }
}

/* ==========================================================================
   КНОПКА ДЕНЬ / НОЧЬ
   ========================================================================== */
.mm-daynight {
  position: relative; flex: none; margin-left: auto;
  width: 74px; height: 36px; padding: 0; border: 0; border-radius: 999px; cursor: pointer;
  background: linear-gradient(90deg, #8fd3f4, #cfeefe);
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, .15);
  transition: background .6s;
}
.mm-daynight span { position: absolute; top: 50%; line-height: 1; font-size: 17px; transform: translateY(-50%); }
.mm-daynight__sun { left: 9px; color: #f2b705; }
.mm-daynight__moon { right: 10px; color: #3f6c96; }
.night .mm-daynight__moon { color: #fff3b0; }
.mm-daynight__knob {
  left: 4px; width: 28px; height: 28px; border-radius: 50%;
  background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
  transition: left .5s cubic-bezier(.34, 1.56, .64, 1), background-color .5s;
}
.mm-daynight:hover .mm-daynight__knob { transform: translateY(-50%) scale(1.08); }
.night .mm-daynight { background: linear-gradient(90deg, #0b1f3a, #1d4e7a); }
.night .mm-daynight__knob { left: 42px; background: #fdf3c4; box-shadow: 0 0 12px rgba(253, 243, 196, .8); }

/* плавная смена темы */
.mm-theme-switching, .mm-theme-switching * { transition: background-color .8s, color .8s, border-color .8s !important; }

/* ==========================================================================
   ДНЕВНАЯ ШАПКА — АНИМАЦИЯ
   ========================================================================== */
#statick-header { overflow: hidden; }
#statick-header .header-center { animation: mm-float 7s ease-in-out infinite; }
#statick-header .header-right { transform-origin: 100% 15%; animation: mm-sway 6s ease-in-out infinite; }
#statick-header .pos-help, #statick-header .pos-forum { transition: transform .35s cubic-bezier(.34, 1.56, .64, 1); }
#statick-header .pos-help:hover, #statick-header .pos-forum:hover { transform: scale(1.15) rotate(-4deg); }
#statick-header .pos-logo img { transition: transform .6s cubic-bezier(.34, 1.56, .64, 1); }
#statick-header .pos-logo:hover img { transform: rotate(-6deg) scale(1.04); }
/* мерцающие кружочки и звёздочки */
#statick-header::after {
  content: ""; position: absolute; inset: 0; z-index: 4; pointer-events: none;
  background:
    radial-gradient(circle, rgba(255,255,255,.95) 0 3px, transparent 4px) 22% 18% / 100% 100% no-repeat,
    radial-gradient(circle, rgba(255,255,255,.9) 0 2px, transparent 3px) 47% 70% / 100% 100% no-repeat,
    radial-gradient(circle, rgba(255,255,255,.9) 0 3px, transparent 4px) 66% 12% / 100% 100% no-repeat,
    radial-gradient(circle, rgba(255,255,255,.8) 0 2px, transparent 3px) 83% 82% / 100% 100% no-repeat;
  animation: mm-twinkle 4s ease-in-out infinite;
}

/* ==========================================================================
   НОЧНОЙ ДИЗАЙН (по макету: летающий остров, луна, звёзды, подводный мир)
   ========================================================================== */
.night .mm-topnav { background: rgba(9, 28, 52, .85); border-bottom-color: rgba(255, 255, 255, .08); }
.night .mm-topnav a { color: #d6e6f2 !important; }
.night .mm-topnav a:hover,
.night .mm-topnav a[aria-current="page"] { color: #fff !important; background: rgba(255, 255, 255, .1); }
.night .mm-topnav a::after { background: #f2c94c; }

.night #statick-header {
  height: 400px;
  background: #0d2a4a url(/images/night/night_alt-header.jpg) center bottom / cover no-repeat;
}
.night #statick-header .header-left,
.night #statick-header .header-center,
.night #statick-header .header-right { background-image: none !important; animation: none; }
.night #statick-header .pos-logo { opacity: 0; }   /* логотип уже нарисован на ночной картинке */
.night #statick-header .pos-forum,
.night #statick-header .pos-help { color: #f2c94c; }
.night #statick-header .header-left { height: 400px; }
.night #statick-header .pos-login, .night #statick-header .pos-reg { color: #9fd3ea; }
/* звёзды мерцают */
.night #statick-header::before,
.night #statick-header::after {
  content: ""; position: absolute; inset: 0; z-index: 4; pointer-events: none;
  background-image:
    radial-gradient(circle, #fff 0 1.5px, transparent 2.5px),
    radial-gradient(circle, #fff 0 1px, transparent 2px),
    radial-gradient(circle, #cfe8ff 0 2px, transparent 3px);
  background-size: 230px 170px, 310px 130px, 470px 260px;
  background-position: 30px 20px, 140px 60px, 260px 10px;
  -webkit-mask-image: linear-gradient(#000 55%, transparent 80%);
  mask-image: linear-gradient(#000 55%, transparent 80%);
  animation: mm-twinkle 3.2s ease-in-out infinite;
}
.night #statick-header::after { background-position: 120px 90px, 40px 10px, 370px 140px; animation-delay: -1.6s; }
/* сияние луны */
.night #statick-header .header-right::before {
  content: ""; position: absolute; right: 6%; top: 18%; width: 300px; height: 300px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 244, 196, .55), rgba(120, 190, 255, .15) 45%, transparent 70%);
  animation: mm-moon 5s ease-in-out infinite;
}
/* падающая звезда */
.night #statick-header .header-center::after {
  content: ""; position: absolute; top: 40px; left: -40%; width: 120px; height: 2px;
  background: linear-gradient(90deg, transparent, #fff);
  transform: rotate(-18deg);
  animation: mm-shoot 9s linear infinite;
}
.night body, body.night { background-color: #0e2a47; }

/* ==========================================================================
   КЛЮЧЕВЫЕ КАДРЫ
   ========================================================================== */
@keyframes mm-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes mm-sway { 0%, 100% { transform: rotate(0); } 50% { transform: rotate(-1.6deg); } }
@keyframes mm-twinkle { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@keyframes mm-moon { 0%, 100% { opacity: .7; transform: scale(1); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes mm-shoot {
  0%, 80% { left: -40%; opacity: 0; }
  82% { opacity: 1; }
  92% { left: 120%; opacity: 0; }
  100% { left: 120%; opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #statick-header *, #statick-header::before, #statick-header::after,
  .night #statick-header .header-center::after { animation: none !important; }
}