/* =====================================================================
   components-premium.css — do-web TÜM bileşenler (soft-light premium)
   design-standard + datepicker sonrası yüklenir; kayma / dandık UI öldürür.
   ===================================================================== */

:root {
  --cp-bg: #f3f6fb;
  --cp-surface: #ffffff;
  --cp-elev: #f7f9fc;
  --cp-text: #1a1f36;
  --cp-soft: #2d3550;
  --cp-muted: #5b657a;
  --cp-faint: #8b93a7;
  --cp-brand: #0f9e96;
  --cp-brand-hover: #0b827b;
  --cp-brand-soft: rgba(15, 158, 150, 0.12);
  --cp-accent: #7a5af8;
  --cp-line: rgba(26, 31, 54, 0.08);
  --cp-line-strong: rgba(26, 31, 54, 0.14);
  --cp-shadow: 0 14px 36px rgba(26, 31, 54, 0.08);
  --cp-shadow-sm: 0 6px 18px rgba(26, 31, 54, 0.06);
  --cp-r: 14px;
  --cp-r-lg: 18px;
  --cp-r-sm: 10px;
  --cp-h: 48px;
  --cp-h-sm: 40px;
  --cp-font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --cp-display: "Sora", Inter, system-ui, sans-serif;
}

/* ══════════════════════════════════════════════════════════════════════
   1) BUTONLAR — soft rectangle (daire / ucuz pill değil)
   ══════════════════════════════════════════════════════════════════════ */
html body .cs-primary-btn-1,
html body .cs-primary-btn-2,
html body .cs-primary-btn-3,
html body .cs-primary-btn-4,
html body .cs-secondary-btn-1,
html body .cs-secondary-btn-2,
html body .cs-secondary-btn-3,
html body .cs-secondary-btn-4,
html body .cs-header-btn-3,
html body a.cs-header-btn-3,
html body .btn-primary,
html body .btn.btn-primary,
html body .btn-success,
html body .btn-info,
html body button.btn-primary,
html body .pr-mega-cta__btn,
html body .quick-cta,
html body .rent-filter-btn-apply,
html body button[type="submit"]:not(.close):not(.swal2-styled):not(.jsSignalCloseBtn1):not(.rent-filter-btn-close),
html body #searchButton,
html body #filterMenuButton,
html body .cs-banner-sec-1 .cs-search-btn,
html body a.cs-primary-btn-1,
html body a.cs-secondary-btn-1 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: var(--cp-h) !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  padding: 0 22px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: var(--cp-r) !important;
  background: var(--cp-brand) !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: var(--cp-font) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 22px rgba(15, 158, 150, 0.26) !important;
  filter: none !important;
  text-shadow: none !important;
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease !important;
  cursor: pointer !important;
}

html body .cs-primary-btn-1:hover,
html body .cs-primary-btn-2:hover,
html body .cs-primary-btn-3:hover,
html body .cs-primary-btn-4:hover,
html body .cs-secondary-btn-1:hover,
html body .cs-secondary-btn-2:hover,
html body .cs-header-btn-3:hover,
html body .btn-primary:hover,
html body .btn-success:hover,
html body button[type="submit"]:not(.close):hover,
html body #searchButton:hover,
html body .quick-cta:hover,
html body .rent-filter-btn-apply:hover {
  background: var(--cp-brand-hover) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 12px 28px rgba(15, 158, 150, 0.32) !important;
  transform: translateY(-1px) !important;
}

html body .cs-primary-btn-1:active,
html body .cs-secondary-btn-1:active,
html body #searchButton:active,
html body .quick-cta:active {
  transform: translateY(0) !important;
}

html body .cs-white-btn-1,
html body .cs-white-btn-2,
html body .cs-outline-btn-1,
html body .cs-primary-outline-btn-1,
html body .cs-white-outline-btn-1,
html body .cs-black-outline-btn-1,
html body .cs-third-btn-1,
html body .btn-outline-primary,
html body .btn-outline-secondary,
html body .btn-light,
html body .rent-filter-btn-close,
html body .btn-secondary:not(.dropdown-toggle) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: var(--cp-h) !important;
  padding: 0 20px !important;
  border-radius: var(--cp-r) !important;
  background: #fff !important;
  background-image: none !important;
  border: 1px solid var(--cp-line-strong) !important;
  color: var(--cp-soft) !important;
  -webkit-text-fill-color: var(--cp-soft) !important;
  font-family: var(--cp-font) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  box-shadow: var(--cp-shadow-sm) !important;
  text-decoration: none !important;
  filter: none !important;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease !important;
}

