/* ==========================================================
   Typography Utilities
========================================================== */

.text-justify {
    text-align: justify;
    text-justify: inter-word;
}

/* Search Box Focus */
#heroSearch:focus{
    outline: none;
    box-shadow: none;
    border-color: transparent;
}

.input-group:focus-within{
    box-shadow: var(--bs-box-shadow-lg) !important;
}


/* ============================================================
   LYSTKART FORM FOCUS
   Remove Bootstrap's default blue focus rectangle
   ============================================================ */

.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.input-group .form-control:focus,
.input-group .form-select:focus {
    border-color: #ced4da;
    box-shadow: none;
    outline: none;
}


/* Keep a clean border when focused */

.form-control:focus,
.form-select:focus {
    border-color: #adb5bd;
}


/* Input-group fields */

.input-group .form-control:focus,
.input-group .form-select:focus {
    z-index: 3;
}


/* Buttons should not get the large Bootstrap focus glow */

.btn:focus,
.btn:focus-visible {
    box-shadow: none;
}


/* Password visibility button */

.input-group .btn:focus,
.input-group .btn:focus-visible {
    box-shadow: none;
}


/* Checkbox */

.form-check-input:focus {
    box-shadow: none;
}