/* FS Sound Legacy Pages Skin v0.1.1 */
body.fs-legacy-skin {
  --fs-bg: #101a2c;
  --fs-bg-deep: #0c1525;
  --fs-surface: #17243a;
  --fs-surface-2: #1b2d47;
  --fs-text: #f9f2e4;
  --fs-muted: #c9d0da;
  --fs-primary: #78cde8;
  --fs-primary-strong: #9be5fa;
  --fs-champagne: #c8a86a;
  --fs-border: rgba(249, 242, 228, 0.13);
  --fs-border-strong: rgba(249, 242, 228, 0.25);
  --fs-shadow: 0 1.5rem 4rem rgba(5, 11, 20, 0.46);
  --fs-radius: 1.5rem;
  --fs-sans: "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --fs-serif: Georgia, "Times New Roman", serif;
  background: var(--fs-bg);
  color: var(--fs-text);
  font-family: var(--fs-sans);
}

.fs-legacy-skin #top-bar-wrap,
.fs-legacy-skin #site-header,
.fs-legacy-skin #footer-widgets,
.fs-legacy-skin #footer-bottom {
  border-color: var(--fs-border);
  background: var(--fs-bg);
  color: var(--fs-text);
}

.fs-legacy-skin #top-bar-content,
.fs-legacy-skin #top-bar-content a,
.fs-legacy-skin #top-bar-social a { color: var(--fs-muted); }
.fs-legacy-skin #top-bar-content a:hover,
.fs-legacy-skin #top-bar-social a:hover { color: var(--fs-primary); }
.fs-legacy-skin #site-header { box-shadow: none; }
.fs-legacy-skin #site-logo .fs-legacy-logo-link {
  display: inline-flex;
  width: min(12.5rem, 100%);
  height: 100%;
  align-items: center;
}
.fs-legacy-skin #site-logo .fs-legacy-logo {
  display: block;
  width: 100%;
  height: auto;
  max-height: 3.35rem;
  object-fit: contain;
}
.fs-legacy-skin #site-navigation-wrap .dropdown-menu > li > a,
.fs-legacy-skin .oceanwp-mobile-menu-icon a,
.fs-legacy-skin #footer-widgets,
.fs-legacy-skin #footer-widgets a,
.fs-legacy-skin #footer-bottom,
.fs-legacy-skin #footer-bottom a { color: var(--fs-text); }
.fs-legacy-skin #site-navigation-wrap .dropdown-menu > li > a:hover,
.fs-legacy-skin #site-navigation-wrap .dropdown-menu > .current-menu-item > a,
.fs-legacy-skin #footer-widgets a:hover,
.fs-legacy-skin #footer-bottom a:hover { color: var(--fs-primary); }
.fs-legacy-skin .dropdown-menu .sub-menu,
.fs-legacy-skin #mobile-dropdown,
.fs-legacy-skin .sidr { border-color: var(--fs-border); background: var(--fs-bg-deep); }
.fs-legacy-skin #mobile-dropdown a,
.fs-legacy-skin .sidr a { color: var(--fs-text); }

.fs-legacy-skin .page-header {
  border: 0;
  background: radial-gradient(circle at 88% 16%, #173e58 0, transparent 25rem), var(--fs-bg);
}
.fs-legacy-skin .page-header-title {
  color: var(--fs-text);
  font-family: var(--fs-serif);
  font-size: clamp(2.5rem, 6vw, 4.8rem);
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1;
}
.fs-legacy-skin .site-breadcrumbs,
.fs-legacy-skin .site-breadcrumbs a { color: var(--fs-muted); }

.fs-legacy-skin #main,
.fs-legacy-skin #content-wrap {
  background: var(--fs-bg);
  color: var(--fs-text);
}
.fs-legacy-skin #main {
  background: radial-gradient(circle at 92% 5%, rgba(23, 62, 88, 0.78) 0, transparent 29rem), var(--fs-bg);
}
.fs-legacy-skin #content-wrap { padding-top: clamp(2rem, 5vw, 5rem); padding-bottom: clamp(3rem, 7vw, 7rem); }
.fs-legacy-skin #primary { float: none; width: 100%; border: 0; }
.fs-legacy-skin #right-sidebar,
.fs-legacy-skin #left-sidebar { display: none; }

