/* Öğrenci sayfalarının ortak teması (başvuru formu, başvuru sonucu).
 * Giriş sayfasıyla aynı tasarım dili: taş zemin, cam yeşili, Albert Sans.
 * Kullanım: sayfanın kapsayıcısına class="ogrenci-tema" verin. */
/* Radzen açılır pencereleri (takvim, liste seçenekleri) body altına eklendiği için temayı onlara da uygula */
.ogrenci-tema,
body:has(.ogrenci-tema) .rz-popup,
body:has(.ogrenci-tema) .rz-dialog {
    --tas: #EDF1EF;
    --murekkep: #1B3533;
    --murekkep-soluk: #4A605E;
    --cam: #2D6B66;
    --cam-koyu: #23554F;
    --beton: #C7CFCB;
    --pas: #A3432B;
    --pas-zemin: #F7E9E3;

    /* Radzen bileşenleri de aynı renkleri kullansın */
    --rz-primary: var(--cam);
    --rz-primary-light: #3E8780;
    --rz-primary-lighter: rgba(45, 107, 102, .12);
    --rz-primary-dark: var(--cam-koyu);
    --rz-primary-darker: #1A403C;
    --rz-on-primary: #fff;
    --rz-text-font-family: "Albert Sans", "Segoe UI", system-ui, sans-serif;
    --rz-form-error-color: var(--pas);

    /* Radzen'in --rz-primary'den türeyen değişkenleri. Radzen bunları :root'ta hesapladığı için
       yalnızca --rz-primary'yi değiştirmek yetmez; burada yeniden tanımlanınca yeşil kullanılır. */
    --rz-accordion-item-focus-outline: var(--rz-outline-focus);
    --rz-border-focus: var(--rz-border-width) solid var(--rz-primary);
    --rz-border-on-primary: var(--rz-border-width) solid var(--rz-on-primary);
    --rz-border-primary: var(--rz-border-width) solid var(--rz-primary);
    --rz-border-primary-dark: var(--rz-border-width) solid var(--rz-primary-dark);
    --rz-border-primary-darker: var(--rz-border-width) solid var(--rz-primary-darker);
    --rz-border-primary-light: var(--rz-border-width) solid var(--rz-primary-light);
    --rz-border-primary-lighter: var(--rz-border-width) solid var(--rz-primary-lighter);
    --rz-button-base-background-color: var(--rz-primary);
    --rz-button-base-color: var(--rz-on-primary);
    --rz-button-focus-outline: var(--rz-outline-focus);
    --rz-chart-legend-focus-outline: var(--rz-outline-focus);
    --rz-chat-message-user-background-color: var(--rz-primary-lighter);
    --rz-checkbox-checked-background-color: var(--rz-primary);
    --rz-checkbox-checked-border: var(--rz-border-primary);
    --rz-checkbox-checked-color: var(--rz-on-primary);
    --rz-checkbox-checked-hover-background-color: var(--rz-primary-light);
    --rz-checkbox-checked-hover-border: var(--rz-border-primary);
    --rz-checkbox-focus-outline: var(--rz-outline-focus);
    --rz-chip-selected-outline: var(--rz-outline-focus);
    --rz-colorpicker-focus-outline: var(--rz-outline-focus);
    --rz-datepicker-focus-outline: var(--rz-outline-focus);
    --rz-dropdown-item-selected-background-color: var(--rz-primary-lighter);
    --rz-dropdown-item-selected-hover-background-color: var(--rz-primary-lighter);
    --rz-dropdown-open-border: 2px solid var(--rz-primary);
    --rz-editor-focus-outline: var(--rz-outline-focus);
    --rz-editor-image-handle-border: 1px solid var(--rz-primary);
    --rz-editor-image-handles-border: 1px solid var(--rz-primary);
    --rz-editor-image-size-background-color: var(--rz-primary);
    --rz-editor-image-size-color: var(--rz-on-primary);
    --rz-fieldset-toggle-focus-outline: var(--rz-outline-focus);
    --rz-form-field-focus-shadow: var(--rz-input-focus-shadow);
    --rz-form-field-label-focus-color: var(--rz-primary);
    --rz-grid-apply-filter-button-color: var(--rz-primary);
    --rz-grid-cell-focus-outline: var(--rz-outline-focus);
    --rz-grid-focus-outline: var(--rz-outline-focus);
    --rz-grid-header-filter-icon-active-color: var(--rz-primary);
    --rz-grid-selected-background-color: var(--rz-primary-lighter);
    --rz-grid-simple-filter-icon-active-background-color: var(--rz-primary-lighter);
    --rz-header-background-color: var(--rz-primary);
    --rz-header-color: var(--rz-on-primary);
    --rz-input-focus-border: var(--rz-border-width) solid var(--rz-outline-color);
    --rz-input-focus-border-block-end: var(--rz-input-focus-border);
    --rz-input-focus-shadow: inset 0 0 0 1px var(--rz-primary);
    --rz-link-focus-outline: var(--rz-outline-focus);
    --rz-listbox-focus-border: var(--rz-input-focus-border);
    --rz-listbox-focus-shadow: var(--rz-input-focus-shadow);
    --rz-menu-item-focus-outline: var(--rz-outline-focus);
    --rz-menu-top-item-background-color: var(--rz-primary);
    --rz-menu-top-item-color: var(--rz-on-primary);
    --rz-menu-top-item-hover-color: var(--rz-on-primary);
    --rz-menu-top-item-icon-color: var(--rz-on-primary);
    --rz-menu-top-item-icon-hover-color: var(--rz-on-primary);
    --rz-menu-top-item-selected-color: var(--rz-on-primary);
    --rz-outline-color: var(--rz-primary);
    --rz-outline-focus: var(--rz-outline-width) solid var(--rz-outline-color);
    --rz-outline-on-primary: var(--rz-outline-width) solid var(--rz-on-primary);
    --rz-outline-primary: var(--rz-outline-width) solid var(--rz-primary);
    --rz-outline-primary-dark: var(--rz-outline-width) solid var(--rz-primary-dark);
    --rz-outline-primary-darker: var(--rz-outline-width) solid var(--rz-primary-darker);
    --rz-outline-primary-light: var(--rz-outline-width) solid var(--rz-primary-light);
    --rz-outline-primary-lighter: var(--rz-outline-width) solid var(--rz-primary-lighter);
    --rz-pager-numeric-button-selected-background-color: var(--rz-primary-lighter);
    --rz-panel-menu-focus-outline: var(--rz-outline-focus);
    --rz-panel-menu-item-2nd-level-active-background-color: var(--rz-primary-lighter);
    --rz-panel-menu-item-3rd-level-active-background-color: var(--rz-primary-lighter);
    --rz-panel-menu-item-active-background-color: var(--rz-primary-lighter);
    --rz-panel-toggle-icon-focus-outline: var(--rz-outline-focus);
    --rz-profile-menu-item-focus-outline: var(--rz-outline-focus);
    --rz-profile-menu-top-item-background-color: var(--rz-primary);
    --rz-progressbar-background-color: var(--rz-primary-lighter);
    --rz-progressbar-value-background-color: var(--rz-primary);
    --rz-radio-checked-border: var(--rz-border-primary);
    --rz-radio-circle-background-color: var(--rz-primary);
    --rz-radio-circle-hover-background-color: var(--rz-primary-light);
    --rz-radio-focus-outline: var(--rz-outline-focus);
    --rz-range-nav-compact-background-color: var(--rz-primary-lighter);
    --rz-range-nav-compact-window-background-color: var(--rz-primary);
    --rz-range-nav-handle-hover-background-color: var(--rz-primary);
    --rz-range-nav-handle-hover-shadow: 0px 0px 0px 10px var(--rz-primary-lighter);
    --rz-rating-focus-color: var(--rz-primary-darker);
    --rz-rating-selected-color: var(--rz-primary);
    --rz-scheduler-focus-outline: var(--rz-outline-focus);
    --rz-scheduler-view-selected-background-color: var(--rz-primary-lighter);
    --rz-selectbar-button-focus-outline: var(--rz-outline-focus);
    --rz-selectbar-focus-outline: var(--rz-outline-focus);
    --rz-selectbar-selected-background-color: var(--rz-primary-lighter);
    --rz-sidebar-toggle-color: var(--rz-on-primary);
    --rz-sidebar-toggle-focus-outline: var(--rz-outline-focus);
    --rz-sidebar-toggle-hover-background-color: var(--rz-primary-light);
    --rz-slider-background-color: var(--rz-primary-lighter);
    --rz-slider-handle-background-color: var(--rz-primary);
    --rz-slider-handle-focus-outline: var(--rz-outline-focus);
    --rz-slider-handle-hover-background-color: var(--rz-primary);
    --rz-slider-handle-hover-shadow: 0px 0px 0px 10px var(--rz-primary-lighter);
    --rz-slider-range-background-color: var(--rz-primary);
    --rz-splitbutton-background-color: var(--rz-primary);
    --rz-splitter-bar-background-color-active: var(--rz-primary);
    --rz-splitter-bar-color-active: var(--rz-on-primary);
    --rz-steps-number-focus-outline: var(--rz-outline-focus);
    --rz-switch-checked-background-color: var(--rz-primary-lighter);
    --rz-switch-focus-outline: var(--rz-outline-focus);
    --rz-tabs-tab-focus-outline: var(--rz-outline-focus);
    --rz-tabs-tab-selected-color: var(--rz-primary);
    --rz-text-selection-background-color: var(--rz-primary-lighter);
    --rz-tile-layout-overlay-background-color: var(--rz-primary-lighter);
    --rz-timespanpicker-focus-outline: var(--rz-outline-focus);
    --rz-toc-horizontal-link-selected-color: var(--rz-primary);
    --rz-toc-link-hover-color: var(--rz-primary-dark);
    --rz-toc-link-selected-color: var(--rz-primary);
    --rz-toc-link-selected-indicator-color: var(--rz-primary);
    --rz-tree-node-focus-outline: var(--rz-outline-focus);
    --rz-tree-node-selected-background-color: var(--rz-primary-lighter);
    --rz-upload-button-background-color: var(--rz-primary);
    --rz-virtual-keyboard-key-selected-background-color: var(--rz-primary);
    --rz-virtual-keyboard-key-selected-color: var(--rz-on-primary);

    /* Takvimde seçili gün Radzen'de ikincil renkten (pembe) gelir; temanın yeşili kullanılsın */
    --rz-datepicker-calendar-selected-background-color: var(--cam);
    --rz-datepicker-calendar-selected-color: #fff;
    --rz-datepicker-calendar-selected-hover-background-color: var(--cam-koyu);
    --rz-datepicker-calendar-selected-hover-color: #fff;

    color: var(--murekkep);
    font-family: "Albert Sans", "Segoe UI", system-ui, sans-serif;
    line-height: 1.55;
}

/* Öğrenci sayfaları kenardan kenara çizilir: şablondaki .content üst boşluğu beyaz şerit bırakmasın,
   sayfa kısa kalsa ya da kaydırılsa bile zemin taş rengi olsun */
.content:has(> .ogrenci-tema) {
    padding-top: 0;
}

body:has(.ogrenci-tema) {
    background: #EDF1EF;
}