:root {
    /* Colors */
    --bs-orange-custom: #ef7703;
    --bs-dark-orange-custom: #db6f02;
    --bs-light-orange-custom: #fdc994;
    --bs-ultralight-orange-custom: #fff0e0;
    --bs-light-gray: #f8f9fa;
    --bs-dark: #212529;
    --bs-medium-gray: #d3d3d3;
    --bs-light-medium-gray: #f3f3f3;
    --brand-orange: #f38618;
    --brand-dark-gray: #2d3238;
    --bs-gray-secondary: #6c757d;
    --bs-danger: #dc3545;
    --bs-bg-gray-color: #F5F5F5;
    /* Shadow */
    --bs-orange-custom-shadow: rgba(253, 126, 20, 0.5);
    --brand-dark-gray-shadow: rgba(52, 58, 64, 0.5);
    --bs-gray-secondary-shadow: rgba(108, 117, 125, 0.5);
    /* Radius */
    --bs-border-radius: 0.375rem;
    /* Forms */
    --custom-form-color: var(--bs-orange-custom);
    --custom-form-shadow-color: rgba(239, 119, 0, 0.25);
    /* bs-styles */

    --bs-dropdown-font-size: 0.85rem;
}

body{
    font-family: "Outfit", sans-serif !important;
    font-optical-sizing: auto;
    font-size: 1rem !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    /*-webkit-box-shadow: 0 0 0 30px white inset !important;*/
    -webkit-text-fill-color: #495057 !important;
    transition: background-color 5000s ease-in-out 0s;
}

a{
    text-decoration:none;
    color:black;
}
a:hover {
    color: var(--brand-dark-gray);
}
a:active {
    color: black;
}

.text-small-1{
    font-size: small;
}

.text-small-2{
    font-size: smaller;
}

.ts-text-gray-1 {
    color: var(--bs-dark);
}

.ts-text-gray-2 {
    color: var(--bs-gray-secondary);
}
.ts-text-orange-1{
    color:var(--bs-dark-orange-custom);
}
.ts-text-orange-2{
    color:var(--bs-orange-custom);
}
.ts-text-orange-2:hover {
    color: var(--bs-dark-orange-custom) !important;
}

.orange-btn-1{
    background-color: var(--bs-orange-custom);
    color: white;
}
.orange-btn-1:hover {
    background-color: white;
    color: var(--bs-orange-custom);
}

.orange-btn-2 {
    /*background-color: white;*/
    color: var(--bs-orange-custom);
    border: 1px solid var(--bs-orange-custom);
}
.orange-btn-2:hover{
    background-color: var(--bs-dark-orange-custom);
    color: white;
}

.btn-action {
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
    transition: all 0.3s;
}

.btn-brand-dark {
    background-color: var(--brand-dark-gray);
    color: white;
    border: none;
}

.btn-brand-dark:hover {
    background-color: #000;
    color: white;
}

.btn-create-orange {
    background-color: var(--bs-orange-custom);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.3s;
}

.btn-create-orange:hover {
    background-color: #e36a09;
    color: white;
}

.btn-create-orange:active {
    color: white;
    background-color: var(--bs-orange-custom);
    border-color: var(--bs-orange-custom);
    box-shadow: 0 0 0 0.25rem var(--bs-orange-custom-shadow);
}

.btn-create-orange:focus-visible {
    box-shadow: 0 0 0 0.25rem var(--bs-orange-custom-shadow);
}


/*
 * ==================================================
 * 2. SAVE BUTONU (KOYU GRİ)
 * ==================================================
 */
.btn-save-dark {
    color: var(--brand-dark-gray) !important;
    padding: 0.5rem 1rem;
    background-color: white;
    border: 1px solid var(--brand-dark-gray);
    border-radius: var(--bs-border-radius);
    transition: all 0.15s ease-in-out;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    font-weight: 600;
}

.btn-save-dark:hover {
    color: white !important;
    background-color: var(--brand-dark-gray);
}

.btn-save-dark:active {
    color: white;
    background-color: var(--brand-dark-gray);
    border-color: var(--brand-dark-gray);
    box-shadow: 0 0 0 0.25rem var(--brand-dark-gray-shadow);
}

.btn-save-dark:focus-visible {
    box-shadow: 0 0 0 0.25rem var(--brand-dark-gray-shadow);
}


.btn-save-dark-2 {
    color: white;
    background-color: var(--brand-dark-gray);
    padding: 0.5rem 1rem;
    border: 1px solid var(--brand-dark-gray);
    border-radius: var(--bs-border-radius);
    transition: all 0.15s ease-in-out;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.btn-save-dark-2:hover {
    color: var(--brand-dark-gray);
    background-color: white;
    border: 1px solid var(--brand-dark-gray);
}

.btn-save-dark-2:active {
    color: var(--brand-dark-gray);
    background-color: white;
    border-color: var(--brand-dark-gray);
    box-shadow: 0 0 0 0.25rem var(--brand-dark-gray-shadow);
}

.btn-save-dark-2:focus-visible {
    box-shadow: 0 0 0 0.25rem var(--brand-dark-gray-shadow);
}


/*
 * ==================================================
 * 3. CLOSE BUTONU (NORMAL GRİ)
 * ==================================================
 */
.btn-close-gray {
    color: var(--bs-gray-secondary);
    padding: 0.5rem 1rem;
    background-color: white;
    border: 1px solid var(--bs-gray-secondary);
    border-radius: var(--bs-border-radius);
    transition: all 0.15s ease-in-out;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.btn-close-gray:hover {
    color: white;
    background-color: var(--bs-gray-secondary);
}

.btn-close-gray:active {
    color: white;
    background-color: var(--bs-gray-secondary);
    border-color: var(--bs-gray-secondary);
    box-shadow: 0 0 0 0.25rem var(--bs-gray-secondary-shadow);
}

.btn-close-gray:focus-visible {
    box-shadow: 0 0 0 0.25rem var(--bs-gray-secondary-shadow);
}


.ts-back-container {
    background-color: var(--bs-bg-gray-color);
}
.ts-bg-dark {
    background-color: var(--brand-dark-gray);
}




/* utility */
/* Genel Devre Dışı (Disabled) Efekti */
.disabled-div {
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
    filter: grayscale(100%);
}