.fs-legacy-skin .single-page-article,
.fs-legacy-skin.single-post article,
.fs-legacy-skin .blog-entry.grid-entry .blog-entry-inner {
  border: 1px solid var(--fs-border);
  border-radius: var(--fs-radius);
  background: var(--fs-surface);
  box-shadow: var(--fs-shadow);
}
.fs-legacy-skin .single-page-article,
.fs-legacy-skin.single-post article { padding: clamp(1.5rem, 5vw, 4.5rem); }
.fs-legacy-skin.single-post article { max-width: 64rem; margin-inline: auto; }
.fs-legacy-skin .entry,
.fs-legacy-skin .entry-content { color: var(--fs-muted); font-size: 1rem; line-height: 1.8; }
.fs-legacy-skin .entry-content > :first-child { margin-top: 0; }
.fs-legacy-skin .entry h1,
.fs-legacy-skin .entry h2,
.fs-legacy-skin .entry h3,
.fs-legacy-skin .entry-content h1,
.fs-legacy-skin .entry-content h2,
.fs-legacy-skin .entry-content h3,
.fs-legacy-skin .entry-title,
.fs-legacy-skin .blog-entry-title,
.fs-legacy-skin .blog-entry-title a {
  color: var(--fs-text);
  font-family: var(--fs-serif);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1.12;
}
.fs-legacy-skin .entry h1,
.fs-legacy-skin .entry-content h1 { font-size: clamp(2.5rem, 6vw, 4.8rem); }
.fs-legacy-skin .entry h2,
.fs-legacy-skin .entry-content h2 { margin-top: 2.5rem; color: var(--fs-champagne); font-size: clamp(1.65rem, 3.5vw, 2.45rem); }
.fs-legacy-skin .entry h3,
.fs-legacy-skin .entry-content h3 { margin-top: 2rem; color: var(--fs-champagne); font-size: clamp(1.3rem, 2.5vw, 1.85rem); }
.fs-legacy-skin .entry p,
.fs-legacy-skin .entry li,
.fs-legacy-skin .entry-content p,
.fs-legacy-skin .entry-content li { color: var(--fs-muted); }
.fs-legacy-skin .entry-content a:not(.button) { color: var(--fs-primary); text-decoration-color: rgba(120, 205, 232, 0.45); text-underline-offset: 0.2em; }
.fs-legacy-skin .entry-content a:not(.button):hover { color: var(--fs-primary-strong); }
.fs-legacy-skin .entry-content hr { border-color: var(--fs-border); }
.fs-legacy-skin .entry-content img { max-width: 100%; height: auto; border-radius: 1rem; }
.fs-legacy-skin .entry-content blockquote {
  margin-inline: 0;
  padding: 1.2rem 1.5rem;
  border-color: var(--fs-champagne);
  background: var(--fs-surface-2);
  color: var(--fs-text);
}

