/* 1. Caricamento Font Personalizzati */
@font-face { font-family: 'TrajanPro'; src: url('TrajanPro-Regular.ttf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'SofiaProCustom'; src: url('Sofia Pro Bold Az.otf'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'SofiaProRegular'; src: url('Sofia Pro Regular Az.otf'); font-weight: normal; font-style: normal; }

/* 2. Layout Base */
body { margin: 0; padding: 0; font-family: sans-serif; line-height: 1.6; padding-top: 50px; background-color: #ca9e67; color: #333; }
.contenuto { max-width: 1000px; margin: 0 auto; padding: 40px 20px; }

/* Titolo Principale GALAXY SPORT HORSES */
.titolo-principale {
    font-family: 'TrajanPro', serif;
    color: #44312a;
    font-size: 70px; text-align: center; margin-top: 80px; margin-bottom: 20px;
    letter-spacing: 15px; padding-left: 15px; text-transform: uppercase; font-weight: normal;
}

/* 3. Stile Header */
.header-nascosto {
    position: fixed; top: -120px; left: 0; width: 100%;
    background-color: #30452e !important; padding: 10px 0;
    transition: top 0.5s ease; z-index: 9999; box-shadow: 0 2px 15px rgba(0,0,0,0.3);
}
body:hover .header-nascosto, .header-nascosto:hover { top: 0; }
.nav-container { display: flex; align-items: center; justify-content: space-between; padding: 0 40px; }
.header-logo { flex: 1; text-align: left; }
.header-logo img { height: 60px; width: auto; }
.menu-links { flex: 2; text-align: center; }
.header-nascosto nav a { color: #ffffff !important; text-decoration: none; margin: 0 20px; font-family: 'SofiaProCustom', sans-serif; font-weight: bold; font-size: 18px; }
.header-nascosto nav a:hover { color: #eac230 !important; }
.header-spacer { flex: 1; }

/* --- Logo in trasparenza (WATERMARK) --- */
.logo-sfondo-centrato {
    position: fixed; top: 55%; left: 50%; transform: translate(-50%, -50%);
    z-index: -1; opacity: 0.08; width: 90%; max-width: 1200px; pointer-events: none;
}
.logo-sfondo-centrato img { width: 100%; height: auto; filter: grayscale(100%) blur(1px); }

/* --- Copertina e Testo Sovrapposto --- */
.copertina-container { position: relative; overflow: hidden; margin-top: 50px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); cursor: pointer; }
.foto-copertina-slide { width: 100%; display: block; transform: translateX(-100%); animation: slideIn 1.5s forwards ease-out; transition: filter 0.6s ease; }
.copertina-container:hover .foto-copertina-slide { filter: blur(10px) brightness(0.6); }
.testo-sopra-foto {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 80%; text-align: center; opacity: 0; transition: opacity 0.6s ease; z-index: 10; pointer-events: none;
}
.copertina-container:hover .testo-sopra-foto { opacity: 1; }
.testo-sopra-foto p { font-family: 'SofiaProRegular', sans-serif; color: #ffffff; font-size: 18px; line-height: 1.4; margin-bottom: 10px; text-shadow: 1px 1px 5px rgba(0,0,0,0.5); }
.testo-sopra-foto strong { color: #eac230; }

@keyframes slideIn { to { transform: translateX(0); } }

/* --- RESPONSIVE / MOBILE --- */
.hamburger { display: none; cursor: pointer; flex-direction: column; gap: 5px; }
.hamburger span { width: 25px; height: 3px; background-color: white; border-radius: 2px; }

@media (max-width: 768px) {
    .titolo-principale { font-size: 28px; letter-spacing: 5px; margin-top: 30px; }
    .nav-container { padding: 0 20px; }
    
    /* Hamburger Menu */
    .hamburger { display: flex; }
    .menu-links {
        display: none; position: absolute; top: 70px; left: 0; width: 100%;
        background-color: #30452e; flex-direction: column; padding: 20px 0;
    }
    .menu-links.active { display: flex; }
    .header-nascosto nav a { margin: 10px 0; font-size: 20px; }
    .header-spacer { display: none; }

    /* Testo ridotto su foto */
    .nascondi-mobile { display: none; }
    .testo-sopra-foto { width: 90%; }
    .testo-sopra-foto p { font-size: 13px; line-height: 1.2; }
    
    /* Su mobile l'effetto hover si attiva al tocco */
    .copertina-container:active .foto-copertina-slide { filter: blur(8px) brightness(0.5); }
    .copertina-container:active .testo-sopra-foto { opacity: 1; }
}

/* --- FOOTER --- */
.footer-contatti {
    background-color: #44312a;
    color: #ffffff;
    padding: 60px 20px 20px;
    font-family: 'SofiaProRegular', sans-serif;
    margin-top: 80px;
}

.footer-container {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 40px;
}

.footer-info h3, .footer-social h3 {
    font-family: 'TrajanPro', serif;
    font-weight: normal;
    font-size: 22px;
    margin-bottom: 20px;
    letter-spacing: 2px;
}

.footer-info p {
    margin: 10px 0;
}

.footer-info a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-info a:hover {
    color: #eac230; /* Giallo header */
}

.social-icons {
    display: flex;
    gap: 20px;
}

.social-icons img {
    height: 35px; /* Dimensione icone social */
    width: auto;
    transition: transform 0.3s ease, filter 0.3s ease;
}

.social-icons a:hover img {
    transform: scale(1.1);
    filter: brightness(1.2);
}

.footer-bottom {
    text-align: center;
    margin-top: 60px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 12px;
    opacity: 0.7;
}

/* Gestione footer su Mobile */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    
    .social-icons {
        justify-content: center;
    }
}