/* Border radius, color, shadows styles */

.theme-border-blue-default {
    border-color: var(--theme-color-blue-default);
}

.theme-shadow-equal {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.25) !important;
}

.theme-rounded-percent-50 {
    border-radius: 50% !important;
}

.theme-rounded-20 {
    border-radius: 20px !important;
}

.theme-rounded-15 {
    border-radius: 15px !important;
}

.theme-rounded-10 {
    border-radius: 10px !important;
}

.theme-rounded-5 {
    border-radius: 5px !important;
}

.theme-rounded-3 {
    border-radius: 3px !important;
}

.theme-rounded-bx-10 {
    border-radius: 0 0 10px 10px;
}

.theme-rounded-bx-15 {
    border-radius: 0 0 15px 15px;
}

.theme-rounded-bx-20 {
    border-radius: 0 0 20px 20px;
}

.theme-rounded-t-3 {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.theme-rounded-t-2 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.theme-rounded-t-1 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.theme-rounded-b-3 {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.theme-rounded-b-2 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.theme-rounded-b-2 {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.theme-rounded-te-bs-0 {
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;;
}

/* Border color */
.accordion .accordion-item.theme-bc-secondary {
    border-color: #E5E7EB !important;
}

.theme-border-bottom-blue-default {
    border-bottom: 2px solid var(--theme-color-blue-default);
}

.custom-border-info {
    border: 2px solid #74c9f0;
    border-radius: 15px !important;
}

.theme-border-light-gray {
    border-color: var(--theme-gray-light) !important;
}

.theme-border-2-dark {
    border: 2px solid black !important;
}

.theme-bc-secondary-light {
    border-color: var(--theme-color-secondary-light);
}

.theme-bc-primary-blue-gray {
    border-color: var(--theme-blue-gray);
}

/* Bootstrap 5 style utility: bottom inner shadow */
.theme-shadow-bottom-inner {
    position: relative; /* needed for pseudo-element */
}

.theme-shadow-bottom-inner::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px; /* adjust thickness */
    pointer-events: none;
    box-shadow: inset 0 -4px 6px rgba(211, 211, 211, 0.5); /* gray to light effect */
    border-radius: inherit; /* match parent corners */
}