/* TechniqueHow edu.pl checker v8 - flat inputs, no visible borders, custom select arrow */
.th-edupl-wrapper { width:100%; box-sizing:border-box; padding:24px 16px; }
.th-edupl-card {
  max-width:1100px;
  margin:0 auto;
  background: linear-gradient(180deg,#ffffff,#fbfdff);
  border-radius:16px;
  box-shadow:0 18px 50px rgba(11,102,255,0.06);
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:18px;
  border:1px solid rgba(11,102,255,0.03);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* layout */
.th-edupl-body { display:flex; flex-direction:column; gap:16px; }

.th-input-row { display:flex; gap:12px; align-items:center; }
/* input group so clear button overlays */
.th-input-group { position:relative; flex:1; }
.th-input-group input {
  width:100%;
  padding:14px 48px 14px 18px; /* room for clear button */
  height:54px;
  border-radius:14px;
  border:0;
  background: linear-gradient(180deg,#fbfdff,#eef6ff);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 6px 20px rgba(13,76,162,0.02);
  font-size:15px;
  transition: transform .08s ease, box-shadow .12s ease, background .12s ease;
  outline:none;
}
.th-input-group input:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(11,102,255,0.06); }
.th-input-group input:focus { box-shadow: 0 22px 48px rgba(11,102,255,0.10); transform: translateY(-3px); background:#fff; }

/* clear button */
.th-clear {
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  background:transparent;
  border:0;
  width:36px;
  height:36px;
  border-radius:50%;
  font-size:18px;
  color:#0b66ff;
  cursor:pointer;
  display:none;
  align-items:center;
  justify-content:center;
  transition: background .12s ease, transform .08s ease;
}
.th-clear:hover { background:rgba(11,102,255,0.06); transform:translateY(-50%) scale(1.04); }

/* select wrap: flat background, custom arrow */
.th-select-wrap {
  position:relative;
  width:160px;
  height:54px;
  border-radius:14px;
  background: linear-gradient(180deg,#fbfdff,#f7fbff);
  box-shadow: 0 6px 20px rgba(11,102,255,0.03);
  display:flex;
  align-items:center;
  padding-right:12px;
  overflow:hidden;
}
.th-select-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:0;
  background:transparent;
  padding:12px;
  height:100%;
  width:100%;
  font-size:15px;
  outline:none;
  cursor:pointer;
}
.th-select-wrap .th-select-arrow {
  position:absolute;
  right:12px;
  width:18px;
  height:18px;
  pointer-events:none;
  background:linear-gradient(180deg,#0b66ff,#0047b3);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M7 10l5 5 5-5z"/></svg>') center/contain no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M7 10l5 5 5-5z"/></svg>') center/contain no-repeat;
  border-radius:4px;
  box-shadow: 0 6px 18px rgba(11,102,255,0.08);
}

/* button */
.th-btn {
  background: linear-gradient(90deg,#7c4dff,#0b66ff);
  color:#fff;
  border:none;
  padding:14px 22px;
  height:54px;
  border-radius:14px;
  cursor:pointer;
  font-weight:900;
  letter-spacing:0.2px;
  box-shadow: 0 18px 40px rgba(11,102,255,0.14);
  transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
  min-width:140px;
}
.th-btn:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 24px 60px rgba(11,102,255,0.18); }
.th-btn:disabled { opacity:0.6; cursor:default; transform:none; box-shadow:none; }

/* Result professional */
.th-result { padding:20px; border-radius:14px; min-height:72px; font-size:16px; display:flex; flex-direction:column; gap:10px; justify-content:center; }
.th-result .status { font-size:22px; font-weight:900; letter-spacing:0.3px; }
.th-result.available { background: linear-gradient(90deg,#ecfdf5, #f0fff7); color:#065f46; border:1px solid #bbf7d0; box-shadow: 0 10px 30px rgba(5,95,70,0.04); }
.th-result.taken { background: linear-gradient(90deg,#fff7f0, #fff9f5); color:#7c2d12; border:1px solid #ffedd5; box-shadow: 0 10px 30px rgba(124,45,18,0.03); }
.th-result .message { font-size:15px; color:#334155; }

/* affiliate box centered, wider, margin-top */
.th-affiliate { display:flex; justify-content:center; margin-top:18px; }
.th-affiliate .th-register { display:inline-block; padding:14px 28px; border-radius:14px; background:linear-gradient(90deg,#ff6b6b,#ff3b88); color:#fff; text-decoration:none; font-weight:900; min-width:300px; text-align:center; box-shadow:0 22px 60px rgba(255,59,136,0.14); }

@media (max-width:820px) {
  .th-input-row { flex-direction:column; align-items:stretch; }
  .th-select-wrap { width:100%; height:54px; }
  .th-btn { width:100%; }
  .th-affiliate .th-register { width:100%; min-width:unset; }
  .th-clear { right:10px; }
}