.fs-legacy-skin .wpcf7 { max-width: 48rem; }
.fs-legacy-skin .wpcf7 label { color: var(--fs-text); font-weight: 700; }
.fs-legacy-skin input[type="text"],
.fs-legacy-skin input[type="email"],
.fs-legacy-skin input[type="tel"],
.fs-legacy-skin input[type="url"],
.fs-legacy-skin input[type="number"],
.fs-legacy-skin input[type="date"],
.fs-legacy-skin select,
.fs-legacy-skin textarea {
  width: 100%;
  min-height: 3.1rem;
  border: 1px solid var(--fs-border-strong);
  border-radius: 0.75rem;
  background: var(--fs-bg-deep);
  color: var(--fs-text);
}
.fs-legacy-skin textarea { min-height: 9rem; }
.fs-legacy-skin input:focus,
.fs-legacy-skin select:focus,
.fs-legacy-skin textarea:focus { border-color: var(--fs-primary); outline: 3px solid rgba(120, 205, 232, 0.18); }
.fs-legacy-skin input[type="submit"],
.fs-legacy-skin button[type="submit"],
.fs-legacy-skin .button,
.fs-legacy-skin .theme-button {
  min-height: 3.1rem;
  padding: 0.75rem 1.35rem;
  border: 1px solid var(--fs-primary);
  border-radius: 999px;
  background: var(--fs-primary);
  color: var(--fs-bg-deep);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.fs-legacy-skin input[type="submit"]:hover,
.fs-legacy-skin button[type="submit"]:hover,
.fs-legacy-skin .button:hover,
.fs-legacy-skin .theme-button:hover { border-color: var(--fs-primary-strong); background: var(--fs-primary-strong); color: var(--fs-bg-deep); }
.fs-legacy-skin .wpcf7-response-output { border-color: var(--fs-champagne); color: var(--fs-text); }

.fs-legacy-skin .fs-leads-contact { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(2rem, 6vw, 6rem); }
.fs-legacy-skin .fs-leads-intro h1 { margin-top: 0; color: var(--fs-text); font: 400 clamp(2.4rem, 5vw, 4.6rem)/1 Georgia, serif; letter-spacing: -.04em; }
.fs-legacy-skin .fs-leads-intro h1 em { color: var(--fs-primary); font-weight: 400; }
.fs-legacy-skin .fs-leads-overline { color: var(--fs-champagne); font-size: .7rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.fs-legacy-skin .fs-leads-form { position: relative; display: grid; gap: 1rem; padding: clamp(1.35rem, 4vw, 2.5rem); border: 1px solid var(--fs-border); border-radius: var(--fs-radius); background: var(--fs-surface); box-shadow: var(--fs-shadow); }
.fs-legacy-skin .fs-leads-form label { display: grid; gap: .35rem; color: var(--fs-champagne); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.fs-legacy-skin .fs-leads-form label span { color: var(--fs-muted); font-weight: 500; }
.fs-legacy-skin .fs-leads-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.fs-legacy-skin .fs-leads-privacy { padding: 1rem; border: 1px solid var(--fs-border); border-radius: .8rem; background: var(--fs-bg-deep); }
.fs-legacy-skin .fs-leads-privacy p,
.fs-legacy-skin .fs-leads-privacy label { color: var(--fs-muted); font-size: .76rem; font-weight: 500; letter-spacing: 0; line-height: 1.55; text-transform: none; }
.fs-legacy-skin .fs-leads-privacy label { display: grid; grid-template-columns: auto 1fr; align-items: start; }
.fs-legacy-skin .fs-leads-privacy input { width: 1rem; min-height: 1rem; margin-top: .2rem; }
.fs-legacy-skin .fs-leads-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.fs-legacy-skin .fs-leads-status { min-height: 1.5rem; margin: 0; color: var(--fs-primary); }
.fs-legacy-skin .fs-leads-form button:disabled { cursor: wait; opacity: .65; }

.fs-legacy-skin.blog #blog-entries { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.fs-legacy-skin.blog #blog-entries::before,
.fs-legacy-skin.blog #blog-entries::after { display: none; }
.fs-legacy-skin.blog .blog-entry.grid-entry { float: none; width: auto; margin: 0; }
.fs-legacy-skin.blog .blog-entry.grid-entry .blog-entry-inner { height: 100%; padding: clamp(1.4rem, 3vw, 2.2rem); }
.fs-legacy-skin.blog .blog-entry-title,
.fs-legacy-skin.blog .blog-entry-title a { font-size: clamp(1.7rem, 3vw, 2.4rem); }
.fs-legacy-skin .meta,
.fs-legacy-skin .meta a,
.fs-legacy-skin .blog-entry-summary { color: var(--fs-muted); }
.fs-legacy-skin .blog-entry-readmore a { border-color: var(--fs-primary); color: var(--fs-primary); }

.fs-legacy-skin #footer-widgets { border-top: 1px solid var(--fs-border); }
.fs-legacy-skin #footer-bottom { border-top: 1px solid var(--fs-border); background: var(--fs-bg-deep); }
.fs-legacy-skin .fs-legacy-version {
  position: fixed;
  z-index: 9999;
  right: 0.6rem;
  bottom: 0.45rem;
  padding: 0.28rem 0.48rem;
  border: 1px solid var(--fs-border);
  border-radius: 0.35rem;
  background: rgba(12, 21, 37, 0.9);
  color: var(--fs-muted);
  font-size: 0.62rem;
  line-height: 1;
  backdrop-filter: blur(0.5rem);
}
.fs-legacy-skin :focus-visible { outline: 3px solid var(--fs-primary); outline-offset: 4px; }

@media (max-width: 767px) {
  .fs-legacy-skin #site-logo .fs-legacy-logo-link { width: min(11rem, 64vw); }
  .fs-legacy-skin #content-wrap { padding-top: 1.5rem; padding-bottom: 3rem; }
  .fs-legacy-skin .single-page-article,
  .fs-legacy-skin.single-post article { padding: 1.35rem; border-radius: 1rem; }
  .fs-legacy-skin.blog #blog-entries { grid-template-columns: 1fr; }
  .fs-legacy-skin #mobile-dropdown,
  .fs-legacy-skin .sidr { min-height: 100vh; }
  .fs-legacy-skin .fs-leads-contact,
  .fs-legacy-skin .fs-leads-split { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .fs-legacy-skin *,
  .fs-legacy-skin *::before,
  .fs-legacy-skin *::after { scroll-behavior: auto !important; transition: none !important; }
}
