/*
Theme Name: Alternativ@ Child v.5.2.4
Theme URI: https://infoalternative.it
Author: Gaetano Piazza
Author URI: https://caltaweb.it
Description: Child theme di Alternativ@. Caratteristiche della versione: Sticky Carousel solo desktop, Accordion Editoriali, Infinite scroll nella sezioni 'Primo Piano' e 'Recenti', Footer visibile
Template: generatepress
Version: 5.2.4
Text Domain: alternativa-child_5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alternativa
Tags: grid-layout, custom, modular, infoalternative.it, Alternativ@, alternativa
*/

/* ================================
   VARIABILI CSS PERSONALIZZATE
   ================================ */

/*La regola seguente e l'impostazione della variabile --footer-collapsed-height
 * servono devono essere cambiate per rendere visibile o nascondere il footer */

.site-footer {display:none;} /*Per far scomparire il footer anche nel telefonino*/

:root {
    --footer-collapsed-height: 0px;  /* Per nascondere il footer.*/
    /*--footer-collapsed-height: 68px;  /* altezza della sola fascia superiore visibile a riposo.
                                         Deve combaciare con l'altezza effettiva di .footer-top-bar.
                                         Calibra questo valore se logo o testo generano un'altezza
                                         diversa da quella attesa (es. wrapping su viewport stretti). */

    --admin-bar-heigth: 0px;  /* Default: senza admin bar. Con admin bar: body.admin-bar ridefinisce a 32px. */
    --nav-height: 60px; /*Altezza del menù principale*/
    --homepage-min-height: 80vh;
    --ultimi-height: 2000px;
    --head-max-width: 800px;
    --head-max-height: 198px; /*Altezza intestazione desktop*/
    --main-nav-top:205px;
    /*--head-1024-height: 19vw; /*Altezza intestazione mobile*/
    --main-nav-1024-top:20vw;
    /*--content-top: 265px; /*Altezza dell'header comprensiva del menù main*/
    --content-top: calc(var(--head-max-height) + var(--nav-height) + var(--admin-bar-heigth)); /*Altezza dell'header comprensiva del menù main*/
    /* Colori principali del brand */
    --alternativa-black: #222222;
    --alternativa-highlight: #D60101;
    --alternativa-accent: #D60101;

    /* Colori per navigation e titoli */
    --alternativa-title: yellow;
    --alternativa-title-over: #D60101;
    --alternativa-title-background: #D60101;
    --alternativa-title-background-over: #222222;

    /* Colori di supporto */
    --alternativa-text: #2d3748;
    --alternativa-light: #f7fafc;
    --alternativa-border: #e2e8f0;
    --alternativa-success: #38a169;
    --alternativa-warning: #d69e2e;
    --alternativa-shadow: rgba(0, 0, 0, 0.1);

    /* Colori specifici homepage */
    --alternativa-section-title-color: #333;
    --alternativa-meta-color: #666;
    --alternativa-meta-background: #e1e1e1;
    --alternativa-card-background: #f8f9fa;
    --alternativa-card-border: #eee;
    --alternativa-excerpt-color: #555;
    --alternativa-link-color: #333;
    --alternativa-link-hover-color: #667eea;
    --alternativa-no-posts-color: #999;
    --alternativa-no-posts-background: #f8f9fa;

    /* Colori sezioni specifiche */
    --alternativa-editoriali-color: #e74c3c;
    --alternativa-evidenza-color: #f39c12;
    --alternativa-ultimi-color: #27ae60;

    /* Colori categorie */
    --alternativa-category-politica: #e53e3e;
    --alternativa-category-cultura: #9f7aea;
    --alternativa-category-economia: #38a169;
    --alternativa-category-sociale: #3182ce;
    --alternativa-category-internazionale: #d69e2e;
}

/* Regola in base all'altezza di header e menu */
body {
    padding-top: var(--content-top);
}

/* Admin bar WordPress: ridefinisce --admin-bar-heigth per tutti i calc() che la usano */
body.admin-bar {
    --admin-bar-heigth: 32px;
}

/* body.admin-bar {
    padding-top: calc(var(--content-top) + var(--admin-bar-heigth));
} */

/* Admin bar WordPress */
body.admin-bar .site-header {
    top: var(--admin-bar-heigth);
}

/* =========================================================
   DEFINIZIONE RESPONSIVA DELL'ALTEZZA DELL' AREA CONTENUTO
   I tipi standard di media usati in questo tema sono i seguenti:
   max-width: 1024 (tablet)
   max-width: 768 (grande smartphone)
   max-width: 480 (piccolo smartphone)
   Altre classificazioni non standard, da controllare:
   max-width: 932px in footer.css
   max-width: 500 in footer.css
   max-width: 640px in footer.css
   max-width: 782px in header.css
   max-width: 480 in category.css
   ========================================================= */
@media (max-width: 1024px) { 
    :root {
        --head-max-height: 19vw; /*Altezza intestazione mobile*/
        --head-1024-height: var(--head-max-height);
            
    /*versione senza carousel mobile*/
        --section-height: calc(100vh - var(--nav-height) - var(--footer-collapsed-height) - var(--admin-bar-heigth) - var(--head-1024-height) - 240px);
}

/*versione senza carousel mobile*/
    .carousel-section {
        display:none;
    }
}

@media (max-width: 768px) { 
    :root {
        --nav-height: 2em; /*Altezza button.menu-toggle*/
    }
}

.main-navigation a {
    line-height: var(--nav-height);
}
.comtainer {width: 100%;}

/* ================================
   LAYOUT GENERALE ARTICOLI E PAGINE
   ================================ */
article .inside-article,
.page-header,
aside {
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    transition: transform 0.3s ease;
    border-radius: 8px !important;
}

/* Immagine in evidenza flottante a sinistra */
.single-post .featured-image.page-header-image-single {
    float: left !important;
    margin: 0 25px 20px 0 !important;
    max-width: 300px;
    width: 300px;
    clear: none !important;
}

/* Assicura che l'immagine dentro il container si adatti */
.single-post .featured-image.page-header-image-single img {
    width: 100%;
    height: auto;
}

/* Il contenuto dell'articolo deve scorrere attorno */
.single-post .entry-content {
    overflow: visible;
    clear: none;
    min-height: 80vh; /* Per evitare l'inceppamento*/
}
.site-main{
    min-height: 100vh; /* Per evitare l'inceppamento*/
}

/* Header dell'articolo deve scorrere attorno */
.single-post .entry-header {
    overflow: visible;
    clear: none;
}

/* Reset per mobile */
@media (max-width: 768px) {
    .single-post .featured-image.page-header-image-single {
        float: none !important;
        margin: 0 0 20px 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}