/* Start custom CSS for shortcode, class: .elementor-element-9d09cd9 */Alireza Anari, [1405/07/30 12:35 عـصـر]
/* SABALED — Green Community Theme */

.sbl-forum {
    --sbl-green: #198754;
    --sbl-green-dark: #116b42;
    --sbl-green-light: #eaf7ef;
    --sbl-text: #303b35;
    --sbl-muted: #89928c;
    --sbl-border: #e7eee9;

    direction: rtl;
    color: var(--sbl-text);
    font-family: inherit;
    line-height: 1.8;
    margin: 24px 0;
}

.sbl-forum,
.sbl-forum * {
    box-sizing: border-box;
}

/* عنوان اصلی */

.sbl-forum .sbl-forum-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 20px 22px;
    margin-bottom: 20px;
    border: 1px solid #dceee2;
    border-radius: 12px;
    background: linear-gradient(120deg, #f5fcf7, #e7f5eb);
}

.sbl-forum .sbl-forum-heading h2 {
    margin: 0;
    color: #176c40;
    font-size: 23px;
    font-weight: 800;
}

.sbl-forum .sbl-forum-heading a {
    padding: 7px 12px;
    border: 1px solid #c8e3d1;
    border-radius: 7px;
    color: var(--sbl-green-dark) !important;
    font-size: 12px;
    transition: .2s ease;
}

.sbl-forum .sbl-forum-heading a:hover {
    background: var(--sbl-green);
    color: #fff !important;
}

/* سه ستون */

.sbl-forum .sbl-forum-columns {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
}

/* بدنه ستون */

.sbl-forum .sbl-forum-column {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--sbl-border);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 14px rgba(24, 70, 43, .035);
    transition: border-color .2s, box-shadow .2s;
}

.sbl-forum .sbl-forum-column:hover {
    border-color: #c9e4d2;
    box-shadow: 0 6px 20px rgba(24, 70, 43, .07);
}

/* عنوان ستون */

.sbl-forum .sbl-forum-column-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 14px 13px;
    border-bottom: 1px solid #e1eee5;
    background: #f5fbf6;
}

.sbl-forum .sbl-forum-column-head h3 {
    margin: 0;
    color: #176c40;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.7;
}

/* دکمه به‌روزرسانی */

.sbl-forum .sbl-forum-refresh {
    padding: 4px 7px;
    border: 1px solid #d9eade;
    border-radius: 5px;
    background: #fff;
    color: #43845b;
    font-family: inherit;
    font-size: 11px;
    cursor: pointer;
}

.sbl-forum .sbl-forum-refresh:hover {
    background: var(--sbl-green);
    color: #fff;
}

/* ردیف تاپیک */

.sbl-forum .sbl-forum-row {
    display: flex;
    gap: 9px;
    padding: 13px 11px;
    border-bottom: 1px solid #edf1ee;
    transition: background .18s;
}

.sbl-forum .sbl-forum-row:last-child {
    border-bottom: 0;
}

.sbl-forum .sbl-forum-row:hover {
    background: #f8fcf9;
}

.sbl-forum .sbl-forum-avatar {
    flex: 0 0 33px;
}

.sbl-forum .sbl-forum-avatar-img {
    display: block;
    width: 33px;
    height: 33px;
    border: 1px solid #dcebe0;
    border-radius: 50%;
    object-fit: cover;
}

.sbl-forum .sbl-forum-row-main {
    flex: 1;
    min-width: 0;
}

.sbl-forum .sbl-forum-title-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.sbl-forum .sbl-forum-topic-title {
    color: #303b35 !important;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.9;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.sbl-forum .sbl-forum-topic-title:hover {
    color: var(--sbl-green) !important;
}

.sbl-forum .sbl-forum-excerpt {
    margin: 4px 0 6px;
    color: #77817a;
    font-size: 12px;
    line-height: 1.8;
}

.sbl-forum .sbl-forum-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 3px 8px;
    color: var(--sbl-muted);
    font-size: 10px;
    line-height: 1.8;
}

.sbl-forum .sbl-forum-read {
    display: inline-block;
    margin-top: 4px;
    color: var(--sbl-green) !important;
    font-size: 11px;
    font-weight: 700;
}

.sbl-forum .sbl-forum-read:hover {
    color: var(--sbl-green-dark) !important;
}

