@keyframes fob-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fob-spinner{animation:fob-spin 1s linear infinite;display:inline-block;height:1rem;margin-right:.5rem;vertical-align:middle;width:1rem}.fob-comment-title{font-size:30px;font-weight:600;margin-bottom:1.5rem}.fob-comment-item-inner{display:flex;margin-bottom:2.5rem}.fob-comment-item-avatar{margin-inline-end:20px}.fob-comment-item-avatar img{border-radius:50%;width:60px}.fob-comment-item-content{width:100%}.fob-comment-item-pending{color:#5e5e5e;display:block;margin-bottom:.75em}.fob-comment-item-body p{font-size:16px;margin-bottom:.75rem}.fob-comment-item-footer{align-items:center;display:flex;justify-content:space-between}.fob-comment-item-author{font-size:14px;font-weight:600;margin-bottom:0}.fob-comment-item-info{align-items:center;display:flex;gap:.75rem}.fob-comment-item-admin-badge{border-radius:5px;color:#fff;font-size:12px;padding:.2rem .5rem}.fob-comment-item-date{color:#999;font-size:14px;margin-bottom:0}.fob-comment-item-actions{align-items:center;display:flex;gap:1rem}.fob-comment-item-reply{border-bottom:1px solid #e1e1e1;color:#888}.fob-comment-item-delete,.fob-comment-item-reply{background-color:transparent;display:block;font-size:14px;font-style:italic;font-weight:400}.fob-comment-item-delete{border-bottom:1px solid #dc3545;color:#dc3545}.fob-comment-item-delete:hover{border-color:#bb2d3b;color:#bb2d3b}.fob-comment-item .fob-comment-list{margin-inline-start:2.5rem}.fob-comment-form-section{margin:3rem 0}.fob-comment-form-note{color:#888;font-size:14px;margin-bottom:1.5rem}.fob-comment-form-login-required{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.fob-comment-form-login-required .fob-comment-login-icon{color:#6c757d;height:48px;margin-bottom:1rem;width:48px}.fob-comment-form-login-required .fob-comment-login-message{color:#495057;font-size:16px;margin-bottom:1rem}.fob-comment-form-login-required .fob-comment-login-btn{align-items:center;background-color:var(--fob-primary-color,var(--primary-color,#0d6efd));border:none;border-radius:6px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:.5rem;padding:.5rem 1.5rem;text-decoration:none;transition:background-color .2s ease}.fob-comment-form-login-required .fob-comment-login-btn:hover{background-color:var(--fob-primary-color-hover,var(--primary-color-hover,#0b5ed7));color:#fff}.fob-comment-form-login-required .fob-comment-login-btn svg{height:16px;width:16px}.fob-comment-form label.required:after{color:red;content:" *"}@keyframes fob-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.fob-comment-skeleton-title{animation:fob-skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%);background-size:200% 100%;border-radius:4px;height:30px;margin-bottom:1.5rem;width:200px}.fob-comment-skeleton-item{display:flex;margin-bottom:2rem}.fob-comment-skeleton-avatar{animation:fob-skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%);background-size:200% 100%;border-radius:50%;flex-shrink:0;height:60px;margin-inline-end:20px;width:60px}.fob-comment-skeleton-content{flex:1}.fob-comment-skeleton-name{height:18px;margin-bottom:.75rem;width:120px}.fob-comment-skeleton-name,.fob-comment-skeleton-text{animation:fob-skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%);background-size:200% 100%;border-radius:4px}.fob-comment-skeleton-text{height:14px;margin-bottom:.5rem;width:100%}.fob-comment-skeleton-text.short{width:60%}.fob-comment-list-loading{padding:1rem 0}.fob-comment-form .form-check-input:checked{border-color:var(--fob-primary-color,var(--primary-color))}.fob-comment-form .form-check-input:checked,.fob-comment-item-admin-badge{background-color:var(--fob-primary-color,var(--primary-color))}.fob-btn-loading{background-color:var(--fob-primary-color-hover,var(--fob-primary-color,var(--primary-color)))!important;cursor:not-allowed;opacity:.85}.cancel-comment-reply-link{font-size:14px;margin-inline-start:1rem;text-decoration:underline}.cancel-comment-reply-link:hover{text-decoration:none}[data-bs-theme=dark] .fob-comment-item-pending{color:#c4c1c1}[data-bs-theme=dark] .fob-comment-skeleton-avatar,[data-bs-theme=dark] .fob-comment-skeleton-name,[data-bs-theme=dark] .fob-comment-skeleton-text,[data-bs-theme=dark] .fob-comment-skeleton-title{background:linear-gradient(90deg,#3a3a3a 25%,#4a4a4a 50%,#3a3a3a 75%);background-size:200% 100%}[data-bs-theme=dark] .fob-comment-form-login-required{background-color:#2d3748;border-color:#4a5568}[data-bs-theme=dark] .fob-comment-form-login-required .fob-comment-login-icon{color:#a0aec0}[data-bs-theme=dark] .fob-comment-form-login-required .fob-comment-login-message{color:#e2e8f0}


/* TP Polaris Nexus 4.3.9 integration */
.fob-comment-list-section{position:relative;width:100%;margin:0 0 26px}
.fob-comment-list-content{display:block!important}
.fob-comment-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 16px}
.fob-comment-kicker{display:block;margin:0 0 4px;color:#60a5fa;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.fob-comment-title{margin:0!important;color:var(--tp-text,#eef5ff)!important;font-size:clamp(22px,2.2vw,30px)!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.02em!important}
.fob-comment-list-count{display:grid;place-items:center;min-width:38px;height:32px;padding:0 11px;border-radius:999px;background:rgba(59,130,246,.12);border:1px solid rgba(96,165,250,.22);color:#60a5fa;font-size:12px;font-weight:800}
.fob-comment-list-wrapper{min-height:0}
.fob-comment-empty{display:flex;align-items:center;gap:16px;padding:22px;border:1px dashed var(--tp-line,#1b2a45);border-radius:16px;background:linear-gradient(145deg,rgba(13,20,32,.72),rgba(7,13,22,.54));color:var(--tp-text,#eef5ff)}
.fob-comment-empty-icon{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:14px;background:rgba(59,130,246,.12);border:1px solid rgba(96,165,250,.2);color:#60a5fa}
.fob-comment-empty-icon svg{width:24px;height:24px}
.fob-comment-empty strong{display:block;font-size:14px;font-weight:800}
.fob-comment-empty p{margin:4px 0 0;color:var(--tp-muted,#8fa0b5);font-size:12px}
.fob-comment-list-loading{display:none!important;position:absolute;left:0;right:0;bottom:-4px;height:2px;overflow:hidden;border-radius:999px;background:rgba(96,165,250,.08);z-index:2}
.fob-comment-list-loading.is-active{display:block!important}
.fob-comment-list-loading span{display:block;width:35%;height:100%;border-radius:999px;background:linear-gradient(90deg,transparent,#60a5fa,transparent);animation:fob-nexus-progress 1.1s ease-in-out infinite}
@keyframes fob-nexus-progress{0%{transform:translateX(-120%)}100%{transform:translateX(360%)}}
.fob-comment-list .fob-comment-item{position:relative;margin:0 0 12px!important;padding:18px!important;background:var(--tp-panel,#0b121c)!important;border:1px solid var(--tp-line,#1b2a45)!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,0,0,.09)}
.fob-comment-list .fob-comment-item:last-child{margin-bottom:0!important}
.fob-comment-item-inner{gap:14px!important;margin-bottom:0!important}
.fob-comment-item-avatar{margin-inline-end:0!important;flex:0 0 48px}
.fob-comment-item-avatar img{width:48px!important;height:48px!important;object-fit:cover;border:1px solid rgba(96,165,250,.18);box-shadow:0 5px 16px rgba(0,0,0,.14)}
.fob-comment-item-content{min-width:0}
.fob-comment-item-body p{margin:0 0 12px!important;color:var(--tp-text,#eef5ff)!important;font-size:14px!important;line-height:1.7!important}
.fob-comment-item-footer{padding-top:10px;border-top:1px solid rgba(148,163,184,.10);gap:14px!important}
.fob-comment-item-info{min-width:0;flex-wrap:wrap}
.fob-comment-item-author{color:var(--tp-text,#eef5ff)!important;font-size:12px!important;font-weight:800!important}
.fob-comment-item-date{color:var(--tp-muted,#8fa0b5)!important;font-size:11px!important}
.fob-comment-item-actions{gap:10px!important}
.fob-comment-item-reply,.fob-comment-item-delete{padding:5px 9px;border:1px solid var(--tp-line,#1b2a45)!important;border-radius:8px;text-decoration:none!important;font-style:normal!important;font-size:11px!important;background:rgba(255,255,255,.025)!important}
.fob-comment-item-reply{color:#60a5fa!important}
.fob-comment-item-delete{color:#f87171!important}
.fob-comment-form-section{margin:34px 0 0!important;padding:22px;border:1px solid var(--tp-line,#1b2a45);border-radius:18px;background:linear-gradient(145deg,rgba(13,20,32,.9),rgba(7,13,22,.82));box-sizing:border-box}
.fob-comment-form-section .fob-comment-title{margin-bottom:7px!important}
.fob-comment-form-note{margin:0 0 18px!important;color:var(--tp-muted,#8fa0b5)!important;font-size:12px!important;line-height:1.6}
.fob-comment-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}
.fob-comment-form>*{min-width:0}
.fob-comment-form > .row{display:contents!important;margin:0!important}
.fob-comment-form .row > [class*="col-"]{width:auto!important;max-width:none!important;padding:0!important;float:none!important}
.fob-comment-form .row > :has(textarea[name="content"]),
.fob-comment-form .row > :has(input[name="website"]),
.fob-comment-form .row > :has(input[name="cookie_consent"]),
.fob-comment-form .row > :has(.g-recaptcha),
.fob-comment-form .row > :has(button[type="submit"]),
.fob-comment-form .row > :has(input[type="submit"]){grid-column:1 / -1!important}
.fob-comment-form label,.fob-comment-form .form-label{display:block;margin:0 0 7px!important;color:var(--tp-text,#eef5ff)!important;font-size:11px!important;font-weight:700!important}
.fob-comment-form input:not([type="checkbox"]):not([type="radio"]),.fob-comment-form textarea,.fob-comment-form select{width:100%!important;box-sizing:border-box!important;min-height:44px!important;padding:11px 13px!important;border:1px solid var(--tp-line,#1b2a45)!important;border-radius:11px!important;background:var(--tp-input,#07101a)!important;color:var(--tp-text,#eef5ff)!important;font-size:13px!important;box-shadow:none!important}
.fob-comment-form textarea{min-height:128px!important;resize:vertical}
.fob-comment-form input:not([type="checkbox"]):not([type="radio"]):focus,.fob-comment-form textarea:focus,.fob-comment-form select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.12)!important}
.fob-comment-form input::placeholder,.fob-comment-form textarea::placeholder{color:#6f8097!important}
.fob-comment-form .form-check{display:flex;align-items:flex-start;gap:9px;padding:2px 0!important}
.fob-comment-form .form-check-input{margin:3px 0 0!important;flex:0 0 auto}
.fob-comment-form .form-check label{margin:0!important;color:var(--tp-muted,#8fa0b5)!important;font-size:11px!important;font-weight:500!important;line-height:1.5!important}
.fob-comment-form button[type="submit"],.fob-comment-form input[type="submit"]{justify-self:start!important;border:0!important;border-radius:11px!important;padding:11px 18px!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;color:#fff!important;font-weight:800!important;box-shadow:0 10px 28px rgba(37,99,235,.2)!important}
.fob-comment-form button[type="submit"]:hover,.fob-comment-form input[type="submit"]:hover{transform:translateY(-1px);filter:brightness(1.04)}
html.tp-light .fob-comment-title,html.tp-light .fob-comment-item-body p,html.tp-light .fob-comment-item-author{color:#0f172a!important}
html.tp-light .fob-comment-list .fob-comment-item{background:#fff!important;border-color:#dbe4ef!important;box-shadow:0 8px 24px rgba(15,23,42,.06)}
html.tp-light .fob-comment-form-section{background:linear-gradient(145deg,#fff,#f7faff);border-color:#dbe4ef}
html.tp-light .fob-comment-form input:not([type="checkbox"]):not([type="radio"]),html.tp-light .fob-comment-form textarea,html.tp-light .fob-comment-form select{background:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important}
html.tp-light .fob-comment-empty{background:linear-gradient(145deg,#fff,#f7faff);border-color:#dbe4ef}
html.tp-light .fob-comment-empty p,html.tp-light .fob-comment-form-note,html.tp-light .fob-comment-form .form-check label,html.tp-light .fob-comment-item-date{color:#64748b!important}
@media(max-width:700px){
.fob-comment-form{grid-template-columns:1fr!important}
.fob-comment-form .row > [class*="col-"]{grid-column:1 / -1!important}
.fob-comment-form-section{padding:18px!important}
.fob-comment-list .fob-comment-item{padding:14px!important}
.fob-comment-item-footer{align-items:flex-start!important;flex-direction:column!important}
.fob-comment-list-heading{align-items:flex-start}
.fob-comment-empty{align-items:flex-start}
}