html body .cs-white-btn-1:hover,
html body .cs-outline-btn-1:hover,
html body .cs-primary-outline-btn-1:hover,
html body .btn-outline-primary:hover,
html body .rent-filter-btn-close:hover {
  background: var(--cp-brand-soft) !important;
  border-color: var(--cp-brand) !important;
  color: var(--cp-brand-hover) !important;
  -webkit-text-fill-color: var(--cp-brand-hover) !important;
}

html body .btn-danger,
html body .cs-danger-btn-1 {
  background: #e11d48 !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: var(--cp-r) !important;
  min-height: var(--cp-h) !important;
  box-shadow: 0 8px 18px rgba(225, 29, 72, 0.22) !important;
}

html body .btn-sm,
html body .cs-primary-btn-1.btn-sm,
html body .btn.btn-sm {
  min-height: var(--cp-h-sm) !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  border-radius: var(--cp-r-sm) !important;
}

html body .btn-lg {
  min-height: 54px !important;
  padding: 0 28px !important;
  font-size: 16px !important;
}

html body button:disabled,
html body .btn:disabled,
html body .cs-primary-btn-1:disabled,
html body .cs-secondary-btn-1:disabled {
  opacity: 0.5 !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: not-allowed !important;
}

/* İkon-only header butonları — kare daire değil soft square */
html body .cs-header-btn-1,
html body .cs-header-btn-2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  border-radius: 12px !important;
  background: var(--cp-elev) !important;
  border: 1px solid var(--cp-line) !important;
  color: var(--cp-soft) !important;
  box-shadow: none !important;
}

html body .cs-header-btn-1:hover,
html body .cs-header-btn-2:hover {
  background: var(--cp-brand-soft) !important;
  color: var(--cp-brand) !important;
  border-color: rgba(15, 158, 150, 0.25) !important;
}


/* ══════════════════════════════════════════════════════════════════════
   2) FORMLAR / INPUTS
   ══════════════════════════════════════════════════════════════════════ */
html body .form-control,
html body .custom-select,
html body select.form-control,
html body textarea.form-control,
html body .cs-form-control-1 input,
html body .cs-form-control-1 textarea,
html body .cs-form-control-1 select,
html body input[type="text"]:not(.cs-language-select):not([type="hidden"]),
html body input[type="email"],
html body input[type="password"],
html body input[type="tel"],
html body input[type="search"],
html body input[type="number"],
html body input[type="url"],
html body input[type="date"],
html body input[type="time"],
html body textarea {
  box-sizing: border-box !important;
  min-height: var(--cp-h) !important;
  height: auto !important;
  padding: 12px 14px !important;
  border: 1px solid var(--cp-line-strong) !important;
  border-radius: var(--cp-r) !important;
  background: #fff !important;
  background-image: none !important;
  color: var(--cp-text) !important;
  -webkit-text-fill-color: var(--cp-text) !important;
  font-family: var(--cp-font) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
  color-scheme: light !important;
}

/* date-box: pseudo ikon + padding çakışmasını engelle */
html body .date-box-1 .date-field-1 .form-control,
html body .date-box-1 .date-field-1 input,
html body .cs-signal-cont-1 .date-box-1 .date-field-1 input {
  padding: 12px 14px !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  min-height: 46px !important;
}

