/**
 * @file
 * Syllabus Community Theme - Main Stylesheet
 */

:root {
  --community-primary: #0066cc;
  --community-secondary: #5c6f82;
  --community-accent: #ff6600;
}

/* Theme-specific overrides */
.syllabus-community-wrapper {
  /* Add community-specific styles here */
}

/* Ensure Bootstrap Italia compatibility */
body.theme-syllabus-community {
  /* Maintain Bootstrap Italia base styles */
}

/* FAQ Card - Clickable variant */
.faq-card--clickable {
  text-decoration: none;
  color: #FFFFFF;
}

.faq-card--clickable:hover {
  text-decoration: none;
  color: #FFFFFF;
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.faq-card--clickable:hover h3 {
  text-decoration: underline;
}


.faq-card--clickable:focus {
  outline: 2px solid var(--community-primary);
  outline-offset: 2px;
}

.faq-card--clickable:active {
  transform: translateY(-2px);
}

/* Ensure card title and description maintain proper styling when inside a link */
.faq-card--clickable .faq-card-title,
.faq-card--clickable .faq-card-description {
  color: #FFFFFF;
}

/* Form assistenza - /ricevi-assistenza */
#syllabus-feedback-assistenza-form {
  color: #FFFFFF !important;
}

#syllabus-feedback-assistenza-form label {
  color: #FFFFFF !important;
}

#syllabus-feedback-assistenza-form input[type="text"],
#syllabus-feedback-assistenza-form input[type="email"],
#syllabus-feedback-assistenza-form textarea {
  color: #FFFFFF !important;
  background-color: #13161B !important;
  border-color: #94979C !important;
}

#syllabus-feedback-assistenza-form input[type="text"]::placeholder,
#syllabus-feedback-assistenza-form input[type="email"]::placeholder,
#syllabus-feedback-assistenza-form textarea::placeholder {
  color: #FFFFFF !important;
  opacity: 0.7;
}

#syllabus-feedback-assistenza-form .form-type-radio label,
#syllabus-feedback-assistenza-form .form-type-checkbox label {
  color: #FFFFFF !important;
}

#syllabus-feedback-assistenza-form .form-radios,
#syllabus-feedback-assistenza-form .form-checkboxes {
  color: #FFFFFF !important;
}

#syllabus-feedback-assistenza-form .description,
#syllabus-feedback-assistenza-form .form-item-description {
  color: #FFFFFF !important;
}

#syllabus-feedback-assistenza-form .captcha {
  color: #FFFFFF !important;
}

#syllabus-feedback-assistenza-form .captcha label {
  color: #FFFFFF !important;
}

#syllabus-feedback-assistenza-form .form-required {
  color: #FFFFFF !important;
}

.button.js-form-submit.form-submit{
  margin-bottom: 48px;
}

.archive-card__title{
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}