.no-halo:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid gray;
}

.profile-active {
    background: #ab0d0de0;
    color: #fff !important;
}
label {
    display: inline-block;
    color: #b99740;
}
#mainSearchInput:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 0px;
}
.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    background: #fff7e3;
}
.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #c5112c;
    --bs-btn-border-color: #ffffff;
}
#topbar {
    transition: transform 0.3s ease;
}

.nav-hidden {
    transform: translateY(-100%);
}

.text-gold {
    color: #b8963d !important;
}

.text-brown {
    color: #524545 !important;
}

.default-bg {
    background: linear-gradient(to right, #1a3481, #2c4db8, #1a3481);
}

.bg-brown {
    background-color: #524545 !important;
}

.playfair-display {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
}

.product-card {
    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
    border: 1px solid #a4a39472!important;
}

.product-card:hover {
    transform: scale(1.04);
    border-color: #a38432 !important;
    box-shadow: 0 1.15rem 2.5rem rgba(33, 37, 41, 0.16) !important;
}

.default-btn {
    background-color: #b8963d;
    border: 1px solid #b8963d;
    color: #ffffff;
    transition: all 0.3s ease;
}

.default-btn:hover,
.default-btn:focus {
    background-color: #524545;
    border-color: #524545;
    color: #ffffff;
}

.default-btn:active {
    background-color: #a38432;
    border-color: #a38432;
    color: #ffffff;
}

.default-btn:disabled {
    background-color: #4b5563;
    border-color: #4b5563;
    opacity: 0.65;
    cursor: not-allowed;
}
.iconContainer I{
    color: #b8963d;
}

.blur-bg {
    position: relative;
    overflow: hidden;
}

.blur-bg::before {
    content: "";
    position: absolute;
    inset: 0;

    background: inherit;              /* uses parent background */
    filter: blur(8px);                /* 🔥 adjust blur strength */
    transform: scale(1.1);            /* prevents edge clipping */

    z-index: 0;
}

.blur-bg > * {
    position: relative;
    z-index: 1;
}

.text-deepgold{
    color: #806d3e !important;
}

.fs-7{
    font-size: 0.75rem !important;
}

.fs-8{
    font-size: 0.70rem !important;
}

.fs-9{
    font-size: 0.65rem !important;
}

.fs-10{
    font-size: 0.60rem !important;
}