/* Global small responsive helpers (safe defaults) */

*, *::before, *::after{ box-sizing: border-box; }

img, svg, video, canvas{ max-width: 100%; height: auto; }

html{ -webkit-text-size-adjust: 100%; }

body{ overflow-x: hidden; }

/* ------------------------------------------------------------
   Checkbox dropdown panel (select görünümü bozulmaz)
------------------------------------------------------------ */
.rm-cbd-panel{
  position: absolute;
  background: #fff;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.15);
  padding: 8px;
  z-index: 2000;
}

.rm-cbd-msg{
  display: none;
  font-size: 12px;
  padding: 6px 8px;
  border-radius: 8px;
  background: rgba(0,0,0,.06);
  margin-bottom: 6px;
}

.rm-cbd-list{
  max-height: 260px;
  overflow: auto;
  padding-right: 4px;
}

.rm-cbd-item{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 8px;
  cursor: pointer;
  user-select: none;
}

.rm-cbd-item:hover{ background: rgba(0,0,0,.04); }

.rm-cbd-cb{ margin-top: 0; }

.rm-cbd-text{ font-size: 13px; }

/* Sticky footer baseline (works with per-view footers)
   - Layout.cshtml wraps all pages with .rm-site-content
   - Any footer with .rm-sticky-footer will be pushed to the bottom
*/
body.rm-site-body{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.rm-site-content{
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.rm-sticky-footer{
  margin-top: auto;
}

/* Home page uses a per-view footer; make the page a flex column so .rm-sticky-footer
   truly sticks to the bottom (prevents the footer from floating mid-page). */
.rm-home-page{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.rm-home-main{
  flex: 1 0 auto;
}

/* Shared footer layout (all pages)
   - Logo left
   - Copyright centered
   - On mobile: stacked + centered
*/
.rm-footer{
  background: #ffffff; /* per design: white footer */ /* readable even over themed backgrounds */
  position: relative;
  z-index: 5;
}

.rm-footer .rm-footer-row{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.rm-footer .rm-footer-brand{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

    .rm-footer .rm-footer-copy {
        flex: 1 1 auto;
        text-align: right;
        font-size: 12px;
    }

@media (max-width: 576px){
  .rm-footer .rm-footer-row{
    flex-direction: column;
    align-items: center;
  }
  .rm-footer .rm-footer-copy{
    text-align: right;
    font-size: 12px;
  }
}

/* Small mobile spacing helpers */
@media (max-width: 576px){
  .rm-mobile-px-2{ padding-left: .5rem !important; padding-right: .5rem !important; }
}

/* Make form controls not overflow on tiny screens */
select, input, button, textarea{ max-width: 100%; }

/* === MOBILE RESPONSIVE TABLE FIX === */
@media (max-width: 992px) {
    body:not(.rm-detailsearch-page):not(.rm-lgs-page):not(.rm-tumokullar-page) table,
    body:not(.rm-detailsearch-page):not(.rm-lgs-page):not(.rm-tumokullar-page) thead,
    body:not(.rm-detailsearch-page):not(.rm-lgs-page):not(.rm-tumokullar-page) tbody,
    body:not(.rm-detailsearch-page):not(.rm-lgs-page):not(.rm-tumokullar-page) tr {
        display: block;
        width: 100%;
    }
    body:not(.rm-detailsearch-page):not(.rm-lgs-page):not(.rm-tumokullar-page) thead { display: none; }
    body:not(.rm-detailsearch-page):not(.rm-lgs-page):not(.rm-tumokullar-page) tr {
        margin-bottom: 16px;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 8px 10px;
        background: #fff;
    }
    body:not(.rm-detailsearch-page):not(.rm-lgs-page):not(.rm-tumokullar-page) td {
        display: grid;
        grid-template-columns: minmax(120px, 40%) 1fr;
        padding: 6px 0;
        border: none;
        font-size: 14px;
        white-space: normal;
        word-break: normal;
    }
    body:not(.rm-detailsearch-page):not(.rm-lgs-page):not(.rm-tumokullar-page) td::before {
        content: attr(data-label);
        font-weight: 600;
        color: #444;
        padding-right: 8px;
        white-space: normal;
    }
}

/* Detaylı arama + LGS: yalnızca özel progress bar, DataTables processing gizli */
.rm-detailsearch-page #myTable_wrapper .dataTables_processing {
  display: none !important;
}

/* === MOBILE RESPONSIVE TABLE FIX (SCOPED + FORCE WIDTH) === */
@media (max-width: 992px) {
  body:not(.rm-detailsearch-page) #myTable,
  body:not(.rm-detailsearch-page) #myTable_wrapper,
  body:not(.rm-detailsearch-page) #myTable_wrapper .row,
  body:not(.rm-detailsearch-page) #myTable_wrapper .col-sm-12,
  body:not(.rm-detailsearch-page) #myTable_wrapper .dataTables_scroll,
  body:not(.rm-detailsearch-page) #myTable_wrapper .dataTables_scrollBody {
    width: 100% !important;
    max-width: 100% !important;
  }

  body:not(.rm-detailsearch-page) #myTable {
    display: block !important;
    table-layout: auto !important;
  }

  body:not(.rm-detailsearch-page) #myTable thead { display: none !important; }

  body:not(.rm-detailsearch-page) #myTable tbody,
  body:not(.rm-detailsearch-page) #myTable tr,
  body:not(.rm-detailsearch-page) #myTable td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  body:not(.rm-detailsearch-page) #myTable tr {
    margin-bottom: 16px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    background: #fff !important;
  }

  body:not(.rm-detailsearch-page) #myTable td {
    border: none !important;
    border-bottom: 1px solid #eee !important;
    padding: 8px 8px !important;
    font-size: 14px !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    position: relative !important;
    padding-left: 48% !important; /* reserve space for label */
    min-height: 34px !important;
  }

  body:not(.rm-detailsearch-page) #myTable td:last-child { border-bottom: none !important; }

  body:not(.rm-detailsearch-page) #myTable td::before {
    content: attr(data-label) !important;
    position: absolute !important;
    left: 8px !important;
    top: 8px !important;
    width: 44% !important;
    font-weight: 600 !important;
    color: #444 !important;
    white-space: normal !important;
  }
}


