/* فایل: assets/style.css */
/* Premium Final Version - V21 (Stock Display) */

.chartix-final-premium {
    --success-color: #008a6e;
    --danger-color: #d63031;
    --text-dark: #1e1e1e;
    --text-light: #667085;
    --border-color: #eaecef;
    --bg-neutral: #f9fafb;
    
    font-family: inherit;
    direction: rtl;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    border: 1px solid var(--border-color);
    max-width: 100%;
    margin: 25px 0;
    overflow: hidden;
    color: var(--text-dark);
}

.chartix-final-premium * { box-sizing: border-box; }
.chartix-header-v11 { display: flex; justify-content: space-between; align-items: center; padding: 25px 35px; background-color: var(--bg-neutral); border-bottom: 3px solid var(--border-color); }
.chartix-symbol-info { display: flex; flex-direction: column; gap: 4px; }
div.chartix-final-premium h2.chartix-symbol-title { margin: 0 !important; padding: 0 !important; line-height: 1.1 !important; color: var(--text-dark) !important; }
div.chartix-final-premium h2.chartix-symbol-title .brs-symbol-name-text { font-size: 24px !important; font-weight: 900 !important; color: var(--text-dark) !important; }
.chartix-company-name { font-size: 1.1rem; color: var(--text-light); font-weight: 500; }
.chartix-price-summary { text-align: right; padding: 15px 0; min-width: 250px; }
.chartix-price-wrapper { display: flex; flex-direction: column; align-items: flex-end; }
.chartix-current-price { font-size: 2.5rem; font-weight: 900; display: flex; align-items: baseline; justify-content: flex-end; gap: 10px; line-height: 1; }
.chartix-currency { font-size: 1.1rem; color: var(--text-light); font-weight: 600; }
.chartix-change-badge-v11 { display: inline-flex; align-items: center; justify-content: center; padding: 6px 14px; border-radius: 8px; font-size: 1.1rem; font-weight: 800; margin-top: 10px; direction: ltr; }
.change-icon::before { content: ''; width: 0; height: 0; border-style: solid; margin-right: 7px; }
.color-up { background-color: rgba(0, 138, 110, 0.1); color: var(--success-color); }
.color-down { background-color: rgba(214, 48, 49, 0.1); color: var(--danger-color); }
.color-neutral { background-color: #e9ecef; color: #6c757d; }
.color-up .change-icon::before { border-width: 0 5px 8px 5px; border-color: transparent transparent var(--success-color) transparent; }
.color-down .change-icon::before { border-width: 8px 5px 0 5px; border-color: var(--danger-color) transparent transparent transparent; }
.text-up { color: var(--success-color); }
.text-down { color: var(--danger-color); }
.chartix-queue-header { padding: 15px 35px; background-color: #fff; border-bottom: 1px solid var(--border-color); }
.queue-label { font-size: 0.9rem; color: var(--text-light); margin-bottom: 8px; font-weight: 500; }
.queue-box { display: flex; justify-content: space-between; align-items: center; }
.queue-item { display: flex; flex-direction: column; align-items: center; flex: 1; padding: 0 15px; }
.queue-item span:first-child { font-size: 1.1rem; font-weight: 800; margin-bottom: 2px; }
.queue-item small { font-size: 0.8rem; color: #999; }
.buy-queue { color: var(--success-color); }
.sell-queue { color: var(--danger-color); }
.chartix-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background-color: var(--border-color); }
.chartix-stat-item { background-color: #fff; padding: 20px 25px; display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid var(--border-color); line-height: 1.3; }
.chartix-stat-item:hover { background-color: #fcfcfc; }
.chartix-label { font-size: 0.85rem; color: var(--text-light); margin-bottom: 6px; font-weight: 500; }
.chartix-value { font-size: 1.25rem; font-weight: 800; color: var(--text-dark); }
.chartix-footer { padding: 15px 35px; background: var(--bg-neutral); font-size: 0.9rem; color: var(--text-light); display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--border-color); }
.status-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: var(--success-color); margin-left: 7px; vertical-align: middle; box-shadow: 0 0 5px var(--success-color); }

@media (max-width: 992px) {
    .chartix-grid { grid-template-columns: repeat(2, 1fr); }
    .chartix-grid .chartix-stat-item:nth-child(8) { grid-column: span 2; }
    .chartix-grid .chartix-stat-item:nth-child(12) { grid-column: span 2; }
}
@media (max-width: 576px) {
    div.chartix-final-premium h2.chartix-symbol-title .brs-title-desktop { display: none !important; }
    div.chartix-final-premium h2.chartix-symbol-title .brs-title-mobile { display: block !important; }
    div.chartix-final-premium h2.chartix-symbol-title .brs-title-mobile { font-size: 1.3rem !important; font-weight: 900 !important; color: var(--text-dark) !important; }
    .chartix-header-v11 { display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding: 15px 20px; }
    .chartix-symbol-info { align-items: flex-start; border-bottom: none; }
    .chartix-price-summary { min-width: unset; padding: 0; }
    .chartix-price-wrapper { align-items: flex-end; width: 100%; border-top: none; padding-top: 0; }
    .chartix-company-name { font-size: 0.9rem; }
    .chartix-current-price { justify-content: flex-end; font-size: 1.8rem; }
    .chartix-currency { font-size: 0.9rem; }
    .chartix-change-badge-v11 { font-size: 0.9rem; padding: 4px 10px; margin-top: 5px; }
    .chartix-queue-header { padding: 15px 20px; }
    .chartix-grid { grid-template-columns: repeat(2, 1fr); }
    .chartix-grid .chartix-stat-item { grid-column: span 1 !important; padding: 15px 15px; }
    .chartix-value { font-size: 1.1rem; }
    .chartix-footer { flex-direction: column; align-items: flex-start; gap: 8px; padding: 10px 20px; }
}
@media (min-width: 577px) {
    div.chartix-final-premium h2.chartix-symbol-title .brs-title-mobile { display: none !important; }
}

/* استایل‌های Compound Calculator */
.compound-calc-wrapper table { border-radius: 8px; overflow: hidden; border: 1px solid #ddd; table-layout: auto; }
.compound-calc-wrapper table thead th { background: #01193d; color: white; border-color: #01193d !important; font-weight: 500;}
.compound-calc-wrapper table tbody tr:nth-child(even) { background-color: #f7f7f7; }
.compound-calc-wrapper table tbody tr td { padding: 8px 10px; border: 1px solid #eee; text-align: center; }
.compound-calc-wrapper table tbody tr td.num { direction: ltr; font-weight: bold; text-align: left; }
@media (max-width: 650px) {
    .compound-calc-wrapper { max-width: 100% !important; margin-left: 10px !important; margin-right: 10px !important; padding: 15px !important; }
}

/* استایل‌های Coin Bubble */
.shgc-coin-bubble-wrapper .shgc-tab-btn.active { background:#01193d !important; color:white !important; box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important; border: none !important; }
.shgc-coin-bubble-wrapper .shgc-tab-btn:not(.active) { background:#e3f2fd; color:#01193d; border:1px solid #c0e1ff; }
.shgc-coin-bubble-wrapper input[type="text"] { border: none; outline: none; padding: 0; background: transparent; text-align: left; font-family: inherit; }
.shgc-coin-bubble-wrapper .shgc-data-item { width: 100% !important; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; }
.shgc-real-price-box, .shgc-bubble-display-box { flex-direction: column !important; align-items: center !important; text-align: center; }
@media (max-width: 650px) { 
    .shgc-coin-bubble-wrapper .shgc-tabs { justify-content: space-between; gap: 5px; }
    .shgc-coin-bubble-wrapper .shgc-tab-btn { padding: 7px 10px !important; font-size: 13px !important; flex-basis: calc(50% - 3px); min-width: 0; }
    .shgc-coin-bubble-wrapper input[type="text"] { font-size: 14px !important; }
    .shgc-coin-bubble-wrapper .shgc-data-item span { font-size: 14px !important; flex-shrink: 1; word-break: break-word; }
    .shgc-real-price-box div#shgc-real-price, .shgc-bubble-display-box div#shgc-bubble { font-size: 24px !important; }
    .shgc-real-price-box div, .shgc-bubble-display-box div { font-size: 13px !important; }
}

/* استایل‌های Break Even */
@media (max-width: 768px) {
    .shgc-break-even-calculator { max-width: 100% !important; margin-left: 10px !important; margin-right: 10px !important; }
    .summary-boxes { flex-direction: column; }
    .summary-box { flex: 1 1 100% !important; }
}
@media (max-width: 480px) {
    .purchase-item { flex-direction: row; align-items: flex-end !important; gap: 5px !important; }
    .purchase-item div { flex-grow: 1 !important; }
    .purchase-item .input-label { display: none !important; }
}