/* NeuroSocks — Aesop-inspired luxury minimalist theme */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&family=Jost:wght@300;400;500&display=swap');

:root {
  --sfn-cream: #faf7f2;
  --sfn-warm-white: #f5f0e8;
  --sfn-sand: #e0d5c5;
  --sfn-tan: #c8b89a;
  --sfn-taupe: #8c7355;
  --sfn-brown: #5c4a32;
  --sfn-espresso: #2c2416;
  --sfn-warm-grey: #7a6a5a;
}

html {
  font-size: 16px;
}

body.u-body {
  font-family: 'Jost', system-ui, sans-serif !important;
  background-color: var(--sfn-cream) !important;
  color: var(--sfn-warm-grey) !important;
}

h1, h2, h3, h4, h5, h6,
.u-heading-font,
.u-logo-text {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
}

/* Header */
.u-header {
  background: rgba(250, 247, 242, 0.96) !important;
  border-bottom: 1px solid var(--sfn-tan) !important;
  box-shadow: none !important;
}

.u-logo.u-logo-text {
  color: var(--sfn-espresso) !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  -webkit-text-fill-color: var(--sfn-espresso) !important;
  background: none !important;
  background-clip: unset !important;
  -webkit-background-clip: unset !important;
}

.u-logo.u-logo-text:hover {
  color: var(--sfn-brown) !important;
  -webkit-text-fill-color: var(--sfn-brown) !important;
}

/* Hero block */
.u-section-1 .u-layout-cell-1 {
  background: var(--sfn-warm-white) !important;
  border: 1px solid var(--sfn-sand) !important;
  border-radius: 4px !important;
}

.u-section-1 .u-image-2,
.u-section-5 .u-image-1,
.u-section-3 .u-image-1 {
  border-radius: 4px !important;
  box-shadow: 0 4px 24px rgba(44, 36, 22, 0.08);
  border: 1px solid var(--sfn-sand);
}

/* Feature tiles */
.u-section-1 .u-list-item,
.u-section-6 .u-list-item {
  background: var(--sfn-warm-white) !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 8px rgba(44, 36, 22, 0.06);
  border: 1px solid var(--sfn-sand) !important;
}

.u-section-1 .u-list-item.u-white,
.u-section-6 .u-list-item {
  background: var(--sfn-warm-white) !important;
}

/* Light sections text — espresso headings, warm-grey body */
.u-section-1 .u-text,
.u-section-2 .u-text,
.u-section-3 .u-text,
.u-section-5 .u-text,
.u-section-6 .u-text,
.u-section-8 .u-text,
.u-section-1 p,
.u-section-2 p,
.u-section-3 p,
.u-section-5 p,
.u-section-6 p,
.u-section-8 p {
  color: var(--sfn-warm-grey) !important;
}

.u-section-1 h1, .u-section-1 h2, .u-section-1 h3, .u-section-1 h4, .u-section-1 h5, .u-section-1 h6,
.u-section-2 h1, .u-section-2 h2, .u-section-2 h3, .u-section-2 h4, .u-section-2 h5, .u-section-2 h6,
.u-section-3 h1, .u-section-3 h2, .u-section-3 h3, .u-section-3 h4, .u-section-3 h5, .u-section-3 h6,
.u-section-5 h1, .u-section-5 h2, .u-section-5 h3, .u-section-5 h4, .u-section-5 h5, .u-section-5 h6,
.u-section-6 h1, .u-section-6 h2, .u-section-6 h3, .u-section-6 h4, .u-section-6 h5, .u-section-6 h6,
.u-section-8 h1, .u-section-8 h2, .u-section-8 h3, .u-section-8 h4, .u-section-8 h5, .u-section-8 h6 {
  color: var(--sfn-espresso) !important;
}

/* Links in light sections */
.u-section-1 a:not(.u-btn),
.u-section-2 a:not(.u-btn),
.u-section-3 a:not(.u-btn),
.u-section-5 a:not(.u-btn),
.u-section-6 a:not(.u-btn),
.u-section-8 a:not(.u-btn) {
  color: var(--sfn-taupe) !important;
}

