/* Active link for frontend start */

/* Active link for frontend start */
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body.frontend-mode {
    height: 100%;
    overflow: hidden;
}

html.frontend-mode {
    height: 100%;
    overflow: hidden;
}

.profile-link.active,
.profile-link.active .lab {
    --tw-text-opacity: 1;
    color: rgb(var(--primary) / var(--tw-text-opacity));
}

/* Active link for frontend close */

/* Date picker code start*/
.dp__input {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important;
    color: inherit !important;
    font-family: var(--client-font) !important;
    font-size: 0.875rem !important;
    padding: 6px 25px !important;
}

.dp__input:hover {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important;
    color: inherit !important;
}

.dp__input_focus {
    border-color: rgb(var(--primary) / 0.2) !important;
    color: inherit !important;
}

.dp__input.invalid {
    border-color: rgb(252 165 165) !important;
}


/* Date picker code close here*/


/* Tag package customize start*/
.vue-tags-input {
    max-width: 100% !important;
}

.vue-tags-input .ti-input {
    --tw-border-opacity: 1 !important;
    border-radius: 0.375rem;
    border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important;
}

.vue-tags-input.ti-focus .ti-input {
    border-color: rgb(var(--primary) / 0.2) !important;
}

.vue-tags-input.invalid-tag .ti-input {
    --tw-border-opacity: 1 !important;
    border-color: rgb(252 165 165 / var(--tw-border-opacity)) !important;
}

/* Tag package customize end*/

/* Textarea package customize start */
.textarea-error-box-style {
    padding: 0;
    margin: 0;
    border: 1px solid;
    border-radius: 0.375rem;
}

.textarea-error-box-style.invalid::before {
    content: none !important;
}

.textarea-border-radius {
    border-radius: 0 0 0 0.375rem;
    border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important;
}

