/* ------------------------------
   Base text & background
   ------------------------------ */
   body {
    color: #1a1a1a;
    background-color: #ffffff;
  }
  
  /* หัวข้อให้ตัดคม อ่านง่าย */
  h1, h2, h3, h4, h5, h6 {
    color: #000000 !important;
  }
  
  /* ------------------------------
     Links & hover/focus state
     ------------------------------ */
  a,
  .el-content a {
    color: #003366 !important;          /* สีเข้มผ่าน AA */
    text-decoration: underline;
  }
  
  a:hover,
  a:focus,
  .el-content a:hover,
  .el-content a:focus {
    text-decoration: underline;
  }
  
  /* ------------------------------
     Buttons (YOOtheme / UIkit)
     ------------------------------ */
  .uk-button,
  .el-button {
    background-color: #003366 !important;
    color: #ffffff !important;
    border: 1px solid #002244 !important;
  }
  
  .uk-button-default,
  .el-button-default {
    background-color: #ffffff !important;
    color: #003366 !important;
    border: 1px solid #003366 !important;
  }
  
  /* ปุ่มตอน hover / focus ให้ contrast ดี */
  .uk-button:hover,
  .uk-button:focus,
  .el-button:hover,
  .el-button:focus {
    background-color: #001f4d !important;
    color: #ffffff !important;
  }
  
  /* ------------------------------
     Focus visible (Keyboard Nav)
     ------------------------------ */
  a:focus,
  button:focus,
  [role="button"]:focus,
  input:focus,
  select:focus,
  textarea:focus,
  [tabindex]:focus {
    outline: 2px solid #ffbf47 !important;   /* สีเหลืองอมส้ม */
    outline-offset: 2px;
  }
  
  /* ------------------------------
     Skip to content link
     ------------------------------ */
  .skip-to-content {
    position: absolute;
    left: -999px;
    top: 0;
    background: #000;
    color: #fff;
    padding: 10px 14px;
    z-index: 99999;
    text-decoration: none;
  }
  
  .skip-to-content:focus {
    left: 0;
  }
  
  /* ------------------------------
     Mobile Reflow (WCAG 1.4.10)
     ------------------------------ */
  @media (max-width: 480px) {
    .uk-grid > * {
      width: 100% !important;
    }
    
    .uk-child-width-1-2\@s > * {
      width: 100% !important;
    }
  }
  
  /* ------------------------------
     Visually hidden text (alt/label)
     ------------------------------ */
  .visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  
  /* ------------------------------
     Non-text contrast (1.4.11)
     ------------------------------ */
  .uk-card,
  .el-card {
    border: 1px solid #d0d0d0;
  }
  
  /* ปุ่ม / controls ที่เป็นไอคอนล้วน ให้มีฮิลไลท์ชัด */
  .uk-icon-button {
    border: 1px solid #003366;
  }
  
  /* ------------------------------
     Tables (ถ้ามี)
     ------------------------------ */
  table {
    border-collapse: collapse;
    width: 100%;
  }
  
  th, td {
    padding: 8px;
    border-bottom: 1px solid #dddddd;
  }
  
  th {
    background: #f1f1f1;
    font-weight: 600;
  }