/* COUNTRY CRUISING 2027 - WATER + SUBTLE WAVE TEXTURE */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Roboto+Slab:wght@500;700&display=swap');

:root {
  --cc-water-deep: #0f6a80;
  --cc-water-mid: #1b7f96;
  --cc-water-light: #3aa6b8;

  --cc-navy: #08253a;
  --cc-orange: #f36f21;
  --cc-orange-dark: #c94f15;
  --cc-yellow: #ffc51b;

  --cc-ink: #1f252b;
  --cc-white: #ffffff;
}

/* BODY WITH WAVE TEXTURE OVERLAY */
body {
  background:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,0.06) 0%, transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(255,255,255,0.05) 0%, transparent 45%),
    linear-gradient(180deg, var(--cc-water-deep) 0%, var(--cc-water-mid) 50%, var(--cc-water-light) 100%);
  color: var(--cc-ink);
  font-family: "Montserrat", Arial, sans-serif;
}

/* subtle moving shimmer effect */
body:after {
  content: "";
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(
    120deg,
    rgba(255,255,255,0.02) 0px,
    rgba(255,255,255,0.02) 2px,
    transparent 2px,
    transparent 8px
  );
  opacity: 0.4;
  pointer-events: none;
}

/* CONTENT */
.container,
#content-wrapper {
  background: rgba(255,255,255,0.96);
  box-shadow: 0 20px 60px rgba(0,0,0,.18);
  border-radius: 8px;
}

/* NAV */
.navbar-inverse {
  background: #fff;
  border-top: 5px solid var(--cc-orange);
}

.navbar-inverse .navbar-nav > li > a {
  color: var(--cc-navy) !important;
  font-weight: 700;
}

/* HEADERS */
h1, h2, h3 {
  font-family: "Roboto Slab", serif;
  color: var(--cc-navy) !important;
}

/* BUTTONS */
a.btn,
button,
input[type="submit"] {
  background: linear-gradient(180deg, var(--cc-yellow), var(--cc-orange));
  border-radius: 999px;
  border: 1px solid var(--cc-orange-dark);
  font-weight: 800;
  color: #111 !important;
}

/* FOOTER */
#main-footer {
  background: var(--cc-navy);
  color: #fff;
  border-top: 5px solid var(--cc-orange);
}