/* css/poptavka-tasks.css */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600&display=swap');

:root{
  --accent:#22A0A0;
  --accent-green:#27ae60;
  --text:#333;
  --text-light:#666;
  --danger:#d00;
  --border:#e2e4e8;
  --radius:8px;
}

html,body,button,input {
  font-family:'Baloo 2',system-ui,sans-serif;
  color:var(--text);
  font-size:14px;
}

/* Detail úkolů */
.poptavka-tasks {
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:0 2px 6px rgba(0,0,0,.04);
  padding:20px;
  margin-bottom:32px;
}
.pt-h {
  margin:0 0 16px;
  font-size:18px!important;
}
.pt-form {
  display:flex;
  gap:10px;
  margin-bottom:16px;
}
.pt-form input,
.pt-form button {
  padding:10px;
  border:1px solid #ccc;
  border-radius:6px;
}
.pt-form input[name=title] {
  flex:1;
}
.pt-form button {
  cursor:pointer;
  background:var(--accent);
  color:#fff;
  border:none;
}
.pt-form button:hover {
  background:#1d8f8f;
}
.pt-list {
  list-style:none;
  margin:0;
  padding:0;
}
.pt-list li {
  padding:5px 10px;
  margin-bottom:10px;
  border:1px solid var(--border);
  border-left:4px solid var(--accent);
  border-radius:6px;
  background:#fafafa;
  display:flex;
  flex-direction:column;
}
.pt-list li:last-child {
  margin-bottom:0;
}
.pt-list li a {
  text-decoration:none;
  color:#000;
}
.pt-list li:hover {
  background:#f3fbfb;
}
.pt-list li.done {
  background:#eef8ef;
  border-left-color:var(--accent-green);
}
.pt-list li.overdue {
  border-left-color:var(--danger);
}
.pt-parent {
  display:block;
  font-size:11px;
  font-weight:500;
  color:var(--text-light);
  line-height:1.2;
}
.pt-title {
  display:block;
  font-size:15px;
  font-weight:700;
  margin-top:2px;
  line-height:1.25;
}
.pt-meta {
  display:block;
  align-items:center;
  gap:10px;
  margin-top:0px;
}
.pt-dt {
  margin-left:auto;
  font-size:12px;
  color:var(--text-light);
}
.pt-btn {
  background:none;
  border:1px solid var(--border);
  border-radius:4px;
  padding:2px 8px;
  font-size:14px;
  cursor:pointer;
  transition:.2s;
}
.pt-btn:hover {
  background:var(--accent);
  color:#fff;
  border-color:var(--accent);
}
.pt-btn.pt-delete:hover {
  background:var(--danger);
  border-color:var(--danger);
}
@keyframes pulse {
  0% { transform:scale(.2); }
  70% { transform:scale(1.3); }
  100% { transform:scale(1); }
}
.pt-toggle.pulse {
  animation:pulse .4s ease-out;
}
.pt-empty {
  text-align:center;
  font-style:italic;
  color:var(--text-light);
  margin:6px 0;
}

/* Inline edit */
.pt-inp-title {
  flex:1;
  padding:6px;
  border:1px solid var(--border);
  border-radius:4px;
}
.pt-inp-date,
.pt-inp-time {
  padding:4px;
  border:1px solid var(--border);
  border-radius:4px;
  font-size:12px;
}
.pt-save {
  color:#fff;
  background:var(--accent);
}
.pt-cancel {
  color:#fff;
  background:var(--danger);
}

/* Kalendář */
.poptavka-calendar {
  margin-bottom:32px;
}
.pt-cal-nav {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:24px;
  margin-bottom:22px;
}
.pt-nav-label {
  font-size:18px;
  font-weight:700;
  text-transform:uppercase;
}
.pt-nav-btn {
  width:36px;
  height:36px;
  display:flex;
  justify-content:center;
  align-items:center;
  border:none;
  border-radius:50%;
  background:var(--accent);
  color:#fff;
  font-size:18px;
  cursor:pointer;
  transition:.2s;
}
.pt-nav-btn:hover {
  background:#1d8f8f;
}
.pt-cal-grid {
  display:flex;
  gap:40px;
  align-items:flex-start;
  position:relative;
}
.pt-cal-grid:before {
  content:'';
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:1px;
  background:var(--border);
  transform:translateX(-50%);
}
.pt-day-head {
  font-size:16px;
  font-family:'Baloo 2';
  text-transform:uppercase;
  text-align:center;
  margin:0 0 14px;
  padding-bottom:6px;
  border-bottom:1px solid #f1f1f1;
}
.poptavka-calendar .pt-list li {
  display:grid!important;
  grid-template-columns:80% 20%;
  align-items:center;
}
.pt-box {
  flex:1 1 340px;
}
.pt-box .pt-list {
  max-height:420px;
  overflow-y:auto;
  padding-right:4px;
}
.pt-box .pt-list::-webkit-scrollbar {
  width:6px;
}
.pt-box .pt-list::-webkit-scrollbar-thumb {
  background:#ccc;
  border-radius:3px;
}
@media(max-width:850px) {
  .pt-cal-grid {
    flex-direction:column;
  }
  .pt-cal-grid:before {
    display:none;
  }
}

/* Minimalistické úpravy */
.poptavka-tasks,
.poptavka-calendar {
  font-size:12px;
  line-height:1.3;
}
.poptavka-tasks .pt-list li,
.poptavka-calendar .pt-list li {
  padding:6px 8px;
  margin-bottom:8px;
  border-radius:4px;
}
.pt-title,
.pt-dt {
  font-size:11px;
}
.pt-meta {
  gap:6px;
}
.pt-parent,
.pt-icons .pt-edit,
.pt-icons .pt-delete {
  display:inline-block;
}
.pt-form input,
.pt-form button {
  font-size:12px;
  padding:6px;
  border-radius:4px;
}

/* Zakázat přidávání, když stav_poptavky = Čeká na vytěžení */
.poptavka-tasks[data-stav*="Čeká na vytěžení"] .pt-form {
  display:none;
}

/* Inline edit ‒ zrušit odkaz při editaci */
.pt-list li.editing .pt-title a {
  pointer-events:none;
  cursor:default;
}


/* --- Nové styly pro popup a ikonu --- */

/* Popup overlay a container */
.poptavka-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

.poptavka-popup-close {
	float: right;
}

.poptavka-popup-container {
  background: #fff;
  padding: 24px;
  border-radius: 8px;
  max-width: 800px!important;
  width: 90%;
  max-height: 90%;
  overflow-y: auto;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Popup header */
.poptavka-popup h2 {
  margin: 0 0 16px!important;
  font-size: 20px!important;
  font-weight: 600!important;
  font-family: 'Baloo 2', system-ui, sans-serif!important;
  color: var(--accent)!important;
}

/* Seznam v popupu */
.poptavka-popup .pt-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.poptavka-popup .pt-list li {
  margin-bottom: 8px;
}

/* Tlačítko ikony pro otevření popupu */
.poptavka-tasks-icon {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  font-size: 14px;
  color: var(--text);
}
.poptavka-tasks-icon::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://portal.webfusion.cz/wp-content/plugins/wbf-tasky-v2/assets/subttasks.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.poptavka-tasks-icon .pt-count {
  font-size: 10px;
  color: #000;
}

/* Scrollbar v popupu */
.poptavka-popup-container::-webkit-scrollbar {
  width: 6px;
}
.poptavka-popup-container::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 3px;
}