/* Stili per il plugin Home Claim Banner v1.2 */

.hcb-section {

    position: relative;

    background-size: cover;

    background-position: center center;

    background-attachment: fixed;

    color: #ffffff;

    width: 100%; /* Occupa tutta la larghezza */

}



.hcb-overlay {

    /*position: absolute;*/

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    /*background-color: rgba(0, 0, 0, 0.5);*/

    z-index: 1;

    padding: 30px; /* Spostato padding qui */

    display: flex; /* Centra il contenuto verticalmente */

    align-items: center;

    justify-content: center;

}



/* Il wrapper che può essere full-width o boxed */

.hcb-content-wrapper {

    position: relative;

    z-index: 2;

    width: 100%;

    text-align: center;

}



/* La classe flex-wrap (ereditata dal tema) limiterà la larghezza e centrerà il wrapper */

.hcb-content-wrapper.flex-wrap {

    /* Stili gestiti da style.css del tema (max-width, margin: auto) */

}



.hcb-claim {

    font-size: 2.5rem;

    font-weight: bold;

    margin-top: 0;

    margin-bottom: 30px;

    color: #ffffff;

    text-shadow: 1px 1px 3px rgba(0,0,0,0.7);

}



.hcb-content .ui-btn {

    border-color: #ffffff;

    color: #ffffff;

}



.hcb-content .ui-btn:hover {

    background-color: #ffffff;

    border-color: #ffffff;

    color: #D40000;

}



/* Media query per schermi più piccoli */

@media (max-width: 768px) {

    .hcb-claim {

        font-size: 1.8rem;

    }

    .hcb-overlay {

        padding: 40px 15px;

    }

    .hcb-section {

        background-attachment: scroll;

    }

}