/* intl-tel: border parent .iti'de — input'ta ikinci kutu olmasın */
html body .iti .form-control,
html body .iti input,
html body .iti input[type="text"],
html body .iti input[type="tel"],
html body .iti__tel-input,
html body input.jsGlobalCountry1 {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

html body textarea.form-control,
html body textarea {
  min-height: 120px !important;
  resize: vertical !important;
}

html body .form-control:focus,
html body select.form-control:focus,
html body textarea:focus,
html body input[type="text"]:focus,
html body input[type="email"]:focus,
html body input[type="password"]:focus,
html body input[type="tel"]:focus,
html body input[type="search"]:focus,
html body input[type="number"]:focus {
  border-color: rgba(15, 158, 150, 0.5) !important;
  box-shadow: 0 0 0 4px rgba(15, 158, 150, 0.14) !important;
  outline: none !important;
  background: #fff !important;
  color: var(--cp-text) !important;
}

html body ::placeholder {
  color: var(--cp-faint) !important;
  opacity: 1 !important;
}

html body label:not(.btn):not(.custom-control-label):not(.cs-checkbox-1 label),
html body .form-group label,
html body .cs-form-1 label {
  color: var(--cp-muted) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

/* Checkbox / radio soft */
html body .cs-checkbox-1 label,
html body .custom-control-label {
  color: var(--cp-soft) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

html body .custom-control-input:checked ~ .custom-control-label::before,
html body .cs-checkbox-1 input:checked + label::before {
  background-color: var(--cp-brand) !important;
  border-color: var(--cp-brand) !important;
}


/* ══════════════════════════════════════════════════════════════════════
   3) SELECT2
   ══════════════════════════════════════════════════════════════════════ */
html body .select2-container--default .select2-selection--single,
html body .select2-container--default .select2-selection--multiple {
  min-height: var(--cp-h) !important;
  border: 1px solid var(--cp-line-strong) !important;
  border-radius: var(--cp-r) !important;
  background: #fff !important;
  color: var(--cp-text) !important;
}

html body .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--cp-text) !important;
  line-height: calc(var(--cp-h) - 2px) !important;
  padding-left: 14px !important;
  font-weight: 600 !important;
}

html body .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(var(--cp-h) - 2px) !important;
  right: 8px !important;
}

html body .select2-dropdown {
  border: 1px solid var(--cp-line) !important;
  border-radius: var(--cp-r) !important;
  background: #fff !important;
  box-shadow: var(--cp-shadow) !important;
  overflow: hidden !important;
}

html body .select2-results__option {
  color: var(--cp-soft) !important;
  padding: 10px 14px !important;
  font-weight: 550 !important;
}

html body .select2-container--default .select2-results__option--highlighted[aria-selected],
html body .select2-container--default .select2-results__option--selected {
  background: var(--cp-brand-soft) !important;
  color: var(--cp-brand-hover) !important;
}


/* ══════════════════════════════════════════════════════════════════════
   4) KARTLAR / PANELLER
   ══════════════════════════════════════════════════════════════════════ */
html body .cs-car-box-1,
html body .cs-blog-box-1,
html body .cs-campaign-box-1,
html body .premium-card,
html body .cs-comment-box-1,
html body .cs-tab-container-1,
html body .cs-list-main-2,
html body .cs-about-us-textbox-1,
html body .cs-login-form-c-1,
html body .cs-register-form-c-1,
html body .cs-syc-infobox,
html body .cs-syc-1-formbox,
html body .cs-account-sidebar-1,
html body .cs-orderSum-left-a-1,
html body .cs-orderSum-right-a-1,
html body .cs-page-filter-d-1,
html body .cs-speech-info-box-1,
html body .cs-speech-info-box-2,
html body .cs-cookie-fly-d-1,
html body .pr-search-card,
html body .cs-loc-date-d-1,
html body .card,
html body .list-group-item,
html body .pricing-card,
html body .cs-syc-price-box {
  background: var(--cp-surface) !important;
  border: 1px solid var(--cp-line) !important;
  border-radius: var(--cp-r-lg) !important;
  color: var(--cp-soft) !important;
  box-shadow: var(--cp-shadow-sm) !important;
}

html body .card-header,
html body .card-footer {
  background: var(--cp-elev) !important;
  border-color: var(--cp-line) !important;
  color: var(--cp-text) !important;
}

html body .card-title,
html body .cs-car-box-1 .head-1,
html body .cs-blog-box-1 .head-1,
html body .cs-campaign-box-1 .head-1 {
  color: var(--cp-text) !important;
  font-family: var(--cp-display) !important;
  font-weight: 750 !important;
  letter-spacing: -0.02em !important;
}


/* ══════════════════════════════════════════════════════════════════════
   5) MODAL / SWEETALERT / DROPDOWN
   ══════════════════════════════════════════════════════════════════════ */
html body .modal-content,
html body .cs-modal-2 .modal-content,
html body .cs-modal-1 .modal-content {
  background: #fff !important;
  border: 1px solid var(--cp-line) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 64px rgba(26, 31, 54, 0.18) !important;
  color: var(--cp-text) !important;
  overflow: hidden !important;
}

