/* ==========================================================
   Izlet na Dlani — komentarji (redesign)
   Fraunces / Figtree · canal #1E4D6B · brick #B5461F
   ========================================================== */
.single-post #comments,
.single-post .comments-area{
  --ind-ink:#15202B; --ind-muted:#5E6B78; --ind-line:#E3E8EE;
  --ind-soft:#F6F8FA; --ind-canal:#1E4D6B; --ind-canal-10:#E8EFF4;
  --ind-brick:#B5461F;
  font-family:"Figtree",system-ui,sans-serif; color:var(--ind-ink);
}

/* ---------- naslovi ---------- */
.single-post .comments-title,
.single-post #reply-title{
  font-family:"Fraunces",Georgia,serif !important; font-weight:600 !important;
  font-size:26px !important; line-height:1.2 !important; letter-spacing:-.01em;
  color:var(--ind-ink) !important; margin:0 0 6px !important; padding:0 !important;
  border:0 !important; text-transform:none !important;
}
.single-post .comments-title::before,
.single-post #reply-title::before{
  content:"Komentarji"; display:block; margin-bottom:6px;
  font:700 11px/1 "Figtree",sans-serif; letter-spacing:.12em; text-transform:uppercase;
  color:var(--ind-canal);
}
/* ko je seznam komentarjev prikazan, drugi eyebrow ni potreben */
.single-post .comments-title ~ #respond #reply-title::before{content:"Tvoje vprašanje"}
.single-post #reply-title small{display:block; margin-top:6px; font:600 13px "Figtree",sans-serif}
.single-post #reply-title small a{color:var(--ind-brick) !important; text-decoration:none}
.single-post .ind-reply-sub{margin:0 0 18px; font-size:15px; line-height:1.55; color:var(--ind-muted); max-width:60ch}

