.elementor-7 .elementor-element.elementor-element-7cf3a43{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--overlay-opacity:0.5;}.elementor-7 .elementor-element.elementor-element-7cf3a43:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-7cf3a43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5C5F6F;}.elementor-7 .elementor-element.elementor-element-7cf3a43::before, .elementor-7 .elementor-element.elementor-element-7cf3a43 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-7cf3a43 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-7cf3a43 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-7cf3a43 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-7cf3a43 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#A3A3A3;background-image:url("https://d455689.com/wp-content/uploads/2026/06/download.webp");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-7 .elementor-element.elementor-element-8c58963{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-7 .elementor-element.elementor-element-8c58963:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-8c58963 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-7cf3a43{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-7cf3a43{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-ccd04ee *//* คุมโทนสีใหม่ทั้งหมดผ่าน Variables เพื่อให้แก้ไขง่าย */
.crypto-dash-wrapper {
    --bg-main: #0b0f19;
    --bg-card: #151b2c;
    --border-color: #222f47;
    --text-main: #ffffff;
    --text-muted: #707e94;
    --accent-blue: #38bdf8;
    --accent-gold: #fbbf24;
    --crypto-up: #10b981;
    --crypto-down: #ef4444;
    
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr; /* จัดเลเอาต์เป็น 3 คอลัมน์ (ข้อมูลตลาดเด่นสุด) */
    gap: 20px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: var(--text-main);
    padding: 24px;
    background-color: var(--bg-main);
    border-radius: 16px;
    box-sizing: border-box;
}

/* ล้างค่า Layout ปกติของธีมที่อาจหลุดเข้ามา */
.crypto-dash-wrapper * { box-sizing: border-box; }

/* ดีไซน์การ์ดแต่ละโมดูล */
.crypto-dash-wrapper .dash-card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    padding: 20px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.crypto-dash-wrapper .dash-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* หัวข้อการ์ด */
.crypto-dash-wrapper h3 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-main);
    margin: 0 0 4px 0;
}

/* แถวข้อมูลตาราง */
.crypto-dash-wrapper .table-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    font-size: 13.5px;
    border-bottom: 1px solid var(--border-color);
}
.crypto-dash-wrapper .table-row:last-child { border-bottom: none; }
.crypto-dash-wrapper .table-row .val { margin-left: auto; margin-right: 15px; font-weight: 500; }

/* สีแสดงสถานะขึ้น/ลง */
.crypto-dash-wrapper .crypto-up { color: var(--crypto-up); font-weight: 600; }
.crypto-dash-wrapper .crypto-down { color: var(--crypto-down); font-weight: 600; }

/* แท็บเลือกหมวดหมู่หุ้น */
.crypto-dash-wrapper .dash-tabs { display: flex; gap: 12px; border-bottom: 1px solid var(--border-color); padding-bottom: 8px; }
.crypto-dash-wrapper .tab { font-size: 12px; color: var(--text-muted); cursor: pointer; padding: 4px 0; transition: 0.2s; }
.crypto-dash-wrapper .tab.active { color: var(--accent-blue); font-weight: 600; border-bottom: 2px solid var(--accent-blue); }

/* ปุ่มและลิงก์ดูเพิ่มเติม */
.crypto-dash-wrapper .view-more { font-size: 12.5px; color: var(--accent-blue); text-decoration: none; font-weight: 500; margin-top: 5px; }
.crypto-dash-wrapper .view-more:hover { text-decoration: underline; }

