/* Che Fare - mod_chefare_tabs. Usa le variabili del tema (custom.css) con valori di riserva. */
.cf-tabs {
  margin: 0 0 1.5rem;
  background: #fff;
  border: 1px solid var(--cf-box-line, #e5e5e5);
}
.cf-tabs .cf-tabs__heading {
  margin: 0;
  padding: .8rem 1rem;
  font: 700 .95rem/1.3 var(--cf-font-text, Roboto, Arial, sans-serif);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #111;
  border-bottom: 1px solid var(--cf-box-line, #e5e5e5);
}
.cf-tabs .cf-tabs__nav {
  display: flex;
  overflow-x: auto;
  padding: 0 .5rem;
  border-bottom: 1px solid var(--cf-box-line, #e5e5e5);
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
.cf-tabs .cf-tabs__tab {
  flex: 0 0 auto;
  margin-bottom: -1px;
  padding: .75rem .95rem;
  font: 400 .9rem/1.2 var(--cf-font-text, Roboto, Arial, sans-serif);
  white-space: nowrap;
  color: #555;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.cf-tabs .cf-tabs__tab:hover { color: var(--cf-topbar-bg, #b71c1c); }
.cf-tabs .cf-tabs__tab.is-active {
  font-weight: 700;
  color: #111;
  border-bottom-color: var(--cf-topbar-bg, #b71c1c);
}
.cf-tabs .cf-tabs__tab:focus-visible {
  outline: 2px solid var(--cf-topbar-bg, #b71c1c);
  outline-offset: -2px;
}
.cf-tabs .cf-tabs__pane { display: none; padding: .25rem 1rem 1rem; }
.cf-tabs .cf-tabs__pane.is-active { display: block; }
.cf-tabs .cf-tabs__list { list-style: none; margin: 0; padding: 0; }
.cf-tabs .cf-tabs__item {
  display: flex;
  gap: 1rem;
  padding: .9rem 0;
  border-bottom: 1px solid var(--cf-soft-line, #eee);
}
.cf-tabs .cf-tabs__item:last-child { border-bottom: 0; }
.cf-tabs .cf-tabs__thumb {
  display: block;
  flex: 0 0 120px;
  width: 120px;
  height: 80px;
  overflow: hidden;
  background: #eee;
}
.cf-tabs .cf-tabs__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cf-tabs .cf-tabs__ph {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font: 700 2rem/1 var(--cf-font-title, Georgia, serif);
  color: #fff;
  background: var(--cf-cat, #555);
}
.cf-tabs .cf-tabs__body { display: flex; flex: 1 1 auto; flex-direction: column; gap: .3rem; min-width: 0; }
.cf-tabs .cf-tabs__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem .75rem;
  font-size: .7rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #8a8a8a;
}
.cf-tabs .cf-tabs__cat { font-weight: 700; color: var(--cf-cat, #555); }
.cf-tabs .cf-tabs__title {
  font: 700 1.1rem/1.3 var(--cf-font-title, Georgia, serif);
  color: var(--cf-text-dark, #222);
  text-decoration: none;
}
.cf-tabs .cf-tabs__title:hover { color: var(--cf-cat, #b71c1c); }
@media (max-width: 575px) {
  .cf-tabs .cf-tabs__thumb { flex-basis: 88px; width: 88px; height: 64px; }
  .cf-tabs .cf-tabs__ph { font-size: 1.5rem; }
  .cf-tabs .cf-tabs__title { font-size: 1rem; }
}