/* Upravy afil registrace */
#post-1346 > div {
  margin-bottom: 40px;
}

#post-1346 #slicewp-affiliate-register-form {
  max-width: 450px;
  margin: 0 auto;
}

#post-1346 > header > h1 {
  text-align: center;
  margin-top: 20px;
}

#slicewp-affiliate-register-form label {
  color: #fff !important;
  font-family: 'Oxanium', sans-serif;
  font-size: 18px;
}

.slicewp-field-wrapper {
  max-width: 450px !important;
}

#slicewp-affiliate-register-form > button {
  display: block;
  margin: 0 auto;
  font-family: 'Oxanium', sans-serif;
  font-weight: 400;
  padding: 15px 20px;
  font-weight: 400;
  font-size: 1.35em;
  letter-spacing: 0.5px;
  border-radius: 6px;
  border: none;
  transition: all 0.3s ease;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

#slicewp-affiliate-register-form > button:hover {
  background-color: #9b6dff;
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.3);
  transform: translateY(-3px);
}

/* Upravy login page */
#slicewp-affiliate-login-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  align-items: center;
}

#slicewp-user-password {
  color: #fff;
}

/* Upravy login page btn */
#slicewp-affiliate-login-form > button {
  display: block;
  margin: 0 auto;
  font-family: 'Oxanium', sans-serif;
  font-weight: 400;
  padding: 15px 20px;
  font-weight: 400;
  font-size: 1.35em;
  letter-spacing: 0.5px;
  border-radius: 6px;
  border: none;
  transition: all 0.3s ease;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

#slicewp-affiliate-login-form > button:hover {
  background-color: #9b6dff;
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.3);
  transform: translateY(-3px);
}

/* Upravy afil zmena hesla */
#post-1347 {
  max-width: 600px;
  margin: 40px auto;
}

#post-1347 > header > h1 {
  text-align: center;
}

#slicewp-affiliate-lost-password-form > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

#slicewp-affiliate-lost-password-form > button {
  display: block;
  margin: 0 auto;
  font-family: 'Oxanium', sans-serif;
  font-weight: 400;
  padding: 15px 20px;
  font-weight: 400;
  font-size: 1.35em;
  letter-spacing: 0.5px;
  border-radius: 6px;
  border: none;
  transition: all 0.3s ease;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  text-transform: none;
}

#slicewp-affiliate-lost-password-form > button:hover {
  background-color: #9b6dff;
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.3);
  transform: translateY(-3px);
}

/* Upravy afil ucet neregistrovany */
#post-1345 > div {
  margin-bottom: 40px;
}

#post-1345 > header > h1 {
  text-align: center;
  margin-top: 20px;
}

#slicewp-affiliate-register-form > div.slicewp-user-notice.slicewp-warning {
  max-width: 450px;
  margin: 0 auto;
  color: #111827 !important;
  font-family: 'Oxanium', sans-serif;
  text-align: center;
}

#slicewp-affiliate-register-form {
  max-width: 450px;
  margin: 0 auto;
}

.slicewp-user-notice.slicewp-warning {
  max-width: 450px;
  margin: 0 auto;
  color: #111827 !important;
  font-family: 'Oxanium', sans-serif;
  text-align: center;
}

/* Upravy afil ucet registrovany */
/* ==========================================
   TAB NAVIGACE - Moderní Pills Design
   ========================================== */

/* Hlavní wrapper tab navigation */
/* Odstranění vnějšího wrapperu (světle fialový border) */
#slicewp-affiliate-account-nav-tab,
.slicewp-nav-tab-wrapper {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 20px 0 30px 0 !important;
  box-shadow: none !important;
}

/* UL wrapper - BEZ světlého fialového boxu */
.slicewp-nav-tab-wrapper ul,
#slicewp-affiliate-account-nav-tab ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Li elementy */
.slicewp-nav-tab-wrapper li,
#slicewp-affiliate-account-nav-tab li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Tab linky - základní stav */
.slicewp-nav-tab,
li.slicewp-nav-tab,
.slicewp-nav-tab-wrapper a,
#slicewp-affiliate-account-nav-tab a {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(138, 43, 226, 0.25) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-family: 'Oxanium', sans-serif !important;
  padding: 10px 18px !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

/* Hover efekt - JEMNÝ */
.slicewp-nav-tab:hover,
li.slicewp-nav-tab:hover,
#slicewp-affiliate-account-nav-tab a:hover {
  background: rgba(138, 43, 226, 0.15) !important;
  color: #fff !important;
  box-shadow: 0 2px 10px rgba(138, 43, 226, 0.2) !important;
}

