/* ==========================================================================
   KWADRAT brand theme + polish overrides
   Loaded after app.min.css. Brass/gold accent on the existing navy base.
   Keep all brand/visual-polish tweaks here so the base files stay untouched.
   ========================================================================== */

:root {
  --gold: #c19a3e;        /* mid  – button fill, card top-border, icons    */
  --gold-light: #d4af52;  /* light – accents on the dark navy (nav, arrow) */
  --gold-dark: #a8842f;   /* dark  – labels/links on light backgrounds     */
  --body-bg: #f4f1ea;     /* slightly warmer page tint                     */
}

/* ----- base typography ----- */
body {
  line-height: 1.7;
}

a {
  color: var(--gold-dark);
}

/* ----- solid sticky header + gold nav underline ----- */
header.header.sticky {
  background-color: #1f2668;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.18);
}

.header__nav a:after {
  background: var(--gold-light);
  opacity: 1;
}

/* ----- primary button: original navy/outline look, just larger ----- */
.button {
  padding: 0.85rem 2.5rem;
  font-size: 1rem;
}

/* ----- scroll-down arrow → gold accent ----- */
.circle-arrow-button {
  border-color: var(--white);
}

.circle-arrow-button:after {
  color: var(--white);
}

/* ----- section rhythm: white ↔ warm tint ----- */
.section-about {
  background: var(--white);
}

.section-features {
  background: var(--body-bg);
  padding-top: 6rem !important;
}

/* ----- feature cards: clean white card, gold top-border, hover lift ----- */
.section-features__item {
  border-top: 3px solid var(--gold);
  overflow: hidden;
  -webkit-box-shadow: 0 6px 18px rgba(31, 38, 104, 0.08);
          box-shadow: 0 6px 18px rgba(31, 38, 104, 0.08);
  -webkit-transition: -webkit-transform var(--tr), -webkit-box-shadow var(--tr);
          transition: transform var(--tr), box-shadow var(--tr);
}

.section-features__item:hover {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-box-shadow: 0 14px 30px rgba(31, 38, 104, 0.16);
          box-shadow: 0 14px 30px rgba(31, 38, 104, 0.16);
}

/* drop the blue panel → clean white card with a left-aligned gold icon */
.section-features__img-wrapper {
  background: transparent;
  height: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 1.75rem 1.75rem 0;
}

.section-features__img-wrapper svg {
  width: 3.25rem;
  height: 3.25rem;
  max-width: none;
  color: var(--gold);
}

.section-features__content {
  text-align: left;
  margin-top: 1rem;
  padding: 0 1.75rem 1.75rem;
}

/* section heading */
.section-features__heading {
  font-size: 1.875rem;
  line-height: 1.15;
  font-weight: 600;
  color: var(--blue-dark);
  margin: 0 0 2.5rem;
}

@media only screen and (min-width: 64em) {
  .section-features__heading {
    font-size: 2.5rem;
  }
}

/* gold CTA below the cards (gold reads well on the sandy section) */
.section-features__cta {
  margin-top: 2.5rem;
}

.section-features__cta .button {
  background-color: var(--gold);
  border-color: var(--gold);
  color: var(--blue-dark);
}

.section-features__cta .button:hover {
  background-color: var(--gold-dark);
  border-color: var(--gold-dark);
  color: var(--white);
}

/* ----- active product-area thumbnail → gold glow ----- */
.section-services .swiper-thumbs-services-js .swiper-slide.swiper-slide-thumb-active img {
  -webkit-filter: drop-shadow(0 0 6px rgba(212, 175, 82, 0.9));
          filter: drop-shadow(0 0 6px rgba(212, 175, 82, 0.9));
}

/* ----- "Więcej" toggle → gold accent ----- */
.section-about .show-more-button {
  color: var(--gold-dark);
  font-weight: 600;
}

/* ----- keep contact links light on the navy section, gold on hover ----- */
.section-contacts__social a {
  color: var(--inverse);
}

.section-contacts__social a:hover {
  color: var(--gold-light);
}

/* ----- footer: gold top divider ----- */
.footer::before {
  background-color: var(--gold);
  opacity: 1;
  height: 0.125rem;
}