/* ===================================
   LOGO HEADER - CENTRATO 750PX
   =================================== */

.pkp_structure_head .pkp_site_name {
    text-align: center;
    margin: 50px auto 30px auto;
    max-width: 100%;
}

.pkp_structure_head .pkp_site_name img {
    max-width: 750px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto;
    display: block;
}

/* ===================================
   HERO IMAGE - RIDOTTA E ADATTATA
   =================================== */

/* Hero image compatta - 350px */
.pkp_structure_head .homepage-image,
.pkp_structure_head .homepage-image img,
.homepage-image,
.homepage-image img,
.pkp_page_index .homepage-image,
.pkp_page_index .homepage-image img,
img[src*="hero"],
img[src*="homepage"] {
    max-height: 350px !important;
    height: 350px !important;
    object-fit: cover !important;
    object-position: center !important;
    width: 100% !important;
    display: block !important;
}

/* ===================================
   MENU NAVIGAZIONE - NERO
   =================================== */

.pkp_navigation_primary {
    text-align: center;
    margin-top: 20px;
}

/* Link menu - TUTTI GLI STATI */
.pkp_navigation_primary a,
.pkp_navigation_primary a:link,
.pkp_navigation_primary a:visited,
.pkp_navigation_primary a:hover,
.pkp_navigation_primary a:active,
.pkp_navigation_primary a:focus,
.pkp_navigation_primary a[aria-expanded="true"],
.pkp_navigation_primary a[aria-expanded="false"] {
    color: #333333 !important;
    font-weight: 500 !important;
    padding: 8px 15px !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Hover specifico */
.pkp_navigation_primary a:hover {
    color: #FF006E !important;
}

/* Dropdown aperto - link principale */
.pkp_navigation_primary [data-toggle="dropdown"][aria-expanded="true"] {
    color: #333333 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Menu dropdown - background bianco per leggibilità */
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_primary .dropdown-menu.show {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* Link dentro dropdown */
.pkp_navigation_primary .dropdown-menu a {
    background: transparent !important;
    background-color: transparent !important;
}

.pkp_navigation_primary .dropdown-menu a:hover {
    background: #f8f8f8 !important;
    background-color: #f8f8f8 !important;
}

/* ===================================
   BREADCRUMB - PIÙ VISIBILE
   =================================== */

.pkp_breadcrumb,
.cmp_breadcrumbs {
    font-size: 14px !important;
    color: #666666 !important;
    margin: 20px 0 !important;
    padding: 10px 0 !important;
}

.pkp_breadcrumb a,
.cmp_breadcrumbs a {
    color: #555555 !important;
    text-decoration: none !important;
}

.pkp_breadcrumb a:hover,
.cmp_breadcrumbs a:hover {
    color: #FF006E !important;
    text-decoration: underline !important;
}

/* Separatori breadcrumb più evidenti */
.pkp_breadcrumb .separator,
.cmp_breadcrumbs .separator {
    margin: 0 8px !important;
    color: #999999 !important;
}

/* ===================================
   SIDEBAR - STILIZZATA
   =================================== */

/* Box sidebar con sfondo grigio chiaro */
.pkp_sidebar,
.pkp_block {
    background: #f8f8f8 !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}

/* Titoli sidebar in grigio scuro */
.pkp_sidebar h2,
.pkp_block h2,
.pkp_sidebar h3,
.pkp_block h3 {
    color: #333333 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #e0e0e0 !important;
}

/* Link sidebar stilizzati */
.pkp_sidebar ul,
.pkp_block ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pkp_sidebar li,
.pkp_block li {
    margin-bottom: 10px !important;
}

.pkp_sidebar a,
.pkp_block a {
    color: #555555 !important;
    text-decoration: none !important;
    display: block !important;
    padding: 8px 12px !important;
    background: #ffffff !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
}

.pkp_sidebar a:hover,
.pkp_block a:hover {
    color: #FF006E !important;
    background: #fff5f9 !important;
    padding-left: 16px !important;
}

/* Icone sidebar (se presenti) */
.pkp_sidebar a::before,
.pkp_block a::before {
    content: "▸ ";
    color: #FF006E;
    font-weight: bold;
    margin-right: 5px;
}

/* ===================================
   CONTENUTO PRINCIPALE - MIGLIOR USO SPAZIO
   =================================== */

.pkp_structure_main {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
}

.pkp_structure_content {
    max-width: 100% !important;
}

/* ===================================
   HOMEPAGE - LATEST PUBLICATIONS (pronto per configurazione)
   =================================== */

/* Titolo sezione Latest Publications */
.cmp_announcements h2,
.homepage-latest h2 {
    color: #333333 !important;
    font-size: 28px !important;
    font-weight: bold !important;
    margin: 40px 0 30px 0 !important;
    text-align: center !important;
}

/* Griglia pubblicazioni */
.obj_monograph_summary {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    transition: all 0.3s ease !important;
}

.obj_monograph_summary:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    transform: translateY(-2px) !important;
}

/* ===================================
   COPERTINE LIBRI - INGRANDITE
   =================================== */

/* Copertine nelle pagine dei libri */
.cover_image img,
.obj_monograph_summary img,
.obj_monograph_full img,
img.cover,
.item_cover img,
.cover img,
.thumbnail img,
.obj_monograph_summary .cover img {
    max-width: 350px !important;
    width: 100% !important;
    height: auto !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* Copertina nella pagina singola del libro (landing page) */
.monograph_full .cover_image img,
.obj_monograph_full .cover_image img,
.item .cover img {
    max-width: 400px !important;
}

/* Responsive copertine */
@media (max-width: 768px) {
    .cover_image img,
    .obj_monograph_summary img,
    .obj_monograph_full img,
    img.cover,
    .item_cover img,
    .cover img,
    .thumbnail img {
        max-width: 100% !important;
    }
}

/* ===================================
   FOOTER - ALTEZZA RIDOTTA + LINK GRIGI
   =================================== */

/* Footer compatto */
.pkp_structure_footer {
    padding: 15px 0 !important;
    margin-top: 50px !important;
    min-height: auto !important;
    background: #f5f5f5 !important;
    border-top: 1px solid #e0e0e0 !important;
}

.pkp_structure_footer .pkp_footer_content {
    padding: 10px 20px !important;
}

.pkp_structure_footer .pkp_brand_footer {
    padding: 10px 20px !important;
    margin: 0 !important;
}

/* Link footer grigio scuro */
.pkp_structure_footer a,
footer a {
    color: #555555 !important;
    text-decoration: underline !important;
}

.pkp_structure_footer a:hover,
footer a:hover {
    color: #333333 !important;
}

/* ===================================
   LINK GLOBALI - GRIGIO SCURO SOTTOLINEATO
   =================================== */

/* Tutti i link del sito in grigio scuro sottolineato */
a,
.pkp_page a,
main a,
article a,
.page a,
.pkp_page_content a {
    color: #555555 !important;
    text-decoration: underline !important;
    transition: color 0.2s ease !important;
}

/* Hover sui link */
a:hover,
.pkp_page a:hover,
main a:hover,
article a:hover,
.page a:hover,
.pkp_page_content a:hover {
    color: #333333 !important;
}

/* ECCEZIONI: Link nel menu (già gestiti sopra) */
.pkp_navigation_primary a {
    color: #333333 !important;
    text-decoration: none !important;
}

.pkp_navigation_primary a:hover {
    color: #FF006E !important;
}

/* ===================================
   GRASSETTI GLOBALI - GRIGIO SCURO
   =================================== */

/* Tutti i grassetti del sito in grigio scuro */
body strong,
body b,
.pkp_page strong,
.pkp_page b,
.page strong,
.page b,
article strong,
article b,
.pkp_page_content strong,
.pkp_page_content b,
main strong,
main b,
p strong,
p b,
li strong,
li b,
td strong,
td b,
th strong,
th b,
div strong,
div b {
    color: #555555 !important;
    font-weight: bold !important;
}

/* H1-H6 in grassetto grigio scuro */
h1, h2, h3, h4, h5, h6 {
    color: #555555 !important;
}

/* ===================================
   PAGINA ABOUT - STILE SERIES
   =================================== */

/* Link dell'indice in alto - grigio scuro e sottolineati */
.page_about ul:first-of-type a,
.pkp_page_content > ul:first-of-type a {
    color: #555555 !important;
    text-decoration: underline !important;
    font-weight: normal !important;
}

/* Hover sui link dell'indice */
.page_about ul:first-of-type a:hover,
.pkp_page_content > ul:first-of-type a:hover {
    color: #333333 !important;
}

/* Titoli H2 nella pagina About - grigio scuro */
.page_about h2,
.pkp_page_content h2 {
    color: #555555 !important;
    font-weight: bold !important;
}

/* ===================================
   PAGINA CONTACT - DUE COLONNE BILANCIATE
   =================================== */

/* Forza il container principale in flexbox */
.page_contact .page,
.page_contact .pkp_content,
.page_contact main {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 40px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 20px !important;
}

/* Forza ogni sezione contact a occupare 45% */
.page_contact .contact_section,
.page_contact > div > div,
.page_contact main > div {
    flex: 1 1 45% !important;
    min-width: 300px !important;
    max-width: 48% !important;
    box-sizing: border-box !important;
}

/* Assicura che il titolo Contact non rompa il layout */
.page_contact h1,
.page_contact .page_title {
    flex: 1 1 100% !important;
    width: 100% !important;
}

/* Titoli delle sezioni (Principal Contact, Support Contact) */
.page_contact h2 {
    color: #555555 !important;
    font-weight: bold !important;
    font-size: 18px !important;
    margin-bottom: 15px !important;
    border-bottom: 2px solid #e0e0e0 !important;
    padding-bottom: 10px !important;
}

/* Nomi e affiliazioni */
.page_contact p {
    margin: 8px 0 !important;
    line-height: 1.6 !important;
}

/* Email links */
.page_contact a {
    color: #555555 !important;
    text-decoration: underline !important;
}

.page_contact a:hover {
    color: #333333 !important;
}

/* ===================================
   HOMEPAGE - NASCONDI ABOUT THE PRESS
   =================================== */

.pkp_page_index h2:first-of-type,
.pkp_page_index h2:first-of-type + p,
.pkp_page_index h2:first-of-type + p + p,
.pkp_page_index h2:first-of-type + p + p + p {
    display: none !important;
}

/* ===================================
   CALL TO ACTION - BOTTONE BROWSE CATALOG
   =================================== */

.cta-button,
.browse-catalog-btn {
    display: inline-block;
    background: linear-gradient(135deg, #F5A623 0%, #FF006E 100%);
    color: #ffffff !important;
    padding: 15px 40px;
    border-radius: 30px;
    font-weight: bold;
    text-decoration: none !important;
    text-align: center;
    margin: 30px auto;
    box-shadow: 0 4px 15px rgba(255, 0, 110, 0.3);
    transition: all 0.3s ease;
}

.cta-button:hover,
.browse-catalog-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 0, 110, 0.4);
    color: #ffffff !important;
}

/* ===================================
   PAGINA SERIES - FIX LAYOUT
   =================================== */

/* Titolo "All Books" - spazio sopra i libri */
.page_catalog_series .cmp_monographs_list > h2.title + .row {
  margin-top: 30px !important;
}




/* Container libri - NON sovrapporre titolo */
.obj_monograph_summary,
.monograph_summary {
    margin-top: 20px !important;
    clear: none !important;
    position: relative !important;
}

/* Griglia libri - altezza automatica (no spazio vuoto) */
@media (min-width: 768px) {
    /* Container principale serie */
    .page_catalog_series .page,
    .series-books-container {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Griglia 2 colonne - altezza automatica */
    .page_catalog_series .obj_monograph_summary {
        width: 48% !important;
        display: inline-block !important;
        vertical-align: top !important;
        margin: 1% !important;
        height: auto !important;
        min-height: 220px !important;
    }

    /* Box si adattano al contenuto */
    .obj_monograph_summary {
        height: auto !important;
        min-height: auto !important;
    }
}

/* Mobile - singola colonna */
@media (max-width: 767px) {
    .page_catalog_series .obj_monograph_summary {
        width: 100% !important;
        display: block !important;
        margin: 20px 0 !important;
    }
}

/* ===================================
   RESPONSIVE
   =================================== */

/* Logo responsive */
@media (max-width: 992px) {
    .pkp_structure_head .pkp_site_name img {
        max-width: 95% !important;
    }
    
    /* Hero image più piccola su tablet - 280px */
    .pkp_structure_head .homepage-image,
    .pkp_structure_head .homepage-image img,
    .homepage-image,
    .homepage-image img,
    .pkp_page_index .homepage-image,
    .pkp_page_index .homepage-image img {
        max-height: 280px !important;
        height: 280px !important;
    }
}

/* Pagina contact responsive */
@media (max-width: 768px) {
    .page_contact .page {
        flex-direction: column !important;
    }
    
    .page_contact .contact_section {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
    
    /* Hero image ancora più piccola su mobile - 220px */
    .pkp_structure_head .homepage-image,
    .pkp_structure_head .homepage-image img,
    .homepage-image,
    .homepage-image img,
    .pkp_page_index .homepage-image,
    .pkp_page_index .homepage-image img {
        max-height: 220px !important;
        height: 220px !important;
    }
}