/* Aktivní tab - POUZE PURPLE, bez cyan */
.slicewp-nav-tab.slicewp-active,
li.slicewp-nav-tab.slicewp-active,
#slicewp-affiliate-account-nav-tab .slicewp-active,
#slicewp-affiliate-account-nav-tab a.slicewp-active {
  background: rgba(138, 43, 226, 0.8) !important;
  border-color: #8a2be2 !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 15px rgba(138, 43, 226, 0.4) !important;
}

/* Focus state - odstranit outline */
.slicewp-nav-tab:focus,
#slicewp-affiliate-account-nav-tab a:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(138, 43, 226, 0.3) !important;
}

/* Hlavní wrapper filtru DATE PICKER / ČASOVÝ FILTR */
#slicewp-affiliate-account-tab
  > div.slicewp-tab.slicewp-active
  > div.slicewp-affiliate-dashboard-filters
  > form
  > div,
.slicewp-affiliate-dashboard-filters form > div {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 2px solid rgba(138, 43, 226, 0.3) !important;
  border-radius: 10px !important;
  padding: 15px 20px !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
  margin-bottom: 25px !important;
}

/* Hover efekt */
#slicewp-affiliate-account-tab
  > div.slicewp-tab.slicewp-active
  > div.slicewp-affiliate-dashboard-filters
  > form
  > div:hover,
.slicewp-affiliate-dashboard-filters form > div:hover {
  border-color: rgba(138, 43, 226, 0.6) !important;
  box-shadow: 0 6px 20px rgba(138, 43, 226, 0.3) !important;
}

/* Text uvnitř (label, datum) */
.slicewp-affiliate-dashboard-filters label,
.slicewp-affiliate-dashboard-filters span,
.slicewp-affiliate-dashboard-filters input {
  color: #111827 !important;
  font-family: 'Oxanium', sans-serif !important;
}

/* Predefined date ranges - tmavý text */
.slicewp-date-picker-predefined-date-range,
.slicewp-date-picker-predefined-date-range a {
  color: #111827 !important;
  font-family: 'Oxanium', sans-serif !important;
}

/* Karty mají nižší z-index než kalendář */
.slicewp-card-affiliate-dashboard {
  position: relative !important;
  z-index: 1 !important;
}

/* Date picker box má vyšší z-index */
.slicewp-affiliate-dashboard-filters {
  position: relative !important;
  z-index: 100 !important;
}

/* === HLAVNÍ GRID - Top karty (Last 30 days) === */
.slicewp-grid-affiliate-dashboard-last-30-days {
  gap: 20px !important;
  margin-bottom: 30px !important;
}

/* === VŠECHNY STATISTICKÉ KARTY === */
.slicewp-card-affiliate-dashboard {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 2px solid rgba(138, 43, 226, 0.3) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

/* Hover efekt na kartách */
.slicewp-card-affiliate-dashboard:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(138, 43, 226, 0.8) !important;
  box-shadow: 0 8px 25px rgba(138, 43, 226, 0.4) !important;
}

/* === INNER CONTENT KARET === */
.slicewp-card-inner {
  padding: 25px !important;
}