html body .modal-header,
html body .modal-head-1,
html body .modal-title {
  color: var(--cp-text) !important;
  border-bottom: 1px solid var(--cp-line) !important;
  font-weight: 750 !important;
}

html body .modal-footer {
  border-top: 1px solid var(--cp-line) !important;
  background: var(--cp-elev) !important;
}

html body .modal .close,
html body .modal button.close {
  color: var(--cp-muted) !important;
  opacity: 1 !important;
  text-shadow: none !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: var(--cp-elev) !important;
  border: 1px solid var(--cp-line) !important;
}

html body .swal2-popup,
html body .swal2-toast.swal2-popup {
  background: #fff !important;
  border: 1px solid var(--cp-line) !important;
  border-radius: 18px !important;
  box-shadow: var(--cp-shadow) !important;
  color: var(--cp-text) !important;
  font-family: var(--cp-font) !important;
}

html body .swal2-title,
html body .swal2-html-container {
  color: var(--cp-text) !important;
}

html body .swal2-confirm {
  background: var(--cp-brand) !important;
  border-radius: var(--cp-r) !important;
  box-shadow: 0 8px 18px rgba(15, 158, 150, 0.28) !important;
}

html body .swal2-cancel {
  background: #fff !important;
  color: var(--cp-soft) !important;
  border: 1px solid var(--cp-line-strong) !important;
  border-radius: var(--cp-r) !important;
}

html body .dropdown-menu,
html body .csgdd1-d-1 {
  background: #fff !important;
  border: 1px solid var(--cp-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--cp-shadow) !important;
  padding: 8px !important;
  overflow: hidden !important;
}

html body .dropdown-item,
html body .csgdd1-m-l-1,
html body .dd-menu-1 a,
html body .level-link-2 {
  color: var(--cp-soft) !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  padding: 10px 12px !important;
}

html body .dropdown-item:hover,
html body .csgdd1-m-l-1:hover,
html body .dd-menu-1 a:hover {
  background: var(--cp-brand-soft) !important;
  color: var(--cp-brand-hover) !important;
}


/* ══════════════════════════════════════════════════════════════════════
   6) TABS / ACCORDION / PAGINATION / BADGE
   ══════════════════════════════════════════════════════════════════════ */
html body .nav-tabs,
html body .cs-navTabs-1 {
  border-bottom: 1px solid var(--cp-line) !important;
}

html body .nav-tabs .nav-link,
html body .cs-navTabs-1 .nav-link {
  color: var(--cp-muted) !important;
  border: 0 !important;
  border-radius: 12px 12px 0 0 !important;
  font-weight: 650 !important;
  padding: 12px 16px !important;
  background: transparent !important;
}

html body .nav-tabs .nav-link.active,
html body .cs-navTabs-1 .nav-link.active {
  color: var(--cp-brand-hover) !important;
  background: #fff !important;
  box-shadow: inset 0 -2px 0 var(--cp-brand) !important;
}