/* Dark sections text — cream/white */
.u-section-4 .u-layout-cell-2 .u-text,
.u-section-4 .u-layout-cell-3 .u-text,
.u-section-4 .u-layout-cell-2 p,
.u-section-4 .u-layout-cell-3 p,
.u-section-4 .u-layout-cell-2 h1, .u-section-4 .u-layout-cell-2 h2, .u-section-4 .u-layout-cell-2 h3,
.u-section-4 .u-layout-cell-2 h4, .u-section-4 .u-layout-cell-2 h5, .u-section-4 .u-layout-cell-2 h6,
.u-section-4 .u-layout-cell-3 h1, .u-section-4 .u-layout-cell-3 h2, .u-section-4 .u-layout-cell-3 h3,
.u-section-4 .u-layout-cell-3 h4, .u-section-4 .u-layout-cell-3 h5, .u-section-4 .u-layout-cell-3 h6,
.u-section-7 .u-text,
.u-section-7 p,
.u-section-7 h1, .u-section-7 h2, .u-section-7 h3, .u-section-7 h4, .u-section-7 h5, .u-section-7 h6,
.u-footer .u-text,
.u-footer p {
  color: var(--sfn-warm-white) !important;
}

/* Buttons */
.u-btn,
.u-btn .u-text,
a.u-btn {
  color: #ffffff !important;
}

#sec-3003 .u-button-style {
  color: var(--sfn-warm-white) !important;
  background: transparent !important;
}

/* Section 2 — testimonials */
.u-section-2 .u-border-grey-75 {
  border-color: var(--sfn-sand) !important;
}

.u-section-2 .u-layout-cell-1 .u-container-layout-1,
.u-section-2 .u-layout-cell-2 .u-container-layout-2 {
  background: var(--sfn-warm-white) !important;
  border-radius: 4px;
  border: 1px solid var(--sfn-sand);
}

.u-section-2 .u-carousel-indicators li.u-grey-50,
.u-section-2 .u-carousel-indicators li.u-grey-30 {
  background-color: var(--sfn-tan) !important;
}

.u-section-2 .u-carousel-indicators li.u-active-black {
  background: var(--sfn-espresso) !important;
}

/* Section 4 info cards — espresso bg, white text */
.u-section-4 .u-layout-cell-2,
.u-section-4 .u-layout-cell-3 {
  background: var(--sfn-espresso) !important;
  border-radius: 4px !important;
  color: var(--sfn-warm-white) !important;
}

.u-section-4 .u-layout-cell-2 .u-text,
.u-section-4 .u-layout-cell-3 .u-text {
  color: var(--sfn-warm-white) !important;
}

/* Section 5 content block */
.u-section-5 .u-layout-cell-2.u-white {
  background: var(--sfn-warm-white) !important;
  border: 1px solid var(--sfn-sand) !important;
  border-radius: 4px !important;
}

/* CTA section 7 */
.u-section-7.u-palette-5-base,
.u-section-7.u-palette-5-base .u-sheet-1,
.u-section-7.u-palette-5-base .u-container-layout,
.u-section-7.u-palette-5-base .u-group-1 {
  background: var(--sfn-espresso) !important;
}