.ql-toolbar.ql-snow {
    border: 1px solid rgb(229 231 235) !important;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.ql-container.ql-snow {
    border-left: 1px solid rgb(229 231 235) !important;
    border-right: 1px solid rgb(229 231 235) !important;
    border-bottom: 1px solid rgb(229 231 235) !important;
}

/* Textarea package customize end */

/* Text details v-html section start */
.text-description>ol {
    list-style: auto !important;
    margin: auto !important;
    padding: revert !important;
}

.text-description>ul {
    list-style: unset !important;
    margin: auto !important;
    padding: revert !important;
}

/* Text details v-html section end */

/* Select code start */
.vue-select.no-radius {
    border-radius: 0 !important;
}

.vue-select {
    width: auto !important;
    border: 1px solid rgb(229 231 235 / var(--tw-border-opacity)) !important;
    border-radius: 0.375rem !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    flex-direction: column !important;
}

.vue-select.invalid {
    border: 1px solid rgb(252 165 165 / var(--tw-border-opacity)) !important
}

.vue-input {
    padding: 0.1rem 0 !important;
}

.vue-input input {
    font-size: 0.9375rem !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

.vue-input input::placeholder {
    color: #697a8d !important;
}

.vue-dropdown {
    border: 1px solid rgb(var(--primary) / 0.2) !important;
    box-shadow: 0 0.25rem 1rem rgb(229 231 235 / 45%) !important;
}

.vue-select.direction-top .vue-dropdown {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
    z-index: 100000;
}

.vue-select.direction-bottom .vue-dropdown {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
    z-index: 100000;
}

.vue-select[aria-expanded='true'].direction-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.vue-select[aria-expanded='true'].direction-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.vue-select[aria-expanded='true'] {
    border-color: rgb(var(--primary) / 0.2) !important;
}

.vue-dropdown-item.highlighted {
    background-color: rgba(67, 89, 113, .04) !important;
}

.vue-dropdown-item.selected.highlighted {
    background-color: rgba(105, 108, 255, .08) !important;
    color: rgb(var(--primary) / var(--tw-text-opacity)) !important;
}

.vue-dropdown-item.selected {
    background-color: rgba(105, 108, 255, .08) !important;
    color: rgb(var(--primary) / var(--tw-text-opacity)) !important;
}

.vue-dropdown-item {
    font-size: 15px;
    padding: 0.4375rem 0.875rem !important;
}

.frontend-select input::placeholder {
    font-size: 1rem !important;
    color: rgb(31 31 57 / 1) !important;
}

/* Select code close */

/* Global content and table readability */
.frontend-main .page-intro-title {
    font-weight: 700;
    letter-spacing: -0.01em;
}

.frontend-main .page-intro-text {
    margin-top: -0.25rem;
    margin-bottom: 1.25rem;
    color: #475569;
    line-height: 1.65;
    font-size: 0.95rem;
}

.frontend-main .content-prose p,
.frontend-main .content-prose li {
    line-height: 1.8;
}

.frontend-main .content-prose ul,
.frontend-main .content-prose ol {
    padding-left: 1.1rem;
}

.frontend-main .content-prose li + li {
    margin-top: 0.35rem;
}

.frontend-main .ql-editor {
    padding: 0 !important;
}

.frontend-main .ql-editor p,
.frontend-main .ql-editor li,
.frontend-main .ql-editor blockquote {
    line-height: 1.8;
}

.frontend-main .ql-editor h1,
.frontend-main .ql-editor h2,
.frontend-main .ql-editor h3,
.frontend-main .ql-editor h4 {
    margin: 1rem 0 0.5rem;
}

.frontend-main .ql-editor ul,
.frontend-main .ql-editor ol {
    padding-left: 1.1rem;
}

.frontend-main .table-readable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.frontend-main .table-readable thead th {
    padding: 0.85rem 1rem;
    font-size: 0.74rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    white-space: nowrap;
}

.frontend-main .table-readable tbody td {
    padding: 0.9rem 1rem;
    vertical-align: top;
    border-bottom: 1px solid #eef2f7;
}

.frontend-main .table-readable tbody tr:last-child td {
    border-bottom: 0;
}

.frontend-main .table-readable .table-mono-url {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.82rem;
    line-height: 1.5;
    word-break: break-word;
}

.frontend-main .table-readable .table-muted {
    color: #64748b;
}

/* Frontend dark theme start */
body.theme-dark {
    background-color: #0f172a;
    color: #e5e7eb;
}

body.theme-dark .bg-white {
    background-color: #0f172a !important;
}

body.theme-dark .bg-gray-50 {
    background-color: #0b1120 !important;
}

body.theme-dark .bg-gray-100 {
    background-color: #111827 !important;
}

body.theme-dark .bg-slate-100 {
    background-color: #111827 !important;
}

body.theme-dark .text-gray-800 {
    color: #e5e7eb !important;
}

body.theme-dark .text-gray-700 {
    color: #e2e8f0 !important;
}

body.theme-dark .text-gray-600 {
    color: #cbd5e1 !important;
}

body.theme-dark .text-gray-500 {
    color: #94a3b8 !important;
}

body.theme-dark .frontend-main .page-intro-text {
    color: #cbd5e1;
}

body.theme-dark .frontend-main .content-prose p,
body.theme-dark .frontend-main .content-prose li {
    color: #e2e8f0;
}

body.theme-dark .frontend-main .table-readable thead th {
    color: #cbd5e1;
    background: #0f172a;
    border-bottom-color: #1e293b;
}

body.theme-dark .frontend-main .table-readable tbody td {
    border-bottom-color: #1e293b;
    color: #e2e8f0;
}

body.theme-dark .frontend-main .table-readable .table-muted {
    color: #94a3b8;
}

body.theme-dark .text-text {
    color: #e2e8f0 !important;
}

body.theme-dark .text-heading {
    color: #e5e7eb !important;
}

body.theme-dark .border-gray-100 {
    border-color: #1f2937 !important;
}

body.theme-dark .border-gray-200 {
    border-color: #1f2937 !important;
}

body.theme-dark .shadow-card,
body.theme-dark .shadow-lg,
body.theme-dark .shadow-2xl,
body.theme-dark .shadow-paper {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}

body.theme-dark .shadow-cookies {
    background-color: #111827 !important;
    border: 1px solid #1f2937 !important;
}

body.theme-dark .shadow-cookies button {
    color: #e5e7eb !important;
}

body.theme-dark .shadow-cookies .bg-white {
    background-color: #0b1120 !important;
    border-color: #334155 !important;
}

body.theme-dark .shadow-cookies .text-primary {
    color: #f59e0b !important;
}

body.theme-dark .header-nav-menu {
    color: #e2e8f0;
}

body.theme-dark .header-nav-menu:hover {
    color: #ffffff;
}

/* Support html.theme-dark as source of truth */
html.theme-dark .bg-white {
    background-color: #0f172a !important;
}

html.theme-dark .bg-gray-50 {
    background-color: #0b1120 !important;
}

html.theme-dark .bg-gray-100,
html.theme-dark .bg-slate-100 {
    background-color: #111827 !important;
}

html.theme-dark .text-gray-800 {
    color: #e5e7eb !important;
}

html.theme-dark .text-gray-700 {
    color: #e2e8f0 !important;
}

html.theme-dark .text-gray-600 {
    color: #cbd5e1 !important;
}

html.theme-dark .text-gray-500 {
    color: #94a3b8 !important;
}

html.theme-dark .frontend-main .page-intro-text {
    color: #cbd5e1;
}

html.theme-dark .frontend-main .table-readable thead th {
    color: #cbd5e1;
    background: #0f172a;
    border-bottom-color: #1e293b;
}

html.theme-dark .frontend-main .table-readable tbody td {
    border-bottom-color: #1e293b;
    color: #e2e8f0;
}

html.theme-dark .text-text {
    color: #e2e8f0 !important;
}

html.theme-dark .border-gray-100,
html.theme-dark .border-gray-200 {
    border-color: #1f2937 !important;
}

html.theme-dark .shadow-card,
html.theme-dark .shadow-lg,
html.theme-dark .shadow-2xl,
html.theme-dark .shadow-paper {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}

/* Dark header styling for all themes (match hero) */
header {
    background-color: #0b1223 !important;
}

header .header-nav-menu {
    color: #e2e8f0;
}

header .header-nav-menu:hover,
header .header-nav-menu.router-link-active,
header .header-nav-menu.router-link-exact-active {
    color: #ffffff;
}

header .down-arrow,
header .lab-line-heart,
header .lab-line-user,
header .lab-line-humburger,
header .lab-line-search {
    color: #e2e8f0;
}

header .header-search {
    background-color: #111827 !important;
    border-color: #1f2937 !important;
}

header .header-search input {
    color: #e5e7eb;
}

header .header-search input::placeholder {
    color: #94a3b8;
}

header .header-search .lab-line-search {
    color: #94a3b8;
}

header .header-logo {
    background: transparent;
}

/* Product filter input readability in dark mode */
html.theme-dark .filter-group .db-field-control,
body.theme-dark .filter-group .db-field-control {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}

html.theme-dark .filter-group .db-field-control::placeholder,
body.theme-dark .filter-group .db-field-control::placeholder {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

html.theme-dark .filter-group .db-field-control:focus,
html.theme-dark .filter-group .db-field-control:focus-within,
body.theme-dark .filter-group .db-field-control:focus,
body.theme-dark .filter-group .db-field-control:focus-within {
    border-color: rgb(var(--primary) / 0.45) !important;
    box-shadow: 0 0 0 1px rgb(var(--primary) / 0.15) !important;
}

/* Account dashboard dark readability */
html.theme-dark .account-shell .bg-white\/90,
html.theme-dark .account-shell .bg-white,
body.theme-dark .account-shell .bg-white\/90,
body.theme-dark .account-shell .bg-white {
    background: rgba(15, 23, 42, 0.88) !important;
    border-color: #334155 !important;
}

html.theme-dark .account-shell .table-readable thead th,
body.theme-dark .account-shell .table-readable thead th {
    background: #111827 !important;
    color: #cbd5e1 !important;
    border-bottom: 1px solid #334155 !important;
}

html.theme-dark .account-shell .table-readable tbody tr,
body.theme-dark .account-shell .table-readable tbody tr {
    background: rgba(15, 23, 42, 0.84);
}

html.theme-dark .account-shell .table-readable tbody tr:nth-child(even),
body.theme-dark .account-shell .table-readable tbody tr:nth-child(even) {
    background: rgba(17, 24, 39, 0.88);
}

html.theme-dark .account-shell .table-readable tbody tr:hover,
body.theme-dark .account-shell .table-readable tbody tr:hover {
    background: rgba(30, 41, 59, 0.92);
}

html.theme-dark .account-shell .table-readable tbody td,
body.theme-dark .account-shell .table-readable tbody td {
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

html.theme-dark .account-shell .field-control,
html.theme-dark .account-shell .db-field-control,
html.theme-dark .account-shell .multiple-field,
html.theme-dark .account-shell .db-multiple-field,
html.theme-dark .account-shell .db-group-field,
html.theme-dark .account-shell .vue-select,
body.theme-dark .account-shell .field-control,
body.theme-dark .account-shell .db-field-control,
body.theme-dark .account-shell .multiple-field,
body.theme-dark .account-shell .db-multiple-field,
body.theme-dark .account-shell .db-group-field,
body.theme-dark .account-shell .vue-select {
    background-color: #0b1329 !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}

html.theme-dark .account-shell input[type="text"],
html.theme-dark .account-shell input[type="email"],
html.theme-dark .account-shell input[type="password"],
html.theme-dark .account-shell input[type="number"],
html.theme-dark .account-shell select,
html.theme-dark .account-shell textarea,
body.theme-dark .account-shell input[type="text"],
body.theme-dark .account-shell input[type="email"],
body.theme-dark .account-shell input[type="password"],
body.theme-dark .account-shell input[type="number"],
body.theme-dark .account-shell select,
body.theme-dark .account-shell textarea {
    background-color: #0b1329 !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}

html.theme-dark .account-shell input::placeholder,
html.theme-dark .account-shell textarea::placeholder,
body.theme-dark .account-shell input::placeholder,
body.theme-dark .account-shell textarea::placeholder {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

html.theme-dark .account-shell .field-control[type="file"]::file-selector-button,
html.theme-dark .account-shell .db-field-control[type="file"]::file-selector-button,
body.theme-dark .account-shell .field-control[type="file"]::file-selector-button,
body.theme-dark .account-shell .db-field-control[type="file"]::file-selector-button {
    background: linear-gradient(135deg, #3f4756 0%, #232a35 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid rgba(148, 163, 184, 0.35) !important;
    border-right-color: rgba(148, 163, 184, 0.35) !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}

html.theme-dark .account-shell .field-control[type="file"]::-webkit-file-upload-button,
html.theme-dark .account-shell .db-field-control[type="file"]::-webkit-file-upload-button,
body.theme-dark .account-shell .field-control[type="file"]::-webkit-file-upload-button,
body.theme-dark .account-shell .db-field-control[type="file"]::-webkit-file-upload-button {
    background: linear-gradient(135deg, #3f4756 0%, #232a35 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid rgba(148, 163, 184, 0.35) !important;
    border-right-color: rgba(148, 163, 184, 0.35) !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}

html.theme-dark .account-shell .field-control[type="file"]::file-selector-button:hover,
html.theme-dark .account-shell .db-field-control[type="file"]::file-selector-button:hover,
body.theme-dark .account-shell .field-control[type="file"]::file-selector-button:hover,
body.theme-dark .account-shell .db-field-control[type="file"]::file-selector-button:hover,
html.theme-dark .account-shell .field-control[type="file"]::-webkit-file-upload-button:hover,
html.theme-dark .account-shell .db-field-control[type="file"]::-webkit-file-upload-button:hover,
body.theme-dark .account-shell .field-control[type="file"]::-webkit-file-upload-button:hover,
body.theme-dark .account-shell .db-field-control[type="file"]::-webkit-file-upload-button:hover {
    background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%) !important;
    border-color: rgba(148, 163, 184, 0.5) !important;
}

html.theme-dark .account-shell .field-control[type="file"]::before,
html.theme-dark .account-shell .db-field-control[type="file"]::before,
body.theme-dark .account-shell .field-control[type="file"]::before,
body.theme-dark .account-shell .db-field-control[type="file"]::before {
    display: none !important;
}

/* Address modal dark readability */
html.theme-dark #address > div,
body.theme-dark #address > div {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

html.theme-dark #address .field-title,
html.theme-dark #address h3,
html.theme-dark #address label,
body.theme-dark #address .field-title,
body.theme-dark #address h3,
body.theme-dark #address label {
    color: #cbd5e1 !important;
}

html.theme-dark #address input[type="text"],
html.theme-dark #address input[type="email"],
html.theme-dark #address input[type="number"],
html.theme-dark #address textarea,
html.theme-dark #address .field-control,
html.theme-dark #address .db-field-control,
html.theme-dark #address .vue-select,
body.theme-dark #address input[type="text"],
body.theme-dark #address input[type="email"],
body.theme-dark #address input[type="number"],
body.theme-dark #address textarea,
body.theme-dark #address .field-control,
body.theme-dark #address .db-field-control,
body.theme-dark #address .vue-select {
    background: #0b1329 !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
    -webkit-text-fill-color: #f8fafc !important;
}

html.theme-dark #address input::placeholder,
html.theme-dark #address textarea::placeholder,
body.theme-dark #address input::placeholder,
body.theme-dark #address textarea::placeholder {
    color: #94a3b8 !important;
    -webkit-text-fill-color: #94a3b8 !important;
}

html.theme-dark #address .vue-dropdown,
body.theme-dark #address .vue-dropdown {
    background: #111827 !important;
    border-color: #334155 !important;
}

html.theme-dark #address .vue-dropdown-item,
body.theme-dark #address .vue-dropdown-item {
    color: #e2e8f0 !important;
}

html.theme-dark #address .vue-dropdown-item.highlighted,
body.theme-dark #address .vue-dropdown-item.highlighted {
    background: #1f2937 !important;
}

html.theme-dark #address .bg-\[\#F7F7FC\],
body.theme-dark #address .bg-\[\#F7F7FC\] {
    background: #1e293b !important;
    color: #cbd5e1 !important;
}

/* Frontend dark theme end */

/* Country code dropdown visibility fix */
.dropdown-group .dropdown-btn,
.dropdown-group .dropdown-list,
.dropdown-group .dropdown-list li {
    line-height: 1.2;
}

/* Range slider code start */
.simple-range-slider-popover.simple-range-slider-popover-left,
.simple-range-slider-popover-arrow,
.simple-range-slider-popover.simple-range-slider-popover-right {
    display: none;
}

.simple-range-slider .simple-range-slider-bg-bar {
    margin: 10px 10px 10px !important;
}

.simple-range-slider .simple-range-slider-bg-bar .simple-range-slider-anchor {
    background: #ffffff !important;
}

/* Range slider code close */

/* Icon size start */

.lab-font-color-1 {
    color: #dee2e5 !important;
}

[class="lab"].lab-font-size-20,
[class^="lab-"].lab-font-size-20,
[class*=" lab-"].lab-font-size-20 {
    font-size: 20px !important;
}

[class="lab"].lab-font-size-2xl,
[class^="lab-"].lab-font-size-2xl,
[class*=" lab-"].lab-font-size-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
}