html body .cs-accordion-1 .card,
html body .cs-accordion-2 .card,
html body .accordion .card {
  background: #fff !important;
  border: 1px solid var(--cp-line) !important;
  border-radius: var(--cp-r) !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body .cs-accordion-1 .btn-link,
html body .cs-accordion-2 .btn-link,
html body .cs-accordion-1 .card-header button {
  color: var(--cp-text) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  background: transparent !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 14px 16px !important;
}

html body .cs-accordion-1 .card-body,
html body .cs-accordion-1 .card-body * {
  color: var(--cp-muted) !important;
}

html body .pagination .page-link {
  border-radius: 10px !important;
  border: 1px solid var(--cp-line) !important;
  color: var(--cp-soft) !important;
  background: #fff !important;
  margin: 0 3px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 650 !important;
}

html body .pagination .page-item.active .page-link {
  background: var(--cp-brand) !important;
  border-color: var(--cp-brand) !important;
  color: #fff !important;
  box-shadow: 0 6px 14px rgba(15, 158, 150, 0.25) !important;
}

html body .badge,
html body .cs-badge-1,
html body .status-badge {
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.03em !important;
  padding: 6px 10px !important;
}

html body .badge-primary,
html body .badge-success {
  background: var(--cp-brand-soft) !important;
  color: var(--cp-brand-hover) !important;
}

html body .alert {
  border-radius: var(--cp-r) !important;
  border: 1px solid var(--cp-line) !important;
  box-shadow: none !important;
}

html body .alert-success {
  background: rgba(15, 158, 150, 0.1) !important;
  color: var(--cp-brand-hover) !important;
  border-color: rgba(15, 158, 150, 0.22) !important;
}

html body .alert-danger {
  background: rgba(225, 29, 72, 0.08) !important;
  color: #be123c !important;
  border-color: rgba(225, 29, 72, 0.2) !important;
}

html body .alert-warning {
  background: rgba(245, 158, 11, 0.1) !important;
  color: #b45309 !important;
  border-color: rgba(245, 158, 11, 0.25) !important;
}

html body .alert-info {
  background: rgba(122, 90, 248, 0.1) !important;
  color: #5b3fd4 !important;
  border-color: rgba(122, 90, 248, 0.22) !important;
}


/* ══════════════════════════════════════════════════════════════════════
   7) TABLO / LIST GROUP / PROGRESS / TOOLTIP
   ══════════════════════════════════════════════════════════════════════ */
html body .table {
  color: var(--cp-soft) !important;
  background: #fff !important;
}

html body .table thead th {
  border-bottom: 1px solid var(--cp-line-strong) !important;
  color: var(--cp-muted) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  background: var(--cp-elev) !important;
}

html body .table td,
html body .table th {
  border-top-color: var(--cp-line) !important;
  vertical-align: middle !important;
}

html body .table-hover tbody tr:hover {
  background: rgba(15, 158, 150, 0.05) !important;
}

html body .progress {
  height: 8px !important;
  border-radius: 999px !important;
  background: var(--cp-elev) !important;
  overflow: hidden !important;
}

html body .progress-bar {
  background: var(--cp-brand) !important;
  border-radius: 999px !important;
}

html body .tooltip-inner {
  background: var(--cp-text) !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 8px 10px !important;
}

html body .breadcrumb {
  background: transparent !important;
  padding: 0 !important;
}

html body .breadcrumb-item,
html body .breadcrumb-item a {
  color: var(--cp-muted) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

html body .breadcrumb-item.active {
  color: var(--cp-text) !important;
}


/* ══════════════════════════════════════════════════════════════════════
   8) CHIP / TAG / FILTER PİLL
   ══════════════════════════════════════════════════════════════════════ */
html body .cs-car-box-1 .idr1-col-1,
html body .info-drow-1 .idr1-col-1,
html body .filter-chip,
html body .cs-tag-1 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #eef3fb !important;
  border: 1px solid rgba(26, 31, 54, 0.05) !important;
  border-radius: 999px !important;
  padding: 6px 10px !important;
  color: #3b445c !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html body .fmm-action-1,
html body .jsFilterMBtn1 {
  border-radius: var(--cp-r) !important;
  background: #fff !important;
  border: 1px solid var(--cp-line) !important;
  color: var(--cp-text) !important;
  font-weight: 700 !important;
  box-shadow: var(--cp-shadow-sm) !important;
  min-height: 46px !important;
}


/* ══════════════════════════════════════════════════════════════════════
   9) INTL-TEL / INPUTMASK / FILE
   ══════════════════════════════════════════════════════════════════════ */
html body .iti {
  width: 100% !important;
  display: block !important;
}

html body .iti__selected-flag {
  background-color: var(--cp-elev) !important;
  background-image: none !important;
  border-radius: 0 !important;
  border-right: 1px solid var(--cp-line) !important;
  box-shadow: none !important;
}

html body .iti__flag {
  background-image: url("../img/other/flags.png") !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  html body .iti__flag {
    background-image: url("../img/other/flags@2x.png") !important;
    background-size: 5652px 15px !important;
  }
}

html body .iti__country-list {
  background: #fff !important;
  border: 1px solid var(--cp-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--cp-shadow) !important;
  color: var(--cp-text) !important;
}

html body .custom-file-label,
html body .cs-file-info-js-1,
html body .cs-dd-modal-file-1 .modal-content {
  background: #fff !important;
  border-radius: var(--cp-r) !important;
  border-color: var(--cp-line) !important;
  color: var(--cp-soft) !important;
}


/* ══════════════════════════════════════════════════════════════════════
   10) LINKLER / METİN / GENEL TEMİZLİK
   ══════════════════════════════════════════════════════════════════════ */
html body a:not([class*="btn"]):not(.cs-header-btn-3):not(.cs-primary-btn-1):not(.cs-secondary-btn-1):not(.quick-cta):not(.page-link):not(.nav-link):not(.dropdown-item) {
  color: var(--cp-brand-hover) !important;
}

html body a:not([class*="btn"]):hover {
  color: var(--cp-accent) !important;
}

html body .text-muted {
  color: var(--cp-muted) !important;
}

html body .text-dark,
html body .text-body {
  color: var(--cp-text) !important;
}

html body hr {
  border-top-color: var(--cp-line) !important;
}

/* w-100 submit / full width CTAs keep premium height */
html body .w-100.cs-primary-btn-1,
html body .w-100.cs-secondary-btn-1,
html body .w-100.btn-primary,
html body button.w-100[type="submit"] {
  width: 100% !important;
}

/* Search Ara — asla daire olmasın */
html body #searchButton,
html body .cs-loc-date-d-1 .cs-secondary-btn-1,
html body .cs-rentcar-section-1 #searchButton {
  border-radius: var(--cp-r) !important;
  min-width: 118px !important;
  width: auto !important;
  aspect-ratio: auto !important;
  height: var(--cp-h) !important;
  min-height: var(--cp-h) !important;
}

/* Go-top */
html body #goTpButton {
  background: var(--cp-brand) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 24px rgba(15, 158, 150, 0.3) !important;
}

