﻿/* APAS - piccoli fix post migrazione TYPO3 13 */

/* menu desktop: 8 voci non stanno accanto al logo sotto i ~1600px e andavano a capo sopra l'immagine */
#main-nav > li > a { white-space: nowrap; }
@media (min-width: 1025px) and (max-width: 1599px) {
    #main-nav > li { padding: 0 2px; }
    #main-nav > li > a { padding: 10px 8px; font-size: 14px; }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    header .header-logo { width: 140px; }
    #main-nav > li { padding: 0 1px; }
    #main-nav > li > a { padding: 10px 5px; font-size: 13px; }
}

/* immagine intestazione pagine interne: riempie sempre il riquadro (prima, oltre ~1800px restava una fascia grigia a destra) */
@media (min-width: 769px) {
    .page-heading .blog-featured-image {
        width: 100%; height: 100%; max-width: none;
        left: 0; transform: none;
        object-fit: cover; object-position: center;
    }
}

/* pagina risultati ricerca (indexed_search, template in fileadmin/templates/ext/indexed_search) */
.apas-search { max-width: 820px; margin: 0 auto; }
.apas-search .apas-search-label { display: block; font-size: 22px; font-weight: 500; margin-bottom: 12px; }
.apas-search .apas-search-field { display: flex; gap: 8px; }
.apas-search .tx-indexedsearch-searchbox-sword {
    flex: 1; min-width: 0; height: 46px; padding: 0 14px; font-size: 16px;
    border: 1px solid #ccc; border-radius: 4px; background: #fff; color: #333;
}
.apas-search .tx-indexedsearch-searchbox-sword:focus { outline: none; border-color: #f75843; box-shadow: 0 0 0 3px rgba(247, 88, 67, .15); }
.apas-search .tx-indexedsearch-searchbox-button {
    height: 46px; padding: 0 22px; border: 0; border-radius: 4px; cursor: pointer;
    background: #f75843; color: #fff; font-size: 15px; text-transform: uppercase; letter-spacing: .5px;
}
.apas-search .tx-indexedsearch-searchbox-button:hover { background: #d9442f; }
.apas-search .apas-search-info { margin: 28px 0 8px; padding-bottom: 12px; border-bottom: 1px solid #eee; color: #666; }
.apas-search .apas-search-range { color: #999; }
.apas-search .apas-search-noresult { margin-top: 28px; padding: 16px; background: #f7f7f7; border-radius: 4px; }
.apas-search .apas-search-results { list-style: none; margin: 0; padding: 0; }
.apas-search .apas-search-res { padding: 18px 0; border-bottom: 1px solid #eee; }
.apas-search .apas-search-title { font-size: 20px; line-height: 1.3; margin: 0 0 4px; text-transform: none; }
.apas-search .apas-search-title a { color: #333; }
.apas-search .apas-search-title a:hover { color: #f75843; }
.apas-search .apas-search-path, .apas-search .apas-search-path a { font-size: 13px; color: #2a8a3e; word-break: break-all; }
.apas-search .apas-search-desc { margin: 6px 0 0; color: #555; line-height: 1.6; }
.apas-search .apas-search-desc strong, .apas-search .apas-search-desc .tx-indexedsearch-redMarkup { color: #f75843; font-weight: 600; }
.apas-search .apas-search-pages { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 28px 0 10px; }
.apas-search .apas-search-pages a, .apas-search .apas-search-pages span {
    min-width: 38px; padding: 7px 12px; text-align: center; border: 1px solid #ddd; border-radius: 4px; color: #333;
}
.apas-search .apas-search-pages a:hover { border-color: #f75843; color: #f75843; }
.apas-search .apas-search-pages .current { background: #f75843; border-color: #f75843; color: #fff; }
body.dark-mode .apas-search .tx-indexedsearch-searchbox-sword { background: #222; border-color: #555; color: #eee; }
body.dark-mode .apas-search .apas-search-title a, body.dark-mode .apas-search .apas-search-pages a { color: #eee; }
body.dark-mode .apas-search .apas-search-desc, body.dark-mode .apas-search .apas-search-info { color: #bbb; }
body.dark-mode .apas-search .apas-search-path, body.dark-mode .apas-search .apas-search-path a { color: #7ccf8c; }
body.dark-mode .apas-search .apas-search-res, body.dark-mode .apas-search .apas-search-info { border-color: #444; }
body.dark-mode .apas-search .apas-search-pages a { border-color: #555; }
body.dark-mode .apas-search .apas-search-noresult { background: #2a2a2a; }
@media (max-width: 480px) {
    .apas-search .tx-indexedsearch-searchbox-button { padding: 0 14px; }
    .apas-search .apas-search-title { font-size: 18px; }
}

/* lightbox: didascalia leggibile */
.lb-data .lb-caption { font-size: 14px; line-height: 1.4; }

/* tabelle larghe nei contenuti: scroll orizzontale su mobile invece di uscire dalla pagina */
@media (max-width: 767px) {
    .ce-bodytext table, .contenttable { display: block; max-width: 100%; overflow-x: auto; }
}
