/**
 * KMEM marka paleti — brown / gold / light-brown
 * Pazaryeri & kargo: --kmem-ticimax-*, --kmem-hepsiburada-*, .kmem-badge-* vb.
 * Kullanım: text-brown, btn-gold, bg-light-brown, vb.
 */

/* Tüm paneller: Condensed 400 / Medium 500 / Heavy 600+. Light Cond yalnızca mağaza önizleme. */
@font-face {
    font-family: "Univers Next Pro Light Cond";
    font-style: normal;
    font-weight: 300 450;
    font-display: swap;
    size-adjust: 108%;
    src: url("../fonts/UniversNextProLightCond.ttf") format("truetype");
}

@font-face {
    font-family: "Univers Next Pro Light Cond";
    font-style: italic;
    font-weight: 300 450;
    font-display: swap;
    size-adjust: 108%;
    src: url("../fonts/UniversNextProLightCondIt.ttf") format("truetype");
}

@font-face {
    font-family: "Univers Next Pro Light Cond";
    font-style: normal;
    font-weight: 500 800;
    font-display: swap;
    size-adjust: 108%;
    src: url("../fonts/UniversNextProBoldCond.ttf") format("truetype");
}

@font-face {
    font-family: "Univers Next Pro Light Cond";
    font-style: italic;
    font-weight: 500 800;
    font-display: swap;
    size-adjust: 108%;
    src: url("../fonts/UniversNextProBoldCondIt.ttf") format("truetype");
}

@font-face {
    font-family: "Univers Next Pro";
    font-style: normal;
    font-weight: 300 450;
    font-display: swap;
    src: url("../fonts/UniversNextProRegular.ttf") format("truetype");
}

