/*
 * STAREL FOOTER SHELL - STAGING V1.2
 * Theme-owned replacement for Elementor Footer 617.
 */

/* Coexistence guard: when the shell is enabled or privately previewed, the old
   Elementor Footer remains recoverable but cannot render as a duplicate. */
.starel-footer-shell-enabled .elementor-location-footer {
  display: none !important;
}

.starel-footer-shell-enabled #site-footer:not(.starel-footer-shell),
.starel-footer-shell-enabled .site-footer:not(.starel-footer-shell) {
  display: none !important;
}

.starel-footer-shell,
.starel-footer-shell *,
.starel-footer-shell *::before,
.starel-footer-shell *::after {
  box-sizing: border-box;
}

.starel-footer-shell {
  --starel-footer-bg: #000000;
  --starel-footer-heading: #ffffff;
  --starel-footer-text: #bdbdbd;
  --starel-footer-muted: #7a7a7a;
  --starel-footer-control: #151515;
  width: 100%;
  margin: 0;
  padding: 0;
  background: var(--starel-footer-bg);
  color: var(--starel-footer-text);
  font-family: "Classic Carrara", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

.starel-footer-shell [hidden] {
  display: none !important;
}

.starel-footer-shell a {
  color: inherit;
  text-decoration: none;
  transition: color 160ms ease;
}

.starel-footer-shell a:hover,
.starel-footer-shell a:focus-visible {
  color: var(--starel-footer-heading);
}

.starel-footer-shell a:focus-visible,
.starel-footer-shell summary:focus-visible,
.starel-footer-shell select:focus-visible {
  outline: 2px solid #c79868;
  outline-offset: 3px;
}

.starel-footer-shell h2,
.starel-footer-shell p,
.starel-footer-shell ul {
  margin-top: 0;
}

.starel-footer-shell h2 {
  margin-bottom: 24px;
  color: var(--starel-footer-heading);
  font-family: "Classic Carrara", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

.starel-footer-shell__main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 31%);
  justify-content: space-between;
  column-gap: clamp(64px, 5vw, 112px);
  padding: 48px 24px;
}

.starel-footer-shell__desktop-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
}

.starel-footer-shell__desktop-section {
  min-width: 0;
  padding-right: 20px;
}

