/* Override React Select control */
.css-13cymwt-control {
  background: transparent !important;  /* Remove background */
  height: 50px !important;             /* Fix height */
  min-height: 50px !important;         /* Ensure minimum height */  
  box-shadow: none !important;         /* Remove focus shadow if any */
  background-color: none;
  border-style: none !important;
  border-color: none !important;
}


/* Override selected value text */
/* Ensure selected value text matches parent text color */
.css-1dimb5e-singleValue {
  color: inherit !important;          /* Inherit text color from parent */
  background: transparent !important; /* Ensure no background */
}

/* Override placeholder */
.css-1jqq78o-placeholder {
  color: white !important;             /* Keep placeholder color same */
  line-height: 50px !important;        /* Align with control height */
}

/* Input inside the control (hidden but needed for proper sizing) */
.css-19bb58m input { 
  height: 50px !important;
  padding: 0 8px !important;
  background: transparent !important;
  color: inherit !important;            /* Keep text color same as parent */
}

/* Indicator container (arrow) styling */
.css-1xc3v61-indicatorContainer svg {
  fill: #e3d1c4 !important;              /* Make dropdown arrow visible on dark background */
}

/* Remove the indicator separator if needed */
.css-1u9des2-indicatorSeparator {
  display: none !important;
}

.css-1n7v3ny-menu {
  background: inherit !important; /* inherit parent's background */
  color: inherit !important;      /* ensure text color matches controls */
}

/* Optional: if using react-select for options inside the menu */
.css-yt9ioa-option {
  background: transparent !important; /* remove white background on hover/select */
  color: inherit !important;
}

.css-t3ipsp-control {
    background-color: transparent  !important;
    border-style: none !important;
    border-color: none !important;
}


.css-19bb58m   {
    background-color: transparent  !important;
    border: none !important;
    outline: none !important;
}

.timeline-purchase-select [class*="-placeholder"] {
  font-family: 'SWEETSANSPRO-BOLD' !important;
  font-size: 16px;
  color: #fff !important;
}

[class*="-singleValue"] {
  color: white !important;       /* Force white text when an item is selected */
  background: transparent !important;
  font-family: 'SWEETSANSPRO-BOLD' !important;
  font-size: 16px;
}

/* Remove all borders + glow */
.css-13cymwt-control,
.css-13cymwt-control--is-focused,
.css-13cymwt-control:focus,
.css-13cymwt-control:focus-within,
.css-13cymwt-control:hover {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}