/*
Theme Name: Kobamundii
Description: Kobamundii child theme for Flatsome. Holds the video experience, the legal document system, the footer signup and the delivery/currency modal.
Author: Kobamundii
Template: flatsome
Version: 3.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* NOTE: bump Version above on every edit to this file. Flatsome enqueues it
   as style.css?ver=<Version>, so without a bump browsers and LiteSpeed keep
   serving the old copy and the change simply never lands. */

/* ── Footer: stacked, centred ─────────────────────────────────────────────
 * Footer 2 is a single column: the brand statement sits above the signup.
 * .km-about (defined in Flatsome's Customizer CSS) was written for exactly
 * this — full width and centred — so it is left alone here.
 *
 * Side by side these two never resolved: a 21px serif statement and a 10px
 * mono form share no edge and no scale, so the eye finds nothing to line up.
 * Stacked, they only need a common centre axis and room to breathe apart.
 * -------------------------------------------------------------------- */

#footer .widget .km-sub,
#footer .block_widget .km-sub {
  max-width: 26rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* The row is a flex container, so centring it needs justify-content as well
   as auto margins — text-align alone will not move it. */
#footer .widget .km-sub-row,
#footer .block_widget .km-sub-row {
  justify-content: center;
  max-width: none;
}

#footer .km-sub-label { text-align: center; }

/* Space between the statement and the signup, so they read as two things */
#footer .widget_custom_html { margin-bottom: 2.75rem; }

/* ── Header navigation ──────────────────────────────────────────────────────
 * The font was never the problem: the nav is already IBM Plex Mono, which is
 * correct — a nav is function, not lore. What was wrong was the setting.
 * Flatsome's nav-size-xlarge ships it at 18.8px with 0.02em tracking, where
 * every other terminal-register line on this site runs 0.16–0.22em. Uppercase
 * monospace at almost no tracking reads cramped, and at that size it announced
 * itself as a heading rather than sitting quietly as machinery.
 *
 * Size is kept at 18px by choice (16 Aug). Tracking, item spacing and contrast
 * are brought back in line: 0.20em, room between the items, and full white
 * instead of 80% — at this tracking the faint white read as washed out.
 *
 * The current section is brass. Nothing marked it before, so the header never
 * said where you were.
 * -------------------------------------------------------------------- */

.header-nav.nav-left > li > a.nav-top-link {
  font-size: 18px;
  letter-spacing: 0.2em;
  color: #fff;
}

/* Was a 7px margin, which at this size left the two items nearly touching.
   2.4rem overshot the other way; 1.5rem plus the trailing letter-space reads
   as about 28px between them. */
.header-nav.nav-left > li { margin-right: 1.5rem; }
.header-nav.nav-left > li:last-child { margin-right: 0; }

.header-nav.nav-left > li.current-menu-item > a.nav-top-link,
.header-nav.nav-left > li.current-menu-parent > a.nav-top-link,
.header-nav.nav-left > li.current-menu-ancestor > a.nav-top-link,
.header-nav.nav-left > li.current_page_item > a.nav-top-link,
.header-nav.nav-left > li.current_page_parent > a.nav-top-link {
  color: var(--km-brass, #d4a017);
}

.header-nav.nav-left > li > a.nav-top-link:hover {
  color: var(--km-brass-bright, #e4b121);
}


/* ── Footer: WooPayments currency switcher ────────────────────────────────
 * The widget ships a full-width native <select> with a white background,
 * which reads as a form control dropped into the footer. Restyled to sit
 * quietly. (Superseded on the header by [km_region], kept in case the
 * widget is ever used again.)
 * -------------------------------------------------------------------- */

.widget_currency_switcher_widget .widget-title,
[id^="currency_switcher_widget"] .widget-title {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 0.62rem;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.5;
}

.widget_currency_switcher_widget .is-divider,
[id^="currency_switcher_widget"] .is-divider {
  display: none;
}

.js-woopayments-currency-switcher {
  width: auto;
  max-width: 9rem;
  height: auto;
  background-color: transparent;
  color: inherit;
  border: none;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  box-shadow: none;
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  padding: 0.25rem 1.4rem 0.25rem 0;
  opacity: 0.6;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%23e8e0d4' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.25rem center;
  background-size: 8px 5px;
}

.js-woopayments-currency-switcher:focus {
  opacity: 1;
  outline: none;
  border-bottom-color: #c8a040;
  box-shadow: none;
}

/* The open dropdown list is drawn by the OS — keep it legible */
.js-woopayments-currency-switcher option {
  background: #ffffff;
  color: #111111;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}