/*
 Theme Name: RentalFraudWatch YOOtheme Child v2
 Theme URI: https://rentalfraudwatch.com
 Description: Second child theme for RentalFraudWatch based on YOOtheme Pro. Includes clear visual default styling so you can immediately see it's active.
 Author: RentalFraudWatch
 Template: yootheme
 Version: 1.0.0
 Text Domain: rfw-yootheme-child-v2
*/

/* Brand variables */
:root {
  --rfw-navy: #0A1B3E;
  --rfw-green: #37B57F;
  --rfw-light: #FFFFFF;
  --rfw-grey: #F5F7FA;
  --rfw-dark: #1B1B1F;
  --rfw-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* GLOBAL TEST STYLE: this ensures you SEE the child theme is working */
body {
  font-family: var(--rfw-font);
  background-color: #e6ecf5;
  color: var(--rfw-dark);
}

/* Simple header bar helper (for later use in YOOtheme layouts) */
.rfw-header {
  background-color: var(--rfw-navy);
  color: var(--rfw-light);
}

/* HERO helper class – when you add class "rfw-hero" on a section in YOOtheme, it will look like your hero */
.rfw-hero {
  background: radial-gradient(circle at top left, #123064, var(--rfw-navy));
  color: var(--rfw-light);
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.rfw-hero h1,
.rfw-hero h2,
.rfw-hero p {
  color: var(--rfw-light);
}

/* Container helper */
.rfw-container {
  max-width: 1120px;
  margin-inline: auto;
}

/* Generic primary button styling */
button,
input[type="submit"],
.uk-button-primary,
.uk-button.uk-button-primary {
  background-color: var(--rfw-green);
  color: var(--rfw-navy);
  border-radius: 999px;
  border: none;
  padding-inline: 22px;
  padding-block: 10px;
  font-weight: 600;
}
button:hover,
input[type="submit"]:hover,
.uk-button-primary:hover,
.uk-button.uk-button-primary:hover {
  background-color: #49c68e;
  color: var(--rfw-navy);
}

/* Simple card helpers */
.rfw-card {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 6px 20px rgba(15,23,42,0.06);
  border: 1px solid #E2E8F0;
}
.rfw-card-navy {
  background: var(--rfw-navy);
  color: var(--rfw-light);
  border-color: rgba(255,255,255,0.12);
}
.rfw-card-navy p {
  color: rgba(255,255,255,0.9);
}

/* Footer helper */
.rfw-footer {
  background-color: var(--rfw-navy);
  color: rgba(255,255,255,0.8);
  font-size: 11px;
  padding-block: 1rem;
}