/**
 * Lian Sea Food — logo-aligned tokens
 * Dark / near-black site (Skyfood direction)
 */

:root {
  --font-main: 'Poppins', sans-serif;
  --font-headers: 'Barlow', sans-serif;
  --font-subheaders: 'Sacramento', cursive;

  /* Logo: shrimp red + navy + wave blue */
  --main: #e31c23;
  --main-darker: #b8141a;
  --main-lighter: rgba(227, 28, 35, 0.5);
  --second: #2f6fb5;
  --red: #e31c23;

  --black: #050505;
  --black-darker: #000000;
  --black-text: rgba(5, 5, 5, 1);
  --black-light: rgba(5, 5, 5, 0.7);

  --gray: #111111;
  --gray-lighter: rgba(17, 17, 17, 0.5);
  --white: #ffffff;
  --white-text: rgba(255, 255, 255, 0.82);

  --navy: #0b1f3a;
  --tide: #163a66;
  --depth: #0a0a0a;
  --shell: #ff6b63;
  --pearl: #d8d3c8;
  --steel: #8a9499;
}

body.body-black,
body.theme-bubulla {
  background: var(--black) !important;
  color: var(--white-text);
}

.bg-color-theme_color,
.vc_section.bg-color-theme_color,
.btn:not(.btn-second):not(.btn-ghost),
.btn-main,
a.btn.btn-lg:not(.btn-second) {
  background-color: var(--main) !important;
}

.bg-color-black,
.vc_section.bg-color-black,
.bg-color-true-black {
  background-color: var(--black) !important;
}

.color-main,
.ltx-icon-color-main .ltx-icon,
.subheader.color-main {
  color: var(--main) !important;
}

.color-second,
.ltx-icon-color-second .ltx-icon,
.eyebrow,
h6.subheader {
  color: var(--second) !important;
}

.bg-color-gray,
.gray-bg {
  background-color: var(--gray) !important;
}

.ltx-block-icon .ltx-icon-img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  margin-bottom: 0.75rem;
  color: #fff;
}

.ltx-block-icon .ltx-icon-img img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  filter: none;
  opacity: 0.96;
}

.ltx-block-icon .ltx-icon-img img[src*="/icons/features/"] {
  filter: brightness(0) invert(1);
}

.ltx-navbar-icons .ltx-nav-quote a {
  font-family: var(--font-headers);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--white) !important;
  border: 1px solid rgba(255, 255, 255, 0.35);
  padding: 0.7rem 1.1rem;
  display: inline-block;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.ltx-navbar-icons .ltx-nav-quote a:hover {
  color: var(--white) !important;
  border-color: var(--main);
  background: var(--main);
}

.ltx-nav-cart,
.ltx-nav-search,
.ltx-nav-profile {
  display: none !important;
}

nav.navbar #navbar.navbar-desktop ul.navbar-nav > li.page_item_has_children > a:after,
nav.navbar #navbar.navbar-desktop ul.navbar-nav > li.menu-item-has-children > a:after {
  content: '\25BE' !important;
  font-size: 12px;
  margin: 0 0 0 6px !important;
}

nav.navbar
  #navbar.navbar-desktop
  ul.navbar-nav
  > li.page_item_has_children
  > a:hover:after,
nav.navbar
  #navbar.navbar-desktop
  ul.navbar-nav
  > li.menu-item-has-children
  > a:hover:after {
  transform: rotate(180deg);
}

nav.navbar #navbar.navbar-desktop ul.navbar-nav ul.children li.menu-item-has-children > a span:after,
nav.navbar #navbar.navbar-desktop ul.navbar-nav ul.sub-menu li.menu-item-has-children > a span:after {
  content: '\25B8' !important;
  font-size: 12px;
}

nav.navbar #navbar.navbar-mobile ul.navbar-nav li.menu-item-has-children > a:after {
  content: '\25BE' !important;
  font-family: var(--font-main), sans-serif;
  font-size: 18px;
}

.button::before,
input[type='button']::before,
input[type='submit']::before,
.btn::before {
  content: none !important;
}

.button,
input[type='button'],
input[type='submit'],
.btn {
  padding: 14px 32px !important;
  font-size: 1rem !important;
  letter-spacing: 0.04em;
}

.button.btn-lg,
input[type='button'].btn-lg,
input[type='submit'].btn-lg,
.btn.btn-lg,
.woocommerce .wc-proceed-to-checkout .button.alt {
  padding: 18px 40px !important;
  font-size: 1.08rem !important;
}

/* Logo: cropped lockup — height driven from HomePage.css */
.lian-logo {
  width: auto !important;
  height: auto !important;
  max-height: var(--lian-header-logo-h, 108px) !important;
  object-fit: contain;
}