/* ============================
   Accordion (Mobile View)
   ============================ */
   @media (max-width: 767.98px) {

    /* צבעים וטוקנים */
    :root {
      --acc-sum-bg:   #FBE0D6;  /* רקע כותרת האקורדיון */
      --acc-sum-txt:  #4A2A21;  /* צבע טקסט בכותרת */
      --acc-border:   #EDC1B2;  /* מסגרת */
      --acc-divider:  #F0CFC3;  /* קו מפריד מקווקו */
      --acc-card-bg:  #FFF5F1;  /* רקע כרטיס */
      --acc-body-bg:  #FFFFFF;  /* רקע גוף */
      --acc-label:    #7A4636;  /* צבע תוויות */
  
      --acc-radius:   10px;                     /* default radius */
      --acc-shadow:   0 2px 10px rgba(0,0,0,.06); /* default shadow */
    }
  
    /* כרטיס אקורדיון */
    .acc-row {
      border: 1px solid var(--acc-border);
      border-radius: 0;         
      box-shadow: none;        
      overflow: visible;       
    }
  
    /* כותרת (summary) */
    .acc-row > summary {
      list-style: none;
      cursor: pointer;
      background: var(--acc-sum-bg);
      color: var(--acc-sum-txt);
      padding: 12px 16px;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }
    .acc-row > summary::-webkit-details-marker { display: none; }
    /* בכותרת בלבד – לא לינק, טקסט שחור מודגש */
    .acc-row > summary a,
    .acc-row > summary a:link,
    .acc-row > summary a:visited,
    .acc-row > summary a:hover,
    .acc-row > summary a:active {
      pointer-events: none;          
      color: #111 !important;     
      text-decoration: none !important;
      font-weight: 800;             
      border: 0;
      outline: 0;
    }

    /* לינקים בתוך גוף הכרטיס נשארים רגילים */
    .acc-body a {
      pointer-events: auto;
      text-decoration: underline;
      color: inherit;
      cursor: pointer;
    }


    /* בתוך הגוף – להשאיר קישורים רגילים */
    .acc-body a {
      pointer-events: auto;
      text-decoration: underline;
      cursor: pointer;
    }

  
    
    .acc-row > summary::after {
      content: "▾";
      font-size: 22px;
      line-height: 1;
      margin-inline-start: 8px;
      flex: 0 0 auto;
      opacity: 0.85;
      transition: transform .2s ease;
    }
    .acc-row[open] > summary::after { transform: rotate(180deg); }
  
    /* גוף האקורדיון */
    .acc-body {
      background: var(--acc-body-bg);
      padding: 12px 16px 14px;
      border-top: 2px dashed var(--acc-divider);
    }
  
    /* שורות מידע (תווית + ערך) */
    .acc-line {
      display: grid;
      grid-template-columns: 120px 1fr;
      gap: 10px;
      padding: 7px 0;
    }
    .acc-label { color: var(--acc-label); font-weight: 700; }
    .acc-value a { text-decoration: underline; }
  
    /* טיפוגרפיה בסיכום */
    .acc-sum .acc-title { font-size: 15px; line-height: 1.35; }
    .acc-sum .acc-meta  { font-size: 13px; opacity: .9; display: flex; gap: 8px; align-items: center; }
  
    /* באדג' סטטוס */
    .acc-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 3px 9px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 700;
      border: 1px solid transparent;
      vertical-align: middle;
      white-space: nowrap;
    }
      /* צבעים לפי מצב */
    .acc-badge--open   { color:#0b5fa5; background:#e7f1ff; border-color:#c7ddff; } /* בהרשמה – כחול בהיר */
    .acc-badge--sure   { color:#0a7d22; background:#eaf7ec; border-color:#cbeed2; } /* יציאה מובטחת – ירוק */
    .acc-badge--last   { color:#a35300; background:#fff1e6; border-color:#ffd9b8; } /* מקומות אחרונים – כתום */
    .acc-badge--wait   { color:#6b4e9b; background:#f1e8ff; border-color:#e0d5fb; } /* המתנה – סגול בהיר */
    .acc-badge--full   { color:#b30000; background:#ffe5e5; border-color:#ffcccc; } /* מלא – אדום */
    .acc-badge--neutral{ color:#444;    background:#f3f4f6; border-color:#e5e7eb; }

    /* הדגשת מסגרת הכרטיס לפי הסטטוס */
    .acc-state-open { border-color:#c7ddff; }  /* כחול בהיר */
    .acc-state-sure { border-color:#cbeed2; }  /* ירוק */
    .acc-state-last { border-color:#ffd9b8; }  /* כתום */
    .acc-state-wait { border-color:#e0d5fb; }  /* סגול בהיר */
    .acc-state-full { border-color:#ffcccc; }  /* אדום */

  
    /* מסתירים את הטבלה המקורית ומאפשרים לקונטיינר להתרחב חופשי */
    table.acc-source-table { display: none !important; }
    #google-sheet-table .tableContainer,
    #google-sheet-table .acc-container {
      overflow: visible !important;
      max-height: none !important;
      height: auto !important;
    }
  }

  
@media (min-width: 768px) {
  .acc-container { 
    display: none !important;    /* לא מציגים את הכרטיסיות בדסקטופ */
  }
  table.acc-source-table {
    display: table !important;   /* הטבלה המקורית כן מוצגת */
  }
}