/* === HOME PAGE UI TWEAKS (requested) === */
.rm-home-page .rm-home-title{
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  text-align: center;
  font-size: clamp(28px, 4vw, 54px);
  line-height: 1.12;
  margin: 22px auto 10px;
  max-width: 920px;
  color: #111;
}

.rm-home-page .rm-home-btn{
  border-radius: 999px !important;
  padding: 0 42px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.rm-home-page .rm-home-secondary{
  border-width: 2px !important;
}

.rm-home-page .rm-home-btn:hover {
    background-color: #000;
    color:white;
}

@media (max-width: 768px) {
    .rm-home-page .rm-home-btn{
    width: 100%;
    max-width: 420px;
  }
}


/* === HOME PAGE (image title + spacing + stronger typography) === */
.rm-home-page .rm-home-title-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  margin: 18px auto 10px;
  padding: 0 12px;
}

.rm-home-page .rm-home-title-img{
  width: min(880px, 92vw);
  height: auto;
  display:block;
}

/* Footer a bit lower so background illustration is fully visible */
.rm-home-page .rm-home-footer-spacer{ height: 0; }

@media (max-width: 992px){ .rm-home-page .rm-home-footer-spacer{ height: 0; } }

@media (max-width: 576px){ .rm-home-page .rm-home-footer-spacer{ height: 0; } }

/* Bigger + bolder labels inside selects and main CTA */
.rm-home-page .rm-select{
  font-size: 16px !important;
  font-weight: 600 !important;
}

.rm-home-page .rm-select option{
  font-weight: 600;
}

/*.rm-home-page #btnAra{
  font-size: 17px !important;
  font-weight: 800 !important;
}*/

.rm-home-page .rm-home-secondary{
  font-size: 16px !important;
  font-weight: 700 !important;
}


/* === HOME PAGE FIXES (center title image + seamless footer) === */
.rm-home-page .rm-home-title-wrap{
  width: 100%;
  text-align: center;
}

.rm-home-page .rm-home-title-img{
  margin: 0 auto;
}

/* Home footer: fixed, single, and covers illustration's embedded footer text */
.rm-home-page .rm-home-footer{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff !important;
  border-top: 1px solid rgba(0,0,0,.08) !important;
  
  z-index: 3000;
  min-height: 40px;
}

/* Make sure the main content never hides behind the fixed footer */
.rm-home-page .rm-home-main{ padding-bottom: 90px; }
@media (max-width: 576px){
  .rm-home-page .rm-home-main{ padding-bottom: 100px; }
}

.rm-home-page .rm-footer-row{ justify-content: space-between; align-items:center; }

/* Ensure content never sits under fixed footer */
.rm-home-page .rm-home-main{ padding-bottom: 90px; }
@media (max-width: 576px){
  .rm-home-page .rm-home-main{ padding-bottom: 100px; }
}
/* Show more of the background illustration before footer */
.rm-home-page .rm-home-footer-spacer{ height: 0; }

@media (max-width: 992px){ .rm-home-page .rm-home-footer-spacer{ height: 0; } }

@media (max-width: 576px){ .rm-home-page .rm-home-footer-spacer{ height: 0; } }



/* Title image: center to viewport (independent from container padding) */
.rm-home-page .rm-home-title-wrap{
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  max-width: 92vw;
}

/* Footer should blend with background and sit below illustration */
.rm-home-page .rm-home-footer-spacer{ height: 0; }


/* === HOME PAGE: optical centering tweak (slightly left) === */
.rm-home-page .rm-home-title-wrap{
  left: 48% !important; /* a bit left from dead center */
}


/* === HOME PAGE: align title with intro text column (requested) === */
.rm-home-page .rm-home-title-wrap{
  position: static !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 650px !important; /* same as .giris-aciklama */
  margin: 18px auto 10px !important;
  padding: 0 12px !important;
  text-align: left !important;
}

.rm-home-page .rm-home-title-img{
  width: 100% !important;
  max-width: 650px !important;
  height: auto !important;
  display: block !important;
  margin: 0 !important; /* align to left edge of the column */
  background: transparent !important;
}


/* === HOME PAGE: title image centered above intro text === */
.rm-home-page .rm-home-title-wrap{
  max-width: 650px;
  margin: 10px auto 14px;
  padding: 0 12px;
  text-align: center !important;
}

.rm-home-page .rm-home-title-img{
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}


/* === HOME PAGE: restore intro paragraph styling === */
/*.rm-home-page .giris-aciklama{
  color: #7C7C7C !important;
  text-align: center !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  
  margin: 0 auto !important;
  white-space: normal !important;
  word-break: normal !important;
}*/


