/* =========================================================
   THEME.CSS
   Bootstrap + custom.css üstüne renk override dosyası
   Sadece :root içindeki renkleri değiştirerek tema değiştir
   + Bootstrap native helper katmanı eklendi
========================================================= */

:root {
  /* ======================================================
     AKTİF TEMA RENKLERİ
  ====================================================== */
  --theme-primary: #ff4500;
  --theme-primary-hover: #e03d00;
  --theme-primary-rgb: 255, 69, 0;

  --theme-secondary: #ff7a45;
  --theme-secondary-rgb: 255, 122, 69;

  --theme-accent: #ff9a3c;
  --theme-accent-hover: #ff8c1a;
  --theme-accent-rgb: 255, 154, 60;

  --theme-success: #198754;
  --theme-info: #0dcaf0;
  --theme-warning: #ffc107;
  --theme-danger: #dc3545;

  --theme-light: #f8f9fa;
  --theme-soft: #fff4ef;
  --theme-dark: #212529;
  --theme-muted: #6c757d;
  --theme-border: #dee2e6;
  --theme-white: #ffffff;
  --theme-black: #000000;

  --theme-link: var(--theme-primary);
  --theme-link-hover: var(--theme-primary-hover);

  --theme-btn-text: #ffffff;
  --theme-navbar-hover-text: #ffffff;
  --theme-card-title: var(--theme-primary);
  --theme-price: var(--theme-primary);
  --theme-focus-ring: 0 0 0 0.2rem rgba(var(--theme-primary-rgb), 0.18);

  --theme-gradient-1: var(--theme-primary);
  --theme-gradient-2: var(--theme-accent);

  /* ======================================================
     BOOTSTRAP ORİJİNAL / SABİT RENKLER
     Bunlar tema değişse bile aynı kalır
  ====================================================== */
  --bs-native-primary: #0d6efd;
  --bs-native-primary-hover: #0b5ed7;
  --bs-native-secondary: #6c757d;
  --bs-native-secondary-hover: #5c636a;
  --bs-native-success: #198754;
  --bs-native-success-hover: #157347;
  --bs-native-danger: #dc3545;
  --bs-native-danger-hover: #bb2d3b;
  --bs-native-warning: #ffc107;
  --bs-native-warning-hover: #ffca2c;
  --bs-native-info: #0dcaf0;
  --bs-native-info-hover: #31d2f2;
  --bs-native-light: #f8f9fa;
  --bs-native-dark: #212529;
  --bs-native-white: #ffffff;
  --bs-native-black: #000000;
}

/* =========================================================
   GENEL
========================================================= */

a {
  color: var(--theme-link);
}

a:hover {
  color: var(--theme-link-hover);
}

.fbasecolor {
  color: var(--theme-muted) !important;
}

/* gradient text */
.cardtitlegradient {
  background: -webkit-linear-gradient(var(--theme-gradient-1), var(--theme-gradient-2)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* =========================================================
   BOOTSTRAP OVERRIDE = AKTİF TEMA KATMANI
   Yani bg-primary, btn-primary vs tema rengi olur
========================================================= */

/* Buttons */
.btn-primary,
button.btn-primary,
a.btn-primary {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
  color: var(--theme-btn-text) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--theme-primary-hover) !important;
  border-color: var(--theme-primary-hover) !important;
  color: var(--theme-btn-text) !important;
  box-shadow: none !important;
}

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

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle,
.btn-check:checked + .btn-outline-primary,
.filter-btn.active,
.filter-btn:active {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
  color: var(--theme-white) !important;
  box-shadow: none !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
  color: var(--theme-white) !important;
}

.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--theme-primary-rgb), 0.18) !important;
}

/* Text */
.text-primary {
  color: var(--theme-primary) !important;
}

.text-secondary {
  color: var(--theme-secondary) !important;
}

.text-danger {
  color: var(--theme-danger) !important;
}

.text-success {
  color: var(--theme-success) !important;
}

.text-info {
  color: var(--theme-info) !important;
}

.text-warning {
  color: var(--theme-warning) !important;
}

/* Background */
.bg-primary {
  background-color: var(--theme-primary) !important;
}

.bg-secondary {
  background-color: var(--theme-secondary) !important;
}

.bg-danger {
  background-color: var(--theme-danger) !important;
}

.bg-success {
  background-color: var(--theme-success) !important;
}

.bg-info {
  background-color: var(--theme-info) !important;
}

.bg-warning {
  background-color: var(--theme-warning) !important;
}

/* Borders */
.border-primary {
  border-color: var(--theme-primary) !important;
}

/* Forms */
.form-control:focus,
.form-select:focus {
  border-color: var(--theme-primary) !important;
  box-shadow: var(--theme-focus-ring) !important;
}

.form-check-input:checked {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
}

