/* =========================================================
   style.css - Bootstrap overrides for Viemto branding
   ========================================================= */

:root {
  --viemto-primary: #414560;      /* navy - navbar, headings, primary buttons */
  --viemto-primary-dark: #33364c; /* primary hover */
  --viemto-accent: #81394a;       /* wine/maroon - accent button ("Zobacz film") */
  --viemto-accent-dark: #6b2f3d;  /* accent hover */
  --viemto-green: #7e9056;        /* "Tak" button */
  --viemto-green-dark: #6c7a49;   /* green hover */
  --viemto-gray: #9c9d9e;         /* "Nie" / "Odrzuć" buttons */
  --viemto-gray-dark: #86878a;    /* gray hover */
  --viemto-light-bg: #c3c3c3;     /* page background */
  --viemto-olive-gray: #7c7e72;   /* reserved brand color */
  --viemto-coral: #e57876;        /* reserved brand color */
  --viemto-deep-navy: #3d3a52;    /* reserved brand color */
  --viemto-dark: #212529;

  --viemto-heading-font: Tahoma, Verdana, sans-serif;
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--viemto-dark);
  background-color: var(--viemto-light-bg);
}

h1, h2, h3, h4, h5, h6,
.navbar-brand,
.btn {
  font-family: var(--viemto-heading-font);
  font-weight: 700;
}

/* Slightly larger, more readable base text - important for the senior segment */
p, .lead, .btn {
  font-size: 1.05rem;
}

/* Flat brand background across all sections - no Bootstrap zebra striping */
.bg-light,
.bg-white {
  background-color: var(--viemto-light-bg) !important;
}

/* NAVBAR */
.navbar {
  background-color: var(--viemto-primary);
}

.navbar-brand {
  font-size: 1.4rem;
  text-transform: lowercase;
  letter-spacing: 0.02em;
  border-radius: 6px;
  padding: 2px 6px;
}

.nav-link {
    font-weight: bold;
    color: white;
}

/* Three-dot toggler icon (placeholder for the brand's mobile menu look) */
.navbar-dark .navbar-toggler {
  border: none;
}

.navbar-dark .navbar-toggler-icon {
  background-image: none;
  position: relative;
  width: 1.2em;
  height: 1.2em;
}

.navbar-dark .navbar-toggler-icon::before {
  content: "\2022\2022\2022";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 2px;
  font-size: 1.4rem;
  line-height: 1;
  color: #fff;
}

/* BUTTONS */
.btn-primary {
  background-color: var(--viemto-primary);
  border-color: var(--viemto-primary);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--viemto-primary-dark);
  border-color: var(--viemto-primary-dark);
}

.btn-success {
  background-color: var(--viemto-green);
  border-color: var(--viemto-green);
}

.btn-success:hover,
.btn-success:focus {
  background-color: var(--viemto-green-dark);
  border-color: var(--viemto-green-dark);
}

/* Used for "Nie" / "Odrzuć" - filled gray, not outline, per the mockup */
.btn-outline-secondary {
  background-color: var(--viemto-gray);
  border-color: var(--viemto-gray);
  color: #fff;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  background-color: var(--viemto-gray-dark);
  border-color: var(--viemto-gray-dark);
  color: #fff;
}

/* Accent button - used for "Zobacz film" */
.btn-viemto-accent {
  background-color: var(--viemto-accent);
  border-color: var(--viemto-accent);
  color: #fff;
}

.btn-viemto-accent:hover,
.btn-viemto-accent:focus {
  background-color: var(--viemto-accent-dark);
  border-color: var(--viemto-accent-dark);
  color: #fff;
}