/* 
 * Standardization for Calculation and Analysis Pages
 * Targets: page-nufus-kayit.php, page-byu.php, page-karar.php, etc.
 */

/* 1. Reset Hardcoded Colors to Design Tokens */
:root {
    --adalet-primary: var(--color-primary, #c8102e);
    --adalet-navy: var(--color-nav, #0d1b2e);
}

/* 2. Standardize Table Headers */
.table thead th,
.table thead tr[style*="background"],
.table thead tr[style*="background-color"] {
    background-color: var(--color-nav, #0d1b2e) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    font-size: 0.85rem !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 12px 10px !important;
}

/* 3. Drop Zone & Upload UI Consistency */
#dropZone, #udfDrop {
    border: 2px dashed var(--bs-border-color, #dee2e6) !important;
    background: var(--bs-tertiary-bg, #f8f9fa);
    transition: all 0.2s ease-in-out;
}

#dropZone:hover, #udfDrop:hover {
    border-color: var(--color-primary) !important;
    background: rgba(200, 16, 46, 0.03);
}

/* 4. Spinner & Loading States */
.spinner-border {
    color: var(--color-primary) !important;
}

/* 5. Standard Layout Widths for Tool Pages */
.memur-shell, .calc-outer, .content-outer {
    max-width: var(--content-max, 1320px);
    margin: 0 auto;
    width: 100%;
}

.content-with-sidebar {
    display: flex !important; /* Grid yerine flex kullanarak butona basınca genişleme sorunu çözülür */
    gap: 24px;
    align-items: start;
    width: 100%;
}

.content-main {
    flex: 1;
    min-width: 0;
}

.site-sidebar {
    width: 300px;
    flex-shrink: 0;
}

/* Bootstrap col-3 ile kullanılan sidebar — sabit genişliği sıfırla */
.col-lg-3 > .site-sidebar,
[class*="col-"] > .site-sidebar {
    width: 100%;
    flex-shrink: unset;
}

@media (max-width: 991px) {
    .content-with-sidebar {
        flex-direction: column !important;
    }
    .site-sidebar {
        width: 100%;
    }
}

/* 6. Memur Maaş – İki Sütun Form Izgarası */
.page-memur-maas-hesaplama .entry-content,
.page-sozlesmeli-memur-maas-hesaplama .entry-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 16px;
    align-items: end;
}

/* Her mb-3 form grubundaki card görünümünü kaldır */
.page-memur-maas-hesaplama .entry-content > .mb-3,
.page-sozlesmeli-memur-maas-hesaplama .entry-content > .mb-3 {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Tam genişlik kalması gereken öğeler */
.page-memur-maas-hesaplama .entry-content > blockquote,
.page-memur-maas-hesaplama .entry-content > .col-12,
.page-memur-maas-hesaplama .entry-content > .mb-3.w-100,
.page-memur-maas-hesaplama .entry-content > #ogretmenalt,
.page-sozlesmeli-memur-maas-hesaplama .entry-content > blockquote,
.page-sozlesmeli-memur-maas-hesaplama .entry-content > .col-12,
.page-sozlesmeli-memur-maas-hesaplama .entry-content > .mb-3.w-100 {
    grid-column: 1 / -1;
}

@media (max-width: 575px) {
    .page-memur-maas-hesaplama .entry-content,
    .page-sozlesmeli-memur-maas-hesaplama .entry-content {
        grid-template-columns: 1fr;
    }
}

/* 7. Form Element Refinement */
.form-control:focus, .form-select:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 0.25rem rgba(200, 16, 46, 0.15);
}

.btn-primary {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.btn-outline-primary {
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}
.btn-outline-primary:hover {
    background-color: var(--color-primary) !important;
    color: #fff !important;
}

/* 7. Memur Progressive Form Layout */
.memur-progressive-form {
    padding: 0;
}

.memur-primary-grid,
.memur-advanced-panel:not([hidden]) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 16px;
    align-items: end;
    margin-bottom: 12px;
}

.memur-field-card {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.memur-actions {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 12px;
    margin-bottom: 8px;
}

.memur-advanced-toggle {
    background: transparent;
    border: 1px solid var(--color-primary, #c8102e);
    color: var(--color-primary, #c8102e);
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 0.875rem;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s ease;
}
.memur-advanced-toggle:hover {
    background: var(--color-primary, #c8102e);
    color: #fff;
}
.memur-advanced-toggle[aria-expanded="true"] {
    background: var(--color-primary, #c8102e);
    color: #fff;
}

.memur-submit-wrap {
    flex: 1;
    min-width: 180px;
}

@media (max-width: 575px) {
    .memur-primary-grid,
    .memur-advanced-panel:not([hidden]) {
        grid-template-columns: 1fr;
    }
    .memur-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .memur-advanced-toggle {
        width: 100%;
        text-align: center;
    }
}

/* 8. Dark Mode Adjustments for Calculation Tools */
[data-bs-theme="dark"] .btn-outline-primary {
    color: #ff4d6d !important;
    border-color: #ff4d6d !important;
}
[data-bs-theme="dark"] .btn-outline-primary:hover {
    background-color: #ff4d6d !important;
    color: #fff !important;
}

[data-bs-theme="dark"] .table thead th {
    background-color: #0a1628 !important;
}

[data-bs-theme="dark"] .card {
    background: linear-gradient(180deg, rgba(14,22,38,.98), rgba(11,18,32,.96));
    border-color: rgba(255,255,255,.08);
}