/*
 Theme Name: Neve Child
 Template: neve
*/

/* =========================================================================
   SALOS — Footer restyle

   ROOT CAUSE FOUND (via your Network tab screenshot): this file was never
   being loaded on the front end at all. functions.php only enqueues the
   PARENT theme's style.css (get_template_directory_uri(), handle
   'neve-parent') — the child's own style.css was never wp_enqueue_style()'d
   by anything. That's why nothing changed no matter what was in here, and
   why the version-bump/cache-busting explanation I gave earlier was wrong —
   there was nothing wrong with caching, the file just wasn't wired in.
   Fixed properly in functions.php: this file now gets its own enqueue,
   using filemtime() for automatic cache-busting (same pattern already used
   for salos-production.css below), so this problem can't recur.

   Selectors here are copied straight from the footer HTML you sent —
   #cb-row--footer-desktop-top/main/bottom, #sib_signup_form_1,
   .nv-social-icons-list, .widget-title, etc.

   WHAT THIS FIXES:
   1. The three footer rows (newsletter / columns / copyright) were three
      different navy shades → unified into one navy with a thin divider
      line between rows instead.
   2. The blue "Subscribe" button (Brevo/Sendinblue newsletter form)
      restyled to match the site's red brand colour.
   3. The Email/Name input boxes were dark-on-dark and hard to see →
      white fill, dark text, rounded corners.
   4. Footer social icons were solid brand-colour squares (set via inline
      styles in the markup) → restyled to plain light circles, matching
      the icon style used in the "About SALOS" section further up the
      homepage.
   5. Column headings get a small red underline (matching the site's
      "ABOUT SALOS" / "OUR NEXT PRODUCTION" eyebrow-label style), link
      hover colour added.
   6. Copyright line contrast improved — it's currently very low
      contrast on the darkest navy.

   NOT INCLUDED: the red "Interested in joining SALOS?" band above the
   newsletter section isn't actually part of the <footer> element — it's
   built into the homepage template itself, so it's out of scope here.
   Also couldn't find a "back to top" scroll button in the HTML you sent,
   so I've left that alone — let me know if you want that restyled too
   and where it lives in the markup.
   ========================================================================= */

:root {
  --salos-footer-navy: #16233f;        /* adjust if this doesn't quite match your brand navy */
  --salos-footer-navy-deep: #101c34;   /* copyright row */
  --salos-footer-line: rgba(255, 255, 255, 0.10);
  --salos-footer-red: var(--nv-primary-accent-color, #c8402e); /* falls back to an approximate red if the Neve variable isn't set */
}

/* ---------------------------------------------------------------------
   1. Unify the three footer rows into one navy, separated by a thin line
   --------------------------------------------------------------------- */
#site-footer #cb-row--footer-desktop-top,
#site-footer #cb-row--footer-desktop-main,
#site-footer #cb-row--footer-mobile-top,
#site-footer #cb-row--footer-mobile-main {
  background-color: var(--salos-footer-navy) !important;
}

#site-footer #cb-row--footer-desktop-main,
#site-footer #cb-row--footer-mobile-main {
  border-top: 1px solid var(--salos-footer-line);
}

#site-footer #cb-row--footer-desktop-bottom,
#site-footer #cb-row--footer-mobile-bottom {
  background-color: var(--salos-footer-navy-deep) !important;
  border-top: 1px solid var(--salos-footer-line);
}

/* ---------------------------------------------------------------------
   2. Newsletter form (Brevo/Sendinblue embed, #sib_signup_form_1)
   --------------------------------------------------------------------- */
#sib_signup_form_1 .sib-email-area,
#sib_signup_form_1 .sib-NAME-area {
  display: block;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 16px;
}

#sib_signup_form_1 input[type="email"],
#sib_signup_form_1 input[type="text"] {
  display: block;
  margin: 8px auto 0;
  background-color: #ffffff !important;
  color: #16233f !important;
  border: none !important;
  border-radius: 6px;
  padding: 12px 14px;
  width: 100%;
  max-width: 360px;
}

#sib_signup_form_1 input.sib-default-btn {
  background-color: var(--salos-footer-red) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 6px;
  padding: 12px 28px;
  font-weight: 600;
  cursor: pointer;
  transition: filter 0.15s ease;
}

#sib_signup_form_1 input.sib-default-btn:hover {
  filter: brightness(1.1);
}

/* ---------------------------------------------------------------------
   3. Footer columns — headings, links, menu spacing
   --------------------------------------------------------------------- */
#site-footer .widget-title {
  color: #ffffff !important;
  font-size: 0.95rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-bottom: 2px solid var(--salos-footer-red);
  display: inline-block;
  padding-bottom: 6px;
  margin-bottom: 16px !important;
}

#site-footer .menu-footer-menu-container .menu li {
  margin-bottom: 10px;
}

#site-footer .menu-footer-menu-container .menu a,
#site-footer .textwidget a {
  color: #d7dce6;
  text-decoration: none;
  transition: color 0.15s ease;
}

#site-footer .menu-footer-menu-container .menu a:hover,
#site-footer .textwidget a:hover {
  color: var(--salos-footer-red);
}

/* ---------------------------------------------------------------------
   4. Social icons — plain light circles instead of the inline-styled
   brand-colour squares (Facebook blue / YouTube red / Instagram pink)
   --------------------------------------------------------------------- */
#site-footer .nv-social-icons-list a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
  transition: background-color 0.15s ease;
}

#site-footer .nv-social-icons-list a:hover {
  background-color: var(--salos-footer-red) !important;
}

#site-footer .nv-social-icons-list svg {
  width: 16px !important;
  height: 16px !important;
}

/* ---------------------------------------------------------------------
   5. Copyright row — low contrast on navy currently
   --------------------------------------------------------------------- */
#site-footer .footer-bottom .component-wrap {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 0.85rem;
  padding: 16px 0;
}

#site-footer .footer-bottom .component-wrap a {
  color: rgba(255, 255, 255, 0.75);
}