/* === HOME PAGE: intro paragraph styling (restored) === */
.rm-home-page .giris-aciklama{
  text-align: center !important;
  color: #7C7C7C !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin: 0 auto !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}


/* === HOME PAGE: background image (provided) === */
/*body.rm-home-body{
  background-image: url('/assets/images/home-bg.png') !important;
  background-position: center bottom !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-color: #ffffff !important;
}*/


/* === HOME PAGE: larger dropdowns and typography === */
.rm-home-page .rm-home-search-blocks{
  margin-top: -0.25rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 768px){
  .rm-home-page .rm-home-search-blocks{
    margin-top: -0.75rem;
  }

  .rm-home-page .rm-home-title-wrap{
    margin-bottom: 0.15rem !important;
  }
}

.rm-home-page .rm-home-map-panel,
.rm-home-page .rm-home-detail-panel,
.rm-home-page .rm-home-lgs-panel{
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
}

.rm-home-page .rm-home-lgs-row{
  margin-top: 0.5rem !important;
}

.rm-home-page .rm-home-map-row{
  margin-top: 2rem !important;
}

.rm-home-page .rm-home-detail-row{
  margin-top: 2.25rem !important;
}

@media (min-width: 768px){
  .rm-home-page .rm-home-search-blocks{
    padding-bottom: 3.5rem;
  }

  .rm-home-page .rm-home-lgs-row{
    margin-top: 0.75rem !important;
  }

  .rm-home-page .rm-home-map-row{
    margin-top: 2.5rem !important;
  }

  .rm-home-page .rm-home-detail-row{
    margin-top: 3.75rem !important;
  }
}

.rm-home-page .rm-home-kademe-btns{
  row-gap: 0.75rem !important;
}

@media (max-width: 576px){
  .rm-home-page .btn.rm-btn-yeni{
    font-size: 14px;
    height: 54px;
    padding: 0 1rem;
  }
}

.rm-home-page .rm-home-section-title{
  font-size: 1.125rem;
  font-weight: 700;
  color: #111;
  margin-bottom: 0.35rem;
}

.rm-home-page .rm-home-section-desc{
  font-size: 0.875rem;
  color: #6b7280;
  margin-bottom: 1rem;
}

.rm-home-page .rm-home-map-panel .rm-select,
.rm-home-page .rm-home-map-panel .form-select{
  min-height: 52px !important;
  padding: 12px 18px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  background-color: #f2f2f2 !important;
  border: none !important;
  color: #616161 !important;
  box-shadow: none !important;
}

.rm-home-page .rm-home-map-panel .rm-select:focus,
.rm-home-page .rm-home-map-panel .form-select:focus{
  background-color: #f2f2f2 !important;
  border: none !important;
  box-shadow: 0 0 0 0.2rem rgba(99, 54, 240, 0.18) !important;
}

.rm-home-page .rm-home-map-panel #btnHaritaAra{
  min-height: 52px !important;
  border-radius: 999px !important;
}

.rm-home-page .rm-home-kademe-btn{
  min-height: 48px !important;
  padding: 10px 20px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  border: none !important;
  background: #000 !important;
  color: #fff !important;
}

.rm-home-page .rm-home-kademe-btn:hover,
.rm-home-page .rm-home-kademe-btn:focus{
  background: #222 !important;
  color: #fff !important;
}

.rm-home-page .rm-home-lgs-btn{
  min-height: 48px !important;
  padding: 10px 24px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  border: none !important;
  background: #6336f0 !important;
  color: #fff !important;
}

.rm-home-page .rm-home-lgs-btn:hover,
.rm-home-page .rm-home-lgs-btn:focus{
  background: #5028d4 !important;
  color: #fff !important;
}

.rm-home-page .rm-select{
  min-height: 52px !important;
  padding: 12px 16px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
}

.rm-home-page .rm-select:focus{
  box-shadow: 0 0 0 .2rem rgba(111,66,193,.15) !important;
}

/*.rm-home-page #btnAra{
  min-height: 52px !important;
  padding: 12px 44px !important;
  font-size: 18px !important;
}*/

.rm-home-page .rm-home-secondary{
  min-height: 48px !important;
  padding: 10px 36px !important;
  font-size: 17px !important;
}


/* === GLOBAL: background for all pages except Home === */


/* Home keeps its own background */




.main, main, .container-fluid, .container{
  background: transparent !important;
}

/* === Detaylı Arama + LGS: sabit background2 arka plan === */
body.rm-detailsearch-page {
  background-image: url('/assets/images/background2.png') !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  scrollbar-gutter: stable;
}

body.rm-detailsearch-page .btn.rm-btn:active,
body.rm-detailsearch-page .btn.rm-btn:focus,
body.rm-detailsearch-page .btn.rm-btn:focus-visible {
  background-color: #6336F0 !important;
  border-color: #6336F0 !important;
  color: #fff !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  body.rm-detailsearch-page {
    background-position: center center !important;
    background-size: cover !important;
  }
}

/* === Harita: LGS ile aynı arka plan === */
body.rm-map-page {
  background-image: url('/assets/images/background2.png') !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  scrollbar-gutter: stable;
}

@media (max-width: 768px) {
  body.rm-map-page {
    background-position: center center !important;
    background-size: cover !important;
  }
}