/* การ์ดกลยุทธ์ AI แบบพรีเมียม */
.crypto-dash-wrapper .card-premium-blue {
    background: linear-gradient(135deg, #1e293b, #0f172a);
    border: 1px solid var(--accent-blue);
}
.crypto-dash-wrapper .tag-label { background: rgba(56, 189, 248, 0.15); color: var(--accent-blue); font-size: 11px; padding: 3px 8px; border-radius: 4px; width: fit-content; font-weight: 600; }
.crypto-dash-wrapper .card-premium-blue p { color: var(--text-muted); font-size: 13px; margin: 4px 0; line-height: 1.4; }
.crypto-dash-wrapper .risk-level { font-size: 12px; color: var(--text-muted); }
.crypto-dash-wrapper .low-risk { color: var(--crypto-up); font-weight: 600; }
.crypto-dash-wrapper .portfolio-btn {
    background: var(--accent-gold);
    color: #000000;
    border: none;
    padding: 10px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: 0.2s;
}
.crypto-dash-wrapper .portfolio-btn:hover { opacity: 0.9; transform: translateY(-1px); }

/* โซนข่าวสารและคอมเมนต์ */
.crypto-dash-wrapper .news-meta { font-size: 12px; margin-bottom: 4px; }
.crypto-dash-wrapper .news-time { color: var(--text-muted); }
.crypto-dash-wrapper .news-item h4 { font-size: 14px; margin: 4px 0; color: var(--text-main); font-weight: 500; }
.crypto-dash-wrapper .news-item p { font-size: 12.5px; color: var(--text-muted); margin: 0; line-height: 1.4; }
.crypto-dash-wrapper .dash-divider { border: 0; border-top: 1px solid var(--border-color); margin: 8px 0; }

.crypto-dash-wrapper .comment-box { background: rgba(255,255,255,0.02); border: 1px solid var(--border-color); padding: 15px; border-radius: 12px; }
.crypto-dash-wrapper .comment-header { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 6px; }
.crypto-dash-wrapper .comment-text { font-size: 12.5px; color: var(--text-muted); font-style: italic; margin: 0 0 6px 0; }
.crypto-dash-wrapper .comment-author { font-size: 11px; color: var(--text-muted); }

/* ระบบ Responsive ปรับตามขนาดหน้าจออัตโนมัติบน WordPress */
@media (max-width: 1100px) {
    .crypto-dash-wrapper { grid-template-columns: 1fr 1fr; } /* ยุบเหลือ 2 คอลัมน์บนแท็บเล็ต */
}
@media (max-width: 768px) {
    .crypto-dash-wrapper { grid-template-columns: 1fr; padding: 16px; } /* ยุบเหลือ 1 คอลัมน์บนมือถือ */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6eb3c18 */body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: #f4f6f8;
    color: #333;
    margin: 0;
   
}
.stock-table, .stock-table td, .stock-table tr {
    border: none !important;
    border-collapse: collapse !important;
}



.stock-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Linke Seite - Info */
.stock-info-container {
    flex: 0 0 300px;
}

h1#last-price {
    color: #1a1a1a;
    font-size: 42px;
    font-weight: 800;
    margin: 0 0 5px 0;
}

.chart-label {
    color: #22ac38;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 25px;
}

.stock-table {
    width: 100%;
}

.stock-table td {
    padding: 12px 0;
border-bottom: none !important;
    font-size: 14px;
}

.stock-table tr td:first-child {
    color: #7f8c8d;
}

.stock-table tr td:last-child {
    font-weight: 600;
    color: #2c3e50;
}

/* Rechte Seite - Chart */
.stock-chart {
    flex: 1;
}

.chart-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

#current-date {
    font-size: 12px;
    color: #95a5a6;
    font-weight: 500;
}

.time-tabs {
    display: flex;
    border: 1px solid #e1e8ed;
    border-radius: 6px;
    background: #fcfcfc;
}

.time-tabs .tab {
    padding: 6px 14px;
    font-size: 12px;
    color: #666;
    cursor: pointer;
    transition: all 0.2s ease;
}

.time-tabs .tab:hover {
    background: #edf2f7;
}

.time-tabs .tab.active {
    background: #2c3e50;
    color: #fff;
    font-weight: 600;
}

.canvas-container {
    height: 300px;
    margin-bottom: 30px;
}

/* Tabelle unten */
.lottery-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e1e8ed;
}

.lottery-table th {
    background-color: #f8fafc;
    color: #4a5568;
    font-size: 11px;
    padding: 12px;
    border-bottom: 1px solid #e1e8ed;
}

.lottery-table td {
    padding: 12px;
    font-size: 14px;
    color: #2d3748;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
}

@media (max-width: 768px) {
    .stock-container { flex-direction: column; padding: 20px; }
    .stock-info-container { flex: 1; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7be0f0e */h5 {
            font-size: 2em;
            color: #ffff;
            text-align: center;
            margin-top: 20px;
            font-family: 'Arial', sans-serif;
            font-weight: bold;
            
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            font-size: 16px;
            text-align: center;
            table-layout: fixed;
            
        }

        table, th, td {
            border: 1px solid #ddd;
            padding: 3px;
            background-color: #ffff;
        }

        th {
            background-color: #f6f6f6;
            font-size: 1.1em;
            
        }

        @media (max-width: 768px) {
            table, th, td {
                font-size: 14px;
                padding: 3px;
            }

            h2 {
                font-size: 1.5em;
            }
        }

        @media (max-width: 480px) {
            table, th, td {
                font-size: 12px;
                padding: 5px;
            }
          
            h2 {
                font-size: 1.2em;
            }
        }/* End custom CSS */