.elementor-6567 .elementor-element.elementor-element-72dcb65:not(.elementor-motion-effects-element-type-background), .elementor-6567 .elementor-element.elementor-element-72dcb65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6567 .elementor-element.elementor-element-72dcb65{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6567 .elementor-element.elementor-element-72dcb65 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6567 .elementor-element.elementor-element-0fc79b1 img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-6567 .elementor-element.elementor-element-28fc3c1:not(.elementor-motion-effects-element-type-background), .elementor-6567 .elementor-element.elementor-element-28fc3c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6567 .elementor-element.elementor-element-28fc3c1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6567 .elementor-element.elementor-element-28fc3c1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6567 .elementor-element.elementor-element-6c2d298{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6567 .elementor-element.elementor-element-6c2d298:not(.elementor-motion-effects-element-type-background), .elementor-6567 .elementor-element.elementor-element-6c2d298 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0070FF 0%, #0F005D 100%);}.elementor-6567 .elementor-element.elementor-element-6c2d298 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6567 .elementor-element.elementor-element-b8ef11f img{width:52%;}.elementor-6567 .elementor-element.elementor-element-b8ef11f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6567 .elementor-element.elementor-element-f7d0e82 .elementor-button{fill:#FFFFFF;color:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #66F3A8 0%, #003318 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#9C9C9C;border-radius:28px 28px 28px 28px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-6567 .elementor-element.elementor-element-1ce61e1 .elementor-button{fill:#FFFFFF;color:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #FFB0B0 0%, #C40000 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#9C9C9C;border-radius:28px 28px 28px 28px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}@media(max-width:1024px){.elementor-bc-flex-widget .elementor-6567 .elementor-element.elementor-element-866ee02.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6567 .elementor-element.elementor-element-866ee02.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6567 .elementor-element.elementor-element-b8ef11f img{width:78%;}.elementor-6567 .elementor-element.elementor-element-b8ef11f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-6567 .elementor-element.elementor-element-9108033.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6567 .elementor-element.elementor-element-9108033.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}}@media(min-width:768px){.elementor-6567 .elementor-element.elementor-element-866ee02{width:33.33%;}.elementor-6567 .elementor-element.elementor-element-9108033{width:33.006%;}.elementor-6567 .elementor-element.elementor-element-49477f3{width:33.33%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6567 .elementor-element.elementor-element-866ee02{width:33.33%;}.elementor-6567 .elementor-element.elementor-element-9108033{width:33.33%;}.elementor-6567 .elementor-element.elementor-element-49477f3{width:33.33%;}}@media(max-width:767px){.elementor-6567 .elementor-element.elementor-element-0fc79b1 img{width:100%;border-radius:10px 10px 10px 10px;}.elementor-6567 .elementor-element.elementor-element-866ee02{width:30%;}.elementor-6567 .elementor-element.elementor-element-b8ef11f img{width:100%;}.elementor-6567 .elementor-element.elementor-element-b8ef11f > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-6567 .elementor-element.elementor-element-9108033{width:35%;}.elementor-6567 .elementor-element.elementor-element-49477f3{width:35%;}.elementor-6567 .elementor-element.elementor-element-1ce61e1 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-ea5f590 *//* Base styles for all options - COMPACT VERSION */
.glo-lottery-container {
    max-width: 700px;
    margin: 12px auto; /* ลดจาก 24px เป็น 12px */
    padding: 12px; /* ลดจาก 20px เป็น 12px */
    background: #ffffff;
    border-radius: 8px; /* ลดจาก 10px เป็น 8px */
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); /* ลดความหนาของเงา */
    font-family: 'Kanit', sans-serif;
}

.glo-lottery-header {
    text-align: center;
    margin-bottom: 15px; /* ลดจาก 25px เป็น 15px */
}

.glo-lottery-title {
    font-size: 1.4rem; /* ลดจาก 1.8rem เป็น 1.4rem */
    color: #333;
    margin-bottom: 3px; /* ลดจาก 5px เป็น 3px */
}

.glo-lottery-date {
    font-size: 0.95rem; /* ลดจาก 1.1rem เป็น 0.95rem */
    color: #666;
    font-weight: 500;
}

/* Option 1: Modern Card Layout - COMPACT VERSION */
.glo-modern-card .glo-lottery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); /* ลดจาก 250px เป็น 220px */
    gap: 12px; /* ลดจาก 20px เป็น 12px */
}