/* === Detaylı Arama + LGS: arama paneli (beyaz kart, LGS ile aynı) === */
.rm-detailsearch-page .card.border-0 {
  background: #fff;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

.rm-detailsearch-page .rm-filter-block {
  background: #fff !important;
  border: 1px solid rgba(111, 66, 193, .12);
  border-radius: 14px;
  padding: .85rem 1rem;
}

.rm-detailsearch-page .rm-filter-block-title {
  color: #475569;
}

.rm-detailsearch-page .rm-selected {
  border-color: #cbd5e1 !important;
  box-shadow: 0 0 0 .2rem rgba(100, 116, 139, .15) !important;
  background: #fff !important;
}


/* === HOME: mobile background visibility (show bottom illustration) === */
@media (max-width: 768px){
  body.rm-home-body{
    background-position: center bottom !important;
    background-size: 120% auto !important; /* enlarge so bottom illustration is visible */
    background-repeat: no-repeat !important;
  }
  /* give a bit more scroll room so the bottom artwork isn't hidden behind the fold */
  body.rm-home-body{
    padding-bottom: 180px;
  }
}
@media (max-width: 480px){
  body.rm-home-body{
    background-size: 140% auto !important;
    padding-bottom: 220px;
  }
}

/* === HOME: dropdowns more pill + larger fonts (requested) === */
.rm-home-page .rm-select{
 /* min-height: 64px !important;
  padding: 16px 20px !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;*/
}
/*.rm-home-page #btnAra{
  min-height: 64px !important;
  padding: 14px 52px !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  border-radius: 999px !important;
}*/
.rm-home-page .rm-home-secondary{
  min-height: 56px !important;
  padding: 16px 40px !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
}

    .rm-home-page .rm-home-secondary:not(.rm-home-kademe-btn):hover {
        background: #bec983;
    }

    /* === Detaylı Arama: buttons sizing === */
    #btnSearch.rm-btn {
        font-size: 18px !important;
        font-weight: 800 !important;
        padding: 12px 34px !important;
        border-radius: 999px !important;
    }
#btnClear.btn{
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 11px 26px !important;
  border-radius: 999px !important;
  border-width: 2px !important;
}


/* === Detaylı Arama: Sorgula/Temizle a bit smaller (requested) === */
#btnSearch.rm-btn{
  font-size: 16px !important;
  line-height:36px;
}
#btnClear.btn{
  font-size: 14px !important;
  padding: 9px 20px !important;
  border-radius: 999px !important;
}

/* === Home: dropdowns even bigger (requested) === */
/*.rm-home-page .rm-select{
  min-height: 70px !important;
  padding: 18px 22px !important;
  font-size: 20px !important;
  font-weight: 750 !important;
}*/

/* === Home: mobile background should show without scrolling (keep bottom visible) === */
@media (max-width: 768px){
  body.rm-home-body{
    padding-bottom: 0 !important;              /* remove extra scroll */
    background-position: center bottom !important;
    background-size: cover !important;         /* keep bottom artwork visible in viewport */
  }
  .rm-home-page{ min-height: 100vh; }
}
@media (max-width: 480px){
  body.rm-home-body{
    background-position: center bottom !important;
    background-size: cover !important;
  }
}

/* === Detaylı Arama table: widen İl/İlçe columns (fit AFYONKARAHİSAR) === */
.rm-table th:nth-child(1), .rm-table td:nth-child(1){
  width: 140px !important;
}
.rm-table th:nth-child(2), .rm-table td:nth-child(2){
  width: 160px !important;
}


/* === HOME MOBILE FIX: prevent content/artwork overlap === */
@media (max-width: 768px){
  /* keep full illustration visible, no crop */
  body.rm-home-body{
    background-position: center bottom !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    padding-bottom: 0 !important;
  }

  /* give content its own safe area so it doesn't sit on the illustration */
  .rm-home-page{
    min-height: 100vh !important;
  }
  .rm-home-page .rm-home-container{
    padding-top: 84px !important;
    padding-bottom: 190px !important; /* reserved space for bottom artwork */
  }

  /* make title/intro compact on mobile */
  .rm-home-page .rm-home-title-wrap{ max-width: 92vw !important; margin: 6px auto 10px !important; }
  .rm-home-page .giris-aciklama{ font-size: 14px !important; padding: 0 14px !important; }

  /* dropdowns: still pill, but not oversized on mobile */
  .rm-home-page .rm-select{
    min-height: 54px !important;
    padding: 12px 16px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 999px !important;
  }
  .rm-home-page #btnAra{
    min-height: 54px !important;
    padding: 12px 34px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    border-radius: 999px !important;
    width: 100% !important;
  }
  .rm-home-page .rm-home-secondary{
    min-height: 46px !important;
    padding: 10px 26px !important;
    font-size: 15px !important;
    width: 100% !important;
  }

  .rm-home-page .rm-home-form{
    background: #fff !important;
    border-radius: 20px !important;
    padding: 14px 14px 16px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important;
  }
}

@media (max-width: 480px){
  body.rm-home-body{
    background-size: contain !important;
  }
  .rm-home-page .rm-home-container{
    padding-top: 72px !important;
    padding-bottom: 210px !important;
  }
}


/* === HOME MOBILE (FIX): remove top blank & stop overlap === */
@media (max-width: 768px){
  body.rm-home-body{
    background-position: center 88% !important; /* keep bottom artwork visible */
    background-size: cover !important;         /* avoid huge blank area */
    background-repeat: no-repeat !important;
  }

  /* Pull content up (reduce large bootstrap margins on mobile) */
  body.rm-home-body .container{ padding-top: 10px !important; padding-bottom: 30px !important; }
  body.rm-home-body .container .row.mt-4{ margin-top: 12px !important; }
  body.rm-home-body .container .row.mt-5{ margin-top: 16px !important; }

  /* Form block readable over artwork */
  body.rm-home-body .rm-home-title-wrap{ margin-top: 6px !important; }
  body.rm-home-body .giris-aciklama{ font-size: 14px !important; padding: 0 12px !important; }

  /* Dropdowns: big but not oversized on mobile */
  body.rm-home-body .rm-select{
    min-height: 52px !important;
    font-size: 16px !important;
    padding: 12px 16px !important;
    border-radius: 999px !important;
  }

  body.rm-home-body #btnAra{
    min-height: 52px !important;
    font-size: 16px !important;
    padding: 12px 26px !important;
    border-radius: 999px !important;
    width: 100% !important;
  }


    body.rm-home-body .rm-home-secondary {
        min-height: 46px !important;
        font-size: 15px !important;
        padding: 10px 22px !important;
        width: 100% !important;
    }

  body.rm-home-body .rm-home-search-blocks{
    background: none !important;
    backdrop-filter: none !important;
  }
}
@media (max-width: 480px){
  body.rm-home-body{
    background-position: center 92% !important;
  }
}

