/*!
Theme Name: child-it-news-grid-medhand
Description: Child theme for MedHand
Template: it-news-grid
*/

/* уменьшить шрифт и сделать подменю в 2 колонки на десктопе */
#menu-desktop > li > ul.sub-menu {
    font-size: 13px; /* уменьшенный шрифт */
  }



@media (min-width: 992px) {
  /* третий уровень подменю: корневой ul > li > ul.sub-menu > li > ul.sub-menu */
  #menu-desktop > li > ul.sub-menu > li > ul.sub-menu {
    column-count: 2;
    font-size: 13px;
    column-gap: 0px;
    white-space: normal;

  }
}

/* десктоп: третий уровень подменю — 1 или 2 колонки по месту, пункты не дробить */
@media (min-width: 992px) {


  #menu-desktop > li > ul.sub-menu > li > ul.sub-menu li {
    display: flex;             
    width: 100%;                     
     break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    overflow-wrap: anywhere;
  }


}

/* Убираем рамки у кнопок третьего уровня меню */
@media (min-width: 992px) {
  #menu-desktop > li > ul.sub-menu > li > ul.sub-menu li {
    border: none; /* Убираем рамки у <li> */
  }

  #menu-desktop > li > ul.sub-menu > li > ul.sub-menu li > a {
    border: none; /* Убираем рамки у ссылок */
  }
}

#masthead .custom-logo-link img {
    padding: 0em 0 !important;
}

.header-image,
.header-image-fullwidth {
    height: 100px !important; /* поменяй на нужное значение */
    min-height: 100px !important;
    padding: 0;
    display: flex;
    align-items: center; /* вертик. выравнивание содержимого */
}

.header-image-fullwidth {
    position: relative;
    width: 100%;
    padding: 0px 0;
    background-size: cover;
    background-position: center;
}
.header-image-fullwidth .header-image-inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.25);
    z-index: 1;
    pointer-events: none;
}
.site-branding { max-width: 60%; }
.header-contacts { min-width: 220px; text-align: right; color: #fff; }
.header-contacts .contact-phone,
.header-contacts .contact-email,
.header-contacts .contact-hours { margin-bottom: 0px; }
.header-contacts a { color: inherit; text-decoration: none; font-weight: 600; }


#footer-sidebar.widget-area {
    background-color: #c8102e;
    border-top: none;
    color: #fff;
}
#footer-sidebar .footer-column {
    padding: 0px 15px;
}
#footer-sidebar a {
    color: #fff;
}

/* footer color / style */
#colophon.site-footer {
    background-color: #d8d8d8;
    color: #fff;
    border-top: none;
}

.nav-wrapper {
    background-color: #c8102e !important;
    z-index: 50;

}

/* Уменьшить и скорректировать описание сайта на мобильных */
.site-branding .site-description {
    font-size: 14px;
    line-height: 1.25;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* Уменьшить и скорректировать описание сайта на мобильных */
.site-branding .site-description {
    font-size: 14px;
    line-height: 1.25;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* Меньше на небольших экранах */
@media (max-width: 767.98px) {
    .site-branding .site-description {
        font-size: 12px !important;
        line-height: 1.15 !important;
        margin-top: 6px;
    }

    /* опционально: уменьшить логотип, чтобы описание влезало */
    .site-branding .custom-logo,
    .site-branding .custom-logo-link img {
        max-height: 48px;
        height: auto;
        width: auto;
        max-width: 60%;
    }
}

#header-image.header-image-fullwidth {
    background-color: #d8d8d8 !important; /* укажи свой цвет */
    background-image: none !important;   /* убирает фон‑картинку если есть */
}

/* отключить/скорректировать затемнение overlay (если нужно) */
#header-image.header-image-fullwidth .header-overlay {
    background: rgba(0,0,0,0) !important; /* или rgba(0,0,0,0.2) для лёгкого затемнения */
}

#header-image.header-image-fullwidth,
#header-image.header-image-fullwidth .site-branding,
#header-image.header-image-fullwidth .header-contacts {
    color: #212121 !important;
    /* #64666a */
}

#header-image.header-image-fullwidth .site-branding .site-description {
    color: #212121 !important; /* поменяй на нужный цвет */
}

#colophon.site-footer .site-info {
    color: #212121 !important; /* нужный цвет текста */
}

#colophon.site-footer .site-info a {
    color: #212121 !important; /* цвет ссылок внутри блока */
    text-decoration: none;
}

section.widget_block.widget_text[id^="block-"],
section[id^="block-"].widget,
[id^="block-"] {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


#footer-sidebar.widget-area .widget.widget_block.widget_text,
#footer-sidebar .widget.widget_block.widget_text,
.widget-area:not(#header-widget-wrapper) .widget.widget_block.widget_text,
section.widget.widget_block.widget_text,
.widget.widget_block.widget_text,
.widget_block.widget_text,
section.widget.widget_block.widget_text::before,
section.widget.widget_block.widget_text::after,
.widget.widget_block.widget_text * {
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
    background-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Снять рамки/тени/фон у медиа‑виджетов (например block-24) */
#footer-sidebar.widget-area .widget.widget_media_image,
.widget-area:not(#header-widget-wrapper) .widget.widget_media_image,
section.widget.widget_media_image,
.widget.widget_media_image,
.widget_media_image,
[id^="block-"].widget_media_image,
[id^="block-"].widget_media_image *,
[id^="block-"] .wp-block-image,
[id^="block-"] .wp-block-image * {
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
    background-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Меньше паддинга у виджетов в футере */
#footer-sidebar {
    padding: 15px 0px !important;
}

/* Центрировать картинки в медиа‑виджетах футера */
#footer-sidebar .widget_media_image .wp-block-image,
#footer-sidebar .widget_media_image .wp-block-image figure,
#footer-sidebar .widget_media_image .wp-block-image figure.aligncenter,
#footer-sidebar .widget_media_image .wp-block-image .aligncenter {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
}
#footer-sidebar .widget_media_image .wp-block-image img {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100%;
    height: auto !important;
}


/* К низу сайта прижать футер, даже если контента мало */
#page { min-height: 100vh !important; display: flex !important; flex-direction: column !important; }
#content-wrapper { flex: 1 0 auto !important; }
#footer-sidebar, #colophon { flex-shrink: 0 !important; }