/* =================================================================
   Côte & Cave — Footer styles
   Bestand: /wp-content/themes/salient-child/footer-style.css

   Laden via functions.php:
   wp_enqueue_style('cc-footer', get_stylesheet_directory_uri() . '/footer-style.css', [], '1.0');
   ================================================================= */

/* ── Salient footer achtergrond ──────────────────────────────── */
#footer-outer {
  background-color: #1c1a17 !important;
  border-top:       none !important;
}

#footer-outer .widget {
  text-align: left !important;
}

/* ── Inner container ─────────────────────────────────────────── */

.ccf {
  font-family: 'Jost', sans-serif;
  box-sizing:  border-box;
  padding:     3rem 0 0;
  max-width:   1160px;
  margin:      0 auto;
}

.ccf * {
  box-sizing: border-box;
}

/* ── Top: wordmark + tagline ─────────────────────────────────── */
.ccf-top {
  padding-bottom: 2.5rem;
  border-bottom:  1px solid rgba(255, 255, 255, 0.08);
  margin-bottom:  2.5rem;
}

.ccf-wordmark {
  display:         block !important;
  font-family:     'Jost', sans-serif !important;
  font-size:       0.78rem !important;
  font-weight:     400 !important;
  letter-spacing:  0.3em !important;
  text-transform:  uppercase !important;
  text-decoration: none !important;
  color:           rgba(255, 255, 255, 0.55) !important;
  margin-bottom:   0.4rem !important;
  line-height:     1 !important;
}

.ccf-wordmark:hover {
  color: rgba(255, 255, 255, 0.85) !important;
}

.ccf-tagline {
  font-family:    'Jost', sans-serif !important;
  font-size:      0.72rem !important;
  font-weight:    300 !important;
  color:          rgba(255, 255, 255, 0.25) !important;
  margin:         0 !important;
  line-height:    1 !important;
  text-align:     left !important;
}

/* ── Kolommen ────────────────────────────────────────────────── */
.ccf-cols {
  display:    flex !important;
  gap:        4rem !important;
  text-align: left !important;
}

.ccf-col {
  flex:       1 !important;
  text-align: left !important;
}

/* ── Labels (goud) ───────────────────────────────────────────── */
.ccf-label {
  display:        block !important;
  font-family:    'Jost', sans-serif !important;
  font-size:      0.62rem !important;
  font-weight:    500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color:          #9e8355 !important;
  margin:         0 0 0.9rem !important;
  line-height:    1 !important;
}

/* Ruimte boven een tweede label in dezelfde kolom */
.ccf-label + .ccf-label,
.ccf-text + .ccf-label {
  margin-top: 1.75rem !important;
}

/* ── Tekst en links ──────────────────────────────────────────── */
.ccf-text {
  font-family:    'Jost', sans-serif !important;
  font-size:      0.88rem !important;
  font-weight:    300 !important;
  line-height:    1.8 !important;
  color:          rgba(255, 255, 255, 0.50) !important;
  margin:         0 0 0.25rem !important;
  text-align:     left !important;
}

.ccf-text a {
  color:           rgba(255, 255, 255, 0.50) !important;
  text-decoration: none !important;
}

.ccf-text a:hover {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* ── Social icons ────────────────────────────────────────────── */
.ccf-icons {
  display:     flex !important;
  gap:         0.75rem !important;
  align-items: center !important;
  margin-top:  1.25rem !important;
}

.ccf-icon {
  display:         inline-flex !important;
  align-items:     center !important;
  justify-content: center !important;
  width:           36px !important;
  height:          36px !important;
  opacity:         0.45;
  text-decoration: none !important;
  transition:      opacity 0.2s ease;
}

.ccf-icon:hover {
  opacity: 0.85 !important;
}

.ccf-icon svg {
  width:   20px !important;
  height:  20px !important;
  fill:    white !important;
  display: block !important;
}

/* ── Bottom bar ──────────────────────────────────────────────── */
.ccf-bottom {
  display:         flex !important;
  align-items:     center !important;
  justify-content: space-between !important;
  padding:         2rem 0 !important;
  margin-top:      2.5rem !important;
  border-top:      1px solid rgba(255, 255, 255, 0.06) !important;
  text-align:      left !important;
}

.ccf-copy {
  font-family:    'Jost', sans-serif !important;
  font-size:      0.7rem !important;
  font-weight:    300 !important;
  color:          rgba(255, 255, 255, 0.22) !important;
  margin:         0 !important;
}

.ccf-legal {
  display:     flex !important;
  align-items: center !important;
  gap:         0.5rem !important;
}

.ccf-legal a {
  font-family:     'Jost', sans-serif !important;
  font-size:       0.7rem !important;
  font-weight:     300 !important;
  color:           rgba(255, 255, 255, 0.22) !important;
  text-decoration: none !important;
}

.ccf-legal a:hover {
  color: rgba(255, 255, 255, 0.55) !important;
}

/* Salient's eigen copyright balk verbergen als die dubbel staat */
#footer-outer #copyright {
  display: none !important;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 768px) {
  .ccf-cols {
    flex-direction: column !important;
    gap:            2rem !important;
  }

  .ccf-bottom {
    flex-direction: column !important;
    align-items:    flex-start !important;
    gap:            0.5rem !important;
  }
}