.form-check-input:focus {
  box-shadow: var(--theme-focus-ring) !important;
  border-color: var(--theme-primary) !important;
}

/* Links */
.link-primary {
  color: var(--theme-primary) !important;
}

.link-primary:hover {
  color: var(--theme-primary-hover) !important;
}

/* Pagination */
.page-item.active .page-link {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
  color: #fff !important;
}

.page-link {
  color: var(--theme-primary) !important;
}

.page-link:hover {
  color: var(--theme-primary-hover) !important;
}

/* Nav pills */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
  color: #fff !important;
}

/* Accordion */
.accordion-button:focus {
  box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
  color: #fff !important;
  background-color: var(--theme-primary) !important;
}

/* List group */
.list-group-item.active {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
}

/* Progress */
.progress-bar {
  background-color: var(--theme-primary) !important;
}

/* Badge */
.badge.bg-primary {
  background-color: var(--theme-primary) !important;
}

/* Alerts */
.alert-primary {
  color: #fff !important;
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
}

/* Breadcrumb */
.breadcrumb-item a {
  color: var(--theme-muted) !important;
}

/* =========================================================
   CUSTOM.CSS ÜSTÜNE RENK OVERRIDE
========================================================= */

/* Mobil navbar hover alanları */
@media only screen and (max-width: 991.98px) {
  .dropdown-item:hover {
    background: var(--theme-accent) !important;
    color: #fff !important;
  }

  .nav-item a:hover {
    background-color: var(--theme-accent) !important;
    color: #fff !important;
  }

  .navbar-nav .nav-link.show {
    color: #fff !important;
    background-color: var(--theme-accent) !important;
  }
}

/* Call me form */
/*#callmeform button,
#callMeForm button,
#callmeform .btn,
#callMeForm .btn {
  background-color: var(--theme-primary) !important;
  color: #fff !important;
}

#callmeform button:hover,
#callMeForm button:hover,
#callmeform .btn:hover,
#callMeForm .btn:hover {
  background-color: var(--theme-primary-hover) !important;
  color: #fff !important;
}*/

/* Bu alanda custom.css içinde ağır background-image var.
   Burada gradient ile ezip tek renkle tema yönetiyoruz. */
.callmebg {
  background: linear-gradient(135deg, var(--theme-primary), var(--theme-accent)) !important;
  color: #fff !important;
}

/* Footer desenini sade renge çekiyoruz */
.footerbg {
  background-color: var(--theme-light) !important;
  background-image: none !important;
}

/* QA / blue section sade temaya çekiliyor */
.qabg {
  background: linear-gradient(135deg, var(--theme-primary), var(--theme-secondary)) !important;
  background-image: none !important;
}

/* Accordion custom area */
#accordionExample .accordion-item .accordion-button:not(.collapsed) {
  color: var(--theme-primary) !important;
  background-color: #fff !important;
}

#accordionExample .accordion-item .accordion-button::after {
  background-color: var(--theme-primary) !important;
  color: #fff !important;
}

/* Özel buton */
.primebtn {
  color: var(--theme-white) !important;
}

.primebtn:hover {
  color: var(--theme-white) !important;
}

/* Özel nav pills */
.nav-pills-custom .nav-link.active {
  color: var(--theme-success) !important;
  background: #fff !important;
}

/* Search alanı */
.input-group-lg .btn,
.input-group .btn-primary {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
  color: #fff !important;
}

.input-group-lg .btn:hover,
.input-group .btn-primary:hover {
  background-color: var(--theme-primary-hover) !important;
  border-color: var(--theme-primary-hover) !important;
}

/* Product alanları */
.product-price,
.price,
.product-card .price,
.product-price-container strong {
  color: var(--theme-price) !important;
}

.product-filters .nav-link.active,
.product-filters .nav-link:hover {
  background-color: var(--theme-primary) !important;
  color: #fff !important;
  border-color: var(--theme-primary) !important;
}

/* Swiper arrows */
.swiper-button-next,
.swiper-button-prev {
  color: var(--theme-primary) !important;
}

/* Genel bazı bileşenler */
.navbar .dropdown-menu .dropdown-item:active,
.dropdown-item:active {
  background-color: var(--theme-primary) !important;
  color: #fff !important;
}

.list-group-item-action:hover {
  color: var(--theme-primary) !important;
}

.card.service-card:hover {
  box-shadow: 0.5rem 0.5rem 1.5rem rgba(var(--theme-primary-rgb), 0.12) !important;
}

/* Seçili / odaklı öğeler */
.nav-link:focus,
.btn:focus {
  box-shadow: none !important;
}

/* Selection */
::selection {
  background: rgba(var(--theme-primary-rgb), 0.20);
  color: var(--theme-dark);
}

