/* ==========================================================================
   Modernizzazione Cassiopeia per Progetto 10 Righe
   ========================================================================== */
:root {
    --cassiopeia-color-primary: #5b755e;   /* Verde salvia scuro */
    --cassiopeia-color-link: #a87c53;      /* Marrone terracotta */
    --cassiopeia-color-hover: #475c49;
}

/* Header moderno e pulito */
.header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #eaeaea;
    box-shadow: none;
/* Header moderno e pulito */
}

/* Modifica del banner per la Home Page */
.container-banner {
    /* background: linear-gradient(135deg, #e3ede4 0%, #f1f5f2 100%) !important; */
   /* border-bottom: 4px solid var(--cassiopeia-color-primary); */
    padding: 0rem 0;
    height: auto;
}

/* Arrotondamento dei bottoni stile card e moduli */
.btn-primary, .card {
    border-radius: 1px ;
    border: none;
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.05); */
    background-color: transparent;
}

.sidebar {
    background-color: #f9f9f9;
    padding: 1.5rem;
    border-radius: 8px;
    border-top: 3px solid var(--cassiopeia-color-link);
}

/* Modifica colore del sito */
body{
  background:#c8dbca !important
}

/* sposta il menu a destra */
nav.navbar.navbar-expand-lg {
    margin-left: 6%;
}

/* nasconde il footer2 link a joomla*/
.footer2 {
    display: none;
}

/* Modifica del colore dei link e hover */

.cop {
    float: right !important;
    width: 100px !important;
    margin-right: 80%;
  
}


.immagine-cop{
    width: 100px;
}



.field-entry.lista-c-riv {
  font-size: 18px;
  display:block ;
}

.field-entry.lista-c-riv li{
 
  padding:5px;
  margin:5px;
 
  background-color:#f5f5f5;
  list-style-type:none;
}


.article-index-wrapper {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.article-index-table th {
    background-color: #f8f9fa;
    color: #333;
    font-weight: 600;
}

.article-index-table a.article-title {
    color: #0d6efd;
    text-decoration: none;
    font-weight: 500;
}

.article-index-table a.article-title:hover {
    text-decoration: underline;
}

.article-index-table .badge {
    font-size: 0.8em;
    padding: 0.35em 0.65em;
}
/*
.mod-articles-title {
  float: right !important;
}
*/

.mod-articles-image.item-image {
  width: 100px !important;
}

.field-entry.immagine-cop-libro {
  width: 150px !important;
}


.com-content-category-blog.blog img {
  width: 100px !important;
  float: left;
  margin-right: 50px;
}

.com-users-logout.logout button {
  background: blue !important;
}

/* bottone invia visform */
#field6 {
 background-color: #05610a;
}

/* Allinea la top-bar a destra */
.container-topbar {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

.container-topbar .mod-menu,
.container-topbar .nav {
    margin-left: 70% !important; /* Spinge il menu sul margine destro */
    margin-top:10px !important;
}

.btn-primary{
    background-color: rgb(22, 58, 14) !important;
}

.com-wrapper__iframe.wrapper {
  width: 100% !important;
  height: 800px !important;
}

.container-banner .banner-overlay .overlay {
  text-align: center;
  background-color: transparent !important; /* Se volevi rendere trasparente */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 1em;
  display: flex;
}

#mod-custom121 {
    background-image: url("/j610righe/images/template/25anni.webp");
    background-repeat: no-repeat !important;
    background-size: contain !important;          /* Copre interamente il modulo adattandosi */
    background-position: center center !important; /* Centra l'immagine sia in altezza che larghezza */
    min-height: 250px !important;               /* Regola l'altezza minima desiderata */
    width: 100% !important;
}

/* Nasconde il modulo banner quando ci si trova nella vista singolo articolo */
.view-article .rarticolo  {
    display: none !important;
}



/* Contenitore principale dello slider */
.sponsor-carousel-wrapper {
    overflow: hidden;
    width: 100%;
    background-color: #f8f9fa;
    padding: 15px 0;
    position: relative;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
}

/* Binario di scorrimento */
.sponsor-carousel-track {
    display: flex;
    align-items: center;
    width: max-content;
    animation: sponsorScroll 25s linear infinite;
}

/* Pausa dello scorrimento al passaggio del mouse per permettere l'interazione */
.sponsor-carousel-wrapper:hover .sponsor-carousel-track {
    animation-play-state: paused;
}

/* Singoli loghi */
.sponsor-carousel-item {
    flex: 0 0 auto;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sponsor-carousel-item img {
    max-height: 60px;
    width: auto;
    filter: grayscale(30%);
    transition: filter 0.3s ease, transform 0.3s ease;
}

.sponsor-carousel-item img:hover {
    filter: grayscale(0%);
    transform: scale(1.05);
}

/* Animazione di traslazione orizzontale */
@keyframes sponsorScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}