@font-face {
    font-family: "Univers Next Pro";
    font-style: italic;
    font-weight: 300 450;
    font-display: swap;
    src: url("../fonts/UniversNextProItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Univers Next Pro";
    font-style: normal;
    font-weight: 500 800;
    font-display: swap;
    src: url("../fonts/UniversNextProBold.ttf") format("truetype");
}

@font-face {
    font-family: "Univers Next Pro";
    font-style: italic;
    font-weight: 500 800;
    font-display: swap;
    src: url("../fonts/UniversNextProBoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Univers Next Pro Condensed";
    font-style: normal;
    font-weight: 300 450;
    font-display: swap;
    size-adjust: 108%;
    src: url("../fonts/UniversNextProCond.ttf") format("truetype");
}

@font-face {
    font-family: "Univers Next Pro Condensed";
    font-style: italic;
    font-weight: 300 450;
    font-display: swap;
    size-adjust: 108%;
    src: url("../fonts/UniversNextProCondItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Univers Next Pro Condensed";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    size-adjust: 108%;
    src: url("../fonts/UniversNextProMediumCond.ttf") format("truetype");
}

@font-face {
    font-family: "Univers Next Pro Condensed";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    size-adjust: 108%;
    src: url("../fonts/UniversNextProMediumCondIt.ttf") format("truetype");
}

@font-face {
    font-family: "Univers Next Pro Condensed";
    font-style: normal;
    font-weight: 600 800;
    font-display: swap;
    size-adjust: 108%;
    src: url("../fonts/UniversNextProHeavyCond.ttf") format("truetype");
}

@font-face {
    font-family: "Univers Next Pro Condensed";
    font-style: italic;
    font-weight: 600 800;
    font-display: swap;
    size-adjust: 108%;
    src: url("../fonts/UniversNextProHeavyCondIt.ttf") format("truetype");
}

:root {
    --kmem-font-family: "Univers Next Pro Condensed", "Univers Next Pro Light Cond", "Univers Next Pro", "Segoe UI", system-ui, sans-serif;
    --kmem-font-ui: "Univers Next Pro Condensed", "Univers Next Pro Light Cond", sans-serif;
    --bs-font-sans-serif: var(--kmem-font-family);
    --kmem-brown: #572932;
    --kmem-brown-rgb: 87, 41, 50;
    --kmem-brown-hover: #6b3744;
    --kmem-brown-active: #452228;
    --kmem-brown-subtle: rgba(87, 41, 50, 0.12);

    --kmem-gold: #eabc80;
    --kmem-gold-rgb: 234, 188, 128;
    --kmem-gold-hover: #dfad68;
    --kmem-gold-active: #d49d52;
    --kmem-gold-subtle: rgba(234, 188, 128, 0.35);
    --kmem-gold-border: #d4a566;

    --kmem-light-brown: #f4ebe3;
    --kmem-light-brown-rgb: 255, 245, 239;
    --kmem-light-brown-hover: #ffefe3;
    --kmem-light-brown-active: #ffe8d9;
    --kmem-light-brown-border: #f0dcc8;

    /* Pazaryeri & kargo — badge / etiket (SiparisKaynagi, kargo firması vb.) */
    --kmem-ticimax-primary: #15284b;
    --kmem-ticimax-secondary: #fff;

    --kmem-hepsiburada-primary: #ff6000;
    --kmem-hepsiburada-secondary: #fff;

    --kmem-yurtici-primary: #337ab7;
    --kmem-yurtici-secondary: #ef7d00;
    --kmem-yurtici-tertiary: #fff;

    --kmem-hepsijet-primary: #ff6000;
    --kmem-hepsijet-secondary: #4c3769;
    --kmem-hepsijet-tertiary: #fff;

    --kmem-dhl-primary: #d40511;
    --kmem-dhl-secondary: #fc0;
}

/* style.bundle: html, body doğrudan Inter — tema değişkeni yeterli olmuyor */
html,
body {
    font-family: var(--kmem-font-ui);
    font-size: 15px !important;
    font-weight: 500;
    line-height: 1.5;
    color: #3e1820;
    letter-spacing: 0.02em;
}

@media (max-width: 991.98px) {
    html,
    body {
        font-size: 15px !important;
    }
}

.menu-title,
.page-heading,
.fw-bold,
.fw-semibold {
    letter-spacing: 0.02em;
}

/* Form / buton: gövde ile aynı Condensed 500 */
input,
select,
textarea,
.form-control,
.form-select,
.btn {
    font-family: var(--kmem-font-ui);
}

/* Menü — condensed glyphs için nefes */
.app-sidebar .menu-item {
    padding: 0.28rem 0;
}

.app-sidebar .menu-item .menu-link {
    padding: 0.75rem 1rem;
}

.app-sidebar .menu-sub .menu-link {
    padding: 0.65rem 1rem;
}

.app-sidebar .menu-title {
    font-size: 0.95rem;
    line-height: 1.45;
    font-weight: 600;
}

/* plugins.bundle: dropdown, Quill, ApexCharts, Leaflet sabit Inter */
.dropdown-menu,
.ql-toolbar,
.apexcharts-title-text,
.apexcharts-legend-text,
.leaflet-container .leaflet-popup-content-wrapper .leaflet-popup-content {
    font-family: var(--kmem-font-family) !important;
}

/* Metin */
.text-brown {
    color: var(--kmem-brown) !important;
}

.text-gold {
    color: var(--kmem-gold) !important;
}

.text-light-brown {
    color: var(--kmem-light-brown) !important;
}

/* Zemin */
.bg-brown {
    background-color: var(--kmem-brown) !important;
}

.bg-gold {
    background-color: var(--kmem-gold) !important;
}

.bg-light-brown {
    background-color: var(--kmem-light-brown) !important;
}

.bg-hepsiburada {
    background-color: var(--kmem-hepsiburada-primary) !important;
}

.bg-ticimax {
    background-color: var(--kmem-ticimax-primary) !important;
}
/* Kenarlık */
.border-brown {
    border-color: var(--kmem-brown) !important;
}

.border-gold {
    border-color: var(--kmem-gold-border) !important;
}

.border-light-brown {
    border-color: var(--kmem-light-brown-border) !important;
}

/* Yumuşak zemin (kart / uyarı arka planı) */
.bg-brown-subtle {
    background-color: var(--kmem-brown-subtle) !important;
}

.bg-gold-subtle {
    background-color: var(--kmem-gold-subtle) !important;
}

/* Dolu butonlar */
.btn-brown {
    --bs-btn-color: #fff5ef;
    --bs-btn-bg: var(--kmem-brown);
    --bs-btn-border-color: var(--kmem-brown);
    --bs-btn-hover-color: #fff5ef;
    --bs-btn-hover-bg: var(--kmem-brown-hover);
    --bs-btn-hover-border-color: var(--kmem-brown-hover);
    --bs-btn-focus-shadow-rgb: var(--kmem-brown-rgb);
    --bs-btn-active-color: #fff5ef;
    --bs-btn-active-bg: var(--kmem-brown-active);
    --bs-btn-active-border-color: var(--kmem-brown-active);
    --bs-btn-disabled-color: #fff5ef;
    --bs-btn-disabled-bg: var(--kmem-brown);
    --bs-btn-disabled-border-color: var(--kmem-brown);
}

.btn-gold {
    --bs-btn-color: var(--kmem-brown);
    --bs-btn-bg: var(--kmem-gold);
    --bs-btn-border-color: var(--kmem-gold-border);
    --bs-btn-hover-color: var(--kmem-brown);
    --bs-btn-hover-bg: var(--kmem-gold-hover);
    --bs-btn-hover-border-color: var(--kmem-gold-border);
    --bs-btn-focus-shadow-rgb: var(--kmem-gold-rgb);
    --bs-btn-active-color: var(--kmem-brown);
    --bs-btn-active-bg: var(--kmem-gold-active);
    --bs-btn-active-border-color: var(--kmem-gold-active);
    --bs-btn-disabled-color: var(--kmem-brown);
    --bs-btn-disabled-bg: var(--kmem-gold);
    --bs-btn-disabled-border-color: var(--kmem-gold-border);
}

.btn-light-brown {
    --bs-btn-color: var(--kmem-brown);
    --bs-btn-bg: var(--kmem-light-brown);
    --bs-btn-border-color: var(--kmem-light-brown-border);
    --bs-btn-hover-color: var(--kmem-brown);
    --bs-btn-hover-bg: var(--kmem-light-brown-hover);
    --bs-btn-hover-border-color: var(--kmem-gold-border);
    --bs-btn-focus-shadow-rgb: var(--kmem-brown-rgb);
    --bs-btn-active-color: var(--kmem-brown);
    --bs-btn-active-bg: var(--kmem-light-brown-active);
    --bs-btn-active-border-color: var(--kmem-gold-border);
    --bs-btn-disabled-color: var(--kmem-brown);
    --bs-btn-disabled-bg: var(--kmem-light-brown);
    --bs-btn-disabled-border-color: var(--kmem-light-brown-border);
}

/* Rozetler — btn-* ile aynı palet */
.badge-gold {
    background-color: var(--kmem-gold) !important;
    color: var(--kmem-brown) !important;
}

.badge-brown {
    background-color: var(--kmem-brown) !important;
    color: #fff5ef !important;
}

.badge-light-brown {
    background-color: var(--kmem-light-brown) !important;
    color: var(--kmem-brown) !important;
    border: 1px solid var(--kmem-light-brown-border);
}

/* Çerçeveli butonlar */
.btn-outline-brown {
    --bs-btn-color: var(--kmem-brown);
    --bs-btn-border-color: var(--kmem-brown);
    --bs-btn-hover-color: #fff5ef;
    --bs-btn-hover-bg: var(--kmem-brown);
    --bs-btn-hover-border-color: var(--kmem-brown);
    --bs-btn-focus-shadow-rgb: var(--kmem-brown-rgb);
    --bs-btn-active-color: #fff5ef;
    --bs-btn-active-bg: var(--kmem-brown-active);
    --bs-btn-active-border-color: var(--kmem-brown-active);
    --bs-btn-disabled-color: var(--kmem-brown);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--kmem-brown);
}

.btn-outline-gold {
    --bs-btn-color: var(--kmem-brown);
    --bs-btn-border-color: var(--kmem-gold-border);
    --bs-btn-hover-color: var(--kmem-brown);
    --bs-btn-hover-bg: var(--kmem-gold-subtle);
    --bs-btn-hover-border-color: var(--kmem-gold);
    --bs-btn-focus-shadow-rgb: var(--kmem-gold-rgb);
    --bs-btn-active-color: var(--kmem-brown);
    --bs-btn-active-bg: var(--kmem-gold);
    --bs-btn-active-border-color: var(--kmem-gold);
    --bs-btn-disabled-color: var(--kmem-brown);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--kmem-gold-border);
}

.btn-outline-light-brown {
    --bs-btn-color: var(--kmem-brown);
    --bs-btn-border-color: var(--kmem-light-brown-border);
    --bs-btn-hover-color: var(--kmem-brown);
    --bs-btn-hover-bg: var(--kmem-light-brown);
    --bs-btn-hover-border-color: var(--kmem-gold);
    --bs-btn-focus-shadow-rgb: var(--kmem-brown-rgb);
    --bs-btn-active-color: var(--kmem-brown);
    --bs-btn-active-bg: var(--kmem-light-brown-active);
    --bs-btn-active-border-color: var(--kmem-gold-border);
    --bs-btn-disabled-color: var(--kmem-brown);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--kmem-light-brown-border);
}

