.loader-spinner {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999 !important;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.loader-spinner .spinner-center {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999 !important;
    text-align: center;
    background: url('../../website/images/loader.png') 50% 50% no-repeat;
    animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
}

span.help-block {
    display: inline !important;
}

.help-block {
    color: #F04438 !important;
}

.captchaErrorCustom {
    color: #F04438 !important;
    display: block !important;
}

input.help-block,
select.help-block,
input.is-invalid,
select.is-invalid {
    color: #101E21 !important;
}

input.help-block:focus,
select.help-block:focus,
input.is-invalid:focus,
select.is-invalid:focus {


    /* Optional: remove Tailwind blue ring if needed */
    --tw-ring-color: transparent !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-offset-shadow: 0 0 #0000 !important;
}

.form-group:has(input.help-block) .select2-selection,
.form-group:has(select.help-block) .select2-selection,
.form-group:has(input.is-invalid) .select2-selection,
.form-group:has(select.is-invalid) .select2-selection {
    border-color: #F04438 !important;
}

.form-group:has(input.help-block) .select2-selection__rendered,
.form-group:has(select.help-block) .select2-selection__rendered,
.form-group:has(input.is-invalid) .select2-selection__rendered,
.form-group:has(select.is-invalid) .select2-selection__rendered,
.form-group:has(input.help-block) .select2-selection__rendered {
    color: #101E21 !important;
}

.form-group:has(select.help-block) .select2-selection__placeholder,
.form-group:has(select.is-invalid) .select2-selection__placeholder {
    color: #7F97AC !important;
}

.custom-row-margin-inline-unset {
    margin-inline: unset !important;
}

/* Blog pagination - category/author listing */
.blog-pagination {
    width: 100%;
    margin-top: 2rem;
}

.blog-pagination__inner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 640px) {
    .blog-pagination__inner {
        flex-direction: row;
    }
}

.blog-pagination__nav {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.blog-pagination__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    background: #fff;
    color: #374151;
    text-decoration: none;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.blog-pagination__btn--link:hover {
    background: #067DBF;
    border-color: #067DBF;
    color: #fff;
}

.blog-pagination__btn--active {
    background: #067DBF;
    border-color: #067DBF;
    color: #fff;
    cursor: default;
}

.blog-pagination__btn--disabled {
    background: #f9fafb;
    color: #9ca3af;
    cursor: not-allowed;
    border-color: #e5e7eb;
}

.blog-pagination__ellipsis {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #6b7280;
}

/* Override Tailwind focus ring when error मौजूद हो */
input.help-block.focus\:ring-\[\#067DBF\]\/20:focus,
input.is-invalid.focus\:ring-\[\#067DBF\]\/20:focus {

    /* Remove blue ring */
    --tw-ring-color: transparent !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-offset-shadow: 0 0 #0000 !important;

    /* Keep red border */
    border-color: #F04438 !important;
    box-shadow: none !important;
}

.hidden-help {
    display: none !important;
}

.select2-selection__rendered img,
.select2-results__option img {
    width: 30px !important;
    height: 25px !important;
    object-fit: contain;
}

/* Currency SVG flags: avoid extra gap before flag (Select2 default padding + old "space + label" pattern) */
.select2-container--default .select2-selection--single .select2-selection__rendered:has(.currency-flag-img) {
    padding-left: 6px !important;
    padding-inline-start: 6px !important;
}
.select2-results__option:has(.currency-flag-img) {
    padding-left: 8px !important;
}

.iti__flag {
  background-image: none !important;
  background-position: center !important; /* or 0 0 */
  width: 20px;
  height: 15px !important;
  background-size: cover;
    margin-right: 0px !important;
  }