/* === Map & School Detail: top area + footer transparent like Detaylı Arama === */
.rm-map-page .navbar, .rm-map-page header, .rm-map-page .topbar,
.rm-schooldetail-page .navbar, .rm-schooldetail-page header, .rm-schooldetail-page .topbar{
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: none !important;
}
.rm-map-page footer, .rm-map-page .footer,
.rm-schooldetail-page footer, .rm-schooldetail-page .footer{
  background: transparent !important;
  box-shadow: none !important;
  border-top: none !important;
}

/* Detaylı Arama: back button */
.rm-backbar{ margin: 10px 0 14px; }
.rm-backbtn{
  border: none !important;
  background: rgba(255,255,255,0.82) !important;
  border-radius: 999px !important;
  padding: 10px 16px !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important;
  backdrop-filter: blur(2px);
}

/* === Home: buttons bigger + no borders (requested) === */
/*.rm-home-page #btnAra{
  border: none !important;
  font-size: 18px !important;
  min-height: 80px !important;
  height: 80px !important;
}*/
.rm-home-page .rm-home-secondary:not(.rm-home-kademe-btn){
  border: none !important;
  font-size: 16px !important;
  min-height: 50px !important;
}

/* === Detaylı Arama: widen İl/İlçe more === */
.rm-table th:nth-child(1), .rm-table td:nth-child(1){ width: 170px !important; }
.rm-table th:nth-child(2), .rm-table td:nth-child(2){ width: 220px !important; }

