.pc-header {
    left: 0 !important;
}

.pc-container{
    margin-left: 0 !important;
}

.offcanvas.offcanvas-start{
    left: 0 !important;
}

/* Kent Rehberi tur renk paleti */
:root {
    --kr-tour-bg: #202430;
    --kr-tour-border: rgba(255, 255, 255, .08);
    --kr-tour-text: #e6e8ee;
    --kr-tour-muted: #9aa0ad;
    --kr-tour-accent: #fd7e14;
    --kr-tour-accent-hover: #d76b11;
}

/* Uygulama geneli turuncu (preset-6) ile intro.js/btn-primary mavi tonlarını ezer */
.introjs-tooltip .introjs-button.introjs-nextbutton,
.kr-tour-tooltip.introjs-tooltip .introjs-button.introjs-nextbutton {
    background: var(--kr-tour-accent);
    border-color: var(--kr-tour-accent);
    color: #fff;
    text-shadow: none;
}

.introjs-tooltip .introjs-button.introjs-nextbutton:hover,
.kr-tour-tooltip.introjs-tooltip .introjs-button.introjs-nextbutton:hover:not(.introjs-disabled) {
    background: var(--kr-tour-accent-hover);
    border-color: var(--kr-tour-accent-hover);
    color: #fff;
}

.kr-welcome-modal .btn-primary,
.introjs-tooltip .btn-primary {
    --bs-btn-bg: var(--kr-tour-accent);
    --bs-btn-border-color: var(--kr-tour-accent);
    --bs-btn-hover-bg: var(--kr-tour-accent-hover);
    --bs-btn-hover-border-color: var(--kr-tour-accent-hover);
    --bs-btn-active-bg: var(--kr-tour-accent-hover);
    --bs-btn-active-border-color: var(--kr-tour-accent-hover);
}

/* Kent Rehberi "Nasıl Kullanılır?" butonu (sidebar) */
/*#kr_tour_start .material-icons-two-tone {
    color: var(--kr-tour-accent);
}*/

/* ---- Intro.js tur görünümü (Kent Rehberi) ---- */
.kr-tour-tooltip.introjs-tooltip {
    min-width: 300px;
    max-width: 360px;
    background: var(--kr-tour-bg);
    color: var(--kr-tour-text);
    border: 1px solid var(--kr-tour-border);
    border-radius: 14px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .55);
    font-size: .92rem;
}

.kr-tour-tooltip .introjs-tooltip-header {
    padding: 16px 18px 0 18px;
}

.kr-tour-tooltip .introjs-tooltip-title {
    font-weight: 700;
    font-size: 1.05rem;
    color: #fff;
    line-height: 1.3;
}

.kr-tour-tooltip .introjs-skipbutton {
    color: var(--kr-tour-muted);
    font-size: .85rem;
    font-weight: 500;
    padding: 2px 6px;
    height: auto;
    line-height: 1.4;
}

.kr-tour-tooltip .introjs-skipbutton:hover {
    color: #fff;
}

.kr-tour-tooltip .introjs-tooltiptext {
    padding: 10px 18px 14px 18px;
    line-height: 1.55;
    color: var(--kr-tour-text);
}

.kr-tour-tooltip .introjs-tooltiptext b {
    color: #fff;
}

/* İlerleme çubuğu */
.kr-tour-tooltip .introjs-progress {
    height: 6px;
    margin: 0 18px 12px 18px;
    background: rgba(255, 255, 255, .1);
    border-radius: 4px;
    overflow: hidden;
}

.kr-tour-tooltip .introjs-progressbar {
    background: var(--kr-tour-accent);
}

/* Adım sayacı (ör. 3 / 17) — bullets yerine kullanılıyor */
.kr-tour-tooltip .introjs-helperNumberLayer {
    padding: 4px 18px 10px 18px;
    color: var(--kr-tour-muted);
    font-size: .8rem;
    text-align: right;
}

/* Buton alanı */
.kr-tour-tooltip .introjs-tooltipbuttons {
    border-top: 1px solid var(--kr-tour-border);
    padding: 12px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.kr-tour-tooltip .introjs-button {
    text-shadow: none;
    border-radius: 8px;
    border: none;
    font-weight: 600;
    padding: 8px 16px;
    background: rgba(255, 255, 255, .08);
    color: var(--kr-tour-text);
    transition: background .15s ease, color .15s ease, opacity .15s ease;
}

.kr-tour-tooltip .introjs-button:hover:not(.introjs-disabled) {
    background: rgba(255, 255, 255, .16);
    color: #fff;
}

.kr-tour-tooltip .introjs-nextbutton {
    background: var(--kr-tour-accent);
    color: #fff;
}

.kr-tour-tooltip .introjs-nextbutton:hover:not(.introjs-disabled) {
    background: var(--kr-tour-accent-hover);
    color: #fff;
}

.kr-tour-tooltip .introjs-disabled,
.kr-tour-tooltip .introjs-disabled:hover {
    opacity: .4;
    background: rgba(255, 255, 255, .06);
    color: var(--kr-tour-muted);
}

/* Vurgulanan öğe çerçevesi */
.introjs-helperLayer {
    border-radius: 10px;
    box-shadow: 0 0 0 2px var(--kr-tour-accent), 0 0 0 9999px rgba(0, 0, 0, .55) !important;
}

/* ---- Kent Rehberi karşılama modalı ---- */
.kr-welcome-modal .modal-content {
    background: var(--kr-tour-bg);
    color: var(--kr-tour-text);
    border: 1px solid var(--kr-tour-border);
    border-radius: 16px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .6);
    overflow: hidden;
}

.kr-welcome-modal .modal-content::before {
    content: "";
    display: block;
    height: 5px;
    background: linear-gradient(90deg, var(--kr-tour-accent), #ffb066);
}

.kr-welcome-logo img {
    width: 170px;
    max-width: 70%;
}

.kr-welcome-modal h4 {
    color: #fff;
}

.kr-welcome-text {
    color: var(--kr-tour-text);
    line-height: 1.6;
}

.kr-welcome-hint {
    color: var(--kr-tour-muted);
}

.kr-welcome-modal .kr-welcome-start {
    background: var(--kr-tour-accent);
    color: #fff;
    font-weight: 600;
    border: none;
    border-radius: 10px;
    padding: 10px 20px;
    box-shadow: 0 6px 18px rgba(245, 129, 31, .35);
    transition: background .15s ease, transform .15s ease;
}

.kr-welcome-modal .kr-welcome-start:hover {
    background: var(--kr-tour-accent-hover);
    color: #fff;
    transform: translateY(-1px);
}

.kr-welcome-modal .kr-welcome-later {
    color: var(--kr-tour-muted);
    text-decoration: none;
    font-weight: 500;
}

.kr-welcome-modal .kr-welcome-later:hover {
    color: #fff;
}