.starel-footer-shell__links {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.starel-footer-shell__links li {
  margin: 0;
  padding: 0;
  color: var(--starel-footer-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

.starel-footer-shell__links span {
  color: var(--starel-footer-text);
}

.starel-footer-shell__phone {
  margin: 24px 0 0;
  color: var(--starel-footer-text);
  font-size: 14px;
}

.starel-footer-shell__trust {
  min-width: 0;
  width: 100%;
  max-width: clamp(360px, 25vw, 720px);
  justify-self: end;
  padding-left: 0;
}

.starel-footer-shell__social-links {
  display: flex;
  align-items: center;
  gap: 20px;
}

.starel-footer-shell__social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--starel-footer-heading);
}

.starel-footer-shell__social-links svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.starel-footer-shell__reviews {
  margin-top: 48px;
}

.starel-footer-shell__reviews h2 {
  margin-bottom: 21px;
}

.starel-footer-shell__stars {
  display: flex;
  align-items: center;
  gap: 1px;
  margin-bottom: 12px;
  color: var(--starel-footer-heading);
}

.starel-footer-shell__stars svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.starel-footer-shell__testimonials {
  display: grid;
  align-items: start;
  min-height: 27px;
}

.starel-footer-shell__testimonials p {
  grid-area: 1 / 1;
  margin-bottom: 0;
  color: var(--starel-footer-text);
  font-size: 14px;
  line-height: 1.7;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 160ms ease;
}

.starel-footer-shell__testimonials p.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.starel-footer-shell__testimonials span {
  white-space: nowrap;
}

.starel-footer-shell__sources {
  margin: 12px 0 0;
  color: var(--starel-footer-text);
  font-size: 14px;
}

.starel-footer-shell__sources strong {
  color: var(--starel-footer-text);
  font-weight: 600;
}

.starel-footer-shell__mobile-nav {
  display: none;
}

.starel-footer-shell__utilities {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  min-height: 58px;
  padding: 0 24px 24px;
  background: var(--starel-footer-bg);
}

.starel-footer-shell__utilities .currency-toggle,
.starel-footer-shell__utilities .currency-toggle form,
.starel-footer-shell__utilities .starel-language-select {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.starel-footer-shell__utilities .starel-language-select .starel-language-select {
  display: inline-flex;
}

.starel-footer-shell__utilities select {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 34px 10px 10px !important;
  border: 0 !important;
  border-radius: 5px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-color: var(--starel-footer-control) !important;
  background-image: linear-gradient(45deg, transparent 50%, var(--starel-footer-text) 50%), linear-gradient(135deg, var(--starel-footer-text) 50%, transparent 50%) !important;
  background-position: calc(100% - 14px) calc(50% - 1px), calc(100% - 10px) calc(50% - 1px) !important;
  background-repeat: no-repeat !important;
  background-size: 4px 4px, 4px 4px !important;
  color: var(--starel-footer-text) !important;
  font-family: "Classic Carrara", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  outline: none;
  cursor: pointer;
}

.starel-footer-shell__utilities select.js-woopayments-currency-switcher {
  border: 0 !important;
}

.starel-footer-shell__utilities select option {
  color: #1c1c1c;
  background: #ffffff;
}

.starel-footer-shell__lower {
  display: grid;
  row-gap: 24px;
  padding: 24px 24px 24px;
  background: var(--starel-footer-bg);
}

.starel-footer-shell__lower-inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  width: 100%;
  padding-top: 24px;
  border-top: 1px solid var(--starel-footer-heading);
}

.starel-footer-shell__logo {
  display: inline-flex;
  width: 100px;
  flex: 0 0 auto;
}

.starel-footer-shell__logo-image {
  display: block;
  width: 100px;
  height: auto;
}

.starel-footer-shell__legal {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 24px;
  color: var(--starel-footer-muted);
  font-size: 14px;
  line-height: 1.7;
}

.starel-footer-shell__company {
  margin: 0;
  color: var(--starel-footer-muted);
  font-size: 12px;
  line-height: 1.7;
}

@media (max-width: 1024px) {
  .starel-footer-shell__main {
    display: flex;
    flex-direction: column;
    gap: 64px;
  }

  .starel-footer-shell__desktop-nav {
    display: none;
  }

  .starel-footer-shell__mobile-nav {
    display: block;
    width: 100%;
  }

  .starel-footer-shell__mobile-nav details {
    margin: 0;
    padding: 0;
  }

  .starel-footer-shell__mobile-nav summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 0;
    border-bottom: 1px solid var(--starel-footer-text);
    color: var(--starel-footer-heading);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    list-style: none;
    cursor: pointer;
  }

  .starel-footer-shell__mobile-nav summary::-webkit-details-marker {
    display: none;
  }

  .starel-footer-shell__mobile-nav summary > span {
    display: block;
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform 180ms ease;
  }

  .starel-footer-shell__mobile-nav details[open] summary > span {
    transform: translateY(2px) rotate(225deg);
  }

  .starel-footer-shell__mobile-nav details[open] summary {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .starel-footer-shell__mobile-panel {
    padding: 24px 0;
    border-bottom: 1px solid var(--starel-footer-text);
  }

  .starel-footer-shell__trust {
    width: 100%;
    max-width: none;
    padding-left: 0;
  }

  .starel-footer-shell__lower-inner {
    align-items: flex-end;
  }
}

@media (max-width: 767px) {
  .starel-footer-shell {
    font-size: 14px;
  }

  .starel-footer-shell__main {
    gap: 64px;
    padding: 32px 16px;
  }

  .starel-footer-shell__mobile-nav summary {
    font-size: 14px;
  }

  .starel-footer-shell__links li {
    font-size: 14px;
  }

  .starel-footer-shell__phone {
    font-size: 16px;
  }

  .starel-footer-shell__utilities {
    min-height: 48px;
    padding: 8px 16px 0;
  }

  .starel-footer-shell__lower {
    row-gap: 8px;
    padding: 32px 16px 16px;
  }

  .starel-footer-shell__lower-inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
    padding-top: 32px;
  }

  .starel-footer-shell__legal {
    justify-content: flex-start;
    gap: 20px;
    font-size: 12px;
  }

}

@media (prefers-reduced-motion: reduce) {
  .starel-footer-shell *,
  .starel-footer-shell *::before,
  .starel-footer-shell *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}