@font-face {
    font-family: 'Gotham';
    src: url('/assets/tgy/Font/GothamBook.ttf');
}

body {
    font-family: 'Gotham';
}

.text-gold{
    color: #d0ad6a;
    -webkit-text-fill-color: #d0ad6a;
}

.border-gold{
    border-color: #d0ad6a !important;
}

.bg-gold{
    background-color: #d0ad6a !important;
}

.bg-lgold{
    background-color: rgba(190, 173, 143, 0.1) !important;
}

th, .form-group label{
    text-transform: capitalize;
}

a.text-gold:hover{
    color: #d0ad6a !important;
}

.nav-link.active{
    background: #d0ad6a;
}

#owl .item{
    margin: 3px;
}
#owl .item img{
    display: block;
    width: 100%;
    height: auto;
}

#dtable th{
    padding: 8px 10px !important;
}

#html5-qrcode-anchor-scan-type-change{
    display: none !important;
}

@media only screen and (max-width: 740px) {
    .banner-upload{
        max-width:100%
    }

    #dtable_wrapper .btn{
        width: 100%;
    }
}

.text-submit{
    font-size: 20px;
    position: absolute;
    top: 10px;
    left: 20%;
    right: 0;
}

@media only screen and (max-width: 499px) {
    .text-submit{
        left: 10px;
    }
}

@media only screen and (max-width: 450px) {
    .font-res{
        font-size: 3.2vw !important;
    }
}

.select2 .select2-choices{
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    margin-top: -5px;
}

.select2-container-multi .select2-choices .select2-search-choice{
    margin-top:5px;
}

.avatar{
    /* max-height: 300px; */
    width: fit-content;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
}

/* apple */
input, input:before, input:after {
    -webkit-user-select: initial !important;
    -khtml-user-select: initial !important;
    -moz-user-select: initial !important;
    -ms-user-select: initial !important;
    user-select: initial !important;
} 

