/* ============================================================
 * donor-sizes.css
 * #top-menu — два состояния:
 *   - обычное (белый фон):  height 44px, бургер 44x44, чёрный фон кнопки,
 *                           белые чёрточки
 *   - is-scrolled / p2-tm-fixed (чёрный фон):  height 50px, бургер 50x50,
 *                           жёлтый фон кнопки, чёрные чёрточки
 * ============================================================ */

/* ------------------------------------------------------------
 * 1. Высота панели
 * ------------------------------------------------------------ */
#top-menu {
    height: 44px !important;
}
#top-menu .wrap.clearfix {
    height: 44px !important;
    align-items: center !important;
}

#top-menu.is-scrolled {
    height: 50px !important;
}
#top-menu.is-scrolled .wrap.clearfix {
    height: 50px !important;
    align-items: center !important;
}

/* ------------------------------------------------------------
 * 2. Бургер — ОБЫЧНОЕ состояние (белый фон панели):
 *    44×44, чёрный фон, белые чёрточки
 * ------------------------------------------------------------ */
#top-menu .open-menu {
    width: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    background: #000 !important;
    color: #fff !important;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease !important;
}
#top-menu .open-menu .open-menu-icon {
    width: 30px !important;
    height: 30px !important;
    stroke: #fff !important;
    stroke-width: 2 !important;
    display: block !important;
    color: #fff !important;
}
#top-menu .open-menu:hover,
#top-menu .open-menu:focus-visible {
    background: #1a1a1a !important;
    border-color: #1a1a1a !important;
}

/* ------------------------------------------------------------
 * 3. Бургер — is-scrolled / p2-tm-fixed (чёрный фон панели):
 *    50×50, жёлтый фон, чёрные чёрточки
 * ------------------------------------------------------------ */
#top-menu.is-scrolled .open-menu,
body.p2-tm-fixed #top-menu .open-menu {
    width: 50px !important;
    height: 50px !important;
    background: #fed500 !important;
    border-color: #fed500 !important;
    color: #000 !important;
}
#top-menu.is-scrolled .open-menu .open-menu-icon,
body.p2-tm-fixed #top-menu .open-menu .open-menu-icon {
    width: 30px !important;
    height: 30px !important;
    stroke: #000 !important;
    color: #000 !important;
}
#top-menu.is-scrolled .open-menu:hover,
#top-menu.is-scrolled .open-menu:focus-visible,
body.p2-tm-fixed #top-menu .open-menu:hover,
body.p2-tm-fixed #top-menu .open-menu:focus-visible {
    background: #e6c100 !important;
    border-color: #e6c100 !important;
    color: #000 !important;
}

/* --- 4. Заголовки в .p2-contacts — как .left-menu-item h4 --- */
.p2-contacts__heading,
.p2-contacts__section h3 {
    font-family: "Capture", sans-serif !important;
    font-weight: 10 !important;
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: var(--donor-yellow, #fed500) !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
}

/* --- 5. Padding в правой выдвижной панели (modal--drawer) --- */
.modal--drawer .modal__body {
    padding: 28px !important;
}