/* ================ */
/* = Custom style = */
/* ================ */

.container-jm {
	max-width: 1300px;
}

.embed-responsive {
  position: relative;
  width: 100% !important;
  height: 0;
  padding-top: 56.25% !important; /* 16:9 aspect ratio (height/width = 9/16 = 0.5625) */
}

.embed-responsive-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  max-height: 100% !important;
}

/* ================== */
/* = Planner Styles = */
/* ================== */
/* Custom color for 'planner' */
.text-planner {
  color: #ffa800 !important; /* Orange */
}

.border-planner {
  border-color: #ffa800 !important;
}

.bg-planner {
  background-color: #ffa800 !important;
  color: #000 !important; /* Optional: black text on orange bg */
}

/* Base planner color */
:root {
  --planner: #ffa800;
  --planner-hover: #ffca22;
  --planner-contrast: #000;
}

/* Solid planner button */
.btn-planner {
  color: var(--planner-contrast) !important;
  background-color: var(--planner) !important;
  border: 1px solid var(--planner) !important;
}

.btn-planner:hover {
  background-color: var(--planner-hover) !important;
  border-color: var(--planner-hover) !important;
  color: var(--planner-contrast) !important;
}

/* Outline planner button */
.btn-outline-planner {
  color: var(--planner) !important;
  background-color: transparent !important;
  border: 1px solid var(--planner) !important;
}

.btn-outline-planner:hover {
  background-color: var(--planner) !important;
  color: var(--planner-contrast) !important;
  border-color: var(--planner-hover) !important;
}