.input-apple{
    height: inherit;
    -webkit-padding-before:12px;
    -webkit-padding-after:2px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select, option{
    background: white !important;
    color: black !important;
}

.btn-text{
    -webkit-padding-before:14px;
}

.nav-link, .bg-gold, span, input[type="file"]{
    color: black;
    -webkit-text-fill-color: black;
}

.btn{
    -webkit-border-fit:border !important;
}

.transform-text{
    -webkit-transform: translateY(5px) translateX(-4px) !important;
}

.text-danger{
    -webkit-text-fill-color: #dc3545!important
}

.btn-primary, .btn-success, .text-white{
    -webkit-text-fill-color: white !important
}

label{
    margin-bottom: 0px;
}

.h-38{
    height:38px;
}

input::-webkit-date-and-time-value {
    text-align: left!important;
}

.apple .select2-search-choice > div{
    margin-top: 5px;
}

/* TGY backoffice design system */
.tgy-backoffice {
    --tgy-ink: #07120d;
    --tgy-ink-soft: #0e2117;
    --tgy-gold: #d0ad6a;
    --tgy-gold-dark: #8a641c;
    --tgy-canvas: #f6f4ee;
    --tgy-surface: #ffffff;
    --tgy-border: #e4e0d7;
    --tgy-muted: #727872;
    min-height: 100vh;
    background: var(--tgy-canvas);
    color: #202820;
    font-family: 'Karla', 'Gotham', Arial, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}

.tgy-backoffice .tgy-topbar {
    min-height: 76px;
    background: var(--tgy-ink) !important;
    border-bottom: 1px solid rgba(208, 173, 106, .24);
    box-shadow: 0 8px 30px rgba(7, 18, 13, .12);
}

.tgy-backoffice .tgy-brand {
    align-items: center;
    gap: 12px;
    min-height: 76px;
    padding: 10px 22px;
    background: rgba(255, 255, 255, .025);
    box-shadow: none;
    color: #fff !important;
    font-weight: 700;
    letter-spacing: .08em;
}

.tgy-brand img {
    width: 58px;
    height: 42px;
    object-fit: contain;
}

.tgy-brand span { display: grid; color: #fff; -webkit-text-fill-color: #fff; }
.tgy-brand small { color: rgba(255,255,255,.5); -webkit-text-fill-color: rgba(255,255,255,.5); font-size: 9px; font-weight: 600; letter-spacing: .15em; }
.tgy-brand-switcher { margin: 0 22px 0 14px; }
.tgy-brand-switcher .btn { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 9px 14px; border: 0; border-radius: 8px; font-size: 12px; font-weight: 700; letter-spacing: .06em; }
.tgy-brand-switcher .dropdown-menu { right: 0; left: auto; min-width: 180px; padding: 8px; border: 1px solid var(--tgy-border); border-radius: 10px; box-shadow: 0 16px 40px rgba(7,18,13,.14); }
.tgy-brand-switcher .dropdown-item { padding: 10px 12px; border-radius: 7px; font-size: 13px; font-weight: 600; }
.tgy-session-meta { align-items: center; margin-left: auto; }
.tgy-role-pill { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid rgba(208,173,106,.26); border-radius: 999px; color: #ead39f !important; -webkit-text-fill-color: #ead39f !important; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.tgy-backoffice .tgy-sidebar {
    position: fixed;
    top: 76px;
    bottom: 0;
    left: 0;
    z-index: 100;
    min-height: 0 !important;
    padding: 26px 14px !important;
    overflow-y: auto;
    background: #0a1911 !important;
    border-right: 1px solid rgba(208,173,106,.15);
}

.tgy-menu-label { margin: 0 12px 12px; color: rgba(255,255,255,.38); -webkit-text-fill-color: rgba(255,255,255,.38); font-size: 10px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.tgy-sidebar .nav-item { margin: 2px 0; }
.tgy-sidebar .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 8px;
    color: rgba(255,255,255,.68) !important;
    -webkit-text-fill-color: rgba(255,255,255,.68) !important;
    font-size: 14px;
    font-weight: 500;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}
.tgy-sidebar .nav-link i { width: 18px; color: rgba(208,173,106,.72); -webkit-text-fill-color: rgba(208,173,106,.72); font-size: 16px; text-align: center; }
.tgy-sidebar .nav-link span { color: rgba(255,255,255,.68); -webkit-text-fill-color: rgba(255,255,255,.68); }
.tgy-sidebar .nav-link:hover { background: rgba(255,255,255,.06); color: #fff !important; -webkit-text-fill-color: #fff !important; transform: translateX(2px); }
.tgy-sidebar .nav-link:hover span { color: #fff; -webkit-text-fill-color: #fff; }
.tgy-sidebar .nav-link.active { background: linear-gradient(135deg,#d8b975,#c99c48); color: var(--tgy-ink) !important; -webkit-text-fill-color: var(--tgy-ink) !important; box-shadow: 0 8px 20px rgba(0,0,0,.2); }
.tgy-sidebar .nav-link.active i { color: var(--tgy-ink); -webkit-text-fill-color: var(--tgy-ink); }
.tgy-sidebar .nav-link.active span { color: var(--tgy-ink); -webkit-text-fill-color: var(--tgy-ink); }
.tgy-sidebar .tgy-logout { margin-top: 20px; border-top: 1px solid rgba(255,255,255,.08); border-radius: 0 0 8px 8px; color: #ef9a9a !important; -webkit-text-fill-color: #ef9a9a !important; }
.tgy-sidebar .tgy-logout i { color: #ef9a9a; -webkit-text-fill-color: #ef9a9a; }
.tgy-sidebar .tgy-logout span { color: #ef9a9a; -webkit-text-fill-color: #ef9a9a; }

.tgy-backoffice .tgy-main { min-height: calc(100vh - 76px); padding: 34px clamp(22px,3vw,48px) 50px; }
.tgy-page-heading { margin-bottom: 26px; padding-bottom: 22px; border-bottom: 1px solid var(--tgy-border); }
.tgy-page-heading h1 { margin: 0; color: var(--tgy-ink); font-family: 'Playfair Display', Georgia, serif; font-size: clamp(30px,3vw,42px); font-weight: 600; letter-spacing: -.025em; line-height: 1.1; }
.tgy-eyebrow { margin: 0 0 7px; color: var(--tgy-gold-dark); font-size: 10px; font-weight: 700; letter-spacing: .19em; text-transform: uppercase; }
.tgy-page-date { display: inline-flex; align-items: center; gap: 8px; color: var(--tgy-muted); font-size: 13px; }
.tgy-page-date i { color: var(--tgy-gold-dark); }

.tgy-content-card,
.tgy-backoffice .card,
.tgy-backoffice .table-container {
    border: 1px solid var(--tgy-border);
    border-radius: 12px;
    background: var(--tgy-surface);
    box-shadow: 0 14px 40px rgba(7,18,13,.055);
}
.tgy-content-card { padding: 0 24px 24px; overflow: hidden; }
.tgy-card-header { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin: 0 -24px 20px; padding: 22px 24px; border-bottom: 1px solid var(--tgy-border); background: linear-gradient(180deg,#fff,#fdfcf9); }
.tgy-card-header h2 { margin: 0; color: var(--tgy-ink); font-family: 'Playfair Display',Georgia,serif; font-size: 23px; font-weight: 600; }
.tgy-card-header p { margin: 5px 0 0; color: var(--tgy-muted); font-size: 14px; }

.tgy-backoffice .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 8px 14px; border-radius: 8px; font-weight: 700; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.tgy-backoffice .btn-primary { border-color: var(--tgy-ink-soft); background: var(--tgy-ink-soft); color: #fff; box-shadow: 0 8px 18px rgba(7,18,13,.12); }
.tgy-backoffice .btn-primary:hover { border-color: #173323; background: #173323; transform: translateY(-1px); }
.tgy-backoffice .btn-outline-primary { border-color: #c9b37f; color: #6d5017; -webkit-text-fill-color: #6d5017; background: #fffdf8; }
.tgy-backoffice .btn-outline-primary:hover { border-color: var(--tgy-gold); background: #fbf2dd; }

.tgy-table-wrap { margin-top: 4px; }
.tgy-backoffice .table-container { margin: 0 !important; border: 0; box-shadow: none; }
.tgy-backoffice .table { margin-bottom: 0; color: #2d352f; }
.tgy-backoffice .table thead th { padding: 13px 14px !important; border: 0; border-bottom: 1px solid var(--tgy-border); background: #f7f5ef; color: #626861; font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; vertical-align: middle; }
.tgy-backoffice .table tbody td { padding: 15px 14px; border-top: 1px solid #eeebe4; vertical-align: middle; }
.tgy-backoffice .table-hover tbody tr { transition: background .18s ease; }
.tgy-backoffice .table-hover tbody tr:hover { background: #fbf9f3; }
.tgy-role { display: inline-flex; padding: 5px 9px; border-radius: 999px; background: #f1eee6; color: #58605a; font-size: 12px; font-weight: 600; text-transform: capitalize; }
.tgy-backoffice .badge { padding: 6px 9px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: .03em; text-transform: capitalize; }
.tgy-backoffice .badge-success { background: #e4f4e9; color: #23663a; -webkit-text-fill-color: #23663a; }
.tgy-backoffice .badge-danger { background: #fbe7e7; color: #a33232; -webkit-text-fill-color: #a33232; }

.tgy-backoffice .form-control,
.tgy-backoffice .select2-container .select2-choice,
.tgy-backoffice select.form-control { min-height: 42px; border: 1px solid #d8d3c9; border-radius: 8px; background: #fff !important; color: var(--tgy-ink) !important; box-shadow: none; }
.tgy-backoffice .form-control:focus { border-color: #b58b3d; box-shadow: 0 0 0 3px rgba(181,139,61,.14); }
.tgy-backoffice label { margin-bottom: 7px; color: #3e463f; font-size: 13px; font-weight: 700; }
.tgy-backoffice .dataTables_filter input { min-height: 38px; margin-left: 8px; padding: 7px 10px; border: 1px solid #d8d3c9; border-radius: 8px; outline: none; }
.tgy-backoffice .dataTables_filter input:focus { border-color: #b58b3d; box-shadow: 0 0 0 3px rgba(181,139,61,.14); }
.tgy-backoffice .dataTables_length select { min-height: 38px; padding: 5px 26px 5px 9px; border: 1px solid #d8d3c9; border-radius: 8px; }
.tgy-backoffice .pagination .page-link { color: var(--tgy-ink); }
.tgy-backoffice .page-item.active .page-link { border-color: var(--tgy-ink); background: var(--tgy-ink); color: #fff; }

.tgy-flash { display: flex; align-items: center; gap: 10px; position: fixed; top: 90px; right: 22px; z-index: 1100; max-width: min(420px,calc(100vw - 44px)); border: 0; border-radius: 10px; box-shadow: 0 15px 40px rgba(7,18,13,.16); }
.tgy-flash.alert-success { background: #e7f4ea; color: #235f35; }
.tgy-flash.alert-danger { background: #fae6e6; color: #922d2d; }

.tgy-backoffice a:focus-visible,.tgy-backoffice button:focus-visible,.tgy-backoffice input:focus-visible,.tgy-backoffice select:focus-visible { outline: 3px solid rgba(208,173,106,.45); outline-offset: 2px; }

@media (max-width: 767.98px) {
    .tgy-backoffice .tgy-topbar { min-height: 62px; padding: 0 12px !important; }
    .tgy-backoffice .navbar-toggler { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 8px; border: 0; }
    .tgy-brand-switcher { margin: 0 0 0 auto; }
    .tgy-brand-switcher .btn { max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .tgy-backoffice .navbar-collapse { position: fixed; top: 62px; right: 0; bottom: 0; left: 0; z-index: 1000; background: rgba(7,18,13,.45); }
    .tgy-backoffice .navbar-collapse .tgy-sidebar { display: block; position: static; width: min(82vw,310px); height: 100%; padding-top: 24px !important; box-shadow: 12px 0 34px rgba(0,0,0,.25); }
    .tgy-backoffice .tgy-main { min-height: calc(100vh - 62px); padding: 26px 16px 40px; }
    .tgy-page-heading { align-items: flex-start !important; gap: 12px; }
    .tgy-page-date { margin-top: 8px; }
    .tgy-card-header { align-items: flex-start; flex-direction: column; }
    .tgy-card-header .btn { width: 100%; }
    .tgy-content-card { padding: 0 14px 16px; }
    .tgy-card-header { margin-right: -14px; margin-left: -14px; padding: 18px 14px; }
    .tgy-table-wrap { margin-right: -14px; margin-left: -14px; padding: 0 14px; }
    .tgy-backoffice .dataTables_wrapper .row > div { width: 100%; max-width: 100%; flex: 0 0 100%; }
    .tgy-backoffice .dataTables_length,.tgy-backoffice .dataTables_filter { text-align: left !important; }
    .tgy-backoffice .dataTables_filter input { width: calc(100% - 58px); }
}

@media (prefers-reduced-motion: reduce) {
    .tgy-backoffice *, .tgy-backoffice *::before, .tgy-backoffice *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}