/* =========================
   KALENDĀRS
   ========================= */

/* Wrapperis drošai centrēšanai visos pārlūkos (arī Safari/Edge) */
.mini-cal-wrap{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  width:100%;
  min-width:0;                 /* Safari: ļauj bērniem sarauties */
}

/* Pats kalendārs – centrēts, kontrolēts max-platums, nesaraujas flexā */
.mini-cal{
  border:1px solid #eee;
  border-radius:12px;
  padding:12px;
  width:100%;
  max-width:380px;             /* vari palielināt uz 400–440px */
  background:#fff;
  margin:0 auto;
  box-sizing:border-box;
  overflow:hidden;
  flex:0 0 auto;               /* neļauj flex vecākam mūs saspiest */
}

/* Galvene: bultiņas MALĀS, virsraksts centrā */
.mini-cal__head{
  display:grid;
  grid-template-columns:32px 1fr 32px; /* ◀  Title  ▶ */
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}
.mini-cal__title{ font-weight:600; text-align:center; }

/* Bultiņas */
.mini-cal__head button,
.mini-cal__prev,
.mini-cal__next{
  border:0;
  background:#8e8b63;
  color:#fff;
  border-radius:8px;
  width:32px; height:32px;     /* vienots izmērs */
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; line-height:1;
  transition:background-color .2s ease, transform .1s ease;
}
.mini-cal__head button:hover,
.mini-cal__prev:hover,
.mini-cal__next:hover{
  background:#eee; color:#363636; transform:scale(1.05);
}

/* Režģis: kritiski Safari—šūnām jādrīkst sarauties līdz 0 */
.mini-cal__grid{
  display:grid;
  grid-template-columns:repeat(7, minmax(0,1fr));
  gap:6px;
  font-size:13px;
  width:100%;
}

/* Šūnas: kvadrāti, bet neizspiež kolonnu */
.mini-cal__cell{
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  position:relative;
  user-select:none;
  max-width:100%;
  min-width:0;                 /* Safari/Edge grida fix */
}

.mini-cal__cell--day{ cursor:pointer; }
.mini-cal__cell--muted{ opacity:.45; }

