/*
Theme Name: Sway
Theme URI: https://www.sway.living.be
Author: Sway
Description: Officieel thema voor sway.living.be — zorgeloos verhuurbeheer aan de Belgische kust. Volledig bewerkbaar via de Site Editor (Weergave → Editor).
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sway
*/

/* ---------- Algemene verfijning bovenop theme.json ---------- */

body {
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  line-height: 1.05;
  letter-spacing: -0.01em;
}

/* Kicker-label (oranje hoofdletters boven titels) */
.sway-kicker {
  font-size: 13px !important;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wp--preset--color--caramel) !important;
}

/* Kaarten */
.sway-card {
  background: var(--wp--preset--color--card);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 18px;
  padding: 30px 28px !important;
}

/* Grote stapnummers */
.sway-stepnum {
  font-family: var(--wp--preset--font-family--darker-grotesque);
  font-weight: 800;
  font-size: 46px !important;
  color: var(--wp--preset--color--caramel) !important;
  line-height: 1;
}

/* Afgeronde foto's */
.sway-photo img {
  border-radius: 22px;
  box-shadow: 0 26px 52px -30px rgba(4, 25, 20, 0.3);
}

/* Knoppen */
.wp-block-button__link {
  border-radius: 999px;
  padding: 15px 28px;
  font-weight: 600;
  font-size: 16px;
}
.is-style-outline .wp-block-button__link {
  border: 1.5px solid var(--wp--preset--color--dark);
}

/* FAQ (details-blokken) */
.wp-block-details {
  background: var(--wp--preset--color--card);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 14px;
  padding: 18px 24px;
  margin-bottom: 12px;
}
.wp-block-details summary {
  cursor: pointer;
  font-weight: 600;
  font-size: 17px;
  color: var(--wp--preset--color--dark);
}

/* Donkere kennismakingssectie: witte tekst in alle blokken */
.sway-meet h2, .sway-meet h3 { color: #ffffff !important; }
.sway-meet p { color: #c9c4b8; }
.sway-meet li { color: #ede7e0; }

/* USP-balk */
.sway-uspbar p {
  color: #ede7e0 !important;
  font-weight: 500;
  font-size: 15.5px;
}

/* Header */
.sway-header {
  border-bottom: 1px solid var(--wp--preset--color--line);
  background: var(--wp--preset--color--cream);
}

/* Footer */
.sway-footer a { color: #c9c4b8; text-decoration: none; }
.sway-footer a:hover { color: #ffffff; }
.sway-footer p, .sway-footer li { color: #8f8c79; }
.sway-footer h4 { color: #ffffff !important; }