/* =========================================================
   BOOTSTRAP NATIVE HELPER KATMANI
   Tema override edilse bile sabit Bootstrap renklerini ayrıca kullan
   Kullanım:
   bs-bg-primary
   bs-text-primary
   bs-border-primary
   bs-btn-primary
========================================================= */

/* Background */
.bs-bg-primary { background-color: var(--bs-native-primary) !important; }
.bs-bg-secondary { background-color: var(--bs-native-secondary) !important; }
.bs-bg-success { background-color: var(--bs-native-success) !important; }
.bs-bg-danger { background-color: var(--bs-native-danger) !important; }
.bs-bg-warning { background-color: var(--bs-native-warning) !important; }
.bs-bg-info { background-color: var(--bs-native-info) !important; }
.bs-bg-light { background-color: var(--bs-native-light) !important; }
.bs-bg-dark { background-color: var(--bs-native-dark) !important; }

/* Text */
.bs-text-primary { color: var(--bs-native-primary) !important; }
.bs-text-secondary { color: var(--bs-native-secondary) !important; }
.bs-text-success { color: var(--bs-native-success) !important; }
.bs-text-danger { color: var(--bs-native-danger) !important; }
.bs-text-warning { color: var(--bs-native-warning) !important; }
.bs-text-info { color: var(--bs-native-info) !important; }
.bs-text-light { color: var(--bs-native-light) !important; }
.bs-text-dark { color: var(--bs-native-dark) !important; }

/* Border */
.bs-border-primary { border-color: var(--bs-native-primary) !important; }
.bs-border-secondary { border-color: var(--bs-native-secondary) !important; }
.bs-border-success { border-color: var(--bs-native-success) !important; }
.bs-border-danger { border-color: var(--bs-native-danger) !important; }
.bs-border-warning { border-color: var(--bs-native-warning) !important; }
.bs-border-info { border-color: var(--bs-native-info) !important; }
.bs-border-light { border-color: var(--bs-native-light) !important; }
.bs-border-dark { border-color: var(--bs-native-dark) !important; }

/* Buttons */
.bs-btn-primary {
  background-color: var(--bs-native-primary) !important;
  border-color: var(--bs-native-primary) !important;
  color: #fff !important;
}
.bs-btn-primary:hover,
.bs-btn-primary:focus,
.bs-btn-primary:active {
  background-color: var(--bs-native-primary-hover) !important;
  border-color: var(--bs-native-primary-hover) !important;
  color: #fff !important;
}

.bs-btn-secondary {
  background-color: var(--bs-native-secondary) !important;
  border-color: var(--bs-native-secondary) !important;
  color: #fff !important;
}
.bs-btn-secondary:hover,
.bs-btn-secondary:focus,
.bs-btn-secondary:active {
  background-color: var(--bs-native-secondary-hover) !important;
  border-color: var(--bs-native-secondary-hover) !important;
  color: #fff !important;
}

.bs-btn-success {
  background-color: var(--bs-native-success) !important;
  border-color: var(--bs-native-success) !important;
  color: #fff !important;
}
.bs-btn-success:hover,
.bs-btn-success:focus,
.bs-btn-success:active {
  background-color: var(--bs-native-success-hover) !important;
  border-color: var(--bs-native-success-hover) !important;
  color: #fff !important;
}

.bs-btn-danger {
  background-color: var(--bs-native-danger) !important;
  border-color: var(--bs-native-danger) !important;
  color: #fff !important;
}
.bs-btn-danger:hover,
.bs-btn-danger:focus,
.bs-btn-danger:active {
  background-color: var(--bs-native-danger-hover) !important;
  border-color: var(--bs-native-danger-hover) !important;
  color: #fff !important;
}

.bs-btn-warning {
  background-color: var(--bs-native-warning) !important;
  border-color: var(--bs-native-warning) !important;
  color: #000 !important;
}
.bs-btn-warning:hover,
.bs-btn-warning:focus,
.bs-btn-warning:active {
  background-color: var(--bs-native-warning-hover) !important;
  border-color: var(--bs-native-warning-hover) !important;
  color: #000 !important;
}

.bs-btn-info {
  background-color: var(--bs-native-info) !important;
  border-color: var(--bs-native-info) !important;
  color: #000 !important;
}
.bs-btn-info:hover,
.bs-btn-info:focus,
.bs-btn-info:active {
  background-color: var(--bs-native-info-hover) !important;
  border-color: var(--bs-native-info-hover) !important;
  color: #000 !important;
}

.bs-btn-light {
  background-color: var(--bs-native-light) !important;
  border-color: var(--bs-native-light) !important;
  color: #000 !important;
}

.bs-btn-dark {
  background-color: var(--bs-native-dark) !important;
  border-color: var(--bs-native-dark) !important;
  color: #fff !important;
}