[class="lab"].lab-font-size-xl,
[class^="lab-"].lab-font-size-xl,
[class*=" lab-"].lab-font-size-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
}

[class="lab"].lab-font-size-8,
[class^="lab-"].lab-font-size-8,
[class*=" lab-"].lab-font-size-8 {
    font-size: 8px !important;
}

[class="lab"].lab-font-size-10,
[class^="lab-"].lab-font-size-10,
[class*=" lab-"].lab-font-size-10 {
    font-size: 10px !important;
}

[class="lab"].lab-font-size-16,
[class^="lab-"].lab-font-size-16,
[class*=" lab-"].lab-font-size-16 {
    font-size: 16px !important;
}

[class="lab"].lab-font-size-24,
[class^="lab-"].lab-font-size-24,
[class*=" lab-"].lab-font-size-24 {
    font-size: 24px !important;
}

[class="lab"].lab-font-size-14,
[class^="lab-"].lab-font-size-14,
[class*=" lab-"].lab-font-size-14 {
    font-size: 14px !important;
}

/* Icon size close */

/* installer code start */
.bg-installer {
    background-image: url(../../../images/required/installer.jpg);
}

/* installer code close */

/* installer code close */
iframe.w-full.rounded-2xl {
    background: rgb(20, 20, 20) !important;
}

