/* Custom styles goes here */

/* Nav pills: ne legyen uppercase a tab szöveg */
.nav-pills .nav-link {
  text-transform: none !important;
}

/* Kedvenc csillag gomb a header jobb oldalán */
.favorite-star-btn {
  margin-left: 0.5rem;
}

.favorite-star-btn i {
  font-size: 1.1rem;
}

/* Összecsukott sidebar: logó padding 10px mindkét oldalon */
@media (min-width: 1200px) {
  .layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand-logo img {
    height: 24px !important;
    width: auto;
  }
}

/* Dátum és ár nem törhető meg */
.date-nowrap,
.price-nowrap {
  white-space: nowrap;
}
.card {
  margin-bottom: 15px;
}

.card-header {
  padding: 16px var(--bs-card-cap-padding-x) !important;
}

.card-body {
  padding: 16px var(--bs-card-spacer-x) !important;
}

.accordion-body .card-body {
  padding: 16px 0px !important;
}



.input-group .btn {
  margin-bottom: 0px;
}

.card-function-bar {
  background-color: #f8f9fa;
  box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
  border-radius: 0.375rem !important;
  padding: 10px 15px 10px 15px;
  border: 1px solid #e4e6e8;
  margin-top: 10px;
}

  .card-function-bar .btn {
    margin-bottom: 0px;
  }


/* product-channel-connector.css */
/* Termék-csatorna összekötő felület egyedi stílusai */
/* Kiválasztott elemek megjelenítése */
.selected-items-container {
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 0.5rem;
  background-color: #f8f9fa;
}

  .selected-items-container:empty::after {
    content: "Nincs kiválasztott elem";
    color: #6c757d;
    font-style: italic;
  }

/* Badge-ek az összekötő felületen */
.connector-badge {
  display: inline-block;
  margin: 0.125rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 0.25rem;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
}

  .connector-badge:hover {
    transform: translateY(-1px);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  }

  .connector-badge.badge-removable {
    cursor: pointer;
    padding-right: 1.5rem;
    position: relative;
  }

    .connector-badge.badge-removable::after {
      content: "×";
      position: absolute;
      right: 0.375rem;
      top: 50%;
      transform: translateY(-50%);
      font-size: 1rem;
      line-height: 1;
      opacity: 0.7;
    }

    .connector-badge.badge-removable:hover::after {
      opacity: 1;
    }

/* Összekötés gomb speciális stílusai */
.connect-button {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

  .connect-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }

  .connect-button:not(:disabled):hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }

  .connect-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
  }

  .connect-button:hover::before {
    left: 100%;
  }

/* DataTables checkbox stílusok */
.dataTables_wrapper .form-check-input {
  cursor: pointer;
  margin: 0;
}

  .dataTables_wrapper .form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
  }

/* Toggle switch méret megőrzése DataTables-ben */
table.dataTable .form-switch .form-check-input {
  width: 2em;
  height: 1em;
}

/* Táblázat sorok hover effektje */
.table-hover tbody tr:hover {
  background-color: rgba(var(--bs-primary-rgb), 0.075);
}

/* Kiválasztott sorok kiemelése */
.table tbody tr.selected {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
}

/* Statisztika kártyák */
.stats-card {
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transition: all 0.15s ease-in-out;
}

  .stats-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }

  .stats-card .card-body {
    padding: 1.5rem;
  }

  .stats-card h3 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 0;
  }

  .stats-card .card-title {
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    margin-bottom: 0.5rem;
  }

/* Alert animációk */
.alert {
  animation: slideInDown 0.3s ease-out;
}

@keyframes slideInDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Modal javítások */
.modal-content {
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

.modal-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  padding: 1.5rem 1.5rem 1rem;
}

.modal-body {
  padding: 1rem 1.5rem;
}

.modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 1rem 1.5rem 1.5rem;
}