/* برچسب‌ها */

Alireza Anari, [1405/07/30 12:35 عـصـر]
.sbl-forum .sbl-forum-tag {
    padding: 1px 6px;
    border-radius: 4px;
    background: #edf7f0;
    color: #31804e;
    font-size: 10px;
    font-weight: 700;
}

.sbl-forum .sbl-forum-tag-hot {
    background: #fff3df;
    color: #a36a16;
}

/* پایین ستون */

.sbl-forum .sbl-forum-column-foot {
    padding: 11px 13px;
    border-top: 1px solid #e7eee9;
    background: #fbfdfb;
    font-size: 12px;
    font-weight: 700;
}

.sbl-forum .sbl-forum-column-foot a {
    color: var(--sbl-green) !important;
}

.sbl-forum .sbl-forum-column-foot a:hover {
    color: var(--sbl-green-dark) !important;
}

/* فرم‌ها */

.sbl-forum .sbl-forum-submit {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid var(--sbl-border);
    border-radius: 10px;
    background: #fff;
}

.sbl-forum .sbl-forum-submit summary {
    color: var(--sbl-green-dark);
    font-weight: 800;
    cursor: pointer;
}

.sbl-forum .sbl-forum-form {
    display: grid;
    gap: 12px;
    margin-top: 15px;
}

.sbl-forum .sbl-forum-form label {
    display: grid;
    gap: 5px;
    font-size: 13px;
}

.sbl-forum .sbl-forum-form input,
.sbl-forum .sbl-forum-form textarea,
.sbl-forum .sbl-forum-form select {
    width: 100%;
    max-width: 100%;
    padding: 10px 12px;
    border: 1px solid #dce6de;
    border-radius: 6px;
    background: #fff;
    color: var(--sbl-text);
    font: inherit;
    font-size: 13px;
}

.sbl-forum .sbl-forum-form input:focus,
.sbl-forum .sbl-forum-form textarea:focus,
.sbl-forum .sbl-forum-form select:focus {
    outline: none;
    border-color: var(--sbl-green);
    box-shadow: 0 0 0 3px rgba(25, 135, 84, .1);
}

.sbl-forum .sbl-forum-form button {
    width: max-content;
    padding: 10px 18px;
    border: 0;
    border-radius: 6px;
    background: var(--sbl-green);
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s;
}

.sbl-forum .sbl-forum-form button:hover {
    background: var(--sbl-green-dark);
}

/* پاسخ‌ها */

.sbl-forum .sbl-forum-reply {
    padding: 16px 0;
    border-bottom: 1px solid var(--sbl-border);
}

.sbl-forum .sbl-forum-reply-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.sbl-forum .sbl-forum-reply-meta img {
    border-radius: 50%;
}

.sbl-forum .sbl-forum-reply-meta time {
    margin-right: auto;
    color: var(--sbl-muted);
    font-size: 11px;
}

.sbl-forum .sbl-forum-vote {
    padding: 6px 10px;
    border: 1px solid #cfe5d5;
    border-radius: 6px;
    background: #f3faf5;
    color: var(--sbl-green-dark);
    font: inherit;
    font-size: 12px;
    cursor: pointer;
}

.sbl-forum .sbl-forum-vote:hover {
    background: var(--sbl-green);
    color: #fff;
}

.sbl-forum .sbl-forum-empty {
    padding: 18px 12px;
    color: var(--sbl-muted);
    font-size: 12px;
    text-align: center;
}

/* تبلت */

@media (max-width: 1024px) {
    .sbl-forum .sbl-forum-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .sbl-forum .sbl-forum-column:last-child {
        grid-column: 1 / -1;
    }
}

/* موبایل */

