:root {
  /* --primary: #9e1616; */
  --primary: #1f8883;
  --white: #dbdad8;
  --black: #1a1a1a;
}

/* ========================================
   BASE STYLES
   ======================================== */

::selection {
  background-color: var(--primary);
  color: var(--white);
}

a {
  text-decoration: none;
  color: inherit;
  outline: none;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  vertical-align: baseline;
}

/* ========================================
   SETMORE CALENDAR
   ======================================== */

#setmore-calendar-container {
  position: relative;
  z-index: 1000;
  width: 100%;
  min-height: 600px;
}

#setmore-calendar-container iframe {
  width: 100%;
  height: 700px;
  border: none;
  border-radius: 8px;
}

/* SMALLER (MOBILE) DEVICES */
@media (max-width: 768px) {
  #setmore-calendar-container iframe {
    height: 500px;
  }
}

#Setmore_button_iframe {
  float: none;
}

/* Optional: White overlay for calendar header (currently disabled) */
/* #setmore-calendar-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
  background-color: white;
} */

/* ========================================
   SIGNATURE (SIGNING) WIDGET
   ======================================== */

.signature-widget {
  background-color: #2a2a2a;
  border-radius: 8px;
  padding: 24px;
  gap: 24px;
  display: flex;
  flex-direction: column;
}

.signature-canvas-wrapper {
  background-color: #ffffff;
  border: 2px solid #3a3a3a;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  justify-content: center;
}

.signature-canvas-wrapper canvas {
  border: 1px dashed #ccc;
  cursor: crosshair;
  width: 100%;
  max-width: 600px;
  height: 200px;
  touch-action: none;
}

.signature-actions {
  display: flex;
  gap: 8px;
}

.signature-btn {
  padding: 12px 24px;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}

.signature-btn-clear {
  background-color: #3a3a3a;
  color: #dbdad8;
}

.signature-btn-clear:hover {
  background-color: #4a4a4a;
}

.signature-btn-submit {
  background-color: #9e1616;
  color: #ffffff;
}

.signature-btn-submit:hover {
  background-color: #be1616;
}

.signature-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}