/* Leaflet zoom soft */
html body .leaflet-control-zoom a {
  background: #fff !important;
  color: var(--cp-text) !important;
  border-color: var(--cp-line) !important;
  border-radius: 10px !important;
}

/* Cookie banner */
html body .cs-cookie-fly-d-1,
html body .pr-cookie-banner {
  background: #fff !important;
  border: 1px solid var(--cp-line) !important;
  border-radius: 18px !important;
  box-shadow: var(--cp-shadow) !important;
  color: var(--cp-soft) !important;
}

@media (max-width: 575.98px) {
  html body .cs-primary-btn-1,
  html body .cs-secondary-btn-1,
  html body .cs-white-btn-1,
  html body button[type="submit"]:not(.close):not(.swal2-styled),
  html body #searchButton {
    min-height: 46px !important;
    font-size: 14px !important;
  }
}

/* =====================================================================
   Soft-light lock — last-word overrides for lingering dark sheets
   ===================================================================== */
html,
html body {
  background: #f3f6fb !important;
  background-color: #f3f6fb !important;
  color: #1a1f36 !important;
}

html body .cs-sticky-header-1,
html body .cs-mobile-menu-d-1.active {
  background: #ffffff !important;
}

html body .form-control:not(#jsdatetimes1),
html body select.form-control,
html body textarea.form-control,
html body input.form-control,
html body .select2-container--default .select2-selection--single,
html body .select2-container--default .select2-selection--multiple {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #1a1f36 !important;
  border: 1px solid rgba(26, 31, 54, 0.12) !important;
}

html body .iti {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #1a1f36 !important;
  border: 1px solid rgba(26, 31, 54, 0.12) !important;
}

html body .iti__tel-input,
html body .iti input {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #1a1f36 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .select2-container--default .select2-selection--single .select2-selection__rendered,
html body .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #1a1f36 !important;
}

html body .swal2-popup:not(.swal2-toast),
html body .swal2-toast.swal2-popup {
  background: #ffffff !important;
  color: #1a1f36 !important;
}

html body .cs-about-us-textbox-1,
html body .cs-about-us-imagebox-1,
html body .cs-faq-sec-1 .card,
html body .cs-p-blog-sec-1 .cs-search-box {
  background: #ffffff !important;
  color: #1a1f36 !important;
  border-color: rgba(26, 31, 54, 0.1) !important;
}

html body .cs-header-btn-3,
html body a.cs-header-btn-3,
html body .cs-sticky-header-1 .cs-header-btn-3 {
  background: #0f9e96 !important;
  background-image: none !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(15, 158, 150, 0.28) !important;
}

html body .cs-cookie-fly-d-1 .desc-1,
html body .pr-cookie-banner__text {
  color: #5b657a !important;
}

html body .cookies-btn-2,
html body .pr-cookie-banner__btn--accept {
  background: #0f9e96 !important;
  background-image: none !important;
  border: 0 !important;
  color: #fff !important;
}