/* ==========================================================================
   Desktop overrides — exact copy from dpss.gov.ua stylesheets
   Only image paths adjusted: ../themes/odv/assets/images/ → ../images/
   ========================================================================== */

/*
 * Team section: remove underline from person-name links (nir-specific).
 */
.team .team-item .name {
    text-decoration: none;
    border-bottom: none;
}
.editor-content .team .team-item .name {
    text-decoration: none;
    border-bottom: none;
}
.editor-content .team .team-item .name:hover {
    text-decoration: none;
    border-bottom: none;
}
.team .team-item .name .person-name {
    text-decoration: none;
    border-bottom: none;
}

/* Team page: extra <div> between .row.team-row and .col-md-4 breaks BS5 flex */
.team .team-row > div {
    display: flex;
    flex-wrap: wrap;
}

/* ==========================================================================
   Profile page (KMU-style person page)
   ========================================================================== */
.page-content.gov-container { padding: 0 40px; }
.page-content .page-title { text-align: center; }
.page-content .heading-1 { font-size: 30px; font-weight: 600; font-family: ProbaPro; margin: 0; padding-bottom: 15px; }
.page-content .divider { border: 0; border-top: 1px solid #d3d5d9; margin-bottom: 30px; }

/* Profile photo — match KMU size, override body HTML inline styles */
.page-content .team .team-item .photo {
    width: 145px !important;
    height: 145px !important;
    background-color: transparent;
    background-position: center top !important;
}

/* Profile name — not a link on own page, use KMU black color */
.page-content .team .team-item .name {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
}

@media (max-width: 991px) { .page-content.gov-container { padding: 0 15px; } }

/* ==========================================================================
   Editor content tables — card-style (replaces raw Google Sheets tables)
   ========================================================================== */
.editor-content h2 {
    background: #234161;
    color: #fff;
    padding: 14px 20px;
    margin: 30px 0 0;
    border-radius: 8px 8px 0 0;
    font-size: 18px;
    font-weight: 600;
    font-family: ProbaPro;
}

.editor-content h2:first-child { margin-top: 0; }

.editor-content h2 + table { margin-top: 0; border-top: none; border-radius: 0 0 8px 8px; }

.editor-content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
    font-size: 14px;
    table-layout: fixed;
}

.editor-content table colgroup { display: none; }

.editor-content table tr:first-child td {
    background: #3a6a9e;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 10px 12px;
    border-color: #4a7ab0;
}

.editor-content table td {
    padding: 10px 12px;
    border: 1px solid #e9ecef;
    vertical-align: top;
    line-height: 1.5;
    word-wrap: break-word;
}