/* Link */
.link-brown {
    color: var(--kmem-brown) !important;
}

    .link-brown:hover,
    .link-brown:focus {
        color: var(--kmem-brown-hover) !important;
    }

.link-gold {
    color: var(--kmem-gold) !important;
}

    .link-gold:hover,
    .link-gold:focus {
        color: var(--kmem-brown) !important;
    }

.link-light-brown {
    color: var(--kmem-light-brown) !important;
}

    .link-light-brown:hover,
    .link-light-brown:focus {
        color: #fff8f2 !important;
    }

/* --- Pazaryeri & kargo badge / zemin / metin --- */
.kmem-badge-ticimax {
    background-color: var(--kmem-ticimax-primary) !important;
    color: var(--kmem-ticimax-secondary) !important;
}

.kmem-badge-hepsiburada {
    background-color: var(--kmem-hepsiburada-primary) !important;
    color: var(--kmem-hepsiburada-secondary) !important;
}

.kmem-badge-yurtici {
    background-color: var(--kmem-yurtici-primary) !important;
    color: var(--kmem-yurtici-tertiary) !important;
    border-left: 4px solid var(--kmem-yurtici-secondary);
    padding-left: 0.5rem;
}

.kmem-badge-hepsijet {
    background-color: var(--kmem-hepsijet-primary) !important;
    color: var(--kmem-hepsijet-tertiary) !important;
    border-left: 4px solid var(--kmem-hepsijet-secondary);
    padding-left: 0.5rem;
}

