html {
    font-size: 14px;
}

@media (min-width: 768px) {

    html {
        font-size: 16px;
    }
}


/* Bootstrap focus ayarları */

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}



/* Genel */

html {
    position: relative;
    min-height: 100%;
}



body {
    margin: 0;
    padding: 0;
}



/* Bootstrap form placeholder */

.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}



.form-floating > .form-control-plaintext:focus::placeholder,
.form-floating > .form-control:focus::placeholder {
    text-align: start;
}



/*
=================================================
ADMIN PANEL KORUMA
Ana site tasarımını etkilemez
=================================================
*/


.admin-wrapper *,
.visitor-page *,
.sidebar *,
.topbar * {
    box-sizing: border-box;
}



/*
Admin içindeki img ve linkler
ana siteye karışmasın
*/


.admin-wrapper img,
.visitor-page img {
    max-width: 100%;
}



.admin-wrapper a,
.visitor-page a {
    text-decoration: none;
}
.admin-wrapper {
    display: flex;
    min-height: 100vh;
}


.admin-sidebar {
    width: 260px;
    background: #211f1d;
    color: white;
    padding: 30px 20px;
    flex-shrink: 0;
}


.admin-logo {
    font-size: 24px;
    letter-spacing: 2px;
    font-weight: bold;
    margin-bottom: 5px;
}


    .admin-logo small {
        display: block;
        font-size: 11px;
        color: #c39a63;
        margin-top: 8px;
    }



.admin-sidebar nav {
    margin-top: 40px;
}



    .admin-sidebar nav a {
        display: block;
        color: #ddd;
        text-decoration: none;
        padding: 15px;
        border-radius: 10px;
        margin-bottom: 8px;
    }



        .admin-sidebar nav a:hover {
            background: #c39a63;
            color: white;
        }



.admin-content {
    flex: 1;
    padding: 40px;
    background: #faf9f7;
}