/* === FOOTER S "VIEW ALL" LINKEM === */
.slicewp-card-footer a {
  color: #8a2be2 !important;
  font-family: 'Oxanium', sans-serif !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.slicewp-card-footer a:hover {
  color: #00d4ff !important;
  text-shadow: 0 0 10px rgba(0, 212, 255, 0.5) !important;
}

/* === ČÍSLA VE STATISTIKÁCH === */
.slicewp-card-affiliate-dashboard h2,
.slicewp-card-affiliate-dashboard .slicewp-card-value {
  font-size: 3em !important;
  font-weight: 700 !important;
  color: #fff !important;
  font-family: 'Oxanium', sans-serif !important;
  margin: 15px 0 !important;
  text-shadow: 0 0 20px rgba(138, 43, 226, 0.6) !important;
}

/* === LABELY (Visits, Commissions, etc.) === */
.slicewp-card-affiliate-dashboard h3,
.slicewp-card-affiliate-dashboard .slicewp-card-label {
  font-size: 1.1em !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-family: 'Oxanium', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-bottom: 10px !important;
}

/* ==========================================
   ALL TIME STATS SEKCE
   ========================================== */

.slicewp-grid-affiliate-dashboard-all-time {
  gap: 20px !important;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

/* Heading "All time" */
.slicewp-section-heading {
  font-family: 'Oxanium', sans-serif !important;
  font-size: 1.8em !important;
  color: #fff !important;
  margin-bottom: 20px !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}

/* ==========================================
   PROGRAM DETAILS SEKCE
   ========================================== */

.slicewp-grid-affiliate-dashboard-program-details {
  gap: 20px !important;
  margin-top: 30px !important;
}

/* Program Details karty styling */
.slicewp-grid-affiliate-dashboard-program-details .slicewp-card {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 2px solid rgba(138, 43, 226, 0.2) !important;
}

/* Smazani prazdnych elementu v troj-boxech*/
#slicewp-affiliate-account-tab .slicewp-card-inner .slicewp-kpi-value > div {
  display: none !important;
}

/* Pokud jsou i v jiných kartách: */
.slicewp-kpi-value > div {
  display: none !important;
}

/* === 2. GRAF - TMAVÉ POZADÍ === */
#slicewp-affiliate-account-tab
  > div.slicewp-tab.slicewp-active
  > div.slicewp-card {
  background: rgba(0, 0, 0, 0.5) !important;
  border: 2px solid rgba(138, 43, 226, 0.4) !important;
  border-radius: 12px !important;
  padding: 30px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Canvas wrapper uvnitř grafu */
#slicewp-affiliate-account-tab
  > div.slicewp-tab.slicewp-active
  > div.slicewp-card
  .slicewp-card-inner {
  background: transparent !important;
}

/* Samotný canvas element */
#slicewp-affiliate-account-tab canvas {
  background: rgba(255, 255, 255, 0.05) !important;
  border-radius: 8px !important;
  filter: drop-shadow(0 0 15px rgba(138, 43, 226, 0.3)) !important;
}

/* ===================================
   CHART TOOLTIP - TABLE ALIGNED
   =================================== */

/* Hlavní tooltip kontejner */
.slicewp-chart-tooltip {
  background: rgba(30, 41, 59, 0.95) !important;
  color: #ffffff !important;
  border: 1px solid #475569 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  min-width: 220px !important;
  z-index: 9999 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Titulek (datum) */
.slicewp-chart-tooltip-title {
  color: #f1f5f9 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  text-align: center !important;
}

/* Body jako tabulka */
.slicewp-chart-tooltip-body {
  display: table !important;
  width: 100% !important;
  border-spacing: 0 6px !important;
}

/* Jednotlivé řádky */
.slicewp-chart-tooltip-body > div {
  display: table-row !important;
}

/* Všechny elementy v řádku jako bunky */
.slicewp-chart-tooltip-body > div > * {
  display: table-cell !important;
  vertical-align: middle !important;
  padding: 3px 4px !important;
}

/* Barevné tečky - první sloupec */
.slicewp-chart-tooltip-body span {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  padding: 0 !important;
}

/* Text labelu - druhý sloupec */
.slicewp-chart-tooltip-body > div > *:nth-child(2) {
  color: #cbd5e1 !important;
  font-size: 13px !important;
  padding-left: 10px !important;
  padding-right: 20px !important;
}

/* Hodnoty - třetí sloupec, zarovnáno vpravo */
.slicewp-chart-tooltip-body > div > div,
.slicewp-chart-tooltip-body > div > *:last-child {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-align: right !important;
  white-space: nowrap !important;
  padding-left: 12px !important;
}

/* Všechny vnořené elementy bílé */
.slicewp-chart-tooltip * {
  color: inherit !important;
}

/* Upravy btn - Karta affiliate odkazy */

button.slicewp-button-primary.slicewp-input-copy,
button.slicewp-button-primary.slicewp-button-view-qr-code,
#slicewp-affiliate-account-tab
  > div.slicewp-tab.slicewp-active
  > div.slicewp-section-affiliate-link-generator.slicewp-card
  > div
  > div.slicewp-affiliate-custom-link-input
  > button {
  font-family: 'Oxanium', sans-serif;
  font-weight: 400;
  padding: 15px 20px;
  font-weight: 400;
  letter-spacing: 0.5px;
  border-radius: 6px;
  border: none;
  transition: all 0.3s ease;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

button.slicewp-button-primary.slicewp-input-copy:hover,
button.slicewp-button-primary.slicewp-button-view-qr-code:hover,
#slicewp-affiliate-account-tab
  > div.slicewp-tab.slicewp-active
  > div.slicewp-section-affiliate-link-generator.slicewp-card
  > div
  > div.slicewp-affiliate-custom-link-input
  > button:hover {
  background-color: #9b6dff;
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.3);
  transform: translateY(-3px);
}

/* Upravy btn - Karta provize, Karta navstevy, Karta vyplaty */
#slicewp-affiliate-account-tab
  > div.slicewp-tab.slicewp-active
  > div.slicewp-list-table-before
  > div
  > form
  > button {
  font-family: 'Oxanium', sans-serif;
  font-weight: 400;
  padding: 7px 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  border-radius: 6px;
  border: none;
  transition: all 0.3s ease;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

#slicewp-affiliate-account-tab
  > div.slicewp-tab.slicewp-active
  > div.slicewp-list-table-before
  > div
  > form
  > button:hover {
  background-color: #9b6dff;
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.3);
  transform: translateY(-3px);
}

/* Upravy btn - QR btn generovani */
body
  > div.slicewp-global-overlay.slicewp-global-overlay-qr-code.slicewp-opened
  > div
  > div
  > button {
  font-family: 'Oxanium', sans-serif;
  font-weight: 400;
  padding: 10px 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  border-radius: 6px;
  border: none;
  transition: all 0.3s ease;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

body
  > div.slicewp-global-overlay.slicewp-global-overlay-qr-code.slicewp-opened
  > div
  > div
  > button:hover {
  background-color: #9b6dff;
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.3);
  transform: translateY(-3px);
}

/* Uprava QR texty */
body
  > div.slicewp-global-overlay.slicewp-global-overlay-qr-code.slicewp-opened
  > div
  > div
  > strong,
body
  > div.slicewp-global-overlay.slicewp-global-overlay-qr-code.slicewp-opened
  > div
  > div
  > span {
  color: #111827;
}

/* Upravy - Karta nastaveni */
/* Všechny parent containery - BEZ borderu */
#slicewp-affiliate-account-tab,
#slicewp-affiliate-account-tab > div,
#slicewp-affiliate-account-tab > div.slicewp-tab,
#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active,
#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > form,
.slicewp-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Form wrapper - BEZ borderu */
#slicewp-affiliate-account-tab > div.slicewp-tab.slicewp-active > form > div {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 30px !important;
}

/* JEDINÝ border je na .slicewp-card-inner */
.slicewp-card-inner {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 2px solid rgba(138, 43, 226, 0.3) !important;
  border-radius: 12px !important;
  padding: 30px !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Labely - BÍLÉ PÍSMO */
#slicewp-affiliate-account-tab label,
.slicewp-form label {
  color: #fff !important;
  font-family: 'Oxanium', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* Input pole - BÍLÝ TEXT */
#slicewp-affiliate-account-tab input[type='text'],
#slicewp-affiliate-account-tab input[type='email'],
#slicewp-affiliate-account-tab input[type='url'],
.slicewp-form input[type='text'],
.slicewp-form input[type='email'],
.slicewp-form input[type='url'] {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 2px solid rgba(138, 43, 226, 0.3) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  color: #fff !important;
  font-family: 'Oxanium', sans-serif !important;
  font-size: 15px !important;
  width: 100% !important;
  transition: all 0.3s ease !important;
}

/* Input focus */
#slicewp-affiliate-account-tab input:focus,
.slicewp-form input:focus {
  outline: none !important;
  border-color: rgba(138, 43, 226, 0.8) !important;
  box-shadow: 0 0 15px rgba(138, 43, 226, 0.4) !important;
  background: rgba(255, 255, 255, 0.15) !important;
}

/* Input placeholder */
#slicewp-affiliate-account-tab input::placeholder,
.slicewp-form input::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
  font-family: 'Oxanium', sans-serif !important;
}

/* Field wrapper */
.slicewp-field-wrapper {
  margin-bottom: 20px !important;
}

/* BUTTON */
#slicewp-affiliate-account-tab
  > div.slicewp-tab.slicewp-active
  > form
  > button {
  font-family: 'Oxanium', sans-serif;
  font-weight: 400;
  padding: 15px 20px;
  letter-spacing: 0.5px;
  border-radius: 6px;
  border: none;
  transition: all 0.3s ease;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

#slicewp-affiliate-account-tab
  > div.slicewp-tab.slicewp-active
  > form
  > button:hover {
  background-color: #9b6dff;
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.3);
  transform: translateY(-3px);
}