.editor-content table tr:nth-child(even):not(:first-child) { background: #f8f9fa; }
.editor-content table tr:hover:not(:first-child) { background: #eef2f8; }

.editor-content table[border] { border: none; }

@media (max-width: 767px) {
    .editor-content table { font-size: 13px; }
    .editor-content table td { padding: 8px 8px; }
    .editor-content { overflow-x: auto; }
}

/* ==========================================================================
   Editor content document lists — card-style
   ========================================================================== */
.editor-content > ul,
.editor-content > div > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.editor-content > ul > li,
.editor-content > div > ul > li {
    background: #fff;
    border: 1px solid #dee2e6;
    border-left: 4px solid #2d5ca6;
    border-radius: 4px;
    padding: 14px 20px;
    margin-bottom: 10px;
    transition: box-shadow 0.2s, border-color 0.2s;
}

.editor-content > ul > li:hover,
.editor-content > div > ul > li:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border-left-color: #ffcc00;
}

.editor-content > ul > li > a,
.editor-content > div > ul > li > a {
    color: #2d5ca6;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.5;
    display: block;
}

.editor-content > ul > li > a:hover,
.editor-content > div > ul > li > a:hover { text-decoration: underline; }

.editor-content > ul > li > a::before,
.editor-content > div > ul > li > a::before {
    content: "\f1c1";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
    color: #c0392b;
    font-size: 14px;
}

/* Nested sub-links (оголошення, etc.) */
.editor-content > ul > li > ul {
    list-style: none;
    padding: 0;
    margin: 8px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.editor-content > ul > li > ul > li { margin: 0; padding: 0; border: none; background: none; }

.editor-content > ul > li > ul > li > a {
    display: inline-flex;
    align-items: center;
    background: #eef2f8;
    color: #2d5ca6;
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s;
}

.editor-content > ul > li > ul > li > a:hover { background: #d6e4f5; }

.editor-content > ul > li > ul > li > a::before {
    content: "\f019";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 6px;
    font-size: 11px;
}

/* Search form nav tabs — exact KMU computed styles */
.search-form .nav.btns-wrap { display: flex; align-items: center; padding: 0 0 0 20px; margin: 25px 0 20px; }
.search-form .nav-link { background: transparent; border: none; border-radius: 0; color: #ffffff; padding: 5px 19px; font-family: ProbaPro; font-weight: 400; font-size: 18px; cursor: pointer; text-decoration: underline 0.5px dashed; line-height: 27px; }
.search-form .nav-link.active { background: rgb(45, 92, 166); color: #ffffff; text-decoration: none; border-radius: 20px; }
.search-form .or { color: #ffffff; margin: 0 15px; font-family: ProbaPro; font-size: 18px; }

/* .wcag-btn, .wcag-btn-search — defined in wcag-components.css */

/* Search form layout — exact KMU spacing */
.search-form .tab-content { padding: 0 24px; }
.search-form form.row { align-items: flex-end; }

/* ==========================================================================
   header .header-bg
   ========================================================================== */
header .header-bg { background: rgb(35, 65, 97); padding: 25px 40px 5px; }

@media screen and (max-width: 991px) {
  header .header-bg { padding: 0px 0px 30px; }
}

/* ==========================================================================
   accessibility icon (KMU style)
   ========================================================================== */
.accessibility-icon { color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; line-height: 24px; display: flex; align-items: center; text-decoration: none; background: none; border: none; padding: 0; cursor: pointer; font-family: inherit; outline: none; }
.accessibility-icon:hover { color: rgb(255, 227, 88); }
.accessibility-icon.header-action-btn::before { display: none; }
.accessibility-icon::before { content: ""; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzgyN181MDE0KSI+CjxtYXNrIGlkPSJtYXNrMF84MjdfNTAxNCIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxwYXRoIGQ9Ik0yNCAwSDBWMjRIMjRWMFoiIGZpbGw9IndoaXRlIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF84MjdfNTAxNCkiPgo8cGF0aCBkPSJNMTAuNDM5MiAzLjY5ODAxQzEwLjQzMSA0LjY5MTggOS42MTgzMyA1LjQ5MDQ3IDguNjIyNjYgNS40ODMzQzcuNjI3IDUuNDc2MTIgNi44MjQxOSA0LjY2NTggNi44MjgxNCAzLjY3MTk5QzYuODMyMDkgMi42NzgxOCA3LjY0MTMxIDEuODc2MDIgOC42MzY5OSAxLjg3ODkxQzkuNjMyNjcgMS44ODE4MSAxMC40MzkgMi42ODg2OCAxMC40MzkzIDMuNjgyNSIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTcuMTQ4NDQgNC42MDQ0OUw3LjkxNTQxIDEzLjUyODFMMTQuNDU0OSAxMy40ODczTDE2Ljk5OCAxOS42NDAxTDIwLjA2NTkgMTguNjYyMkwxOS40MiAxNy4xMTM4TDE3Ljg0NTcgMTcuNTIxM0wxNS41ODUyIDExLjg5ODJIOS40ODk3M1YxMC42MzUxSDEzLjEyMjhWOS4wMDUxN0g5LjA0NTY5TDguOTY0OTYgNS40NjAxOCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTYuOTQ5OCA5LjEzNDc3Qy0yLjU0MTYxIDE1LjU3MDYgOS4zOTM4MiAyNy41NDQxIDE1LjY2ODMgMTguNTAwMUwxNC45NzYgMTYuMDk2NUMxMi4xODU5IDIzLjg2ODEgMC44MDAzNSAxNy42MTQgNy4wNjUxOSAxMS4yNDcxTDYuOTQ5OCA5LjEzNDc3WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzgyN181MDE0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo="); background-size: contain; background-repeat: no-repeat; width: 24px; height: 24px; min-width: 24px; margin-right: 5px; display: block; }

/* ==========================================================================
   header-menu-close (X button)
   ========================================================================== */
header .header-menu-close { width: 31px; height: 31px; cursor: pointer; background: none; background-position: center center; background-repeat: no-repeat; background-size: 16px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMiAxMy40MTQgNi4yOTMgNi4yOTMgMS40MTQtMS40MTRMMTMuNDE0IDEybDYuMjkzLTYuMjkzLTEuNDE0LTEuNDE0TDEyIDEwLjU4NiA1LjcwNyA0LjI5MyA0LjI5MyA1LjcwNyAxMC41ODYgMTJsLTYuMjkzIDYuMjkzIDEuNDE0IDEuNDE0TDEyIDEzLjQxNFoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4="); border: 2px solid rgb(45, 92, 166); border-radius: 0; padding: 0; transition: 0.2s ease-in-out; }
header .header-menu-close:hover { border-color: rgb(255, 255, 255); }

/* ==========================================================================
   header-search-btn
   ========================================================================== */
header .header-search-btn { font-weight: 600; display: flex; align-items: center; justify-content: center; padding: 10px 15px; color: rgb(255, 255, 255); background: transparent; border: 0; cursor: pointer; font-family: ProbaPro; font-size: 18px; }

header .header-search-btn::before { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjA2NTQgMTguNTc1TDE2LjA2NTQgMTQuNTc1QzE3LjQ5MDggMTIuNzY4NSAxOC4xNzAxIDEwLjQ4NDcgMTcuOTYzNyA4LjE5MjgyQzE3Ljc1NzMgNS45MDA5NyAxNi42ODA5IDMuNzc1MjIgMTQuOTU1NyAyLjI1MjQ1QzEzLjIzMDUgMC43Mjk2OSAxMC45ODc1IC0wLjA3NDQwNTkgOC42ODc3OSAwLjAwNTQyMjE0QzYuMzg4MDQgMC4wODUyNTAyIDQuMjA2MjMgMS4wNDI5NCAyLjU5MDc1IDIuNjgxNjZDMC45NzUyNjcgNC4zMjAzOSAwLjA0ODg0NSA2LjUxNTY2IDAuMDAxODc2ODYgOC44MTYzMUMtMC4wNDUwOTEzIDExLjExNyAwLjc5MDk2MyAxMy4zNDgyIDIuMzM4MjIgMTUuMDUxNUMzLjg4NTQ3IDE2Ljc1NDggNi4wMjYzOCAxNy44MDA3IDguMzIwOTUgMTcuOTc0NEMxMC42MTU1IDE4LjE0OCAxMi44ODk0IDE3LjQzNjEgMTQuNjc1NCAxNS45ODVMMTguNjc1NCAxOS45ODVDMTguODY5IDIwLjEyODEgMTkuMTA3NyAyMC4xOTY2IDE5LjM0NzcgMjAuMTc3OEMxOS41ODc3IDIwLjE1OSAxOS44MTI5IDIwLjA1NDMgMTkuOTgxOSAxOS44ODI5QzIwLjE1MDkgMTkuNzExNCAyMC4yNTI0IDE5LjQ4NDggMjAuMjY3NyAxOS4yNDQ1QzIwLjI4MzEgMTkuMDA0MyAyMC4yMTEyIDE4Ljc2NjUgMjAuMDY1NCAxOC41NzVaTTkuMDY1MzYgMTUuOTg1QzcuNjgwOSAxNS45ODUgNi4zMjc1MiAxNS41NzQ1IDUuMTc2MzcgMTQuODA1M0M0LjAyNTIzIDE0LjAzNjEgMy4xMjgwMiAxMi45NDI5IDIuNTk4MjEgMTEuNjYzOEMyLjA2ODM5IDEwLjM4NDcgMS45Mjk3NyA4Ljk3NzI0IDIuMTk5ODcgNy42MTkzOEMyLjQ2OTk2IDYuMjYxNTEgMy4xMzY2NSA1LjAxNDIzIDQuMTE1NjIgNC4wMzUyNkM1LjA5NDU4IDMuMDU2MjkgNi4zNDE4NyAyLjM4OTYxIDcuNjk5NzMgMi4xMTk1MUM5LjA1NzYgMS44NDk0MSAxMC40NjUxIDEuOTg4MDQgMTEuNzQ0MSAyLjUxNzg1QzEzLjAyMzIgMy4wNDc2NiAxNC4xMTY1IDMuOTQ0ODcgMTQuODg1NyA1LjA5NjAyQzE1LjY1NDggNi4yNDcxNiAxNi4wNjU0IDcuNjAwNTQgMTYuMDY1NCA4Ljk4NTAxQzE2LjA2NTQgMTAuODQxNSAxNS4zMjc5IDEyLjYyMiAxNC4wMTUxIDEzLjkzNDhDMTIuNzAyNCAxNS4yNDc1IDEwLjkyMTkgMTUuOTg1IDkuMDY1MzYgMTUuOTg1WiIgZmlsbD0iI0IyQjhCRiIvPgo8L3N2Zz4K"); width: 20px; height: 25px; margin-right: 10px; }

/* ==========================================================================
   menu-desktop-wrap
   ========================================================================== */
#menuDesktop { position: relative; }
header .menu-container .menu-desktop-wrap { position: static; max-width: calc(100% - 280px); }

/* ==========================================================================
   header .menu-container .menu
   ========================================================================== */
header .menu-container .menu { margin: 5px -15px 0; float: none; padding-top: 0; left: auto; position: static; }

@media (min-width: 992px) {
  header .menu-container .menu { height: 56px; overflow: hidden; }
}

header .menu-container .menu.active { height: auto; }

header .menu-container .menu:has(.showSubmenu.active) { overflow: visible; }

header .menu-container .menu a,
header .menu-container .menu button.showSubmenu { display: inline-block; color: rgb(255, 255, 255); font-size: 100%; font-family: ProbaPro; font-weight: 600; letter-spacing: 0px; padding: 19px 15px; text-underline-offset: 5px; transition: 0.2s ease-in-out; background: none; border: none; cursor: pointer; }

@media (max-width: 991.98px) {
  header .menu-container .menu a,
  header .menu-container .menu button.showSubmenu { display: block; }
}

header .menu-container .menu a:hover,
header .menu-container .menu button.showSubmenu:hover { color: rgb(255, 227, 88); text-decoration: underline !important; text-underline-offset: 5px; }

header .menu-container .menu a:focus,
header .menu-container .menu button.showSubmenu:focus { outline-offset: -3px; outline-color: rgb(255, 255, 255) !important; }

header .menu-container .menu a span { border: none !important; }

header .menu-container .menu .more-dropdown { position: absolute; display: none; background: white; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px; z-index: 999; }

header .menu-container .menu .more-menu:hover .more-dropdown { display: block; }

header .menu-container .menu .more-toggle { background: none; border: none; cursor: pointer; }

/* ==========================================================================
   submenu dropdown
   ========================================================================== */
header .menu-container .submenu { display: none; position: absolute; left: -58px; right: -28px; top: 61px; width: auto; padding-left: 83px; padding-top: 20px; padding-bottom: 25px; background-color: #273043; z-index: 3; }

@media screen and (max-width: 1240px) {
  header .menu-container .submenu { top: 60px; }
}

header .menu-container .submenu_child { display: block; margin-top: 15px; margin-bottom: 30px; padding-top: 4px !important; padding-bottom: 2px !important; }

header .menu-container .submenu_child:hover { color: rgb(255, 227, 88); text-decoration: underline; text-underline-offset: 5px; }

header .menu-container .submenu_child:focus { outline-color: rgb(255, 255, 255) !important; }

header .menu-container .submenu .submenu-container a { padding: 10px 15px; color: rgb(255, 255, 255); font-size: 100%; transition: 0.2s ease-in-out; }

header .menu-container .submenu .submenu-container a:hover { color: rgb(255, 227, 88); }

/* ==========================================================================
   showSubmenu (active menu item)
   ========================================================================== */
header .menu-container .showSubmenu { height: inherit; border-bottom: 3px solid transparent !important; }

header .menu-container .showSubmenu.active { color: rgb(255, 227, 88); background-color: rgb(39, 48, 67); border-bottom-color: rgb(255, 227, 88); outline: 3px solid rgb(255, 255, 255); outline-offset: -3px; text-decoration: underline; text-underline-offset: 5px; }

header .menu-container .showSubmenu.active + .submenu { display: block; }

@media (max-width: 991.98px) {
  header .menu-container .showSubmenu { border-bottom: none; }
}

header .menu-container .showSubSubmenu.active + .sub-submenu { display: block; }

/* ==========================================================================
   search-form
   ========================================================================== */
.search-form { position: absolute; left: 0px; right: 0px; width: auto; padding: 20px 20px 50px 25px; background-color: rgb(39, 48, 67); z-index: 3; transition: 0.5s ease-in-out; }

@media screen and (max-width: 991px) {
  .search-form { top: 0px; width: 100%; height: 100vh; z-index: 1036; overflow: hidden scroll; }
  .search-form::-webkit-scrollbar { width: 0px; }
}

@media screen and (max-width: 500px) {
  .search-form { padding-bottom: 0px; }
}

.search-form label { width: 100%; color: rgb(255, 255, 255); display: block; font-family: ProbaPro; font-weight: 600; font-size: 16px; line-height: 16px; margin: 0; }

@media screen and (max-width: 991px) {
  .search-form label { margin-bottom: 15px; }
}

.search-form .input { width: 100%; display: block; background-color: rgb(255, 255, 255); height: 50px; border: none; color: rgb(0, 0, 0); padding-left: 8px; margin-top: 10px; font-size: 16px; font-weight: 400; line-height: 24px; }

.search-form .input::placeholder { font-size: 16px; font-weight: 400; line-height: 24px; }

.search-form .submit-label { color: rgb(0, 0, 0); }

.search-form .submit-label::after { z-index: 1; content: ""; position: absolute; left: 50px; top: 40px; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url('../images/NewIcons/icn-search-black.svg'); }

.search-form .search-btn { position: relative; display: block; float: left; margin-right: 30px; height: 50px; width: 100%; margin-top: 28px; text-align: center; font-family: ProbaPro; font-weight: 600; background: rgb(255, 227, 88); border: none; letter-spacing: 0px; line-height: 39px; padding-left: 20px; }

.search-form { display: none; }

.search-form .d-flex.px-3 { display: flex !important; justify-content: flex-end; padding: 0 16px; }

.search-btn.active + .search-form { display: block; }

.close-icon { margin-right: 20px; margin-top: 10px; width: 21px; height: 21px; cursor: pointer; background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url('../images/icons/icn-closemenu.png'); }

/* ==========================================================================
   menu-desktop
   ========================================================================== */
.menu-desktop { display: flex; align-items: flex-start; width: auto; position: relative; }

/* Ensure menu-desktop-wrap has BS5 column-like padding */
#menuDesktop .menu-desktop-wrap { padding-left: 12px; padding-right: 12px; }

/* ==========================================================================
   socials-search-wrap
   ========================================================================== */
.socials-search-wrap { width: 260px; align-items: center; justify-content: end; margin-right: -20px; margin-top: 5px; margin-left: 70px; padding-left: 12px; padding-right: 12px; }

.socials-search-wrap .header-search-btn { margin-left: 20px; text-underline-offset: 5px; }

.socials-search-wrap .header-search-btn:hover { text-decoration: underline; }

@media (max-width: 1199.98px) {
  .socials-search-wrap .socials-link { margin-left: 4px; }
  .socials-search-wrap .header-search-btn { margin-left: 10px; }
}

/* ==========================================================================
   show_more
   ========================================================================== */
.show_more { position: absolute; top: 32px; transform: translateY(-50%); right: 260px; width: 30px; height: 30px; cursor: pointer; z-index: 1; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiA1Ljk5Ij4gICAgPHRpdGxlPmV4cGFuZNCg0LXRgdGD0YDRgSAxPC90aXRsZT4gICAgPGRlZnM+ICAgICAgICA8c3R5bGU+LmNscy0xe2ZpbGw6IzhhOTZhNTt9PC9zdHlsZT4gICAgPC9kZWZzPiAgICA8ZyBpZD0i0KHQu9C+0LlfMiIgZGF0YS1uYW1lPSLQodC70L7QuSAyIj4gICAgICAgIDxnIGlkPSLQodC70L7QuV8xLTIiIGRhdGEtbmFtZT0i0KHQu9C+0LkgMSI+ICAgICAgICAgICAgPGcgaWQ9IkxheWVyXzEwIiBkYXRhLW5hbWU9IkxheWVyIj4gICAgICAgICAgICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMy42LDUsMCwxLjQxVjBIMS40MUw1LDMuNThhMS40MiwxLjQyLDAsMCwwLDIsMEwxMC41OSwwSDEyVjEuNDFMOC40LDVBMy40LDMuNCwwLDAsMSwzLjYsNVoiLz4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4="); background-size: 50%; background-repeat: no-repeat; background-position: center center; transition: transform 0.3s; border: none; padding: 0; background-color: transparent; }

.show_more_replasedMenuItems { max-height: 0px; overflow: hidden; display: block; width: 100%; transition: max-height 0.3s, margin 0.3s; }

.show_more_replasedMenuItems li { display: inline-block; background-color: transparent; }

.show_more_replasedMenuItems li + li { padding-left: 30px; }

.show_more_replasedMenuItems li a { color: rgb(255, 255, 255); padding: 0px; font-size: 100%; font-family: ProbaPro; font-weight: 600; }

.show_more.active { transform: rotate(180deg) translateY(50%); }

.show_more.active + .show_more_replasedMenuItems { max-height: 85px; margin-top: 30px; overflow: inherit; }

/* ==========================================================================
   socials-link
   ========================================================================== */
.socials-link { display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center center; border-radius: 8px; transition: opacity 0.25s; margin-left: 3px; }

.socials-link:first-child { margin-left: 0px; }

.socials-link:hover { opacity: 0.7; }

.socials-link:focus { outline-offset: 2px; outline: rgb(0, 115, 230) solid 3px !important; }

.socials-link-facebook-square { background-image: url('../images/icons/socials/fb.svg'); }

.socials-link-youtube-play { background-image: url('../images/icons/socials/yt.svg'); }

.socials-link-instagram { background-image: url('../images/icons/socials/in.svg'); }

.socials-link-x, .socials-link-twitter { background-image: url('../images/icons/socials/tw.svg'); }

.socials-link-telegram { background-image: url('../images/icons/socials/tg.svg'); }

.socials-link-linkedin { background-image: url('../images/icons/socials/linkedin.svg'); }

.socials-link-tiktok { background-image: url('../images/icons/socials/tiktok.svg'); }

.socials-dark-theme .socials-link:first-child { margin-left: 0px; }

.socials-dark-theme .socials-link:hover { opacity: 0.7; }

.socials-dark-theme .socials-link:focus { box-shadow: rgba(211, 212, 213, 0.5) 0px 0px 0px 0.25rem; }

.socials-dark-theme .socials-link-facebook-square { background-image: url('../images/icons/socials/fb-dark.svg'); }

.socials-dark-theme .socials-link-youtube-play { background-image: url('../images/icons/socials/yt-dark.svg'); }

.socials-dark-theme .socials-link-instagram { background-image: url('../images/icons/socials/in-dark.svg'); }

.socials-dark-theme .socials-link-x, .socials-dark-theme .socials-link-twitter { background-image: url('../images/icons/socials/tw-dark.svg'); }

.socials-dark-theme .socials-link-telegram { background-image: url('../images/icons/socials/tg-dark.svg'); }

.socials-dark-theme .socials-link-linkedin { background-image: url('../images/icons/socials/linkedin-dark.svg'); }

.socials-dark-theme .socials-link-tiktok { background-image: url('../images/icons/socials/tiktok-dark.svg'); }

/* ==========================================================================
   menu-border
   ========================================================================== */
.menu-border { border-top: 1px solid rgb(94, 94, 138); opacity: 0.64; margin-top: 9px; }

/* ==========================================================================
   submenu .row — exact dpss.gov.ua computed styles
   ========================================================================== */
header .menu-container .submenu .row {
    margin: 0 -12px;
    padding: 0;
    border-left: none;
}

/* Submenu links — exact dpss.gov.ua: fontWeight 600, ProbaPro */
header .menu-container .submenu .submenu_child {
    font-weight: 600;
    font-family: ProbaPro;
    margin: 15px 0 30px;
    padding: 4px 15px 2px;
}

/* ==========================================================================
   lowvision overrides (exact copy from dpss.gov.ua)
   ========================================================================== */
body.lowvision header .header-bg { background: none !important; }

body.lowvision header .menu-container .submenu, body.lowvision header .menu-container .showSubmenu.active { background: none; }

body.lowvision header .menu-container .submenu { border: 2px solid rgb(0, 0, 0) !important; }

body.lowvision header .menu-container .showSubmenu.active, body.lowvision header .header-bg { border-bottom: 2px solid rgb(0, 0, 0) !important; }

body.lowvision .search-form.form_search { background-color: rgb(255, 255, 255); }

body.lowvision header .menu-container .showSubmenu.active + .submenu { background-image: none; background-color: rgb(255, 255, 255) !important; }

body.lowvision .close-icon { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiID8+DQo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0Ny45NzEgNDcuOTcxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0Ny45NzEgNDcuOTcxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBkPSJNMjguMjI4LDIzLjk4Nkw0Ny4wOTIsNS4xMjJjMS4xNzItMS4xNzEsMS4xNzItMy4wNzEsMC00LjI0MmMtMS4xNzItMS4xNzItMy4wNy0xLjE3Mi00LjI0MiwwTDIzLjk4NiwxOS43NDRMNS4xMjEsMC44OA0KCQljLTEuMTcyLTEuMTcyLTMuMDctMS4xNzItNC4yNDIsMGMtMS4xNzIsMS4xNzEtMS4xNzIsMy4wNzEsMCw0LjI0MmwxOC44NjUsMTguODY0TDAuODc5LDQyLjg1Yy0xLjE3MiwxLjE3MS0xLjE3MiwzLjA3MSwwLDQuMjQyDQoJCUMxLjQ2NSw0Ny42NzcsMi4yMzMsNDcuOTcsMyw0Ny45N3MxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWwxOC44NjUtMTguODY0TDQyLjg1LDQ3LjA5MWMwLjU4NiwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMSwwLjg3OQ0KCQlzMS41MzUtMC4yOTMsMi4xMjEtMC44NzljMS4xNzItMS4xNzEsMS4xNzItMy4wNzEsMC00LjI0MkwyOC4yMjgsMjMuOTg2eiIvPg0KPC9nPg0KDQo8L3N2Zz4="); }