/* Mad AI and Footer v3 — selectors grounded in actual homepage HTML.
 * Replaces v2 CSS; does not add any extra stylesheet.
 */

/* Mad AI: actual Drupal block ID: #block-views-block-photo-block-1.
 * The theme's sidebar is an <aside class="col-md-3">, NOT #sidebar-second.
 */
#block-views-block-photo-block-1 .slide__caption,
#block-views-block-photo-block-1 .views-field-title {
  box-sizing: border-box;
  padding: 14px 16px 6px !important;
  margin: 0;
  text-align: left;
}
/* Avoid doubling padding when Views title lives inside Slick caption. */
#block-views-block-photo-block-1 .slide__caption .views-field-title {
  padding: 0 !important;
}
/* Some Slick formats have h2.slide__title directly, without a wrapper. */
#block-views-block-photo-block-1 h2.slide__title {
  color: #374151;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  text-transform: none;
}
#block-views-block-photo-block-1 h2.slide__title:not(.slide__caption h2.slide__title) {
  padding: 14px 16px 6px !important;
}
#block-views-block-photo-block-1 h2.slide__title a,
#block-views-block-photo-block-1 .views-field-title a {
  color: #374151;
  text-decoration: none;
}
#block-views-block-photo-block-1 h2.slide__title a:hover,
#block-views-block-photo-block-1 .views-field-title a:hover {
  color: #b70000;
}

/* Footer: confirmed real markup is
 * <footer class="footer container"><div class="footer-inner">
 *   <section class="row region region-footer">
 *     <nav id="block-quatro-footer" class="block block-menu navigation menu--footer">
 *       <ul class="clearfix nav flex-row"><li class="nav-item"><a class="nav-link">...
 */
footer.footer {
  margin-top: 20px;
  margin-bottom: 24px;
  clear: both;
}
footer.footer > .footer-inner {
  background: #fff;
  border: 1px solid #e6e9ef;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(16, 24, 40, .055);
  padding: 18px 22px 16px;
  overflow: hidden;
}
footer.footer #block-quatro-footer {
  margin: 0;
  padding: 0 0 15px;
  border-bottom: 1px solid #eceef2;
}
footer.footer #block-quatro-footer > ul.nav.flex-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
footer.footer #block-quatro-footer > ul.nav.flex-row > li.nav-item {
  display: block;
  flex: 0 0 auto;
  float: none;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  background: transparent;
}
footer.footer #block-quatro-footer > ul.nav.flex-row > li.nav-item::before {
  display: none;
  content: none;
}
footer.footer #block-quatro-footer > ul.nav.flex-row > li.nav-item > a.nav-link {
  display: inline-flex;
  align-items: center;
  min-height: 35px;
  padding: 8px 13px;
  border: 1px solid #e5e8ef;
  border-radius: 10px;
  background: #f6f7fa;
  color: #263347;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  box-shadow: none;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
footer.footer #block-quatro-footer > ul.nav.flex-row > li.nav-item > a.nav-link:hover,
footer.footer #block-quatro-footer > ul.nav.flex-row > li.nav-item > a.nav-link:focus-visible,
footer.footer #block-quatro-footer > ul.nav.flex-row > li.nav-item > a.nav-link.is-active {
  background: #fff1f3;
  border-color: #f4cbd1;
  color: #b60018;
}
footer.footer #block-blockcopyright {
  margin: 0;
  padding: 14px 0 0;
  border: 0;
  width: 100%;
  float: none;
  background: transparent;
  text-align: left;
}
footer.footer #block-blockcopyright .field--name-body,
footer.footer #block-blockcopyright .field--name-body p {
  color: #66758a;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  footer.footer > .footer-inner {
    padding: 14px;
    border-radius: 14px;
  }
  footer.footer #block-quatro-footer > ul.nav.flex-row {gap: 7px;}
  footer.footer #block-quatro-footer > ul.nav.flex-row > li.nav-item > a.nav-link {
    padding: 7px 11px;
    min-height: 33px;
    font-size: 13px;
  }
  #block-views-block-photo-block-1 .slide__caption,
  #block-views-block-photo-block-1 .views-field-title {
    padding: 12px 14px 6px !important;
  }
  #block-views-block-photo-block-1 .slide__caption .views-field-title {
    padding: 0 !important;
  }
}