.glo-modern-card .glo-lottery-prize-card {
    background: #f9fbfd;
    border: 1px solid #e0e7ee;
    border-radius: 6px; /* ลดจาก 8px เป็น 6px */
    padding: 12px; /* ลดจาก 20px เป็น 12px */
    text-align: center;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.glo-modern-card .glo-lottery-prize-card:hover {
    transform: translateY(-2px); /* ลดจาก -3px เป็น -2px */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* ลดความหนาของเงา */
}

.glo-modern-card .glo-card-label {
    font-size: 0.95rem; /* ลดจาก 1.1rem เป็น 0.95rem */
    font-weight: 600;
    color: #444;
    margin-bottom: 6px; /* ลดจาก 8px เป็น 6px */
}

.glo-modern-card .glo-card-number {
    font-size: 1.8rem; /* ลดจาก 2.2rem เป็น 1.8rem */
    font-weight: 700;
    color: #007bff; /* คงสีเดิม - สีน้ำเงินสดใส */
    letter-spacing: 1px; /* ลดจาก 1.5px เป็น 1px */
    margin-bottom: 4px; /* ลดจาก 5px เป็น 4px */
    word-break: break-all;
}

.glo-modern-card .glo-card-price {
    font-size: 0.85rem; /* ลดจาก 0.95rem เป็น 0.85rem */
    color: #777;
}

/* Specific styling for first prize - COMPACT VERSION */
.glo-modern-card .glo-prize-first {
    grid-column: 1 / -1;
    background: #e6f2ff; /* คงสีเดิม - Light blue background */
    border-color: #a3d1ff; /* คงสีเดิม */
}

.glo-modern-card .glo-prize-first .glo-card-number {
    color: #0056b3; /* คงสีเดิม - Darker blue */
    font-size: 2.2rem; /* ลดจาก 2.8rem เป็น 2.2rem */
}

/* Grouping for 3-digit prizes - COMPACT VERSION */
.glo-modern-card .glo-lottery-prize-group {
    display: flex;
    flex-direction: column;
    gap: 10px; /* ลดจาก 15px เป็น 10px */
    grid-column: span 1;
}

.glo-modern-card .glo-lottery-prize-group .glo-lottery-prize-card {
    flex: 1;
}

/* Responsive adjustments for Option 1 - COMPACT VERSION */
@media (max-width: 768px) {
    .glo-modern-card .glo-lottery-grid {
        grid-template-columns: 1fr;
        gap: 10px; /* ลดจาก 12px เป็น 10px */
    }
    .glo-modern-card .glo-lottery-prize-group {
        flex-direction: column;
        gap: 8px; /* ลดจาก 10px เป็น 8px */
    }
}

@media (max-width: 480px) {
    .glo-lottery-container {
        padding: 10px; /* ลดจาก 15px เป็น 10px */
        margin: 8px auto; /* ลดจาก 12px เป็น 8px */
    }
    .glo-lottery-title {
        font-size: 1.2rem; /* ลดจาก 1.5rem เป็น 1.2rem */
    }
    .glo-lottery-date {
        font-size: 0.9rem; /* ลดจาก 1rem เป็น 0.9rem */
    }
    .glo-modern-card .glo-card-number {
        font-size: 1.5rem; /* ลดจาก 1.8rem เป็น 1.5rem */
    }
    .glo-modern-card .glo-prize-first .glo-card-number {
        font-size: 1.8rem; /* ลดจาก 2.2rem เป็น 1.8rem */
    }
    .glo-modern-card .glo-lottery-prize-card {
        padding: 10px; /* ลดจาก 12px เป็น 10px */
    }
    .glo-modern-card .glo-card-label {
        font-size: 0.85rem; /* ลดจาก 0.95rem เป็น 0.85rem */
        margin-bottom: 4px; /* ลดจาก 6px เป็น 4px */
    }
    .glo-modern-card .glo-card-price {
        font-size: 0.8rem; /* ลดจาก 0.85rem เป็น 0.8rem */
    }
}

/* เพิ่มการปรับแต่งพิเศษสำหรับความกระทัดรัด */
@media (max-width: 360px) {
    .glo-lottery-container {
        padding: 8px;
        margin: 6px auto;
    }
    .glo-lottery-header {
        margin-bottom: 10px;
    }
    .glo-lottery-title {
        font-size: 1.1rem;
    }
    .glo-lottery-date {
        font-size: 0.85rem;
    }
    .glo-modern-card .glo-lottery-grid {
        gap: 8px;
    }
    .glo-modern-card .glo-lottery-prize-card {
        padding: 8px;
    }
    .glo-modern-card .glo-card-number {
        font-size: 1.3rem;
        letter-spacing: 0.5px;
    }
    .glo-modern-card .glo-prize-first .glo-card-number {
        font-size: 1.6rem;
    }
    .glo-modern-card .glo-card-label {
        font-size: 0.8rem;
        margin-bottom: 3px;
    }
    .glo-modern-card .glo-card-price {
        font-size: 0.75rem;
    }
}

/* เพิ่มคลาสสำหรับ Ultra Compact Mode */
.glo-lottery-container.ultra-compact {
    margin: 8px auto;
    padding: 8px;
    border-radius: 6px;
}

.glo-lottery-container.ultra-compact .glo-lottery-header {
    margin-bottom: 10px;
}

.glo-lottery-container.ultra-compact .glo-lottery-title {
    font-size: 1.2rem;
    margin-bottom: 2px;
}

.glo-lottery-container.ultra-compact .glo-lottery-date {
    font-size: 0.85rem;
}

.glo-lottery-container.ultra-compact .glo-modern-card .glo-lottery-grid {
    gap: 8px;
}

.glo-lottery-container.ultra-compact .glo-modern-card .glo-lottery-prize-card {
    padding: 8px;
    border-radius: 4px;
}

.glo-lottery-container.ultra-compact .glo-modern-card .glo-card-label {
    font-size: 0.8rem;
    margin-bottom: 4px;
}

.glo-lottery-container.ultra-compact .glo-modern-card .glo-card-number {
    font-size: 1.5rem;
    margin-bottom: 3px;
}

.glo-lottery-container.ultra-compact .glo-modern-card .glo-prize-first .glo-card-number {
    font-size: 1.8rem;
}

.glo-lottery-container.ultra-compact .glo-modern-card .glo-card-price {
    font-size: 0.75rem;
}

.glo-lottery-container.ultra-compact .glo-modern-card .glo-lottery-prize-group {
    gap: 6px;
}

/* คำอธิบายการเปลี่ยนแปลง:
1. ลด margin และ padding ทุกที่ประมาณ 30-40%
2. ลด font-size ทุกระดับประมาณ 20-25%
3. ลด gap ระหว่างองค์ประกอบ
4. ลด border-radius ให้ดูกระทัดรัดขึ้น
5. ปรับ box-shadow ให้เบาลง
6. เพิ่ม ultra-compact class สำหรับความกระทัดรัดสูงสุด
7. คงสีทุกสีไว้เหมือนเดิม (#007bff, #0056b3, #e6f2ff, #a3d1ff, ฯลฯ)
8. เพิ่ม responsive breakpoint ที่ 360px สำหรับหน้าจอเล็กมาก
*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-412244d *//* --- ตารางบทความ --- */
#article-list {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto 12px auto;
  border-collapse: collapse;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,0.10);
  border-radius: 14px;
  overflow: hidden;
  font-family: 'Sarabun', Tahoma, sans-serif;
  font-size: 14px !important;
  table-layout: fixed;
}