.u-section-7 .u-group-1 {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Footer */
.u-footer.u-grey-90,
footer.u-footer {
  background: var(--sfn-espresso) !important;
  color: var(--sfn-warm-white) !important;
}

.u-footer .u-text,
.u-footer a {
  color: var(--sfn-warm-white) !important;
}

.u-footer a:hover {
  color: var(--sfn-tan) !important;
}

.u-text-palette-5-base {
  color: var(--sfn-taupe) !important;
}

.u-section-6 .u-file-icon img,
.u-section-6 .u-icon img {
  filter: brightness(0) saturate(100%) invert(50%) sepia(20%) saturate(500%) hue-rotate(10deg) brightness(90%) contrast(85%) !important;
}

.u-section-1 .u-group-1 {
  border-color: var(--sfn-sand) !important;
  background: rgba(250, 247, 242, 0.9) !important;
}

/* Buttons — espresso bg, white text, no gradients */
.u-btn.u-palette-5-base,
.u-button-style.u-palette-5-base,
.u-btn.u-palette-4-base,
.u-button-style.u-palette-4-base,
.u-section-1 .u-btn-1,
.u-section-2 .u-btn-1,
.u-section-4 .u-btn-1,
.u-section-5 .u-btn-1,
.u-section-7 .u-btn-1 {
  background: var(--sfn-espresso) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 2px !important;
  box-shadow: none;
  transition: background 0.2s ease;
}

.u-section-1 .u-btn-1:hover,
.u-section-2 .u-btn-1:hover,
.u-section-4 .u-btn-1:hover,
.u-section-5 .u-btn-1:hover,
.u-section-7 .u-btn-1:hover,
.u-button-style.u-palette-5-base:hover,
.u-button-style.u-palette-4-base:hover {
  background: var(--sfn-brown) !important;
  box-shadow: none;
}

.u-section-7 .u-btn-1.u-white {
  background: var(--sfn-warm-white) !important;
  color: var(--sfn-espresso) !important;
}

.u-section-7 .u-btn-1.u-white:hover {
  background: var(--sfn-sand) !important;
  color: var(--sfn-espresso) !important;
}

/* FAQ accordion */
.u-section-8 .u-accordion-link .u-accordion-link-text {
  color: var(--sfn-taupe) !important;
}

.u-section-8 .u-accordion-link {
  border-color: var(--sfn-sand) !important;
  background: var(--sfn-warm-white) !important;
}

.u-border-palette-2-base {
  border-color: var(--sfn-tan) !important;
}

.u-section-6 .u-border-palette-2-base {
  border-top-color: var(--sfn-tan) !important;
}

/* Sections general background */
.u-section-2,
.u-section-3,
.u-section-5,
.u-section-6,
.u-section-8 {
  background-color: transparent !important;
}

.u-border-grey-25 {
  border-color: var(--sfn-sand) !important;
}

/* Override Nicepage custom gray hero color */
.u-custom-color-1,
.u-layout-cell.u-custom-color-1 {
  background-color: transparent !important;
}

/* Footer solid espresso */
#sec-3003.u-footer,
#sec-3003.u-footer .u-sheet-1,
footer.u-footer.u-grey-90 {
  background: var(--sfn-espresso) !important;
  background-color: var(--sfn-espresso) !important;
  color: var(--sfn-warm-white) !important;
}

#sec-3003 .u-text,
#sec-3003 .u-text-1,
#sec-3003 .u-text-2,
#sec-3003 .u-text-3,
#sec-3003 p,
#sec-3003 span,
#sec-3003 .u-nav-link,
#sec-3003 a:not(.u-btn) {
  color: var(--sfn-warm-white) !important;
  opacity: 1 !important;
}

#sec-3003 a:not(.u-btn):hover {
  color: var(--sfn-tan) !important;
}

#sec-3003 .u-nav-link,
#sec-3003 .u-button-style.u-nav-link {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Readable text on light cards */
.u-section-1 .u-list-item .u-text,
.u-section-2 .u-layout-cell .u-text,
.u-section-3 .u-text,
.u-section-5 .u-layout-cell-2.u-white .u-text,
.u-section-6 .u-list-item .u-text,
.u-section-8 .u-text {
  color: var(--sfn-warm-grey) !important;
}

/* Ensure section 4 dark cards stay dark */
.u-section-4 .u-layout-cell-2.u-palette-4-base,
.u-section-4 .u-layout-cell-3.u-palette-4-base {
  background: var(--sfn-espresso) !important;
}

/* CTA/footer text on dark areas */
.u-section-7 .u-text,
.u-section-7 .u-line,
.u-footer .u-text,
.u-footer a {
  color: var(--sfn-warm-white) !important;
}

.u-section-6 .u-list-item {
  background: var(--sfn-warm-white) !important;
}

/* Replace gray utility classes with sand tones */
[class*="u-grey"],
.u-border-grey-25,
.u-border-grey-75,
.u-text-grey-30,
.u-active-grey-10 {
  border-color: var(--sfn-sand) !important;
}

.u-text-body-color {
  color: var(--sfn-espresso) !important;
}

.u-layout-cell:not(.u-image):not(.u-palette-4-base),
.u-list-item,
.u-group,
.u-accordion-link,
.u-accordion-pane {
  background: var(--sfn-warm-white) !important;
  border-color: var(--sfn-sand) !important;
  box-shadow: 0 2px 12px rgba(44, 36, 22, 0.05) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#sec-3003 .u-sheet-1 {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.u-section-4 .u-layout-cell-1 {
  background: var(--sfn-warm-white) !important;
}

.u-section-4 .u-layout-cell-1 .u-text,
.u-section-4 .u-layout-cell-1 p,
.u-section-4 .u-layout-cell-1 h2 {
  color: var(--sfn-espresso) !important;
}

.u-section-2 .u-carousel-indicators li {
  background-color: var(--sfn-tan) !important;
}

.u-section-2 .u-carousel-indicators li.u-active-black {
  background: var(--sfn-espresso) !important;
}