/*
Theme Name: BABE Child
Template: twentytwentyfive
Description: BABE project website (Interreg VI-A Hungary–Croatia). Child theme of Twenty Twenty-Five with BABE colours, header/footer for EN/HR/HU and block patterns for Home, About Project, Project Team, News and MOOC.
Version: 1.0
Requires at least: 6.5
Text Domain: babe-child
*/

/* ---------- language-specific header/footer (Polylang sets <html lang>) ---------- */
.babe-lang-hr, .babe-lang-hu { display: none; }
html[lang^="hr"] .babe-lang-en, html[lang^="hu"] .babe-lang-en { display: none; }
html[lang^="hr"] .babe-lang-hr { display: block; }
html[lang^="hu"] .babe-lang-hu { display: block; }

/* ---------- header ---------- */
.babe-header-top { max-width: 1200px; margin: 0 auto; padding: 16px 24px; gap: 16px; }
.babe-lockup img { height: 72px; width: auto; max-width: 100%; display: block; } /* whole lockup scaled proportionally only */
.babe-slogan { color: #86A84B; font-weight: 700; font-style: italic; font-size: 24px; margin: 0; }
.babe-slogan-img img { height: 34px; width: auto; max-width: 100%; display: block; }
.babe-menu-bar { background: #E9EBF5; padding: 8px max(24px, calc((100% - 1200px) / 2)); margin: 0; }
.babe-menu a { color: #1F2A44; text-decoration: none; font-weight: 600; }
.babe-menu .current-menu-item > a, .babe-menu a[aria-current="page"] { color: #37448A; border-bottom: 2px solid #F77070; }
.babe-lang-switch { margin: 0; font-size: 15px; }
@media (max-width: 700px) { .babe-lockup img { height: 48px; } .babe-slogan, .babe-slogan-img { width: 100%; } .babe-slogan-img img { height: 24px; } }

/* ---------- sections ---------- */
.babe-main { padding-bottom: 48px; }
.babe-section { margin-top: 40px; }
.babe-wave img { width: 100%; height: clamp(36px, 6vw, 80px); object-fit: fill; display: block; }
.babe-panel-leaf { background: #EAF1DC; border-radius: 12px; padding: 20px 24px; }
.babe-hero { align-items: center; }
.babe-hero-title { font-size: clamp(28px, 4vw, 40px); }
.babe-hero-img img { width: 100%; height: auto; }

/* stats */
.babe-stat { background: #E9EBF5; border-radius: 12px; padding: 16px; text-align: center; position: relative; }
.babe-num { font-size: 40px; font-weight: 700; color: #37448A; margin: 0; font-family: var(--wp--preset--font-family--heading); }
.babe-num-label { margin: 0; }
[class*="babe-dot-"]::before { content: ""; display: inline-block; width: 14px; height: 14px; border-radius: 50%; position: absolute; top: 12px; left: 12px; }
.babe-card { position: relative; }
.babe-icon img { width: 48px; height: 48px; display: block; }
.babe-why { gap: 14px; } .babe-why .babe-icon { flex: 0 0 48px; } .babe-why p { margin: 0; }
.babe-card-head { gap: 12px; } .babe-card-head h3 { margin: 0; }
.babe-who .babe-icon, .babe-step .babe-icon { margin-bottom: 8px; }
.babe-step .babe-icon img { margin: 0 auto 8px; width: 56px; height: 56px; }
.babe-dot-sky::before { background: #6AA8D8; } .babe-dot-river::before { background: #7B8AC4; } .babe-dot-olive::before { background: #86A84B; }
.babe-dot-coral::before { background: #F77070; } .babe-dot-yellow::before { background: #F0E03A; }

/* cards */
.babe-card { border-radius: 12px; padding: 20px; }
.babe-card h3 { font-size: 20px; margin-top: 0; }
.babe-card-sky { background: #E3EFF9; } .babe-card-yellow { background: #FBF6CC; } .babe-card-coral { background: #FDE4E4; } .babe-card-mist { background: #E9EBF5; }

/* partners (official logos: PTFOS; University of Pécs + PTE GYTK) */
.babe-partner-logo img { height: 60px; width: auto; max-width: 100%; display: block; }
.babe-logo-gytk img { height: 60px; }
.babe-logo-row { gap: 14px; }
.babe-partner-leader { margin: 6px 0 0; font-size: 16px; color: #5B6478; }
.babe-logo-box { background: #fff; border-radius: 8px; padding: 10px 14px; display: inline-block; }
.babe-logo-box .babe-partner-logo img, .babe-logo-box .babe-logo-gytk img { height: 46px; }
.babe-partner-card .babe-partner-name { margin: 12px 0 0; font-size: 16px; }

/* facts */
.babe-fact .babe-label, .babe-label { color: #86A84B; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; font-size: 14px; margin: 0; }
.babe-value { margin: 0 0 8px; }

/* steps */
.babe-steps { counter-reset: step; }
.babe-step { text-align: center; }
.babe-step h3 { font-size: 17px; }
.babe-note { text-align: center; color: #37448A; }

/* lists */
.babe-results { list-style: none; padding-left: 0; }
.babe-results li { padding-left: 28px; position: relative; margin-bottom: 8px; }
.babe-results li::before { content: ""; position: absolute; left: 0; top: 7px; width: 14px; height: 14px; border-radius: 50%; background: #86A84B; }
.babe-results li:nth-child(1)::before { background: #6AA8D8; } .babe-results li:nth-child(2)::before { background: #F0E03A; } .babe-results li:nth-child(3)::before { background: #F77070; }

/* team */
.babe-team-head-wrap { border-radius: 10px; padding: 8px 16px; }
.babe-bg-leaf { background: #EAF1DC; } .babe-bg-mist { background: #E9EBF5; }
.babe-team-head { margin: 0; font-weight: 700; color: #37448A; }
.babe-team-grid { gap: 24px; margin-top: 20px; }
.babe-member { text-align: center; }
.babe-photo img { width: 120px; height: 120px; object-fit: cover; border-radius: 50%; margin: 0 auto; display: block; }
.babe-member-name { font-size: 16px; font-weight: 600; margin-top: 8px; }

/* news */
.babe-news .wp-block-post { border: 1px solid #D5D9EA; border-radius: 12px; padding: 12px; }
.babe-news .wp-block-post-featured-image img { border-radius: 8px; }
.babe-date { color: #86A84B; font-weight: 700; font-size: 15px; }
.babe-news .wp-block-post-title { font-size: 19px; }

/* MOOC */
.babe-mooc { background: #E3EFF9; border-radius: 16px; padding: 32px; }
.babe-chip { display: inline-block; background: #F77070; color: #fff; font-weight: 700; font-size: 14px; letter-spacing: .06em; padding: 4px 14px; border-radius: 20px; }
.babe-fact-chip { display: inline-block; background: #fff; color: #37448A; font-weight: 700; font-size: 14px; padding: 4px 14px; border-radius: 20px; margin: 0 6px 6px 0; }
.babe-timeline li { margin-bottom: 6px; }
.babe-infographic img { width: 100%; height: auto; border-radius: 8px; }
.babe-download { text-align: center; font-size: 15px; }

/* footer */
.babe-footer { background: #7B8AC4; color: #fff; margin-top: 48px; }
.babe-footer .babe-lang { max-width: 1200px; margin: 0 auto; padding: 24px; }
.babe-footer a { color: #fff; }
.babe-disclaimer { font-style: italic; font-size: 15px; }
.babe-copyright { font-size: 15px; margin-bottom: 0; }

/* ==========================================
   BABE CHILD - NAVIGACIJA
   ========================================== */

@media (min-width: 1024px) {

    /* Zadrži postojeću širinu sivog pravokutnika */
    .babe-lang .babe-menu-bar {
        box-sizing: border-box;
        padding-left: 20px !important;
        padding-right: 20px !important;

        display: flex;
        flex-wrap: nowrap !important;
        align-items: center;
        justify-content: space-between !important;
        gap: 16px;
    }

    /* Navigacija */
    .babe-menu-bar .babe-menu {
        flex: 0 1 auto;
        min-width: 0;
        margin: 0 !important;
    }

    /* Stavke izbornika */
    .babe-menu-bar .wp-block-navigation__container {
        display: flex;
        flex-wrap: nowrap !important;
        gap: 16px !important;
    }

    /* Tekst stavki ostaje u jednom redu */
    .babe-menu-bar .wp-block-navigation-item,
    .babe-menu-bar .wp-block-navigation-item__content,
    .babe-menu-bar .wp-block-navigation-item__label {
        white-space: nowrap !important;
    }

    /* Odabir jezika */
    .babe-menu-bar .babe-lang-switch {
        flex: 0 0 auto;
        white-space: nowrap;
        margin: 0 0 0 auto !important;
    }
}

/* BABE - MOOC naslov */
.babe-mooc h1,
.babe-mooc h2,
.babe-mooc h3 {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}