/* Bulk actions panel */
.bulk-actions-panel {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 1rem;
  animation: slideInUp 0.3s ease-out;
}

@keyframes slideInUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Responsive javítások */
@media (max-width: 768px) {
  .connect-button {
    width: 100%;
    margin-top: 1rem;
  }

  .selected-items-container {
    max-height: 150px;
  }

  .stats-card h3 {
    font-size: 1.5rem;
  }

  /*.btn-group {
    flex-direction: column;
    width: 100%;
  }

    .btn-group .btn {
      border-radius: 0.375rem !important;
      margin-bottom: 0.25rem;
    }*/
}

/* Loading spinner */
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.125rem;
}

/* Tooltip javítások */
.tooltip {
  font-size: 0.75rem;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
}

/* Badge javítások */
.badge {
  font-size: 0.75em;
  font-weight: 500;
  padding: 0.35em 0.65em;
}

.badge-lg {
  font-size: 0.875em;
  padding: 0.5em 0.875em;
}

/* Card header javítások */
.card-header {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  border-bottom: 1px solid rgba(var(--bs-primary-rgb), 0.2);
}

  .card-header .card-title {
    color: var(--bs-primary);
    font-weight: 600;
  }

/* Form javítások */
.form-control:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
}

.form-select:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Breadcrumb javítások */
.breadcrumb {
  background-color: transparent;
  padding: 0;
  margin-bottom: 1rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  color: var(--bs-secondary);
}

/* Progress bar javítások */
.progress {
  height: 0.5rem;
  border-radius: 0.25rem;
  background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.progress-bar {
  border-radius: 0.25rem;
  transition: width 0.3s ease;
}

.text-white h5 {
  --bs-text-opacity: 1;
  color: #fff !important;
}

.accordion {
  --bs-accordion-btn-padding-y: 1rem !important;
}


/*
    2025.09.24
*/

/* Dashboard kártyák - számok fehéren, nagyobb méretben, bold */
.card-number {
  color: #ffffff !important;
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  line-height: 1.2;
}

/* Card text is fehér legyen világos és sötét módban is */
.card.text-white .card-text,
.card.text-white .card-number,
.card.text-white h3,
.card.text-white h4,
.card.text-white p {
  color: #ffffff !important;
}

/* Színes kártyák háttér színei */
.card.bg-primary .card-number,
.card.bg-success .card-number,
.card.bg-info .card-number,
.card.bg-warning .card-number {
  color: #ffffff !important;
}

/* Dashboard card ikonok */
.card.text-white .fa-2x {
  opacity: 0.9;
}

/* Dark mode specifikus felülírások */
[data-bs-theme="dark"] .card.text-white .card-number,
[data-bs-theme="dark"] .card.text-white .card-text,
[data-bs-theme="dark"] .card.text-white p,
[data-bs-theme="dark"] .card.text-white h3 {
  color: #ffffff !important;
}

/* Card footer linkek */
.card-footer a.text-white {
  color: #ffffff !important;
  opacity: 0.9;
  transition: opacity 0.3s ease;
}

  .card-footer a.text-white:hover {
    opacity: 1;
  }

/* Scraping táblázat stílusok */
.datatables-scraping tbody tr {
  transition: background-color 0.2s ease;
}

  .datatables-scraping tbody tr:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.075);
  }

/* Badge stílusok a dashboard-hoz */
.badge.bg-success {
  background-color: #28a745 !important;
}

.badge.bg-danger {
  background-color: #dc3545 !important;
}

.badge.bg-primary {
  background-color: #007bff !important;
}

.badge.bg-warning {
  background-color: #ffc107 !important;
  color: #000 !important;
}

/* Responsive módosítások */
@media (max-width: 768px) {
  .card-number {
    font-size: 2rem !important;
  }
}

@media (max-width: 576px) {
  .card-number {
    font-size: 1.75rem !important;
  }
}


