.fontsel-h {
	font-size:16pt;
	font-weight:500;
	margin-bottom:10px;
}

.fontsel-div {
	
}

.fontsel-button {
	cursor:pointer;
	cursor:hand;
	display:inline-block;
	width:50%;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	font-weight:500;
	background-color:#e6007e;
	color:#fff;
	text-align:center;
	border-radius:15px;
}
.fontsel-button:hover {
	background-color:#ffed00;
	color:#000;
}
.fontsel-button:active {
	background-color:#00aae4;
	color:#fff;
}



/* Font picker – light */
.font-picker { position: relative; font-size: 18px; color: #111; }
.font-picker .fp-selected{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  height:40px;padding:8px 12px;border:1px solid #ddd;border-radius:10px;
  background:#fff;color:#111;cursor:pointer;
}
.font-picker .fp-selected:hover{ border-color:#bbb; }
.font-picker .fp-selected:focus-visible{ outline:2px solid #0d6efd; outline-offset:2px; }
.font-picker .fp-caret{
  width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #666;
}
.font-picker .fp-panel{
  position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;
  background:#fff;border:1px solid #ddd;border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);display:none;max-height:300px;overflow:auto;
}
.font-picker .fp-item{
  display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;color:#111;
}
.font-picker .fp-item:hover{ background:#f6f6f6; }
.font-picker .fp-item:focus-visible{ outline:2px solid #0d6efd; outline-offset:2px; }
.font-picker .fp-sample{ min-width:42px;text-align:center;font-size:18px;line-height:1;color:#111; }
.font-picker .fp-title{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111; }

/* Preview box – light */
.preview-box{
  border:1px dashed #ccc;border-radius:10px;padding:14px;min-height:72px;
  display:flex;align-items:center;background:#fff;
  margin-top:10px;
}
.preview-text[contenteditable]{ 
	outline:none;
	white-space: pre-wrap; 
	min-width:420px;
	color:#000; 
}



#left_side_panel_text {
	overflow-y: visible !important;
}








.p24-text-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-top:8px;
}

.p24-align, .p24-bullets{
  display:flex;
  gap:6px;
}

/* align button styling (ponech si svoje) */
.p24-align-btn{
  width:38px;height:34px;
  border:1px solid #d7d7d7;
  border-radius:8px;
  background:#fff;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  padding:0;
}
.p24-align-btn:hover{ background:#f6f6f6; }
.p24-align-btn.active{
  border-color:#3b82f6;
  box-shadow:0 0 0 2px rgba(59,130,246,0.15);
}

/* 3-line icon (už máš) */
.p24-ico{
  width:18px;height:16px;
  display:flex;flex-direction:column;
  justify-content:space-between;
  pointer-events:none; /* klik vždy do button */
}
.p24-ico .l{ height:2px; background:#333; border-radius:2px; }
.p24-ico .l1{ width:100%; }
.p24-ico .l2{ width:70%; }
.p24-ico .l3{ width:55%; }
.p24-ico.center .l{ margin-left:auto; margin-right:auto; }
.p24-ico.right  .l{ margin-left:auto; }

/* bullets */
.p24-bullet-btn{
  width:38px;height:34px;
  border:1px solid #d7d7d7;
  border-radius:8px;
  background:#fff;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  padding:0;
}
.p24-bullet-btn:hover{ background:#f6f6f6; }
.p24-bullet-btn:active{ transform:translateY(1px); }

.p24-bullet-ico{
  font-size:18px;
  line-height:1;
  pointer-events:none; /* klik vždy do button */
}
.p24-bullet-btn .round {
	position:relative;top:2px;
}

/* preview align třídy (už jsme řešili) */
.preview-text{ width:100%; white-space:pre-wrap; }
.preview-text.align-left{ text-align:left; }
.preview-text.align-center{ text-align:center; }
.preview-text.align-right{ text-align:right; }