/* Dienas ar pasākumiem — iekrāsots fons */
.mini-cal__has{ background:#8e8b63; color:#fff; }

/* Aktīvā izvēlētā diena */
.mini-cal__cell--active{ background:#8e8b63; color:#fff; }

/* Papildu punkta indikācija, ja vajag */
.mini-cal__dot::after{
  content:'';
  position:absolute;
  bottom:4px;
  width:5px; height:5px;
  border-radius:50%;
  background:#8e8b63;
}

/* =========================
   SARAKSTS (kreisais konteiners)
   ========================= */
.mini-list{
  border:1px solid #eee;
  border-radius:12px;
  padding:14px;
  min-height:200px;
  background:#fff;
  min-width:0;                 /* Safari fix, ja vecāks ir flex/grid */
}

.mini-list__daytitle{ margin:0 0 10px 0; font-weight:700; }

.mini-list__items{
  list-style:none; margin:0; padding:0;
  display:grid; gap:14px;
}

.mini-item{
  border:none;
  border-radius:12px;
  padding:14px;
  background:#fff;
}

/* mazs pelēks datums virs virsraksta */
.mini-item__date-mini{ font-size:12px; color:#8a8f98; margin-bottom:6px; }

/* klikšķināms virsraksts */
.mini-item__title{
  font-weight:700; text-decoration:none; color:#8e8b63;
  display:inline-block; margin-bottom:6px; transition:color .2s ease;
}
.mini-item__title:hover{ text-decoration:underline; }

/* ~18 vārdu ievads */
.mini-item__intro{ font-size:14px; line-height:1.55; color:#444; margin-bottom:10px; }

/* meta rinda ar ikonām */
.mini-item__meta{
  display:flex; flex-wrap:wrap; gap:14px; align-items:center;
  font-size:13px; color:#555;
}
.mini-meta{ display:inline-flex; gap:6px; align-items:center; }
.mini-meta .ico{ width:16px; height:16px; fill:#8e8b63; color:#8e8b63; opacity:.8; flex:0 0 16px; }

/* =========================
   POPUP (pilnais apraksts)
   ========================= */
.mini-modal-open{ overflow:hidden; }

.mini-modal__overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.5);
  display:flex; align-items:center; justify-content:center; z-index:9999;
}

.mini-modal{
  position:relative; background:#fff; width:min(720px, 92vw);
  max-height:85vh; overflow:auto; border-radius:14px; padding:20px;
  box-shadow:0 10px 30px rgba(0,0,0,.2);
}

.mini-modal__close{
  position:absolute; right:12px; top:8px;
  border:0; background:transparent; font-size:42px;
  cursor:pointer; line-height:1; color:inherit;
}
.mini-modal__close:hover{ color:#8e8b63; }

.mini-modal__title{ margin-top:0; margin-bottom:12px; font-weight:800; }
.mini-modal__body p:last-child{ margin-bottom:0; }

.mini-modal__meta{
  font-size:14px; margin-bottom:4px; color:#666;
  display:flex; align-items:center; gap:4px;
}
.mini-modal__meta strong{ color:#8e8b63; font-weight:600; }

/* =========================
   Google Calendar saite (vienots ar meta ikonām)
   ========================= */
.mini-gcal {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #555;
  text-decoration: none;
  cursor: pointer;
}

.mini-gcal:hover {
  color: #8e8b63;
  text-decoration: underline;
}

/* Ikonas vienotais stils (ar Safari/Edge fixiem) */
.mini-gcal .ico,
.mini-gcal .ico path,
.mini-gcal__ico,
.mini-gcal__ico path {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  fill: #8e8b63 !important;
  color: #8e8b63 !important;
  stroke: none !important;
  opacity: .8;
  vertical-align: middle;
}

/* Hover efekts (ja gribi, ka ikona arī maina toni) */
.mini-gcal:hover .ico path,
.mini-gcal:hover .mini-gcal__ico path {
  fill: #6c6a4a !important;
}


/* =========================
   RESPONSIVE
   ========================= */

/* Telefons — drošāks izmērs iOS, lielāki cipari */
@media (max-width:480px){
  .mini-cal{ width:100% !important; max-width:none !important; margin-left:auto; margin-right:auto; }
  .mini-cal__grid{ gap:4px; }
  .mini-cal__cell{ font-size:14px; }
  .mini-cal__prev, .mini-cal__next{ width:28px; height:28px; }
}

/* Planšete/desktop: atstarpe starp sarakstu un kalendāru (ja tie ir blakus) */
@media (min-width:1024px){
  .mini-cal-wrap{ margin-left:28px; } /* ja kalendārs ir labajā pusē */
}

/* Vispārīgais mobile */
@media (max-width:800px){
  .mini-cal{ width:100% !important; max-width:none !important; margin-left:auto; margin-right:auto; }
  .mini-item{ padding:12px; }
}
/* Safari specifisks fix — dod vairāk vietas kalendāram */
@supports (-webkit-touch-callout: none) {
  .mini-cal {
    max-width: 480px !important;  /* dod lielāku vietu desktop Safari */
  }
}
@media not all and (min-resolution: .001dpcm) {
  @supports (-webkit-appearance: none) {
    .mini-cal {
      max-width: 360px !important; /* iPhone Safari */
    }
  }
}
/* ===== Safari/iOS – galīgais overrides (liek pēdējo CSS failā) ===== */
@supports (-webkit-touch-callout: none) {
  .mini-cal-wrap{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }
  .mini-cal{
    width:100% !important;
    max-width:none !important;   /* ← noņem 380/340/320 “griestus” tikai Safari */
    min-width:0 !important;
    flex:1 1 auto !important;
    box-sizing:border-box;
  }
  .mini-cal__grid{
    width:100% !important;
    grid-template-columns:repeat(7, minmax(0,1fr)) !important;
  }
  .mini-cal__cell{
    min-width:0 !important;
    max-width:100% !important;
  }
}
/* Kalendāra galvene: fiksēti sloti bultiņām */
.mini-cal__head{
  display:grid;
  grid-template-columns: 32px 1fr 32px; /* ◀  Title  ▶ */
  align-items:center;
  gap:10px;
}

/* Bultiņas: nullējam globālos button stilus un ieliekam precīzus izmērus */
.mini-cal__prev,
.mini-cal__next {
  border: 0 !important;
  padding: 0 !important;          /* ← novāc tēmas padding */
  margin: 0 !important;
  width: 32px !important;
  height: 32px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important; /* vai 9999px, ja gribi pilnīgi apaļas */
  background: #8e8b63;            /* tavas krāsas */
  color: #fff;
  line-height: 1;
  appearance: none;
}

/* drošības pēc – lai bultiņas tiešām stāv pie malām savos grid slotos */
.mini-cal__prev { justify-self: start; }
.mini-cal__next { justify-self: end;  }

/* ja tēma liek fonus hoverā, pārspiežam */
.mini-cal__prev:hover,
.mini-cal__next:hover {
  background: #eee; 
  color: #363636;
}