.sr-only {
    left: inherit !important;
}

.db-field-control[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    cursor: pointer;
}

.drawer:where([dir="ltr"], [dir="ltr"] *) {
    right: 0px;
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.drawer:where([dir="rtl"], [dir="rtl"] *) {
    left: 0px;
    right: unset !important;
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.drawer.active:where([dir="ltr"], [dir="ltr"] *) {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.drawer.active:where([dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: -0px;
    right: unset !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.dp__clear_icon {
    right: 1px !important;
}

[dir="rtl"] .dp__clear_icon {
    right: unset !important;
    left: 1px !important;
}

.dp__input_icons {
    background: #fff;
    padding: 4px 4px !important;
}

@media only screen and (max-width: 1023px) {
    .velmld-parent.componentLoading {
        position: unset !important;
    }
}

/* Ensure header dropdowns stay above hero content */
header {
    position: relative;
    z-index: 2000;
    isolation: isolate;
}

header .group>[class*="absolute"] {
    z-index: 2100;
}

.mangozz-hero {
    margin-top: -6.5rem;
}

.mangozz-season-wrap {
    margin-top: 0.9rem;
}

.mangozz-hero-content {
    margin-top: 3rem;
}

.mangozz-hero-card {
    padding-bottom: 1rem;
}

/* Dark hero card to match header in light mode */
.mangozz-hero-card {
    background: linear-gradient(135deg, #0b1223 0%, #111827 55%, #0f172a 100%) !important;
    box-shadow: 0 28px 60px rgba(2, 6, 23, 0.45) !important;
}

@media only screen and (max-width: 1023px) {
    .mangozz-hero {
        margin-top: -4rem;
    }

    .mangozz-season-wrap {
        margin-top: 0.65rem;
    }

    .mangozz-hero-content {
        margin-top: 1.9rem;
    }

    .mangozz-hero-card {
        padding-bottom: 1.25rem;
    }
}

@media only screen and (max-width: 640px) {
    .mangozz-hero {
        margin-top: -2.5rem;
    }

    .mangozz-season-wrap {
        margin-top: 0.5rem;
    }

    .mangozz-hero-content {
        margin-top: 1.1rem;
    }

    .mangozz-hero-card {
        padding-bottom: 0.9rem;
    }
}

@media (display-mode: standalone) {
    .mangozz-hero {
        margin-top: 0 !important;
        padding-top: 0.9rem !important;
    }

    .mangozz-season-wrap {
        margin-top: 1rem !important;
    }

    .mangozz-hero-content {
        margin-top: 0 !important;
    }

    .mangozz-hero-card {
        padding-top: 1.4rem !important;
        padding-bottom: 1.4rem !important;
        min-height: 0 !important;
    }
}

@media (display-mode: standalone) and (max-width: 1023px) {
    .mangozz-hero {
        padding-top: 0.6rem !important;
    }

    .mangozz-hero-card {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

/* Admin header dropdown visibility fix (language/profile/right controls) */
body:not(.frontend-mode) .db-header,
body:not(.frontend-mode) .db-header .sub-header {
    overflow: visible !important;
}

/* Keep modals above both frontend/admin headers and dropdowns */
.modal {
    z-index: 12000 !important;
    padding: 72px 12px 16px !important;
    box-sizing: border-box !important;
}

.modal.active .modal-dialog {
    margin: 0 auto 1rem auto !important;
}

.modal .modal-dialog {
    max-height: calc(100vh - 88px) !important;
}

.modal .modal-body {
    max-height: calc(100vh - 170px);
    overflow-y: auto;
}

@media (max-width: 767px) {
    .modal {
        padding-top: 64px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .modal .modal-dialog {
        max-height: calc(100vh - 76px) !important;
    }

    .modal .modal-body {
        max-height: calc(100vh - 150px);
    }
}