/* === jQuery UI Override for Jardinero Theme === */

/* Global widget styles */
.ui-widget {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  color: #151A2D;
}

.ui-widget-content {
  background: #ffffff;
  border: 1px solid #ccc;
  color: #151A2D;
}

.ui-widget-header {
  background: #56ab2f;
  border: none;
  color: #ffffff;
  font-weight: 600;
}

/* Buttons */
.ui-button {
  background-color: #56ab2f;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  font-weight: 600;
  transition: background-color 0.3s ease;
}

.ui-button:hover {
  background-color: #449a23;
}

.ui-button:disabled,
.ui-state-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Dialog */
.ui-dialog {
  background-color: #ffffff;
  border: 2px solid #56ab2f;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  padding: 0;
}

.ui-dialog .ui-dialog-titlebar {
  background: #56ab2f;
  color: #ffffff;
  padding: 1rem;
  font-size: 1.1rem;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: none;
}

.ui-dialog .ui-dialog-buttonpane {
  background: #f4f4f4;
  padding: 1rem;
  border-top: 1px solid #ccc;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* Tooltip */
.ui-tooltip {
  background: #151A2D;
  color: #ffffff;
  border: 1px solid #56ab2f;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  font-size: 0.9rem;
}

/* Datepicker */
.ui-datepicker {
  background-color: #ffffff;
  border: 1px solid #ccc;
  padding: 1rem;
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.ui-datepicker .ui-datepicker-header {
  background-color: #56ab2f;
  color: white;
  padding: 0.5rem;
  border-radius: 8px;
}

.ui-datepicker td a,
.ui-datepicker td span {
  text-align: center;
  padding: 0.5rem;
  border-radius: 6px;
  transition: background-color 0.2s;
  display: block;
  text-decoration: none;
  color: #151A2D;
}

.ui-datepicker td a:hover {
  background-color: #eef2ff;
}

.ui-datepicker .ui-state-active {
  background-color: #56ab2f !important;
  color: #ffffff !important;
}

/* Autocomplete */
.ui-autocomplete {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 8px;
  max-height: 200px;
  overflow-y: auto;
  font-size: 0.95rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  z-index: 10000 !important;
}

.ui-menu-item-wrapper.ui-state-active {
  background-color: #56ab2f;
  color: white;
  border-radius: 4px;
}

/* Tabs */
.ui-tabs .ui-tabs-nav {
  border: none;
  background: none;
  padding: 0;
  margin-bottom: 1rem;
}

.ui-tabs .ui-tabs-nav li {
  display: inline-block;
  margin-right: 5px;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

.ui-tabs .ui-tabs-nav li a {
  background-color: #eef2ff;
  padding: 0.5rem 1rem;
  display: inline-block;
  text-decoration: none;
  color: #151A2D;
  border: 1px solid #ccc;
  border-bottom: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  background-color: #ffffff;
  border-color: #56ab2f #56ab2f #ffffff;
  color: #151A2D;
  font-weight: 600;
}

.ui-tabs .ui-tabs-panel {
  border: 1px solid #ccc;
  background: #ffffff;
  padding: 1rem;
  border-radius: 0 8px 8px 8px;
}

/* Resizable */
.ui-resizable-handle {
  background-color: #56ab2f;
  opacity: 0.6;
}

/* Slider */
.ui-slider {
  position: relative;
  background: #eef2ff;
  border-radius: 8px;
  height: 6px;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  top: -6px;
  width: 16px;
  height: 16px;
  background: #56ab2f;
  border-radius: 50%;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Progressbar */
.ui-progressbar {
  background: #eef2ff;
  border-radius: 8px;
  height: 20px;
  overflow: hidden;
}

.ui-progressbar-value {
  background: #56ab2f;
  height: 100%;
  border-radius: 8px;
}

/* ============================= */
/* ACCORDION FIX (JARDINERO) */
/* ============================= */

/* header */
.ui-accordion .ui-accordion-header {
  background: rgb(226, 240, 226); /* bazowy jasny zielony */
  color: #151A2D;
  border: 1px solid #cfe3cf;
  border-radius: 10px;
  margin-top: 10px;
  padding: 0.75rem 1rem;
  font-weight: 500;
  transition: all 0.2s ease;
}

/* hover */
.ui-accordion .ui-accordion-header.ui-state-hover {
  background: rgb(214, 232, 214);
}

/* aktywny (open) */
.ui-accordion .ui-accordion-header.ui-state-active {
  background: rgb(198, 224, 198);
  border-color: #b8d8b8;
  font-weight: 600;
}

/* content */
.ui-accordion .ui-accordion-content {
  background: #fff;
  border: 1px solid #cfe3cf;
  border-top: none;
  border-radius: 0 0 10px 10px;
  padding: 1rem;
}

/* focus cleanup */
.ui-accordion .ui-accordion-header:focus {
  outline: none;
}

/* ikonka */
.ui-accordion .ui-icon {
  opacity: 0.6;
}