/* === School Detail: header/footer should blend with background like Home === */
.rm-schooldetail-page .navbar,
.rm-schooldetail-page header,
.rm-schooldetail-page .topbar,
.rm-schooldetail-page .navbar-light,
.rm-schooldetail-page .navbar-expand-lg{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.rm-schooldetail-page footer,
.rm-schooldetail-page .footer{
  background: transparent !important;
  background-color: transparent !important;
  border-top: none !important;
  box-shadow: none !important;
}

/* If layout uses Bootstrap bg-light on header/footer wrappers */
.rm-schooldetail-page .bg-light,
.rm-schooldetail-page .navbar.bg-light{
  background: transparent !important;
}


/* === Header/Footer should look like Home (no grey bar) === */
.rm-map-page header, .rm-map-page .navbar, .rm-map-page nav,
.rm-detailsearch-page header, .rm-detailsearch-page .navbar, .rm-detailsearch-page nav,
.rm-schooldetail-page header, .rm-schooldetail-page .navbar, .rm-schooldetail-page nav{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.rm-map-page .bg-light, .rm-map-page .navbar.bg-light,
.rm-detailsearch-page .bg-light, .rm-detailsearch-page .navbar.bg-light,
.rm-schooldetail-page .bg-light, .rm-schooldetail-page .navbar.bg-light{
  background: transparent !important;
  background-color: transparent !important;
}

.rm-map-page footer, .rm-map-page .footer, .rm-map-page footer.bg-light, .rm-map-page .footer.bg-light,
.rm-detailsearch-page footer, .rm-detailsearch-page .footer, .rm-detailsearch-page footer.bg-light, .rm-detailsearch-page .footer.bg-light,
.rm-schooldetail-page footer, .rm-schooldetail-page .footer, .rm-schooldetail-page footer.bg-light, .rm-schooldetail-page .footer.bg-light{
  background: transparent !important;
  background-color: transparent !important;
  border-top: none !important;
  box-shadow: none !important;
}

/* Reduce paddings that create a "bar" feel */
.rm-map-page header, .rm-detailsearch-page header, .rm-schooldetail-page header{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.rm-map-page footer, .rm-detailsearch-page footer, .rm-schooldetail-page footer{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* === Home dropdowns: font 14px, height 1.5x, no border === */
/*.rm-home-page select,
.rm-home-page .form-select,
.rm-home-page .rm-select{
  font-size: 14px !important;
  height: 75px !important;
  border: none !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 22px rgba(0,0,0,0.06) !important;
}*/
.rm-home-page .form-control{
  font-size: 14px !important;
}


/* Hide Leaflet attribution link, keep OpenStreetMap attribution */
.leaflet-control-attribution a[href*="leafletjs.com"]{
  display:none !important;
}


/* Route screen: school name tooltip on marker */
.rm-school-tooltip{
  background: rgba(255,255,255,0.92);
  color:#111;
  border:1px solid rgba(0,0,0,0.12);
  border-radius:10px;
  padding:4px 8px;
  font-weight:600;
  box-shadow:0 6px 18px rgba(0,0,0,0.08);
}
.rm-school-tooltip:before{ border-top-color: rgba(255,255,255,0.92) !important; }


/* Checkbox dropdown: select-all row */
.rm-cbd-sep{height:1px; background: rgba(0,0,0,0.06); margin:6px 0;}
.rm-cbd-item-all .rm-cbd-text{font-weight:700;}

/* rm-mobile-fix: ensure filters visible on first screen */
@media (max-width: 576px){
  .rm-home-page{ padding-top: 6px !important; }
  .rm-home-page h1{ font-size: 28px !important; margin-top: 6px !important; }
  .rm-home-page .rm-home-hero-desc{ margin-bottom: 10px !important; }
  .rm-home-page .rm-home-form-row{ margin-top: 8px !important; }
  .rm-home-page .rm-home-card{ padding: 14px !important; }
}

/* Checkbox dropdown search box */
.rm-cbd-search{ padding: 8px 10px 6px; border-bottom: 1px solid rgba(0,0,0,.06); }
.rm-cbd-search-input{ border-radius: 10px; }

@media (max-width: 576px){
  .rm-home-page .rm-home-title-wrap{ margin: 8px auto 6px; }
  .rm-home-page .rm-home-footer-spacer{ height: 0; }
  .giris-aciklama{ font-size: 14px; line-height: 1.25; }
}


/* === Detaylı Arama form: daha kompakt input/select ölçüleri === */
.rm-detailsearch-page .rm-select,
.rm-detailsearch-page .rm-input,
.rm-detailsearch-page .form-select,
.rm-detailsearch-page .form-control{
  height: 56px;
  border-radius: 999px;
}
.rm-detailsearch-page .form-label{
  padding-left: 10px;
}
@media (max-width: 575.98px){
  .rm-detailsearch-page .form-label{ padding-left: 6px; }
}

/* Okul tipi (sinavTipi) aşırı büyümesin */
.rm-detailsearch-page #sinavTipi{ max-width: 100%; }

/* Puan aralığı: okunaklı kutular + 0–500 çift slider */
.rm-puan-inputs-row .form-control.rm-input,
.rm-puan-inputs-row #puanMin,
.rm-puan-inputs-row #puanMax {
  color: #111 !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  -webkit-text-fill-color: #111;
}

.rm-puan-inputs-row .form-control.rm-input::placeholder {
  color: #333;
  font-weight: 600;
  opacity: 1;
}

.rm-dual-range-wrap {
  position: relative;
  height: 36px;
  margin-top: 14px;
  padding: 0 2px;
}

.rm-dual-range-wrap .rm-dual-range-rail {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 6px;
  transform: translateY(-50%);
  border-radius: 999px;
  background: rgba(111, 66, 193, .14);
}

.rm-dual-range-wrap .rm-dual-range-track {
  position: absolute;
  top: 50%;
  height: 6px;
  transform: translateY(-50%);
  border-radius: 999px;
  background: linear-gradient(90deg, #6f42c1, #8b5cf6);
}

.rm-dual-range-wrap input[type=range] {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  margin: 0;
  pointer-events: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
}

.rm-dual-range-wrap input[type=range]::-webkit-slider-thumb {
  pointer-events: auto;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #6f42c1;
  box-shadow: 0 4px 10px rgba(111, 66, 193, .28);
  cursor: pointer;
}

.rm-dual-range-wrap input[type=range]::-moz-range-thumb {
  pointer-events: auto;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #6f42c1;
  box-shadow: 0 4px 10px rgba(111, 66, 193, .28);
  cursor: pointer;
}

.rm-dual-range-wrap input[type=range]::-webkit-slider-runnable-track,
.rm-dual-range-wrap input[type=range]::-moz-range-track {
  background: transparent;
  border: none;
}

.rm-dual-range-wrap #puanSliderMax,
.rm-dual-range-wrap #yuzdelikSliderMax {
  z-index: 4;
}

.rm-dual-range-wrap #puanSliderMin,
.rm-dual-range-wrap #yuzdelikSliderMin {
  z-index: 3;
}

/* Reusable purple pill/chip (Map modal vb.) */
.rm-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  background: linear-gradient(135deg, rgba(91,61,245,1), rgba(91,61,245,.85));
  color:#fff !important;
  border:1px solid rgba(0,0,0,.08);
  font-size:13px;
  font-weight:800;
  box-shadow:0 10px 22px rgba(91,61,245,.18);
  text-decoration:none;
}
.rm-chip:hover{ filter: brightness(0.98); color:#fff; text-decoration:none; }
.rm-chip-click{ cursor:pointer; }


/* Mobile: Map legend (okul türleri kutusu) haritayı kaplamasın */
@media (max-width: 576px){
  .rm-legend{ display:none !important; }
}

/* Home + Detaylı Arama: rm-btn mobilde tam genişlik olmasın (buton şişmesin, satır kaydırmasın) */
@media (max-width: 768px){
  .rm-home-page .btn.rm-btn,
  body.rm-detailsearch-page .btn.rm-btn{
    width: auto !important;
    max-width: none !important;
  }
}

/* Detaylı Arama: label'lar çok sola kaçmasın */
body.rm-detailsearch-page .form-label{
  padding-left: 2px;
}


/* HOME: footer must be at very bottom and cover background's embedded footer */
body.rm-home-body .rm-home-footer{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,255,255,0.96);
  border-top: 1px solid rgba(0,0,0,0.06);
  z-index: 50;
}
body.rm-home-body .rm-home-main{
  padding-bottom: 90px; /* space for fixed footer */
}
@media (max-width: 576px){
  body.rm-home-body .rm-home-main{ padding-bottom: 70px; }
}


/* Detayli Arama - label ve dropdown metinleri çok sola yapışmasın */
.rm-detailsearch-page .form-label{
  padding-left: 10px;
}
.rm-detailsearch-page select.form-select{
  padding-left: 1.25rem;
}

/* ============================================================
   Shared DataTables theme (LGS + Detaylı Arama)
   ============================================================ */
.rm-detailsearch-page {
  --rm-dt-head-top: #f8fafc;
  --rm-dt-head-mid: #f1f5f9;
  --rm-dt-head-bottom: #ffffff;
  --rm-dt-head-text: #1e293b;
  --rm-dt-head-divider: rgba(148, 163, 184, 0.12);
  --rm-dt-head-border: rgba(148, 163, 184, 0.18);
  --rm-dt-head-hover-top: #f1f5f9;
  --rm-dt-head-hover-bottom: #f8fafc;
  --rm-dt-sort-muted: #a39bb8;
  --rm-dt-sort-active: #6f42c1;
  --rm-dt-row-even: #faf9fc;
  --rm-dt-row-hover: #f7f4ff;
  --rm-dt-cell-border: #ebe9f2;
  --rm-dt-cell-divider: #f0eef5;
  --rm-dt-text: #374151;
  --rm-dt-wrap-border: rgba(111, 66, 193, 0.10);
  --rm-dt-wrap-shadow: 0 8px 28px rgba(111, 66, 193, 0.07);
}

.rm-detailsearch-page .rm-table-wrap,
.rm-lgs-page .rm-table-wrap {
  overflow-x: auto;
  overflow-y: clip;
  background: #fff;
  border-radius: 16px;
  border: 1px solid var(--rm-dt-wrap-border);
  box-shadow: var(--rm-dt-wrap-shadow);
}

.rm-detailsearch-page #myTable,
.rm-lgs-page #myTable {
  border-collapse: separate !important;
  border-spacing: 0;
  border-radius: 12px;
  overflow: visible;
}