/* --- ส่วนหัวตาราง --- */
#article-list tr.table-header td {
  background: linear-gradient(90deg, #256baa 0%, #3a8fd9 100%) !important;
  color: #fff !important;
  font-size: 1.1em !important;
  text-align: center !important;
  padding: 14px 2px !important;
  border-bottom: 2px solid #e9ecef;
}

/* --- เนื้อหาตาราง --- */
#article-list td {
  vertical-align: middle !important;
  padding: 12px 15px !important;
  border-bottom: 1px solid #e9ecef;
}

/* --- สีสลับแถว --- */
#article-list tr:nth-child(even):not(.table-header) {
  background: #f8fbfe !important;
}
#article-list tr:nth-child(odd):not(.table-header) {
  background: #fff !important;
}
#article-list tr:hover:not(.table-header) {
  background: #f5f9ff !important;
}

/* --- เนื้อหาบทความ --- */
#article-list .article-content {
  text-align: left !important;
}
#article-list .article-content a {
  color: #256baa;
  text-decoration: none;
  font-size: 1.05em;
  display: block;
  margin-bottom: 5px;
}
#article-list .article-content a:hover {
  color: #f5a623;
  text-decoration: underline;
}
#article-list .article-excerpt {
  color: #666;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.4;
  padding-left: 5px;
}

/* --- ปุ่มดูทั้งหมด --- */
.my-white {
  background: rgba(255,255,255,0.2);
  padding: 3px 8px;
  border-radius: 12px;
  margin-left: 8px;
  font-size: 0.85em;
}
.my-white:hover {
  background: rgba(255,255,255,0.3);
}

/* --- Responsive Mobile --- */
@media (max-width: 480px) {
  #article-list {
    font-size: 13px !important;
  }
  
  #article-list td {
    padding: 10px 12px !important;
  }
  
  #article-list tr.table-header td {
    font-size: 1em !important;
    padding: 12px 2px !important;
  }
  
  #article-list .article-content a {
    font-size: 1em;
  }
  
  #article-list .article-ex/* End custom CSS */