/**
 * MysteryBril — 04 · Footer
 * ---------------------------------------------------------------------------
 * Samengevoegd uit het WPCode-snippet "Addtional CSS" (Footer CSS)
 * en het footergedeelte van de oude Customizer "Extra CSS".
 * ---------------------------------------------------------------------------
 */

/* --- Footer: zwart, tekst wit, hover oranje --- */
.ct-footer,
.ct-footer .ct-container-fluid,
.ct-footer .ct-container {
  background-color: var(--mb-black) !important;
}

.ct-footer a,
.ct-footer p,
.ct-footer span {
  color: var(--mb-white) !important;
}

.ct-footer a:hover,
[data-column="menu"] a:hover {
  color: var(--mb-orange) !important;
}

/* --- Kolomtitels --- */
.ct-footer .ct-widget.widget_nav_menu .widget-title {
  margin-bottom: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  color: var(--mb-orange) !important;
}

/* --- Menu-items --- */
.ct-footer .ct-widget.widget_nav_menu .widget-menu .menu-item {
  margin-bottom: -12px !important;
  padding: 0 !important;
}

.ct-footer .ct-widget.widget_nav_menu .widget-menu .menu-item a {
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-transform: capitalize !important;
  color: var(--mb-footer-muted) !important;
}

/* --- Logo --- */
.ct-footer [data-column="widget-area-1"] .wp-block-image img {
  width: 55px !important;
  height: auto !important;
}

/* --- Onderste rij: copyright + socials --- */
.ct-footer [data-row="middle"] .ct-container {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-top: 25px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.ct-footer-copyright p {
  margin: 0 !important;
  font-size: 12px !important;
  color: var(--mb-footer-muted) !important;
}

.ct-footer-socials .ct-social-box a {
  color: var(--mb-footer-muted) !important;
}

.ct-footer-socials .ct-social-box a:hover {
  color: var(--mb-orange) !important;
}

/* --- Mobiel: drie kolommen naast elkaar, logo erboven --- */
@media (max-width: 768px) {
  .ct-footer [data-row="top"] .ct-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 10px 6px !important;
    align-items: start !important;
  }

  .ct-footer [data-column="widget-area-1"] {
    grid-column: 1 / -1 !important;
    margin-bottom: 6px !important;
  }

  .ct-footer [data-column="widget-area-1"] .wp-block-image img {
    width: 42px !important;
  }

  .ct-footer .ct-widget.widget_nav_menu .widget-title {
    margin-bottom: 2px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  .ct-footer .ct-widget.widget_nav_menu .widget-menu {
    margin: 0 !important;
    padding: 0 !important;
  }

  .ct-footer .ct-widget.widget_nav_menu .widget-menu .menu-item {
    margin: 0 0 -6px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
  }

  .ct-footer .ct-widget.widget_nav_menu .widget-menu .menu-item a {
    display: inline-block !important;
    padding: 0 !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
  }

  .ct-footer [data-row="middle"] .ct-container {
    padding-top: 16px !important;
  }

  .ct-footer-copyright p {
    font-size: 9px !important;
  }

  .ct-footer-socials .ct-social-box svg {
    width: 14px !important;
    height: 14px !important;
  }
}