/* ---------- seznam komentarjev ---------- */
.single-post .comment-list,
.single-post .comment-list .children{list-style:none !important; margin:0 !important; padding:0 !important}
.single-post .comment-list{margin:18px 0 34px !important}
.single-post .comment-list > li{border-top:1px solid var(--ind-line); padding:18px 0 0 !important; margin:0 0 18px !important}
.single-post .comment-list > li:first-child{border-top:0; padding-top:0 !important}
.single-post .comment-list .children{margin:14px 0 0 22px !important; padding-left:18px !important; border-left:2px solid var(--ind-line)}
.single-post .comment-list .children li{margin:0 0 14px !important}
.single-post .comment-body{position:relative; padding:0 0 0 54px !important; margin:0 !important; border:0 !important; background:none !important}
.single-post .comment-author{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.single-post .comment-author .avatar{
  position:absolute; left:0; top:0; width:40px !important; height:40px !important;
  border-radius:50% !important; margin:0 !important; box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ind-line);
}
.single-post .comment-author .fn{font-style:normal; font-weight:700; font-size:15px}
.single-post .comment-author .fn a{color:inherit; text-decoration:none}
.single-post .comment-author .says{display:none}
.single-post .comment-metadata{margin-top:2px; font-size:12.5px}
.single-post .comment-metadata a{color:var(--ind-muted) !important; text-decoration:none}
.single-post .comment-metadata .edit-link{margin-left:8px}
.single-post .comment-awaiting-moderation{display:inline-block; margin-top:6px; padding:3px 8px; border-radius:6px; background:#FFF4E5; color:#8A5300; font-size:12.5px; font-style:normal}
.single-post .comment-content{margin-top:8px; font-size:15.5px; line-height:1.6}
.single-post .comment-content p{margin:0 0 8px}
.single-post .reply{margin-top:4px}
.single-post .comment-reply-link{
  display:inline-flex; align-items:center; gap:6px; padding:5px 12px; border-radius:999px;
  border:1px solid var(--ind-line); background:#fff; color:var(--ind-canal) !important;
  font:600 13px "Figtree",sans-serif; text-decoration:none !important; text-transform:none; letter-spacing:0;
}
.single-post .comment-reply-link::before{content:"↩"; font-size:12px}
.single-post .comment-reply-link:hover{background:var(--ind-canal-10); border-color:#C9D7E2}

/* odgovor avtorja strani */
.single-post .bypostauthor > .comment-body{
  background:var(--ind-canal-10) !important; border-radius:14px; padding:14px 16px 14px 70px !important;
}
.single-post .bypostauthor > .comment-body .avatar{left:16px; top:14px}
.single-post .bypostauthor > .comment-body .fn::after{
  content:"Avtor"; margin-left:8px; padding:2px 8px; border-radius:999px; vertical-align:2px;
  background:var(--ind-canal); color:#fff; font:700 10.5px/1.5 "Figtree",sans-serif; letter-spacing:.04em;
}

.single-post .no-comments{padding:14px 16px; border-radius:12px; background:var(--ind-soft); color:var(--ind-muted); font-size:14px}

/* ---------- obrazec ---------- */
.single-post #respond{margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important}
.single-post .comment-list #respond{margin:14px 0 !important}
.single-post .comment-form{
  display:grid; grid-template-columns:1fr 1fr; gap:14px 16px;
  padding:22px !important; margin:0 !important;
  background:var(--ind-soft) !important; border:1px solid var(--ind-line) !important;
  border-radius:16px !important; box-shadow:none !important;
}
.single-post .comment-form > *{grid-column:1 / -1; margin:0 !important}
.single-post .comment-form .comment-form-author{grid-column:1}
.single-post .comment-form .comment-form-email{grid-column:2}

.single-post .comment-form .logged-in-as,
.single-post .comment-form .comment-notes{font-size:13.5px; color:var(--ind-muted); line-height:1.5}
.single-post .comment-form .logged-in-as a{color:var(--ind-canal); font-weight:600; text-decoration:none}
.single-post .comment-form .required-field-message,
.single-post .comment-form .required{color:var(--ind-brick)}

.single-post .comment-form label{
  display:block; margin:0 0 6px; font:600 13px "Figtree",sans-serif; color:var(--ind-ink);
  text-transform:none; letter-spacing:0;
}
.single-post .comment-form textarea,
.single-post .comment-form input[type=text],
.single-post .comment-form input[type=email],
.single-post .comment-form input[type=url]{
  width:100% !important; box-sizing:border-box; margin:0;
  padding:12px 14px !important; border:1px solid #D3DBE3 !important; border-radius:12px !important;
  background:#fff !important; color:var(--ind-ink); box-shadow:none !important;
  font:400 15.5px/1.5 "Figtree",sans-serif; transition:border-color .15s, box-shadow .15s;
}
.single-post .comment-form textarea{min-height:130px; resize:vertical}
.single-post .comment-form ::placeholder{color:#98A3AE}
.single-post .comment-form textarea:focus,
.single-post .comment-form input:focus{
  outline:none; border-color:var(--ind-canal) !important; box-shadow:0 0 0 3px rgba(30,77,107,.15) !important;
}

.single-post .comment-form-cookies-consent{display:flex !important; align-items:flex-start; gap:10px}
.single-post .comment-form-cookies-consent input{width:18px; height:18px; margin:1px 0 0 !important; accent-color:var(--ind-canal); flex:none}
.single-post .comment-form-cookies-consent label{margin:0; font-weight:400; font-size:13.5px; color:var(--ind-muted)}

.single-post .comment-form .form-submit{display:flex; align-items:center; gap:14px; flex-wrap:wrap}
.single-post .comment-form #submit{
  display:inline-flex; align-items:center; gap:10px; cursor:pointer;
  padding:13px 22px !important; border:0 !important; border-radius:12px !important;
  background:var(--ind-canal) !important; color:#fff !important;
  font:700 15px "Figtree",sans-serif !important; text-transform:none !important; letter-spacing:0 !important;
  box-shadow:0 2px 0 rgba(15,40,56,.25); transition:transform .1s, background .15s;
}
.single-post .comment-form #submit:hover{background:#173D55 !important}
.single-post .comment-form #submit:active{transform:translateY(1px)}

.single-post .akismet_comment_form_privacy_notice{
  margin:12px 2px 0 !important; padding:0 !important; font-size:12px; line-height:1.5; color:var(--ind-muted);
}
.single-post .akismet_comment_form_privacy_notice::before{content:"🔒 "}
.single-post .akismet_comment_form_privacy_notice a{color:var(--ind-muted); text-decoration:underline}

/* ---------- telefon ---------- */
@media (max-width:640px){
  .single-post .comments-title, .single-post #reply-title{font-size:22px !important}
  .single-post .comment-form{grid-template-columns:1fr; padding:16px !important}
  .single-post .comment-form .comment-form-author,
  .single-post .comment-form .comment-form-email{grid-column:1}
  .single-post .comment-form #submit{width:100%; justify-content:center}
  .single-post .comment-list .children{margin-left:6px !important; padding-left:12px !important}
  .single-post .bypostauthor > .comment-body{padding:12px 12px 12px 62px !important}
  .single-post .bypostauthor > .comment-body .avatar{left:12px; top:12px}
}

/* Stranski padding ovoja komentarjev (#comments = .box-inner-p-bigger) poskrbi
   deal-post-v5.css z :not(#comments). Tu le popravimo float, ki ga vsili tema:
   Gridlove ima .comment-reply-title{float:right}, zato je žig "Komentarji" pristal
   na desni namesto kot uvodni nadnaslov. */
.single-post #reply-title,
.single-post .comment-reply-title{
  float:none !important;
  display:block !important;
  width:auto !important;
  text-align:left !important;
}