@media (min-width: 769px) {
  .rm-detailsearch-page #myTable thead th,
  .rm-lgs-page #myTable thead th {
    z-index: 2;
  }
}

.rm-detailsearch-page #myTable thead th {
  background: linear-gradient(180deg, var(--rm-dt-head-top) 0%, var(--rm-dt-head-mid) 52%, var(--rm-dt-head-bottom) 100%) !important;
  color: var(--rm-dt-head-text) !important;
  border: none !important;
  border-right: 1px solid var(--rm-dt-head-divider) !important;
  border-bottom: 1px solid var(--rm-dt-head-border) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), 0 2px 6px rgba(15, 23, 42, 0.06);
  font-weight: 700;
}

.rm-detailsearch-page #myTable thead th:first-child {
  border-top-left-radius: 10px;
}

.rm-detailsearch-page #myTable thead th:last-child {
  border-top-right-radius: 10px;
  border-right: none !important;
}

.rm-detailsearch-page table.dataTable thead > tr > th.dt-orderable-asc:hover,
.rm-detailsearch-page table.dataTable thead > tr > th.dt-orderable-desc:hover {
  background: linear-gradient(180deg, var(--rm-dt-head-hover-top) 0%, var(--rm-dt-head-hover-bottom) 100%) !important;
  outline: none !important;
}

.rm-detailsearch-page table.dataTable thead > tr > th .dt-column-order:before,
.rm-detailsearch-page table.dataTable thead > tr > th .dt-column-order:after {
  opacity: .5 !important;
  color: var(--rm-dt-sort-muted) !important;
}

.rm-detailsearch-page table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:before,
.rm-detailsearch-page table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:after {
  opacity: 1 !important;
  color: var(--rm-dt-sort-active) !important;
}

.rm-detailsearch-page #myTable tbody td {
  border-right: 1px solid var(--rm-dt-cell-divider) !important;
  border-bottom: 1px solid var(--rm-dt-cell-border) !important;
  color: var(--rm-dt-text);
}

.rm-detailsearch-page #myTable tbody td:last-child {
  border-right: none !important;
}

.rm-detailsearch-page #myTable tbody tr:nth-child(even) td {
  background: var(--rm-dt-row-even);
}

.rm-detailsearch-page #myTable tbody tr:hover td {
  background: var(--rm-dt-row-hover) !important;
}

.rm-kurum-cell {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
}

.rm-kurum-cell .rm-kurum-name {
  flex: 1 1 auto;
  min-width: 0;
  color: #0f172a;
  font-weight: 600;
  line-height: 1.35;
  white-space: normal;
  word-break: break-word;
}

.rm-kurum-zoom {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 1px solid rgba(111, 66, 193, 0.22);
  border-radius: 6px;
  background: #f7f4ff;
  color: #6f42c1;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.rm-kurum-zoom:hover,
.rm-kurum-zoom:focus-visible {
  background: #6f42c1;
  border-color: #6f42c1;
  color: #fff;
  outline: none;
}

.rm-kurum-zoom .bi {
  font-size: 0.82rem;
  line-height: 1;
  pointer-events: none;
}

.rm-kurum-zoom.rm-kurum-link-busy {
  opacity: 0.55;
  cursor: wait;
  pointer-events: none;
}

.rm-detailsearch-page #myTable_wrapper .dataTables_length select,
.rm-detailsearch-page #myTable_wrapper .dataTables_filter input {
  border: 1px solid rgba(111, 66, 193, 0.14);
  background: #fff;
}

.rm-detailsearch-page #myTable_wrapper .dataTables_filter input:focus {
  border-color: var(--rm-dt-sort-active);
  box-shadow: 0 0 0 .2rem rgba(111, 66, 193, 0.12);
  outline: none;
}

.rm-detailsearch-page #myTable_wrapper .page-link {
  border-color: rgba(111, 66, 193, 0.16);
  color: #5b6478;
}

.rm-detailsearch-page #myTable_wrapper .page-item.active .page-link {
  background: var(--rm-dt-sort-active);
  border-color: var(--rm-dt-sort-active);
  color: #fff !important;
}

