/* ============================================================
   Portale Candidature - workwithus.space
   Stili specifici delle pagine del portale.
   Navbar/footer + UIkit + theme.css arrivano da
   _shared/structure.inc.php + _shared/zonasocifun.inc.php
   (stessi del sito Il-Cubo).
   ============================================================ */

/* topbanner() e credits() del sito principale sono ora disabilitati direttamente
   in _layout/header.php e _layout/footer.php (non vengono più chiamati).
   Quindi non serve più nasconderne le classi via CSS. */

/* ---------- TITOLO PAGINA ---------- */
.wwu-page-title {
    text-align: center;
    color: #154981;
    font-size: 24px;
    font-weight: 600;
    margin: 30px 0 40px;
    line-height: 1.3;
}
.wwu-page-title strong { color: #0d3461; }

@media (min-width: 768px) {
    .wwu-page-title { font-size: 30px; }
}

/* ---------- HERO PAGINA HUB ---------- */
.wwu-hero {
    padding: 64px 0 48px;
    text-align: center;
}
.wwu-hero-inner {
    width: min(1120px, 92%);
    margin: 0 auto;
}
.wwu-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #edf4ff;
    color: #244c8f;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 18px;
}
.wwu-hero-title {
    font-size: clamp(34px, 6vw, 64px);
    line-height: .98;
    letter-spacing: -.05em;
    color: #172033;
    margin: 0 0 22px;
    font-weight: 800;
    text-transform: none;
}
.wwu-hero-subtitle {
    color: #667085;
    font-size: 19px;
    line-height: 1.55;
    max-width: 760px;
    margin: 0 auto;
}

@media (max-width: 620px) {
    .wwu-hero { padding: 38px 0 30px; }
    .wwu-hero-subtitle { font-size: 16px; }
}

/* ---------- HUB CARDS LEGACY (usate da collabora_formatori_docenti.php) ----------
   Stile "cerchiotto grigio" replicato da il-cubo.it/collabora.
*/
.wwu-hub { max-width: 1100px; margin: 0 auto 40px; }

.wwu-hub .uk-panel.uk-panel-box {
    width: 100%;
    height: auto;
    text-align: center;
    background-color: #555;
    border: 5px solid white;
    border-radius: 150px;
    box-sizing: border-box;
}
.wwu-hub .uk-panel.uk-panel-box a {
    color: #fff !important;
    display: block;
}
.wwu-hub .uk-panel.uk-panel-box a i { font-size: 2em; }
.wwu-hub .uk-panel.uk-panel-box a span {
    font-size: 20px !important;
    line-height: 24px !important;
}
.wwu-hub .uk-panel.uk-panel-box:hover {
    background: rgba(85, 85, 85, .75);
}

.wwu-hub .col-sm-4,
.wwu-hub .col-sm-6,
.wwu-hub .col-xs-12 { box-sizing: border-box; }

/* ---------- HUB CARDS (stile choice-item da preview(13)) ---------- */
@keyframes wwuPulseGlow {
    0%, 100% { box-shadow: 0 14px 40px rgba(0,0,0,.075); }
    50%      { box-shadow: 0 20px 60px rgba(36,76,143,.13); }
}

.wwu-choice {
    width: min(1120px, 92%);
    margin: 0 auto 60px;
}
.wwu-choice-box {
    background: #fff;
    border: 1px solid #e6eaf2;
    border-radius: 30px;
    padding: 26px;
    box-shadow: 0 14px 40px rgba(0,0,0,.075);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    animation: wwuPulseGlow 5.2s ease-in-out infinite;
}
.wwu-choice-item {
    background: #f6f8fb;
    border: 1px solid #e6eaf2;
    border-radius: 22px;
    padding: 24px 20px;
    text-align: center;
    transition: .25s ease;
    text-decoration: none;
    color: #172033;
    display: block;
}
.wwu-choice-item:hover {
    transform: translateY(-5px);
    background: #fff;
    box-shadow: 0 14px 35px rgba(0,0,0,.07);
    text-decoration: none;
    color: #172033;
}
.wwu-choice-icon {
    width: 46px;
    height: 46px;
    margin: 0 auto 14px;
    border-radius: 16px;
    background: #edf4ff;
    color: #244c8f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.wwu-choice-item strong {
    display: block;
    font-size: 20px;
    line-height: 1.25;
}

@media (max-width: 900px) {
    .wwu-choice-box { grid-template-columns: 1fr; }
}

/* Variante 2 colonne (usata da collabora_formatori_docenti.php) */
.wwu-choice-box-2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 700px) {
    .wwu-choice-box-2 { grid-template-columns: 1fr; }
}

/* "Vuoi sapere qualcosa di più?" + bottone presentazione (standalone) */
.wwu-presentazione-wrap {
    width: min(560px, 92%);
    margin: 0 auto 60px;
    text-align: center;
}
.wwu-presentazione-wrap .wwu-presentazione-title {
    color: #172033;
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 16px;
    text-transform: none;
}
.wwu-choice-item-solo {
    max-width: 360px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,.04);
}
.wwu-choice-item-solo:hover {
    border-color: rgba(36,76,143,.35);
    box-shadow: 0 14px 35px rgba(0,0,0,.07);
}

/* ---------- FOOTER MINIMALE PORTALE ---------- */
.wwu-footer {
    padding: 34px 0;
    color: #667085;
    border-top: 1px solid #e6eaf2 !important;
    text-align: left;
    font-size: 14px;
}
.wwu-footer-inner {
    width: min(1120px, 92%);
    margin: 0 auto;
}

/* Sticky footer: spinge il footer in fondo al viewport se il contenuto è corto.
   ~90px = padding(34+34) + line-height contenuto. */
.wwu-main {
    min-height: calc(100vh - 90px);
}

/* Pagine form candidatura (collabora_privati, collabora_professionisti_educazione,
   collabora_freelance): rimuove lo sfondo bianco dai wrapper UIkit/theme così il
   form si fonde col bg della pagina. */
.uk-article,
#signup-form,
.metodo-left-reg,
.box-form,
.box-p {
    background: transparent !important;
    box-shadow: none !important;
}

/* L'icona "info" a destra come la pagina originale */
.ak-info-modal {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 25px;
}

.tooltip {
    background: transparent;
    border: 0 solid transparent;
    font-size: 20px;
}