/* Кастомні стилі коледжу (винесено з теми academic-institute/style.css). Підключається після стилів теми: mu-plugins/college-theme-css.php */
/* Прибираємо "ЗАКРИТО" у Footer */
.footer-box strong {
    display: none !important;
}

/* Прибираємо "ЗАКРИТО" у Footer */
.footer-box .wp-block-group strong {
    display: none !important;
}

/* Footer колледжа — без маркерів у списках */
.footer-box ul.wp-block-list,
.footer-box ul.wp-block-list li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.footer-box ul.wp-block-list li {
    margin-bottom: 10px;
}

.footer-box ul.wp-block-list a {
    text-decoration: none;
}


/* Footer: прибрати маркери списків */
.footer-box ul,
.footer-box ul li {
    list-style: none !important;
}

.footer-box ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.footer-box ul li {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.footer-box ul li::marker {
    content: "" !important;
}

.footer-box ul a {
    text-decoration: none;
}


/* =========================================================
   COLLEGE HEADER REDESIGN
   Added: 2026-08-31
   ========================================================= */

/* ---------- TOP CONTACT AREA ---------- */

.header {
    position: relative;
    z-index: 100;
}

/* Contact/header top area */
.header .wp-block-group,
.header .wp-block-columns {
    box-sizing: border-box;
}

/* Dark blue header background */
.header {
    background: #ffffff;
}

/* ---------- LOGO / COLLEGE NAME AREA ---------- */

.header-logo,
.header .header-logo {
    background: #ffffff;
}

.header .wp-block-site-title,
.header .wp-block-site-title a {
    color: #12345a;
}

/* ---------- NAVIGATION ---------- */

.header .wp-block-navigation {
    background: #12345a;
    border-radius: 0;
}

.header .wp-block-navigation__container {
    background: #12345a;
}

.header .wp-block-navigation-item__content {
    color: #ffffff !important;
    font-weight: 500;
    transition: all 0.2s ease;
}

.header .wp-block-navigation-item__content:hover,
.header .wp-block-navigation-item__content:focus {
    color: #18b9d4 !important;
}

/* Active menu item */
.header .current-menu-item > .wp-block-navigation-item__content,
.header .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
    color: #18b9d4 !important;
}

/* Dropdown */
.header .wp-block-navigation__submenu-container {
    background: #12345a !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
}

.header .wp-block-navigation__submenu-container
.wp-block-navigation-item__content {
    color: #ffffff !important;
}

.header .wp-block-navigation__submenu-container
.wp-block-navigation-item__content:hover {
    background: #164a82;
    color: #18b9d4 !important;
}

/* ---------- CONTACT ICONS ---------- */

.header svg {
    color: #18b9d4;
}

/* ---------- MOODLE BUTTON ---------- */

.header a[href*="moodle"] {
    background: #164a82;
    color: #ffffff !important;
    border-radius: 14px;
    transition: all .2s ease;
}