@media (max-width: 640px) {
    .sbl-forum .sbl-forum-heading {
        align-items: flex-start;
        flex-direction: column;
        padding: 17px;
    }

    .sbl-forum .sbl-forum-heading h2 {
        font-size: 20px;
    }

    .sbl-forum .sbl-forum-columns {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .sbl-forum .sbl-forum-column:last-child {
        grid-column: auto;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-18fe967 *//* استایل سفارشی گفتگوی عمومی صباLED
   قابل قرار دادن در: نمایش > سفارشی‌سازی > CSS اضافی یا Woodmart > Custom CSS */

/* قاب و فضای کلی */
.tgc-chat{
  --tgc-accent:#12845f;
  --tgc-bg:#f5faf7;
  --tgc-ink:#173b2c;
  --tgc-muted:#6c8377;
  max-width:1100px;
  height:clamp(560px,78vh,820px);
  border:1px solid #dcebe2;
  border-radius:26px;
  box-shadow:0 18px 55px rgba(20,75,49,.09);
}

/* معرفی سئویی بالای چت */
.tgc-community-intro{
  max-width:1100px;
  margin:0 auto 24px;
  padding:clamp(22px,4vw,42px);
  border:1px solid #dcebe3;
  border-radius:26px;
  background:linear-gradient(135deg,#f1faf5 0%,#fff 58%,#e8f7ef 100%);
  color:#18352c;
  text-align:right;
  direction:rtl;
}
.tgc-community-intro .tgc-eyebrow{
  display:inline-flex;
  padding:6px 12px;
  border-radius:999px;
  background:#16876514;
  color:#12845f;
  font-size:13px;
  font-weight:700;
}
.tgc-community-intro h1{
  margin:14px 0 10px;
  color:#163c2d;
  font-size:clamp(24px,3.2vw,36px);
  line-height:1.55;
  font-weight:800;
}
.tgc-community-intro p{
  max-width:850px;
  margin:0;
  color:#587267;
  font-size:15px;
  line-height:2;
}
.tgc-intro-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.tgc-intro-points span{
  padding:7px 12px;
  border:1px solid #d8e9df;
  border-radius:12px;
  background:#fff;
  color:#386451;
  font-size:12px;
}

/* هدر چت */
.tgc-chat .tgc-head{
  border-color:#ffffff;
  box-shadow:0 8px 24px rgba(24,65,45,.07);
}
.tgc-chat .tgc-brand{border-radius:14px}
.tgc-chat .tgc-heading b{font-weight:800}

/* حباب‌های پیام */
.tgc-chat .tgc-bubble{
  border-radius:18px;
  box-shadow:0 3px 12px rgba(25,60,42,.055);
}
.tgc-chat .tgc-msg.mine .tgc-bubble{
  background:linear-gradient(135deg,#168765,#0e7050);
}
.tgc-chat .tgc-avatar{box-shadow:0 2px 7px rgba(0,0,0,.08)}

/* کادر نوشتن */
.tgc-chat .tgc-compose{
  border-color:#e1eee6;
  box-shadow:0 8px 26px rgba(23,59,42,.10);
}
.tgc-chat .tgc-send{background:linear-gradient(135deg,#168765,#0e7050)}
.tgc-chat .tgc-send:hover{filter:brightness(1.06)}

/* قفل ارسال پیام برای مهمان */
.tgc-chat .tgc-locked{
  background:rgba(248,252,249,.96);
  border:1px solid rgba(220,235,226,.9);
  backdrop-filter:blur(10px);
}
.tgc-chat .tgc-lock-icon{
  width:48px;height:48px;border-radius:16px;
  background:#16876518;
}
.tgc-chat .tgc-locked strong{font-size:16px;font-weight:800}
.tgc-chat .tgc-login-link{
  background:#12845f;color:#fff;
  transition:transform .18s ease,filter .18s ease;
}
.tgc-chat .tgc-register-link{
  border:1px solid #cde2d6;color:#12845f;background:#fff;
}
.tgc-chat .tgc-locked a:hover{transform:translateY(-1px);filter:brightness(.98)}

/* حالت تیره */
.tgc-chat.tgc-dark{border-color:#34483e;box-shadow:0 18px 55px rgba(0,0,0,.18)}
.tgc-chat.tgc-dark .tgc-locked{background:rgba(27,43,35,.96);color:#edf7f1;border-color:#ffffff1c}
.tgc-chat.tgc-dark .tgc-locked small{color:#a2b7ac}
.tgc-chat.tgc-dark .tgc-register-link{background:#24362e;color:#b9e4ce;border-color:#40584a}

@media(max-width:600px){
  .tgc-community-intro{margin-bottom:16px;border-radius:18px;padding:22px 18px}
  .tgc-community-intro p{font-size:14px}
  .tgc-intro-points{gap:6px}
  .tgc-chat{height:78dvh;min-height:500px;border-radius:18px}
}/* End custom CSS */