@font-face {
    font-family: 'NeuzeitGrotesk-Reg';
    font-display: swap;
    font-style: normal;
    src: url(/fonts/NeuzeitGrotesk-Reg.otf) format('opentype');
}

@font-face {
    font-family: 'MaximumImpact';
    font-display: swap;
    font-style: normal;
    src: url('/fonts/Maximum_Impact.ttf');
}

@font-face {
    font-family: 'AlbraDisplay';
    src: url('/fonts/ALBRADISPLAYTRIAL-REGULAR.OTF');
    font-display: swap;
}

@font-face {
    font-family: 'Freeman';
    src: url('/fonts/FREEMAN-REGULAR.TTF');
    font-display: swap;
}

@font-face {
    font-family: 'Freshgrape';
    src: url('/fonts/FRESHGRAPES.OTF');
    font-display: swap;
}

@font-face {
    font-family: 'Palmore';
    src: url('/fonts/PALMORE-REGULAR.TTF');
    font-display: swap;
}

:root {
  --font-size-xxs: 0.4rem;
  --font-size-xs: 0.6rem;
  --font-size-sm: 0.8rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.2rem;
  --font-size-xl: 1.4rem;
  --font-size-2xl: 1.6rem;
}

@media only screen and (min-width: 1024px) {
:root {
  --font-pp-title: 1.2rem;
  --font-pp-final-price: 1.4rem;
  --font-pp-attr: 1.1rem;
  --font-pp-price: 0.9rem;
  --font-pp-desc: 0.85rem;
}
}

.loading-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;

    align-items: center;
    background-color: rgb(0, 0, 0, 0.6);
    z-index: 100000;
}
.loading-wrapper img {
    width: 150px;
    height: auto;
}

.swal2-title {
    font-size: 1em !important;
}

.swalMessage {
    margin-left: 20px;
    font-size: 0.9em;
}
.child-row {
    background-color: #fcfbe8;
}

.toggle-btn {
    cursor: pointer;
    color: blue;
    background: none;
    border: none;
    text-decoration: underline;
}

/* React-select dark mode: hanya atur fokus (input & opsi) agar teks terbaca, tanpa variabel baru */
body.dark .user-form-select__singleValue,
body.dark .user-form-select__input,
body.dark .user-form-select__placeholder {
    color: #e0e6ed !important;
}
body.dark .user-form-select__option--is-focused {
    background-color: #1e3a5f !important;
    color: #e0e6ed !important;
}

/* VariationItem: checkbox border putih di dark mode */
body.dark .variation-item-default-checkbox .MuiCheckbox-root {
    color: #fff;
}
body.dark .variation-item-default-checkbox .MuiCheckbox-root.Mui-checked {
    color: #3b5bdb;
}

/* VideoThumbnail: ikon upload — light hitam, dark putih */
body.dark .video-thumbnail-upload-icon {
    color: #737373;
}

/* Promotions Form: table free item — dark background di dark mode */
body.dark .promotions-free-item-table,
body.dark .promotions-free-item-table .MuiPaper-root {
    background-color: #1e293b !important;
}
body.dark .promotions-free-item-table .MuiTableHead-root .MuiTableCell-root,
body.dark .promotions-free-item-table .MuiTableBody-root .MuiTableCell-root {
    color: #e2e8f0;
    border-color: #334155;
}
body.dark .promotions-free-item-table .MuiTableRow-root {
    border-color: #334155;
}