/*********************************************
 * ticker.css — HEADER FAISA-CONFAIL
 *********************************************/

/* =========================
   HEADER
========================= */
.fc-header{
  background: #ffffff;
  padding: 15px 0;
}

/* LOGO */
.fc-logo img{
  max-height: 120px;
  height: auto;
}

/* BREAKING NEWS */
.fc-breaking{
  text-align: center;
  /* FIX: impedisce al ticker di “sbordare” verso la colonna search quando la riga si stringe */
  overflow: hidden;
}

.fc-breaking-title{
  font-size: 17px;
  font-weight: 700;
  color: #1d4d97;
  margin-bottom: 4px;
  letter-spacing: 1px;
}

.fc-breaking-date{
  font-size: 13px;
  margin-top: 4px;
  color: #444;
}

/* =========================
   SEARCH (input + icona solidali)
========================= */
.fc-search{
  display: flex;
  align-items: center;
}

/* wrapper unico: input + bottone fanno “un tutt’uno” */
.fc-search-group{
  display: flex;
  align-items: center;
  border: 1px solid #cfd4d9;
  border-radius: 30px;
  overflow: hidden;
  background: #fff;
  /* FIX: evita che il gruppo si restringa troppo e faccia impazzire l’affiancamento */
  flex: 0 0 auto;
}

/* input */
.fc-search-input{
  border: 0;
  outline: none;
  padding: 10px 14px;
  width: 220px;
  background: transparent;
  min-width: 0;
}

/* bottone con icona (parte del campo) */
.fc-search-btn{
  border: 0;
  background: transparent;
  padding: 0 16px; /* FIX: un pelo più a destra */
  cursor: pointer;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #555;
}

.fc-search-btn i{
  font-size: 18px;
}

/* focus sul gruppo */
.fc-search-group:focus-within{
  box-shadow: 0 0 0 3px rgba(29, 77, 151, 0.15);
  border-color: #1d4d97;
}

/* FIX: crea “aria” reale tra ticker e search su desktop */
@media (min-width: 768px){
  /* se la colonna search è col-md-4 come nel tuo header.php */
  .fc-header .col-md-4{
    padding-left: 24px;
  }
}

/* =========================
   TICKER SCORREVOLE ORIZZONTALE
========================= */
.fc-header-ticker-wrapper{
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 2px;
}

/* Corpo interno del ticker */
.fc-header-ticker-inner{
  display: block;
  width: 100%;
}

/* Movimento scorrevole */
.fc-header-ticker-track{
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  gap: 40px;
  animation: tickerScroll 100s linear infinite;
  will-change: transform;
}

/* Pausa animazione quando hover */
.fc-header-ticker-wrapper:hover .fc-header-ticker-track{
  animation-play-state: paused;
}

/* Liste interne */
.fc-header-ticker-track ul{
  list-style: none;
  display: inline-flex;
  gap: 40px;
  margin: 0;
  padding: 0;
}

/* Singola notizia */
.fc-header-ticker-track li a{
  color: #1d4d97;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
}

.fc-header-ticker-track li a:hover{
  color: #3568b6;
}

/* Separatore */
.fc-header-ticker-track .sep{
  color: #3568b6;
  font-weight: bold;
}

/* Animazione */
@keyframes tickerScroll{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}

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

/* tra md e lg: riduco l’input così il ticker non “entra” nella search */
@media (max-width: 991.98px){
  .fc-search-input{
    width: 180px;
  }
}

/* mobile: search solo offcanvas (quando serve), comunque full width */
@media (max-width: 767.98px){
  .fc-search{ width: 100%; }
  .fc-search-group{ width: 100%; }
  .fc-search-input{ width: 100%; }
}