/* ============================================
   CHANNEL DETAILS SPECIFIKUS STÍLUSOK
   ============================================ */

/* Tab content padding nullázása */
#channelTabsContent.tab-content {
  padding: 0 !important;
}

/* Jobbra zárt oszlopok */
.text-end {
  text-align: right !important;
}

/* Link gomb ikon stílusa */
.btn-icon {
  width: 32px;
  height: 32px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* DataTables oszlop szélességek fixálása */
.datatables-products thead th:nth-child(1) {
  width: 30px;
}
/* Control */
.datatables-products thead th:nth-child(2) {
  width: 120px;
}
/* Cikkszám */
.datatables-products thead th:nth-child(3) {
  width: 300px;
}
/* Terméknév */
.datatables-products thead th:nth-child(4) {
  width: 100px;
}
/* Márka/Modell */
.datatables-products thead th:nth-child(5) {
  width: 100px;
}
/* Kereskedő (ha marketplace) */
.datatables-products thead th:nth-child(6) {
  width: 100px;
}
/* Ár */
.datatables-products thead th:nth-child(7) {
  width: 100px;
}
/* Eredeti ár */
.datatables-products thead th:nth-child(8) {
  width: 100px;
}
/* Készlet */
.datatables-products thead th:nth-child(9) {
  width: 100px;
}
/* Frissítve */
.datatables-products thead th:nth-child(10) {
  width: 60px;
}
/* Link */

/* Terméknév cell automatikus sortörés */
.datatables-products tbody td:nth-child(3) {
  white-space: normal !important;
  word-wrap: break-word;
  max-width: 300px;
}

/* DataTables pagination magyar szövegek */
.dataTables_wrapper .dataTables_info {
  font-size: 0.875rem;
}

/* DataTables pagination jobbra igazítás */
.dataTables_wrapper .dataTables_paginate {
  float: right !important;
  text-align: right !important;
}

  /* Pagination nyíl ikonok - szöveg elrejtése */
  /*.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
  .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    padding: 0.5rem 0.75rem;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    font-size: 0 !important;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    font-size: 0 !important;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before {
    content: "‹";
    font-size: 1.25rem;
    font-weight: bold;
  }

  .dataTables_wrapper .dataTables_paginate .paginate_button.next:before {
    content: "›";
    font-size: 1.25rem;
    font-weight: bold;
  }*/

/* Scraping Sessions táblázat oszlop szélességek */
.datatables-scraping-sessions thead th:nth-child(1) {
  width: 30px;
}
/* Control */
.datatables-scraping-sessions thead th:nth-child(2) {
  width: 300px;
}
/* Session név */
.datatables-scraping-sessions thead th:nth-child(3) {
  width: 200px;
}
/* Időpont */
.datatables-scraping-sessions thead th:nth-child(4) {
  width: 100px;
}
/* Státusz */
.datatables-scraping-sessions thead th:nth-child(5) {
  width: 100px;
}
/* Sikeres */
.datatables-scraping-sessions thead th:nth-child(6) {
  width: 100px;
}
/* Sikertelen */
.datatables-scraping-sessions thead th:nth-child(7) {
  width: 100px;
}
/* Részletek */

/* Mobilnézet - csak terméknév és ár látszik */
@media screen and (max-width: 767px) {
  .datatables-products thead th:not(:nth-child(3)):not(:nth-child(6)),
  .datatables-products tbody td:not(:nth-child(3)):not(:nth-child(6)) {
    display: none !important;
  }

  .datatables-products thead th:nth-child(3),
  .datatables-products tbody td:nth-child(3) {
    max-width: none;
    width: auto;
  }
}

/* ============================================
   HOME DASHBOARD SPECIFIKUS STÍLUSOK
   ============================================ */

/* Dashboard kártyák - kattinthatóvá tétel */
.dashboard-card-link {
  display: block;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

  .dashboard-card-link:hover {
    transform: translateY(-5px);
    text-decoration: none;
  }

    .dashboard-card-link:hover .card {
      box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2) !important;
    }

/* Dashboard ikonok - nagyobb méret (legalább 2x) */
.dashboard-icon {
  font-size: 4rem !important;
  opacity: 0.75;
}

  .dashboard-icon i {
    font-size: inherit;
  }

/* Kezdés dátum oszlop szélesebb (Home Dashboard táblázat) */
.datatables-scraping thead th.dt-column-start-time,
.datatables-scraping tbody td:nth-child(4) {
  min-width: 160px !important;
  width: 160px !important;
}

/* Indító oszlop ikonok */
.datatables-scraping .bx {
  font-size: 1.5rem;
}

/* Responsive finomhangolás a dashboard kártyákhoz */
@media (max-width: 1199px) {
  .dashboard-icon {
    font-size: 3rem !important;
  }
}

@media (max-width: 767px) {
  .dashboard-icon {
    font-size: 2.5rem !important;
  }

  .dashboard-card-link:hover {
    transform: translateY(-3px);
  }
}

/* ============================================
   DATATABLES KERESŐMEZŐ STÍLUSOK
   ============================================ */

/* Keresőmező input - nagyobb padding a bal és jobb oldalon */
.dataTables_filter input[type="search"],
.dataTables_filter input.form-control {
  padding-left: 2.5rem !important;
  padding-right: 1rem !important;
  min-width: 250px;
}

/* Input group keresőmező stílus */
.dataTables_filter .input-group {
  flex-wrap: nowrap;
}

.dataTables_filter .input-group .form-control {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

/* Keresés gomb stílus */
.dataTables_filter .btn-search,
.dataTables_filter .input-group .btn {
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Ha van ikon a keresőmezőben */
.dataTables_filter .input-group-text {
  background-color: transparent;
  border-right: none;
}

.dataTables_filter .input-group-text + .form-control {
  border-left: none;
  padding-left: 0.5rem !important;
}

/* Keresőmező wrapper flexbox */
.dataTables_filter {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.dataTables_filter label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0;
}

/* ============================================
   NAVBAR KERESŐMEZŐ - MINIMÁLIS STÍLUS
   ============================================ */

/* Alap állapot - nincs keret, gomb rejtve */
.navbar-search-group {
  transition: all 0.2s ease;
}

.navbar-search-group .navbar-search-icon {
  background-color: transparent;
  border: none;
  padding-right: 0.5rem;
}

.navbar-search-group .navbar-search-input {
  border: none;
  background-color: transparent;
  box-shadow: none;
  padding-left: 0.5rem;
  min-width: 180px;
  transition: all 0.2s ease;
}

.navbar-search-group .navbar-search-input:focus {
  box-shadow: none;
}

.navbar-search-group .navbar-search-btn {
  opacity: 0;
  width: 0;
  padding: 0;
  border: none;
  overflow: hidden;
  transition: all 0.2s ease;
}

/* Fókusz állapot - megjelenik a keret és a gomb */
.navbar-search-group:focus-within {
  background-color: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
}

.navbar-search-group:focus-within .navbar-search-icon {
  border: none;
  background-color: transparent;
}

.navbar-search-group:focus-within .navbar-search-input {
  border: none;
  background-color: transparent;
}

.navbar-search-group:focus-within .navbar-search-btn {
  opacity: 1;
  width: auto;
  padding: 0.4375rem 1rem;
  border: none;
  border-radius: 0 0.375rem 0.375rem 0;
}

/* Hover effekt az inaktív állapotban */
.navbar-search-group:not(:focus-within):hover {
  background-color: rgba(var(--bs-body-color-rgb), 0.05);
  border-radius: 0.375rem;
}

/* Dark mode támogatás */
[data-bs-theme="dark"] .navbar-search-group:focus-within {
  background-color: var(--bs-tertiary-bg);
  border-color: var(--bs-border-color);
}