.header a[href*="moodle"]:hover {
    background: #18b9d4;
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* ---------- MOBILE ---------- */

@media screen and (max-width: 781px) {

    .header .wp-block-navigation {
        background: #12345a;
    }

    .header .wp-block-navigation__responsive-container {
        background: #12345a !important;
    }

    .header .wp-block-navigation__responsive-container
    .wp-block-navigation-item__content {
        color: #ffffff !important;
    }

}


/* =========================================================
   COLLEGE MENU — SUBMENU ARROWS & DESIGN
   2026-09-01
   ========================================================= */

@media (min-width: 992px) {

    /* ---------- MAIN MENU ---------- */

    .college-navigation-bar .head-menu {
        width: 100% !important;
    }

    .college-navigation-bar .head-menu > .wp-block-navigation__container {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
    }

    .college-navigation-bar .head-menu
    .wp-block-navigation-item {
        position: relative;
    }

    .college-navigation-bar .head-menu
    .wp-block-navigation-item__content {
        display: flex !important;
        align-items: center !important;
        white-space: nowrap !important;
    }


    /* ---------- ARROW FOR TOP-LEVEL SUBMENUS ---------- */

    .college-navigation-bar .head-menu
    .wp-block-navigation-submenu
    > .wp-block-navigation-item__content
    + .wp-block-navigation__submenu-icon {

        width: 18px !important;
        height: 18px !important;
        margin-left: 3px !important;
        margin-right: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
    }

    .college-navigation-bar .head-menu
    .wp-block-navigation-submenu
    > .wp-block-navigation__submenu-icon svg {

        width: 14px !important;
        height: 14px !important;
        fill: currentColor !important;
        stroke: currentColor !important;
        opacity: 1 !important;
    }


    /* ---------- ARROW FOR NESTED SUBMENUS ---------- */

    .college-navigation-bar .head-menu
    .wp-block-navigation-submenu
    .wp-block-navigation-submenu
    > .wp-block-navigation__submenu-icon {

        width: 20px !important;
        height: 20px !important;
        margin-left: auto !important;
        margin-right: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
    }

    .college-navigation-bar .head-menu
    .wp-block-navigation-submenu
    .wp-block-navigation-submenu
    > .wp-block-navigation__submenu-icon svg {

        width: 13px !important;
        height: 13px !important;
        fill: currentColor !important;
        stroke: currentColor !important;
        opacity: 1 !important;
    }


    /* ---------- SUBMENU ITEMS ---------- */

    .college-navigation-bar .head-menu
    .wp-block-navigation__submenu-container {

        min-width: 270px !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: 0 8px 24px rgba(0,0,0,.16) !important;
    }

    .college-navigation-bar .head-menu
    .wp-block-navigation__submenu-container
    .wp-block-navigation-item {

        width: 100% !important;
    }

    .college-navigation-bar .head-menu
    .wp-block-navigation__submenu-container
    .wp-block-navigation-item__content {

        width: 100% !important;
        box-sizing: border-box !important;
        padding: 13px 16px !important;
        white-space: normal !important;
        line-height: 1.45 !important;
    }


    /* ---------- HOVER ---------- */

    .college-navigation-bar .head-menu
    .wp-block-navigation__submenu-container
    .wp-block-navigation-item:hover
    > .wp-block-navigation-item__content {

        background-color: #eef8fc !important;
        color: #087fa8 !important;
    }


    /* ---------- NESTED SUBMENU POSITION ---------- */

    .college-navigation-bar .head-menu
    .wp-block-navigation__submenu-container
    .wp-block-navigation__submenu-container {

        top: -1px !important;
        left: 100% !important;
        margin-left: 0 !important;
    }


    /* ---------- PARENT WITH SUBMENU ---------- */

    .college-navigation-bar .head-menu
    .wp-block-navigation-submenu
    > .wp-block-navigation-item__content {

        cursor: pointer;
    }

    .college-navigation-bar .head-menu
    .wp-block-navigation-submenu:hover
    > .wp-block-navigation-item__content {

        color: #18a9d0 !important;
    }

}


/* =========================================================
   ZMK COLLEGE HEADER — FINAL VISUAL DESIGN
   2026-09-01
   ========================================================= */

/* ---------- TOP CONTACT BAR ---------- */

.college-top-bar {
    background: #062449 !important;
    color: #fff !important;
}

.college-top-bar .wp-block-columns {
    margin-bottom: 0 !important;
    align-items: center !important;
}

.college-top-bar .wp-block-column {
    margin-bottom: 0 !important;
}

.college-top-bar p {
    letter-spacing: .2px;
}

.college-top-bar p.has-secondary-color {
    color: #20b9d5 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
}

.college-top-bar p.has-white-color {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}


/* ---------- MOODLE BUTTON ---------- */

.college-top-bar a[href*="moodle"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 175px;
    min-height: 50px;
    box-sizing: border-box;
    background: #18a9d0 !important;
    color: #fff !important;
    border-radius: 7px !important;
    padding: 8px 22px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    transition: background-color .2s ease, color .2s ease;
}

/* кнопка Moodle лише змінює колір — без зсуву (перекриває translateY(-4px) теми) */
.college-top-bar a[href*="moodle"],
.college-top-bar a[href*="moodle"]:hover,
.college-top-bar a[href*="moodle"]:focus,
.college-top-bar a[href*="moodle"]:active,
.college-top-bar .wp-block-button:hover,
.college-top-bar .wp-block-button .wp-block-button__link:hover {
    transform: none !important;
    -webkit-transform: none !important;
    top: 0 !important;
    box-shadow: none !important;
}

.college-top-bar a[href*="moodle"]:hover {
    background: #fff !important;
    color: #062449 !important;
}


/* ---------- BRAND / LOGO AREA ---------- */

.college-brand-bar {
    background: #fff !important;
    border-bottom: 1px solid #e7edf3;
}

.college-brand-bar .wp-block-columns {
    margin-bottom: 0 !important;
    align-items: center !important;
}

.college-brand-bar .wp-block-site-logo img {
    width: 105px !important;
    height: auto !important;
    display: block;
}

.college-brand-bar .wp-block-site-title {
    margin: 0 !important;
    color: #062449 !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

.college-brand-bar .wp-block-site-title a {
    color: #062449 !important;
    text-decoration: none !important;
}


/* ---------- MAIN MENU BAR ---------- */

.college-navigation-bar {
    background: #062449 !important;
    min-height: 58px;
    display: flex !important;
    align-items: center !important;
}

.college-navigation-bar .head-menu {
    min-height: 58px;
}

.college-navigation-bar .head-menu > .wp-block-navigation__container {
    min-height: 58px;
    align-items: center !important;
}

.college-navigation-bar .head-menu
.wp-block-navigation-item__content {
    min-height: 58px;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box;
    padding: 0 13px !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    transition: background .2s ease, color .2s ease;
}


/* ---------- MENU HOVER ---------- */

.college-navigation-bar .head-menu
.wp-block-navigation-item:hover
> .wp-block-navigation-item__content,

.college-navigation-bar .head-menu
.wp-block-navigation-item__content:hover {
    color: #20b9d5 !important;
}


/* ---------- TOP LEVEL ACTIVE ---------- */

.college-navigation-bar .head-menu
.wp-block-navigation-item.current-menu-item
> .wp-block-navigation-item__content,

.college-navigation-bar .head-menu
.wp-block-navigation-item.current-menu-ancestor
> .wp-block-navigation-item__content {
    color: #20b9d5 !important;
}


/* ---------- DROPDOWN ---------- */

.college-navigation-bar .head-menu
.wp-block-navigation__submenu-container {
    background: #062449 !important;
    border: 0 !important;
    border-radius: 0 0 5px 5px !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.25) !important;
    padding: 7px 0 !important;
}

.college-navigation-bar .head-menu
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content {
    min-height: 0 !important;
    padding: 11px 17px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

.college-navigation-bar .head-menu
.wp-block-navigation__submenu-container
.wp-block-navigation-item:hover
> .wp-block-navigation-item__content {
    background: #164a82 !important;
    color: #20b9d5 !important;
}


/* ---------- SUBMENU ARROWS ---------- */

.college-navigation-bar .head-menu
.wp-block-navigation__submenu-icon {
    opacity: 1 !important;
    color: #20b9d5 !important;
}

.college-navigation-bar .head-menu
.wp-block-navigation__submenu-icon svg {
    width: 13px !important;
    height: 13px !important;
}


/* ---------- NESTED SUBMENUS ---------- */

.college-navigation-bar .head-menu
.wp-block-navigation__submenu-container
.wp-block-navigation__submenu-container {
    margin-left: 0 !important;
    top: -7px !important;
}


/* ---------- DESKTOP SPACING ---------- */

@media (min-width: 1260px) {

    .college-top-bar > .wp-block-columns,
    .college-brand-bar > .wp-block-columns {
        max-width: 1400px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .college-navigation-bar .head-menu
    .wp-block-navigation-item__content {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}


/* ---------- TABLET ---------- */

@media (min-width: 782px) and (max-width: 1259px) {

    .college-top-bar {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .college-brand-bar {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .college-brand-bar .wp-block-site-title {
        font-size: 24px !important;
    }

    .college-navigation-bar .head-menu
    .wp-block-navigation-item__content {
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 13px !important;
    }
}


/* ---------- MOBILE ---------- */

@media (max-width: 781px) {

    .college-top-bar {
        padding: 15px 20px !important;
    }

    .college-top-bar .wp-block-columns {
        gap: 15px !important;
    }

    .college-brand-bar {
        padding: 15px 20px !important;
    }

    .college-brand-bar .wp-block-site-logo img {
        width: 80px !important;
    }

    .college-brand-bar .wp-block-site-title {
        font-size: 20px !important;
    }

    .college-navigation-bar {
        min-height: 50px;
    }
}


/* =========================================================
   HERO WIDTH FIX ONLY
   MENU IS NOT MODIFIED
   ========================================================= */

@media (min-width: 782px) {
    body.home .wp-block-cover.alignfull,
    body.home .wp-block-cover.is-style-default.alignfull,
    body.home .wp-block-cover {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.home .wp-block-cover img {
        max-width: 100% !important;
    }

    html,
    body {
        overflow-x: hidden !important;
    }
}

/* =========================================================
   RESTORE NATIVE WORDPRESS FULL-WIDTH HERO
   DO NOT MODIFY MENU OR HEADER
   ========================================================= */

@media (min-width: 782px) {

    body.home .wp-block-cover.alignfull,
    body.home .wp-block-cover.is-style-default.alignfull,
    body.home .wp-block-cover {
        width: revert !important;
        max-width: revert !important;
        margin-left: revert !important;
        margin-right: revert !important;
    }

    body.home .wp-block-cover img {
        max-width: revert !important;
    }

}
body.home .wp-block-cover.slider.alignfull{width:calc(100% + (2 * var(--wp--custom--spacing--outer))) !important;max-width:none !important;margin-left:calc(-1 * var(--wp--custom--spacing--outer)) !important;margin-right:calc(-1 * var(--wp--custom--spacing--outer)) !important;}


/* =========================================================
   COLLEGE TOP HEADER — ICONS + CURVE
   MENU IS NOT MODIFIED
   ========================================================= */

.college-top-bar {
    position: relative;
    overflow: visible !important;
}

.college-top-bar .college-contact-label {
    display: flex !important;
    align-items: center;
    gap: 10px;
    line-height: 1.2;
}

.college-top-bar .college-contact-label::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    font-family: "Segoe UI Symbol", "Arial Unicode MS", sans-serif;
    font-size: 28px;
    line-height: 1;
    color: #ffffff;
}

.college-top-bar .college-email-label::before {
    content: "✉";
}

.college-top-bar .college-phone-label::before {
    content: "☎";
}

.college-top-bar .college-address-label::before {
    content: "●";
    font-size: 26px;
}

/* Decorative navy curve under the top bar */
.college-top-bar::after {
    content: "";
    position: absolute;
    z-index: 5;
    left: 30%;
    bottom: -18px;
    width: 90px;
    height: 36px;
    background: #062449;
    border-radius: 0 0 45px 45px;
    pointer-events: none;
}

/* Keep the white brand area clean */
.college-brand-bar {
    position: relative;
    z-index: 1;
}

/* Brand proportions */
.college-brand-bar .wp-block-columns {
    align-items: center !important;
}

.college-brand-bar .wp-block-site-logo img {
    display: block;
    width: 115px;
    height: auto;
}

.college-brand-bar .wp-block-site-title {
    margin: 0 !important;
}

/* Moodle button */
.college-top-bar .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
}

/* Desktop */
@media (min-width: 782px) {
    .college-top-bar .wp-block-columns {
        align-items: center;
    }

    .college-top-bar .wp-block-column {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .college-brand-bar {
        min-height: 165px;
    }
}

/* Mobile */
@media (max-width: 781px) {
    .college-top-bar::after {
        display: none;
    }

    .college-top-bar .college-contact-label::before {
        width: 24px;
        min-width: 24px;
        font-size: 22px;
    }
}

/* =========================================================
   TOP BAR — CURVED BOTTOM EDGE
   Only the decorative curve. Menu untouched.
   ========================================================= */

.college-top-bar {
    position: relative !important;
    z-index: 20 !important;
    overflow: visible !important;
}

/* remove previous incorrect curve */
.college-top-bar::after {
    content: "" !important;
    position: absolute !important;
    left: calc(50% - 340px) !important;
    bottom: -19px !important;
    width: 82px !important;
    height: 38px !important;
    background: #062449 !important;
    border-radius: 0 0 41px 41px !important;
    z-index: -1 !important;
}


/* === REMOVE PREVIOUS WRONG CURVE === */
.college-top-bar::after {
    content: none !important;
    display: none !important;
}


/* === FINAL TOP BAR CURVE — ONLY CURVE === */
.college-top-bar {
    position: relative !important;
    z-index: 10 !important;
    overflow: visible !important;
}

.college-top-bar::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 28% !important;
    bottom: -35px !important;
    width: 360px !important;
    height: 70px !important;
    background: #062449 !important;
    border-radius: 0 0 50% 50% !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

.college-top-bar > .wp-block-columns {
    position: relative !important;
    z-index: 2 !important;
}


/* === ТОЧНИЙ НЕВЕЛИКИЙ ВИГИН НИЗУ ВЕРХНЬОЇ СИНЬОЇ СМУГИ === */
@media (min-width: 782px) {
  .college-top-bar {
    position: relative !important;
    z-index: 20 !important;
    overflow: visible !important;
  }

  .college-top-bar::after {
    content: "" !important;
    position: absolute !important;
    width: 150px !important;
    height: 35px !important;
    left: 40% !important;
    bottom: -34px !important;
    transform: translateX(-50%) !important;
    background: #062449 !important;
    border-radius: 0 0 75px 75px !important;
    z-index: -1 !important;
  }
}

/* === ВИГИН ВЕРХНЬОЇ СИНЬОЇ ПАНЕЛІ — ФОРМА ЯК НА ЕСКІЗІ === */
@media (min-width: 782px) {
  .college-top-bar {
    position: relative !important;
    z-index: 20 !important;
    overflow: visible !important;
  }

  .college-top-bar::after {
    content: "" !important;
    position: absolute !important;
    left: 32% !important;
    bottom: -32px !important;
    width: 210px !important;
    height: 34px !important;
    background: #062449 !important;
    border-radius: 0 0 105px 105px !important;
    z-index: 1 !important;
  }
}

/* === TOP BAR: no curved tab under the blue bar === */
.college-top-bar::after {
    content: none !important;
    display: none !important;
}

/* === Normative documents table: title + "Читати" button; year rows span both columns === */
.normative-table table {
    width: 100%;
    border-collapse: collapse;
}
.normative-table th,
.normative-table td {
    padding: 12px 16px;
    border: 1px solid #d5dbe3;
    vertical-align: middle;
    text-align: left;
}
.normative-table thead th {
    background: #062449;
    color: #fff;
    font-weight: 700;
}
.normative-table td[colspan] {
    background: #eef2f6;
    font-weight: 700;
}
.normative-table th:last-child,
.normative-table td:last-child:not([colspan]) {
    width: 170px;
    text-align: center;
}
.normative-table td:last-child:not([colspan]) a {
    display: inline-block;
    white-space: nowrap;
    padding: 8px 22px;
    border-radius: 7px;
    background: #18a9d0;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}
.normative-table td:last-child:not([colspan]) a:hover {
    background: #062449;
}
@media (max-width: 600px) {
    .normative-table th:last-child,
    .normative-table td:last-child:not([colspan]) { width: 120px; }
    .normative-table td:last-child:not([colspan]) a { padding: 8px 14px; }
    .normative-table th,
    .normative-table td { padding: 10px; }
}

/* === Useful links table: preview | title | link === */
.links-table table {
    width: 100%;
    border-collapse: collapse;
}
.links-table th,
.links-table td {
    padding: 12px 16px;
    border: 1px solid #d5dbe3;
    vertical-align: middle;
    text-align: left;
}
.links-table thead th {
    background: #062449;
    color: #fff;
    font-weight: 700;
}
.links-table th:first-child,
.links-table td:first-child {
    width: 190px;
    text-align: center;
}
.links-table th:last-child,
.links-table td:last-child {
    width: 190px;
    text-align: center;
}
.links-table td:first-child img {
    display: block;
    width: 160px;
    max-height: 120px;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 6px;
}
.links-table td:last-child a {
    display: inline-block;
    white-space: nowrap;
    padding: 8px 18px;
    border-radius: 7px;
    background: #18a9d0;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}
.links-table td:last-child a:hover {
    background: #062449;
}
@media (max-width: 600px) {
    .links-table th:first-child,
    .links-table td:first-child { width: 110px; }
    .links-table td:first-child img { width: 90px; }
    .links-table th:last-child,
    .links-table td:last-child { width: 110px; }
    .links-table th,
    .links-table td { padding: 8px; }
}

/* === Programs table (ОПП): same look as .normative-table, several button columns === */
.programs-table table {
    width: 100%;
    border-collapse: collapse;
}
.programs-table th,
.programs-table td {
    padding: 10px 8px;
    border: 1px solid #d5dbe3;
    vertical-align: middle;
    text-align: center;
}
.programs-table th:first-child,
.programs-table td:first-child {
    width: 28%;
    text-align: left;
}
.programs-table thead th {
    background: #062449;
    color: #fff;
    font-weight: 700;
}
.programs-table td a {
    display: inline-block;
    white-space: nowrap;
    padding: 7px 10px;
    font-size: 15px;
    border-radius: 7px;
    background: #18a9d0;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}
.programs-table td a:hover {
    background: #062449;
}
@media (max-width: 781px) {
    .programs-table { overflow-x: auto; }
    .programs-table table { min-width: 720px; }
}

/* Циклова комісія: картки викладачів (core media-text, редагуються на сторінці) */
.commission-teachers{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:20px;margin:16px 0 32px}
.commission-teachers>.wp-block-media-text{padding:16px;border:1px solid var(--wp--preset--color--border-color,#d9e1ea);border-radius:10px;background:#fff;margin:0;align-items:start;gap:18px;grid-template-columns:150px 1fr!important}
.commission-teachers .wp-block-media-text__media img{width:150px;height:200px;object-fit:cover;border-radius:8px;display:block}
.commission-teachers .wp-block-media-text__content{padding:0!important}
.commission-teachers .wp-block-media-text__content p{font-size:15px;line-height:1.5;margin:0 0 6px}
.commission-teachers .wp-block-media-text__content p:first-child{font-weight:700;font-size:18px;line-height:1.3;margin-bottom:8px;color:var(--wp--preset--color--heading)}
@media(max-width:600px){.commission-teachers{grid-template-columns:1fr}.commission-teachers>.wp-block-media-text{grid-template-columns:1fr!important}.commission-teachers .wp-block-media-text__media img{width:100%;height:auto;max-height:320px}}
.commission-teachers .wp-block-media-text__media,.commission-teachers .wp-block-media-text__content{align-self:start!important}
.commission-teachers{grid-auto-rows:1fr}
.commission-teachers>.wp-block-media-text{height:100%;box-sizing:border-box}

/* Циклова комісія: «Інші матеріали» — картки однакового розміру (відео/фото з превью, файли — кнопка завантаження) */
.commission-materials{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:1fr;gap:20px;margin:16px 0 32px}
.commission-material{display:flex;flex-direction:column;padding:12px;border:1px solid var(--wp--preset--color--border-color,#d9e1ea);border-radius:10px;background:#fff;margin:0;box-sizing:border-box;height:100%}
.commission-material .wp-block-image{position:relative;margin:0 0 12px}
.commission-material .wp-block-image a{display:block}
.commission-material .wp-block-image img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;display:block;height:auto}
.commission-material.is-video .wp-block-image a::after{content:"";position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(0,0,0,.65) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/60% no-repeat}
.commission-material.is-video .wp-block-image a:hover::after{background-color:rgba(0,0,0,.85)}
.commission-material>p{margin:0 0 10px;font-weight:600;line-height:1.35}
.commission-material .wp-block-buttons{margin-top:auto}
@media(max-width:600px){.commission-materials{grid-template-columns:1fr}}

/* Картки новин: відступ між назвою та зображенням */
.archieve-post .wp-block-post-title{margin-bottom:18px!important}

/* Сторінки циклових комісій: відступ над заголовками розділів */
.page-content:has(.commission-teachers) h2.wp-block-heading{margin-top:1.6em}
.page-content:has(.commission-teachers) .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){flex-grow:0}

/* Мітка категорії/комісії на сторінці новини: без capitalize (з великої лише перше слово) */
.single .taxonomy-category.wp-block-post-terms > a,
.single .taxonomy-post_tag.wp-block-post-terms > a{text-transform:none}


/* =========================================================
   MOBILE ADAPTATION (2026-10-15)
   ========================================================= */
@media (max-width: 781px) {
    html, body { overflow-x: clip; }

    /* вкладені alignfull у шапці не повинні вдруге розширюватись на відступ сторінки */
    .college-header > .alignfull {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
    .college-top-bar .wp-block-columns,
    .college-brand-bar .wp-block-columns {
        flex-wrap: wrap !important;
        gap: 12px !important;
        margin: 0 !important;
    }
    .college-top-bar .wp-block-column,
    .college-brand-bar .wp-block-column {
        flex-basis: 100% !important;
        min-width: 0;
    }
    .college-top-bar .wp-block-buttons { justify-content: flex-start; }
    .college-brand-bar .wp-block-columns { flex-wrap: nowrap !important; align-items: center; }
    .college-brand-bar .wp-block-column:first-child { flex: 0 0 72px !important; }
    .college-brand-bar .wp-block-column:last-child { flex: 1 1 0 !important; }
    .college-brand-bar .wp-block-site-logo img { width: 64px !important; height: auto; }
    .college-brand-bar .wp-block-site-title { font-size: 16px !important; line-height: 1.25 !important; }

    img, video, iframe, svg { max-width: 100%; }
    table { max-width: 100%; }
    /* таблиці: прокручується лише обгортка таблиці, сторінка — ні */
    figure.wp-block-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
    }
    figure.wp-block-table > table {
        width: 100%;
        min-width: 520px;
        table-layout: auto;
    }
    figure.wp-block-table td table { min-width: 0; width: 100%; }
    figure.wp-block-table td, figure.wp-block-table th { overflow-wrap: break-word; word-break: normal; hyphens: manual; }
    /* таблиці без обгортки figure */
    .entry-content > table, .page-content > table, .wp-block-post-content > table {
        display: block;
        overflow-x: auto;
        max-width: 100%;
    }
    .wp-block-cover h1, .wp-block-cover h2, .wp-block-cover .wp-block-heading,
    .wp-block-post-title, h1 {
        font-size: clamp(26px, 8vw, 34px) !important;
        line-height: 1.2 !important;
        overflow-wrap: break-word;
        hyphens: auto;
    }
    h2 { font-size: clamp(22px, 6vw, 28px); }
    .wp-block-columns { gap: 20px; }
    .wp-block-button__link { white-space: normal; }
}

@media (max-width: 781px) {
    /* великі параграфи-заголовки в обкладинці (hero) */
    .wp-block-cover p.has-xx-large-font-size,
    .wp-block-cover p[class*="font-size"],
    .wp-block-cover .wp-block-column > p:first-of-type + p {
        overflow-wrap: break-word;
    }
    body.home .wp-block-cover .wp-block-column > p:first-of-type {
        font-size: clamp(28px, 8.5vw, 36px) !important;
        line-height: 1.15 !important;
    }
    body.home .wp-block-cover .wp-block-column > p.has-medium-font-size {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 781px) {
    .college-navigation-bar .wp-block-navigation__responsive-container-open {
        color: #fff !important;
        padding: 12px 0;
    }
    .college-navigation-bar .wp-block-navigation__responsive-container-open svg { fill: #fff; width: 28px; height: 28px; }
    body.home .wp-block-cover.slider { min-height: 420px !important; }
}

/* Головна, мобільний: заголовки новин — як назви спеціальностей у картках (18px / 700) */
@media (max-width: 781px) {
    body.home .wp-block-post-title,
    body.home .wp-block-post-title a {
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
    }
}

/* Шапка: вкладені alignfull не розширюються вдруге на відступ сторінки (усі ширини, зокрема горизонтальний телефон) */
.college-header > .alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}
.college-top-bar > .wp-block-columns,
.college-brand-bar > .wp-block-columns {
    margin-left: 0;
    margin-right: 0;
}

/* Горизонтальний телефон / вузький планшет: меню згорнуте в бургер, компактна шапка */
@media (min-width: 782px) and (max-width: 991px) {
    .college-navigation-bar .wp-block-navigation__responsive-container-open {
        color: #fff !important;
        padding: 12px 0;
    }
    .college-navigation-bar .wp-block-navigation__responsive-container-open svg {
        fill: #fff;
        width: 28px;
        height: 28px;
    }
    .college-brand-bar { padding-top: 10px !important; padding-bottom: 10px !important; }
    .college-brand-bar .wp-block-site-logo img { width: 80px !important; height: auto; }
    .college-brand-bar .wp-block-columns { flex-wrap: nowrap !important; }
    .college-brand-bar .wp-block-column:first-child { flex: 0 0 100px !important; }
    .college-brand-bar .wp-block-column:last-child { flex: 1 1 0 !important; }
    .college-brand-bar .wp-block-site-title { font-size: 20px !important; }
}
/* Низька висота екрана (телефон лежачи): не даємо шапці з'їсти екран */
@media (max-height: 500px) and (orientation: landscape) {
    .college-top-bar { padding-top: 8px !important; padding-bottom: 8px !important; }
    body.home .wp-block-cover.slider { min-height: 0 !important; }
}
@media (min-width: 782px) and (max-width: 991px) {
    .college-brand-bar { min-height: 0 !important; }
}

/* Кнопка Moodle: слово «Moodle» замінено логотипом-силуетом (колір = колір тексту кнопки, тож на hover змінюється разом з ним) */
.college-top-bar a[href*="moodle"] {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    white-space: nowrap;
    min-width: 0;
}
.college-top-bar .moodle-line {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.college-top-bar .moodle-logo {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px 8px;
    border: 1.5px solid currentColor;   /* бордер навколо логотипа; колір = колір тексту кнопки (білий → темно-синій на hover) */
    border-radius: 8px;
    background: #fff;                   /* біла підложка, щоб кольоровий логотип був читабельним на синій кнопці */
    line-height: 0;
}
.college-top-bar .moodle-logo::before {
    content: "";
    display: block;
    width: 74px;
    height: 20px;
    background: url("college-assets/moodle-wordmark.svg") center / contain no-repeat;   /* оригінальні кольори логотипа */
}

/* Верхня смуга: колонка кнопки Moodle має ширину кнопки, решту займають топ-новини */
@media (min-width: 782px) {
    .college-top-bar .wp-block-columns { flex-wrap: nowrap !important; }
    .college-top-bar .wp-block-column:first-child { flex: 1 1 0 !important; min-width: 0; }
    .college-top-bar .wp-block-column:last-child { flex: 0 0 264px !important; width: 264px; }
}

/* Футер: телефони з налаштувань під адресою — без підкреслення, як текст адреси */
.footer-contact-text a { color: inherit; text-decoration: none; white-space: nowrap; }
.footer-contact-text a:hover { text-decoration: underline; }

/* Футер: посилання «Налаштування cookie» (Complianz) внизу першої колонки */
.footer-box .footer-cookie-settings { margin: 18px 0 0; }
.footer-box .footer-cookie-settings button {
    background: none;
    border: 0;
    padding: 0;
    color: rgba(255, 255, 255, .5);
    font: inherit;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    transition: color .2s ease;
}
.footer-box .footer-cookie-settings button:hover,
.footer-box .footer-cookie-settings button:focus-visible { color: rgba(255, 255, 255, .85); text-decoration: none; }

/* Футер: «Політика конфіденційності» під «Налаштування cookie» — той самий вигляд */
.footer-box .footer-privacy-link { margin: 2px 0 0; line-height: 1.3; }
.footer-box .footer-cookie-settings { line-height: 1.3; }
.footer-box .footer-cookie-settings button { line-height: 1.3; }
.footer-box .footer-privacy-link a {
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
    text-decoration: none;
    transition: color .2s ease;
}
.footer-box .footer-privacy-link a:hover,
.footer-box .footer-privacy-link a:focus-visible { color: rgba(255, 255, 255, .85); text-decoration: none; }

/* Політика конфіденційності: заголовки розділів менші за тему за замовчуванням */
.page-id-3 h3.wp-block-heading {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin-top: 1.6em;
    margin-bottom: .6em;
}
@media (max-width: 600px) {
    .page-id-3 h3.wp-block-heading { font-size: 19px !important; }
}

/* Головна, «Останні новини»: кожна новина — біла картка з тонкою рамкою */
.blog-section .wp-block-post-template > li.wp-block-post {
    box-sizing: border-box;
    align-self: stretch;
    height: auto;
    background: #fff;
    border: 1px solid rgba(6, 36, 73, .12);
    border-radius: 14px;
    padding: 12px 12px 18px;
    box-shadow: 0 1px 3px rgba(6, 36, 73, .06);
    transition: box-shadow .2s ease, border-color .2s ease;
}
.blog-section .wp-block-post-template > li.wp-block-post:hover {
    border-color: rgba(6, 36, 73, .25);
    box-shadow: 0 4px 14px rgba(6, 36, 73, .10);
}
@media (max-width: 600px) {
    .blog-section .wp-block-post-template > li.wp-block-post { padding: 10px 10px 14px; }
}

/* Сторінки спеціальностей: менший міжрядковий інтервал в абзацах, списках і блоці параметрів */
.specialty p,
.specialty li {
    line-height: 1.3 !important;
}
.specialty dt,
.specialty dd {
    line-height: 1.3 !important;
}

/* Відео YouTube у записах: на всю ширину вмісту, пропорція 16:9 (без атрибутів розміру iframe мав 300×150) */
.entry-content iframe[src*="youtube"],
.entry-content iframe[src*="youtu.be"],
.entry-content iframe[data-src-cmplz*="youtube"] {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    aspect-ratio: 16 / 9;
    border: 0;
}