.rm-detailsearch-page #myTable_wrapper .page-item.active .page-link:hover,
.rm-detailsearch-page #myTable_wrapper .page-item.active .page-link:focus {
  background: #5a36a3;
  border-color: #5a36a3;
  color: #fff !important;
}

.rm-detailsearch-page #myTable_wrapper .page-link:hover {
  background: var(--rm-dt-row-hover);
  border-color: rgba(111, 66, 193, 0.24);
  color: #1e293b;
}

.rm-detailsearch-page #resultSummary {
  background: linear-gradient(180deg, #f7f4ff 0%, #ffffff 100%);
  color: #5a36a3;
  border: 1px solid rgba(111, 66, 193, 0.14);
}

.rm-detailsearch-page .rm-table thead th {
  background: linear-gradient(180deg, var(--rm-dt-head-top) 0%, var(--rm-dt-head-mid) 52%, var(--rm-dt-head-bottom) 100%);
  color: var(--rm-dt-head-text);
  border-bottom: 1px solid var(--rm-dt-head-border);
  font-weight: 700;
}

/* Excel benzeri dondurulmuş tablo başlığı (rm-sticky-table-head.js) */
.rm-sticky-head-ghost {
  position: fixed;
  top: 0;
  z-index: 1040;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  background: #fff;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
  transition: opacity .12s ease;
}

.rm-sticky-head-ghost.is-visible {
  visibility: visible;
  opacity: 1;
}

.rm-sticky-head-ghost-inner {
  overflow: hidden;
  width: 100%;
}

.rm-sticky-head-table {
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  table-layout: fixed !important;
}

.rm-lgs-page .rm-sticky-head-table th,
.rm-lgs-page .rm-sticky-head-table td {
  box-sizing: border-box;
}

.rm-sticky-head-table thead th {
  overflow: hidden;
  box-sizing: border-box;
}

.rm-sticky-head-table thead th .rm-lgs-sort {
  display: inline-flex;
  gap: 4px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}

.rm-detailsearch-page .rm-sticky-head-table thead th:nth-child(5) div.dt-column-header,
.rm-detailsearch-page .rm-sticky-head-table thead th:nth-child(6) div.dt-column-header,
.rm-detailsearch-page .rm-sticky-head-table thead th:nth-child(7) div.dt-column-header,
.rm-detailsearch-page .rm-sticky-head-table thead th:nth-child(8) div.dt-column-header,
.rm-detailsearch-page .rm-sticky-head-table thead th:nth-child(9) div.dt-column-header,
.rm-detailsearch-page .rm-sticky-head-table thead th:nth-child(10) div.dt-column-header,
.rm-detailsearch-page .rm-sticky-head-table thead th:nth-child(11) div.dt-column-header,
.rm-detailsearch-page .rm-sticky-head-table thead th:nth-child(12) div.dt-column-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  width: 100% !important;
}

.rm-detailsearch-page .rm-sticky-head-table thead th:nth-child(5) .dt-column-order,
.rm-detailsearch-page .rm-sticky-head-table thead th:nth-child(6) .dt-column-order,
.rm-detailsearch-page .rm-sticky-head-table thead th:nth-child(7) .dt-column-order,
.rm-detailsearch-page .rm-sticky-head-table thead th:nth-child(8) .dt-column-order,
.rm-detailsearch-page .rm-sticky-head-table thead th:nth-child(9) .dt-column-order,
.rm-detailsearch-page .rm-sticky-head-table thead th:nth-child(10) .dt-column-order,
.rm-detailsearch-page .rm-sticky-head-table thead th:nth-child(11) .dt-column-order,
.rm-detailsearch-page .rm-sticky-head-table thead th:nth-child(12) .dt-column-order {
  display: none !important;
}

/* Mobil kart görünümü: LGS → Lgs.cshtml | Kademe arama → DetayliArama.cshtml | Okul Ara → TumOkullar.cshtml */

@media (max-width: 768px) {
  .rm-detailsearch-page:not(.rm-lgs-page) #myTable td[style*="display: none"],
  .rm-detailsearch-page:not(.rm-lgs-page) #myTable td[style*="display:none"] {
    display: none !important;
  }

  .rm-detailsearch-page:not(.rm-lgs-page) #myTable tbody tr:hover td,
  .rm-tumokullar-page #myTable tbody tr:hover td {
    background: transparent !important;
  }
}

/* === Yol tarifi: mobil harita (Google Maps benzeri) === */
@media (max-width: 991.98px) {
  body.rm-route-page .rm-route-wrap {
    padding: 8px 10px 16px;
    min-height: auto;
  }

  body.rm-route-page .rm-route-wrap > .row {
    flex-direction: column;
  }

  body.rm-route-page .rm-route-wrap > .row > .col-lg-8 {
    order: 1;
    width: 100%;
  }

  body.rm-route-page .rm-route-wrap > .row > .col-lg-4 {
    order: 2;
    width: 100%;
  }

  body.rm-route-page #map.rm-route-map,
  body.rm-route-page .rm-route-map {
    height: min(72dvh, 680px) !important;
    min-height: 360px !important;
    width: 100% !important;
    border-radius: 12px;
  }

  body.rm-route-page #map.rm-route-map .leaflet-container {
    height: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 575.98px) {
  body.rm-route-page #map.rm-route-map,
  body.rm-route-page .rm-route-map {
    height: min(68dvh, 620px) !important;
    min-height: 320px !important;
  }

  body.rm-route-page .rm-route-card {
    padding: 12px;
  }
}