/* 由 includes/site_announcement.php 抽出（2026-10-23），修改樣式請改這個檔 */
  /* 修正：避免 site-header 被其它全站 CSS 設成橫向 flex，導致公告跑到左側 */
  .site-header{ display:block !important; }

  .site-announce-wrap{ width:100%; }

  .site-announce{
    width: 100%;
    background: linear-gradient(135deg, rgba(37,99,235,.92), rgba(14,165,233,.84), rgba(34,197,94,.78));
    color: rgba(248,250,252,.98);
    border-bottom: 1px solid rgba(255,255,255,.12);
  }
  .site-announce + .site-announce{
    border-top: 1px solid rgba(255,255,255,.10);
  }

  .site-announce-inner{
    max-width: 1200px;
    margin: 0 auto;
    padding: 12px 12px;
    display:flex;
    align-items:center;
    gap: 12px;
  }

  .site-announce-left{ flex: 1 1 auto; min-width: 0; }

  .site-announce-title{
    font-weight: 1000;
    font-size: 1.02rem;
    line-height: 1.2;
    letter-spacing: .2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .site-announce-desc{
    margin-top: 6px;
    font-weight: 800;
    font-size: .90rem;
    line-height: 1.4;
    opacity: .98;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .site-announce .en{ opacity:.92; font-size: .92em; margin-left: 6px; }

  .site-announce-actions{
    flex: 0 0 auto;
    display:flex;
    align-items:center;
    gap: 8px;
    margin-left: auto; /* ✅ 永遠貼右 */
  }

  .site-announce-btn{
    display:inline-flex;
    align-items:center;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.20);
    background: rgba(255,255,255,.90);
    text-decoration:none;
    color:#0f172a;
    font-weight: 1000;
    font-size: .92rem;
    box-shadow: 0 8px 16px rgba(0,0,0,.08);
    transition: transform .15s ease, background .15s ease;
  }
  .site-announce-btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.94); }
  .site-announce-btn.primary{
    border-color: rgba(239,68,68,.45);
    background: rgba(239,68,68,.30);
    color: #fff;
  }
  .site-announce-btn.primary:hover{ background: rgba(239,68,68,.36); }

  /* ✅ 關閉按鈕：更顯眼、點得到 */
  .site-announce-close{
    width: 36px;
    height: 36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border: 1px solid rgba(255,255,255,.28);
    background: rgba(15,23,42,.22);
    color: rgba(248,250,252,.98);
    border-radius: 12px;
    padding: 0;
    font-size: 18px;
    font-weight: 1000;
    cursor:pointer;
    box-shadow: 0 10px 18px rgba(0,0,0,.10);
    transition: transform .15s ease, background .15s ease;
  }
  .site-announce-close:hover{ transform: translateY(-1px); background: rgba(15,23,42,.30); }

  .site-announce.is-hidden{ display:none !important; }

  @media (max-width: 860px){
    .site-announce-inner{ flex-wrap: wrap; }
    .site-announce-actions{ width: 100%; justify-content:flex-end; }
    .site-announce-title{ white-space: normal; }
  }
  @media (max-width: 760px){
    .site-announce-update .site-announce-inner{ flex-wrap:nowrap; min-height:54px; padding:5px 8px 5px 10px; gap:7px; }
    .site-announce-update .site-announce-left{ min-width:0; }
    .site-announce-update .site-announce-title{ overflow:hidden; font-size:.78rem; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
    .site-announce-update .site-announce-desc{ display:none; }
    .site-announce-update .site-announce-badge{ display:none; }
    .site-announce-update .site-announce-countdown{ display:none; }
    .site-announce-update .site-announce-actions{ display:grid; width:auto; grid-template-columns:64px 44px; align-items:center; gap:5px; }
    .site-announce-update .site-announce-btn:not(.primary){ display:none; }
    .site-announce-update .site-announce-btn.primary{
      width:64px;
      min-width:64px;
      height:40px;
      min-height:40px;
      align-self:center;
      align-items:center;
      justify-content:center;
      padding:0 10px;
      border-radius:12px;
      font-size:0;
      line-height:1;
      text-align:center;
    }
    .site-announce-update .site-announce-btn.primary::before{
      content:'查看';
      display:block;
      font-size:.76rem;
      font-weight:950;
      line-height:1;
      white-space:nowrap;
    }
    .site-announce-update .site-announce-close{ width:44px; height:44px; border-radius:11px; font-size:17px; }
  }

  /* 活動狀態徽章 / 倒數（只會在有 start_iso 的公告顯示） */
  .site-announce-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-left:10px;
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 900;
    font-size: 12px;
    line-height: 1;
    border: 1px solid rgba(255,255,255,.24);
    background: rgba(15,23,42,.24);
    color: rgba(248,250,252,.98);
    white-space: nowrap;
  }
  .site-announce.is-live .site-announce-badge{
    background: rgba(16,185,129,.18);
    border-color: rgba(16,185,129,.28);
  }
  .site-announce-countdown{
    display:inline-flex;
    align-items:center;
    margin-left:8px;
    font-size: 12px;
    font-weight: 800;
    color: rgba(226,232,240,.98);
    white-space: nowrap;
  }
  .site-announce-countdown:empty{ display:none; }