/* “Anmod om fri” – form + liste */
#gf-fri-tab{ display:none; }
#gf-fri-tab.active{ display:block; }

/* Desktop: to kolonner */
@media (min-width:1000px){
  #gf-fri-tab.active{ display:flex; align-items:flex-start; gap:24px; }
  #gf-fri-form, #gf-fri-list{ flex:1 1 0; min-width:0; }
}

/* kort-look */
#gf-fri-form, #gf-fri-list{
  background:#fff; border:1px solid #eaeaea; border-radius:12px; box-shadow:0 1px 3px rgba(0,0,0,.04);
  padding:16px 18px; margin:8px 0 16px; box-sizing:border-box;
}
#gf-fri-form::before{
  content:"Anmod om fri"; display:block; font-family:'Montserrat',sans-serif; font-size:1.25rem; font-weight:700; margin:0 0 12px 0;
}
#gf-fri-list h3{
  font-family:'Montserrat',sans-serif; font-size:1.25rem; font-weight:700; margin:0 0 12px 0;
}

/* felter */
#gf-fri-form .gf-field-row{ display:grid; grid-template-columns:1fr; gap:6px; margin-bottom:12px; }
#gf-fri-form label{ display:block; font-weight:600; color:#333; margin-bottom:2px; }
#gf-fri-form input[type="date"], #gf-fri-form textarea{
  width:100%; font-family:'Montserrat',sans-serif; font-size:.95rem; padding:10px 12px; border:1px solid #ddd; border-radius:10px; background:#fff;
  transition:border-color .15s, box-shadow .15s; appearance:none; box-shadow:inset 0 0 0 rgba(0,0,0,0);
}
#gf-fri-form textarea{ min-height:120px; resize:vertical; }
#gf-fri-form input[type="date"]:focus, #gf-fri-form textarea:focus{
  outline:none; border-color:#000; box-shadow:0 0 0 3px rgba(0,0,0,.08);
}
#gf-fri-form .gf-fri-submit{
  display:inline-block; margin-top:6px; padding:10px 16px; border:1px solid #000; background:#000; color:#fff;
  border-radius:999px; font-weight:700; letter-spacing:.01em; cursor:pointer; transition:transform .04s ease, opacity .15s;
}
#gf-fri-form .gf-fri-submit:hover{ opacity:.9; }
#gf-fri-form .gf-fri-submit:active{ transform:translateY(1px); }

/* === Radiovalg: Én dag / Flere dage === */
.gf-daymode .gf-radio-group{
  display:flex; gap:14px; align-items:center; flex-wrap:wrap;
}
.gf-daymode .gf-radio{
  display:inline-flex; gap:8px; align-items:center; cursor:pointer; user-select:none;
  font-weight:600;
}
.gf-daymode .gf-radio input[type="radio"]{
  width:16px; height:16px; accent-color:#000;
}

/* liste */
#gf-fri-list .gf-fri-list{
  list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr; gap:10px;
}
@media (min-width:700px){ #gf-fri-list .gf-fri-list{ grid-template-columns:1fr 1fr; } }
#gf-fri-list li{
  position:relative; background:#fff; border:1px solid #e6e6e6; border-radius:10px;
  padding:12px 14px 12px 16px; box-shadow:0 1px 2px rgba(0,0,0,0.03); line-height:1.35;
}
#gf-fri-list li strong{ display:block; margin-bottom:4px; }

/* status chips */
.gf-chip{ display:inline-block; padding:2px 8px; border-radius:999px; font-weight:600; font-size:.9rem; color:#fff; margin-left:8px; }
.gf-chip--pending{ background:#999; }
.gf-chip--approved{ background:#0B6E4F; }
.gf-chip--declined{ background:#A30045; }

/* admin note */
#gf-fri-list .gf-fri-admin-note{ margin-top:6px; padding-top:6px; border-top:1px dashed #e6e6e6; color:#333; font-size:.92rem; line-height:1.35; }
#gf-fri-list .gf-fri-admin-note strong{ font-weight:700; }

/* Låst slutdato (single) */
#gf-fri-form .gf-input-disabled{
  background:#f6f6f6; color:#666; cursor:not-allowed;
}

/* === Rund rød slet-knap med hvidt kryds (overstyrer tema) === */
#gf-fri-list .gf-fri-del{
  position:absolute !important;
  top:8px !important; right:8px !important;
  width:28px !important; height:28px !important;
  border-radius:50% !important;
  border:none !important;
  background:#d90429 !important;   /* rød */
  color:#fff !important;            /* hvidt kryds */
  font-size:18px !important;
  line-height:1 !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important; justify-content:center !important;
  box-shadow:0 1px 2px rgba(0,0,0,.08) !important;
  cursor:pointer !important;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease, opacity .12s ease !important;
  appearance:none !important;
}
#gf-fri-list .gf-fri-del:hover{
  transform:translateY(-1px) scale(1.04) !important;
  box-shadow:0 2px 6px rgba(0,0,0,.12) !important;
  background:#b00321 !important;
}
#gf-fri-list .gf-fri-del:active{
  transform:translateY(0) scale(0.98) !important;
}

/* Radios i én linje */
.gf-fri-mode{
  display:flex; align-items:center; gap:16px; margin:0 0 8px 0;
}
.gf-fri-mode input[type="radio"]{ transform:translateY(1px); }

/* Rækker så de klapper pænt sammen når JS skjuler dem */
.gf-fri-row{ display:grid; grid-template-columns:1fr; gap:6px; margin-bottom:12px; }

/* Rød, rund slet-knap (bruges på hver item i listen) */
.gf-fri-del{
  position:absolute; top:10px; right:10px;
  width:30px; height:30px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:#c81e1e; color:#fff; border:1px solid #8f1111;
  font-weight:700; line-height:1; cursor:pointer;
  transition:transform .08s ease, background .15s ease, box-shadow .15s ease;
}
.gf-fri-del:hover{  background:#a51414; transform:scale(1.06); box-shadow:0 2px 5px rgba(0,0,0,.15); }
.gf-fri-del:active{ transform:scale(0.98); }

/* skjul enhver række sikkert */
.gf-hide{ display:none !important; }

/* 1) 15px luft under Én dag / Flere dage */
.gf-daymode{ margin-bottom:15px; }

/* 2) (valgfrit) gør det tydeligt at felter kan være i "tekst-tilstand" før valg */
#gf-fri-form .gf-date-textmode {
  cursor: text;
}

/* 3) Sikrer at skjulte elementer virkelig er væk, hvis temaet overstyrer */
#gf-fri-form [style*="display: none"]{ display:none !important; }