/* Ticimax entegrasyon adı: "Ticimax Kargo - Hepsijet" — mor zemin, beyaz yazı */
.kmem-badge-ticimax-kargo-hepsijet {
    background-color: var(--kmem-hepsijet-secondary) !important;
    color: var(--kmem-hepsijet-tertiary) !important;
}

.kmem-badge-dhl {
    background-color: var(--kmem-dhl-secondary) !important;
    color: var(--kmem-dhl-primary) !important;
}

.bg-kmem-ticimax { background-color: var(--kmem-ticimax-primary) !important; }
.bg-kmem-hepsiburada { background-color: var(--kmem-hepsiburada-primary) !important; }
.bg-kmem-yurtici { background-color: var(--kmem-yurtici-primary) !important; }
.bg-kmem-yurtici-accent { background-color: var(--kmem-yurtici-secondary) !important; }
.bg-kmem-hepsijet { background-color: var(--kmem-hepsijet-primary) !important; }
.bg-kmem-hepsijet-accent { background-color: var(--kmem-hepsijet-secondary) !important; }
.bg-kmem-dhl { background-color: var(--kmem-dhl-primary) !important; }
.bg-kmem-dhl-accent { background-color: var(--kmem-dhl-secondary) !important; }

.text-kmem-ticimax { color: var(--kmem-ticimax-primary) !important; }
.text-kmem-ticimax-on { color: var(--kmem-ticimax-secondary) !important; }
.text-kmem-hepsiburada { color: var(--kmem-hepsiburada-primary) !important; }
.text-kmem-hepsiburada-on { color: var(--kmem-hepsiburada-secondary) !important; }
.text-kmem-yurtici { color: var(--kmem-yurtici-primary) !important; }
.text-kmem-yurtici-accent { color: var(--kmem-yurtici-secondary) !important; }
.text-kmem-hepsijet { color: var(--kmem-hepsijet-primary) !important; }
.text-kmem-hepsijet-accent { color: var(--kmem-hepsijet-secondary) !important; }
.text-kmem-dhl { color: var(--kmem-dhl-primary) !important; }
.text-kmem-dhl-accent { color: var(--kmem-dhl-secondary) !important; }

