:root {
  --color-brand: #FFBC50;
}

.Button__primary {
  	border: 1px solid #FFBC50;
}

.Button__primary:hover {
	background-color: #CC9640 !important;
  	border: 1px solid #CC9640;
}

.Button__hoverdanger {
    box-shadow: 0 2px #005db5 !important;
    border-left-color: #005db5 !important;
}

.Radio__radioButton [type=radio]:checked+.Radio__radioLabel {
    margin-bottom: .125rem;
    color: var(--color-white);
    background-color: #FFB406 !important;
    box-shadow: 0 2px #FFB406 !important;
    border-left-color: #FFB406 !important;
}

.Button__neutral {
	border: 1px solid #343a40;
}

.Header__header {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(36, 163, 242, 0.13));
}

.Button__neutral:hover {
	border: 1px solid #DD4C45;
  	background-color: #DD4C45;
  	color: #ffffff;
}

.Input__searchPanelInput {
	background-color: rgba(255, 255, 255, 1)
}

.Icon__white {
    color: black;
}

@media only screen and (min-width: 64em) {
    .Icon__searchColor {
        color: #FFBC50;
    }
}

.Input__searchPanelInput {
    color: black !important;
}

#autoSearchContainer::placeholder {
  color: #333; /* ganti dengan warna yang diinginkan */
  opacity: 1; /* pastikan tidak transparan */
}

@media only screen and (min-width: 64em) {
    .Input__searchPanelInput {
        border-width: 0;
        border-radius: .2rem;
        color: var(--color-white);
    }
}

@media only screen and (max-width: 1024px) {
    .Input__searchPanelInput {
    border: 1px solid #FFBC50;
}
  .Icon__searchColor {
    color: #FFBC50;
}
}

.Header__tabsTab.Header__tabsTabActive {
	 font-weight: bold;
} 

.Header__brandName {
	color: #000000;
  	font-weight: bold !important;
}

.Header__brandName:hover {
	color: #000000;
  	font-weight: bold;
}

.LogInDetailsContainer__signIn {
 	 border: 2px solid #000000;
  padding: 8px 16px;	
  	font-weight: bold;
  	border-radius: .375rem;
} 

/* Target elemen LinkedIn */
.SocialShare__socialItem[data-id="linkedin_share"] svg {
  pointer-events: none; /* Nonaktifkan fungsi asli elemen <a> */
  position: relative; /* Untuk menempatkan pseudo-element */
}

.SocialShare__socialItem[data-id="linkedin_share"]::after {
  content: ''; /* Konten pseudo-element */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto; /* Aktifkan pointer pada pseudo-element */
  background: transparent; /* Tidak mengubah tampilan */
  z-index: 1; /* Pastikan berada di atas elemen asli */
}

.Radio__radio [type=radio]:checked+.Radio__radioLabel .Radio__radioFaux:after, .Radio__radio [type=radio]:checked~.Radio__radioFaux:after{
    background-color: #24A3F2;
}