/* ===== GLOBAL SearchBox Styling for Power Pages (Fluent UI 2) ===== */


.fui-SearchBox {
    display: block !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
    justify-content: flex-start !important;
    align-self: flex-start !important;    
    width: 100% !important;
   

    
}
/* Remove the outer Fluent UI input border */
.fui-Input {
    border: none !important;
    box-shadow: none !important;
}

/* For safety, explicitly remove focus/hover border styles */
.fui-Input:hover,
.fui-Input:focus-within {
    border: none !important;
    box-shadow: none !important;
}


/* Make the input inside the search box larger */
.fui-SearchBox .fui-Input__input,
input.fui-SearchBox__input[type="search"] {
    font-size: 2.75rem !important;     /* bigger text */
    padding: 1rem 2.75rem !important;  /* taller box */
    height: auto !important;
    color: #d41b67 !important;
    border: 0px solid #d41b67 !important;
    background-color: #fff !important;
}

/* Style the placeholder */
.fui-SearchBox .fui-Input__input::placeholder,
input.fui-SearchBox__input[type="search"]::placeholder {
    font-size: 2.75rem !important;
    color: #d41b67 !important;
    opacity: 1;
}

.fui-SearchBox .fui-Input__contentBefore {
  display: none !important;    /* removes the magnifier */
}

/* (Optional) keep or remove the clear (×) button */
.fui-SearchBox .fui-SearchBox__dismiss {
  display: none !important; 
}

/* Let input reclaim the left space after removing the icon */
.fui-SearchBox .fui-Input__input {
  padding-left: 1rem !important;  /* adjust to taste */
}