/* ═══════════════════════════════════════════════════════════
   Alborz Ghaleb — Content Classes (Soft Glass)
   
   استایل سراسری کلاس‌های glass-* — ترکیب Glassmorphism + Soft UI
   ● بلور سبک (8-12px) بجای سنگین (42px)
   ● پس‌زمینه مات (0.75-0.82) بجای شفاف (0.42)
   ● سایه‌های نرم دوگانه + inset highlight (نئومورفیک)
   ● گردی بیشتر (16-22px)
   
   @package Alborz_Ghaleb
   @since   5.16.0
   ═══════════════════════════════════════════════════════════ */

/* ── تیترها ── */
.glass-heading{position:relative;margin:30px 0 16px;line-height:1.6;color:var(--fl-primary-dark,#1B3F63);font-weight:800;font-family:inherit;text-align:start;}
.glass-heading--h1{font-size:1.6rem;}
.glass-heading--h2{font-size:1.35rem;}
.glass-heading--h3{font-size:1.15rem;}
.glass-heading--h4{font-size:1rem;}
.glass-heading--bar{padding-inline-start:14px;}
.glass-heading--bar::before{content:'';position:absolute;inset-inline-start:0;top:50%;
	transform:translateY(-50%);width:5px;height:78%;border-radius:4px;
	background:linear-gradient(180deg,var(--fl-primary,#2D5F93),var(--fl-accent,#A4B400));}
.glass-heading--underline{padding-bottom:10px;}
.glass-heading--underline::after{content:'';position:absolute;inset-inline-start:0;bottom:0;
	width:64px;height:3.5px;border-radius:4px;
	background:linear-gradient(90deg,var(--fl-accent,#A4B400),transparent);}
.glass-heading--badge{display:inline-block;padding:9px 20px;border-radius:16px;
	background:rgba(255,255,255,.80);border:1px solid rgba(255,255,255,.6);
	-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
	box-shadow:0 1px 4px rgba(0,0,0,.03),inset 0 1px 0 rgba(255,255,255,.9);}
.glass-heading--center{text-align:center;}
.glass-heading--center.glass-heading--underline::after{inset-inline-start:50%;transform:translateX(50%);}
[dir="ltr"] .glass-heading--center.glass-heading--underline::after{transform:translateX(-50%);}

/* ── پاراگراف‌ها ── */
.glass-p{margin:18px 0;line-height:2.1;color:var(--fl-text,#17212B);font-size:.95rem;text-align:start;}
.glass-p--lead{font-size:1.08rem;line-height:2.2;color:var(--fl-text-light,#64748B);font-weight:500;}
.glass-p--box{padding:18px 22px;border-radius:18px;
	background:rgba(255,255,255,.80);border:1px solid rgba(255,255,255,.6);
	-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
	box-shadow:0 1px 4px rgba(0,0,0,.03),inset 0 1px 0 rgba(255,255,255,.9);}
.glass-p--note,.glass-p--info,.glass-p--warning{
	padding:16px 20px;
	border-start-start-radius:0;border-end-start-radius:0;
	border-start-end-radius:18px;border-end-end-radius:18px;}
.glass-p--note{border-inline-start:4px solid var(--fl-accent,#A4B400);
	background:rgba(164,180,0,.07);color:var(--fl-text,#17212B);}
.glass-p--info{border-inline-start:4px solid var(--fl-primary,#2D5F93);
	background:rgba(45,95,147,.06);}
.glass-p--warning{border-inline-start:4px solid #E8A33D;
	background:rgba(232,163,61,.09);}
.glass-p--center{text-align:center;}
.glass-p--small{font-size:.84rem;color:var(--fl-text-light,#64748B);}

/* ── دکمه‌ها ── */
.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
	padding:11px 26px;border-radius:16px;font-weight:700;font-size:.9rem;
	text-decoration:none !important;cursor:pointer;line-height:1.6;
	transition:all .3s cubic-bezier(.4,0,.2,1);margin:6px 4px 6px 0;font-family:inherit;}
.glass-btn svg{flex-shrink:0;}
.glass-btn--primary{background:linear-gradient(135deg,var(--fl-primary,#2D5F93),var(--fl-primary-dark,#1B3F63));
	color:#fff !important;box-shadow:0 2px 8px rgba(45,95,147,.15),inset 0 1px 0 rgba(255,255,255,.15);}
.glass-btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(45,95,147,.2),inset 0 1px 0 rgba(255,255,255,.2);color:#fff !important;}
.glass-btn--primary:active{transform:translateY(0);box-shadow:0 1px 3px rgba(45,95,147,.15),inset 0 1px 3px rgba(0,0,0,.1);}
.glass-btn--accent{background:linear-gradient(135deg,var(--fl-accent,#A4B400),var(--fl-accent-hover,#7C8B00));
	color:#fff !important;box-shadow:0 2px 8px rgba(164,180,0,.15),inset 0 1px 0 rgba(255,255,255,.15);}
.glass-btn--accent:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(164,180,0,.2),inset 0 1px 0 rgba(255,255,255,.2);color:#fff !important;}
.glass-btn--accent:active{transform:translateY(0);box-shadow:0 1px 3px rgba(164,180,0,.15),inset 0 1px 3px rgba(0,0,0,.1);}
.glass-btn--ghost{background:rgba(255,255,255,.80);
	border:1px solid rgba(45,95,147,.2);color:var(--fl-primary,#2D5F93) !important;
	-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
	box-shadow:0 1px 3px rgba(0,0,0,.02),inset 0 1px 0 rgba(255,255,255,.9);}
.glass-btn--ghost:hover{background:rgba(45,95,147,.08);transform:translateY(-2px);
	border-color:var(--fl-primary,#2D5F93);color:var(--fl-primary-dark,#1B3F63) !important;}
.glass-btn--sm{padding:8px 18px;font-size:.8rem;border-radius:12px;}
.glass-btn--lg{padding:14px 34px;font-size:1rem;border-radius:18px;}
.glass-btn--block{display:flex;width:100%;}
.glass-btn-wrap--center{text-align:center;}

/* ── جدول ── */
.glass-table-wrap{overflow-x:auto;margin:24px 0;border-radius:20px;
	background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.6);
	-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
	box-shadow:0 1px 4px rgba(0,0,0,.03),0 4px 16px rgba(0,0,0,.02),inset 0 1px 0 rgba(255,255,255,.9);}
.glass-table{width:100%;border-collapse:collapse;font-size:.9rem;line-height:1.9;min-width:420px;}
.glass-table th{background:linear-gradient(135deg,var(--fl-primary,#2D5F93),var(--fl-primary-dark,#1B3F63));
	color:#fff;font-weight:700;padding:13px 18px;text-align:start;white-space:nowrap;}
.glass-table td{padding:12px 18px;color:var(--fl-text,#17212B);
	border-bottom:1px solid rgba(45,95,147,.08);text-align:start;}
.glass-table tr:last-child td{border-bottom:none;}
.glass-table--striped tbody tr:nth-child(even) td{background:rgba(45,95,147,.04);}
.glass-table--hover tbody tr{transition:background .25s ease;}
.glass-table--hover tbody tr:hover td{background:rgba(164,180,0,.08);}
.glass-table--center td,.glass-table--center th{text-align:center;}

/* ── FAQ ── */
.glass-faq{margin:28px 0;}
.glass-faq-title{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:800;
	color:var(--fl-primary-dark,#1B3F63);margin:0 0 16px;text-align:start;}
.glass-faq-title svg{flex-shrink:0;stroke:var(--fl-accent,#A4B400);}
.glass-faq-item{margin:0 0 12px;border-radius:18px;overflow:hidden;
	background:rgba(255,255,255,.80);border:1px solid rgba(255,255,255,.6);
	-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
	box-shadow:0 1px 3px rgba(0,0,0,.02),inset 0 1px 0 rgba(255,255,255,.9);
	transition:box-shadow .3s ease;}
.glass-faq-item[open]{box-shadow:0 2px 8px rgba(0,0,0,.03),0 8px 24px rgba(0,0,0,.02),inset 0 1px 0 rgba(255,255,255,.9);}
.glass-faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;
	padding:15px 18px;cursor:pointer;list-style:none;font-weight:700;font-size:.95rem;
	color:var(--fl-text,#17212B);user-select:none;transition:color .25s ease;text-align:start;}
.glass-faq-q::-webkit-details-marker{display:none;}
.glass-faq-q:hover{color:var(--fl-primary,#2D5F93);}
.glass-faq-item[open] .glass-faq-q{color:var(--fl-primary,#2D5F93);
	border-bottom:1px dashed rgba(45,95,147,.15);}
.glass-faq-ico{flex-shrink:0;width:26px;height:26px;border-radius:8px;display:flex;
	align-items:center;justify-content:center;background:rgba(164,180,0,.12);
	transition:transform .3s ease,background .3s ease;}
.glass-faq-ico svg{stroke:var(--fl-accent-hover,#7C8B00);}
.glass-faq-item[open] .glass-faq-ico{transform:rotate(180deg);background:var(--fl-accent,#A4B400);}
.glass-faq-item[open] .glass-faq-ico svg{stroke:#fff;}
.glass-faq-a{padding:14px 18px 18px;font-size:.9rem;line-height:2;
	color:var(--fl-text-light,#64748B);text-align:start;}
.glass-faq-a p{margin:0 0 10px;}
.glass-faq-a p:last-child{margin:0;}

/* ── موبایل ── */
@media (max-width:600px){
	.glass-heading--h1{font-size:1.35rem;}
	.glass-heading--h2{font-size:1.18rem;}
	.glass-heading--h3{font-size:1.05rem;}
	.glass-table th,.glass-table td{padding:10px 12px;font-size:.84rem;}
	.glass-faq-q{padding:13px 14px;font-size:.9rem;}
	.glass-faq-a{padding:12px 14px 15px;}
	.glass-btn{padding:10px 20px;font-size:.85rem;}
	.glass-p--box,.glass-p--note,.glass-p--info,.glass-p--warning{padding:14px 16px;}
}

/* ══ DARK MODE ══ */
.dark-mode .glass-heading{color:#dbeafe;}
.dark-mode .glass-heading--badge{background:rgba(30,41,59,.82);border-color:rgba(255,255,255,.08);
	box-shadow:0 1px 3px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.05);}
.dark-mode .glass-p{color:#e2e8f0;}
.dark-mode .glass-p--lead,.dark-mode .glass-p--small{color:#94a3b8;}
.dark-mode .glass-p--box{background:rgba(30,41,59,.82);border-color:rgba(255,255,255,.08);
	box-shadow:0 1px 3px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.05);}
.dark-mode .glass-p--note{background:rgba(196,214,0,.1);border-inline-start-color:#c4d600;color:#e2e8f0;}
.dark-mode .glass-p--info{background:rgba(96,165,250,.1);border-inline-start-color:#60a5fa;color:#e2e8f0;}
.dark-mode .glass-p--warning{background:rgba(251,191,36,.1);border-inline-start-color:#FBBF24;color:#e2e8f0;}
.dark-mode .glass-table-wrap{background:rgba(30,41,59,.82);border-color:rgba(255,255,255,.08);
	box-shadow:0 1px 3px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.05);}
.dark-mode .glass-table th{background:linear-gradient(135deg,#1e3a5f,#0f2440);}
.dark-mode .glass-table td{color:#e2e8f0;border-bottom-color:rgba(255,255,255,.07);}
.dark-mode .glass-table--striped tbody tr:nth-child(even) td{background:rgba(255,255,255,.03);}
.dark-mode .glass-table--hover tbody tr:hover td{background:rgba(196,214,0,.08);}
.dark-mode .glass-faq-title{color:#dbeafe;}
.dark-mode .glass-faq-item{background:rgba(30,41,59,.82);border-color:rgba(255,255,255,.08);
	box-shadow:0 1px 3px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.05);}
.dark-mode .glass-faq-item[open]{box-shadow:0 2px 8px rgba(0,0,0,.15),0 8px 24px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.05);}
.dark-mode .glass-faq-q{color:#f1f5f9;}
.dark-mode .glass-faq-q:hover,.dark-mode .glass-faq-item[open] .glass-faq-q{color:#93c5fd;
	border-bottom-color:rgba(255,255,255,.1);}
.dark-mode .glass-faq-a{color:#94a3b8;}
.dark-mode .glass-btn--ghost{background:rgba(30,41,59,.75);border-color:rgba(147,197,253,.3);
	color:#cbe6ff !important;}
.dark-mode .glass-btn--ghost:hover{background:rgba(147,197,253,.12);border-color:#93c5fd;color:#fff !important;}