.alert-light-brown {
    color: var(--bs-brown);
    border-color: var(--bs-brown);
    background-color: var(--kmem-light-brown);
}

/* Liste sayfalama — oklar ve rakamlar aynı kare kutu (yuvarlatılmış) */
.kmem-pager {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.kmem-pager__step,
.kmem-pager__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 2.4rem;
    height: 2.4rem;
    min-width: 2.4rem;
    min-height: 2.4rem;
    padding: 0;
    border: none;
    border-radius: 0.5rem;
    background: transparent;
    color: #5e6278;
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1;
}

.kmem-pager__step i {
    display: block;
    line-height: 1;
    color: inherit;
}

.kmem-pager__step:hover:not(:disabled),
.kmem-pager__num:hover:not(:disabled):not(.is-active) {
    background: #eabc80;
    color: var(--kmem-brown);
}

.kmem-pager__step:disabled {
    opacity: 0.42;
    cursor: not-allowed;
    background: #eff2f5;
    color: #a1a5b7;
}

.kmem-pager__num.is-active {
    background: var(--kmem-brown);
    color: #fff;
}

.kmem-pager__num.is-active:hover {
    background: var(--kmem-brown-hover);
    color: #fff;
}

.kmem-pager__gap {
    padding: 0 0.15rem;
    color: #a1a5b7;
    font-weight: 600;
    user-select: none;
    min-width: 1rem;
    text-align: center;
    align-self: center;
}

/* Sipariş / ürün tablosu tooltip — table-responsive overflow kırpmasın */
.tooltip.kmem-bs-tooltip {
    --bs-tooltip-margin: 0.4rem;
    z-index: 1085;
}

.table-responsive [data-bs-toggle="tooltip"] {
    cursor: default;
}

/* Ortak sayfa loading (KmemUI.showLoading) */
#kmem-page-loading.page-loader {
    background-color: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(2px);
}

[data-bs-theme="dark"] #kmem-page-loading.page-loader {
    background-color: rgba(21, 23, 28, 0.82);
}

#kmem-page-loading .kmem-loading-spinner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 96px;
}

#kmem-page-loading .kmem-loading-brand {
    width: 140px;
    height: 140px;
    object-fit: contain;
    animation: kmem-loading-spin 1.15s linear infinite;
    transform-origin: center center;
}

@keyframes kmem-loading-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

#kmem-page-loading .kmem-loading-text {
    max-width: min(90vw, 22rem);
    text-align: center;
    line-height: 1.4;
}

body.kmem-loading-active {
    overflow: hidden;
    touch-action: none;
}

/* Çift ay Flatpickr — Metronic .flatpickr-calendar { width: 280px !important } düzeltmesi */
.flatpickr-calendar.multiMonth {
    width: auto !important;
    min-width: 620px !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days {
    width: auto !important;
    min-width: 620px !important;
    max-width: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer {
    width: 307.875px !important;
    min-width: 307.875px !important;
    max-width: 307.875px !important;
    flex: 0 0 307.875px !important;
}