/* ===== Loader ===== */
.el-loading { text-align:center; padding:20px; }
.el-loading-badge { background:#ffea8a; padding:8px 16px; border-radius:6px; font-weight:600; display:inline-block; }

/* ===== Container calendar ===== */
#el-calendar, .el-calendar {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  overflow:visible !important;
  max-width:1200px;
  margin:24px auto;
  padding:0;
  background:transparent !important;
}

/* Previne overflow orizontal în layoutul temei */
html, body { overflow-x: hidden; }

/* ===== Grilă (desktop) ===== */
.el-ml-cal-grid{
  display:grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr); /* minmax(0,…) previne overflow de la conținut */
  gap:16px;
  align-items:start;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

/* ===== Card calendar ===== */
.el-ml-cal{
  background:#fff;
  border:1px solid #eee;
  border-radius:10px;
  padding:10px;
  box-shadow:0 2px 10px rgba(0,0,0,.05);
  transition: box-shadow .2s ease, border-color .2s ease;
  min-width:0;             /* IMPORTANT: permite micșorarea în grid */
  max-width:100%;
  box-sizing:border-box;
}
.el-ml-cal:hover{ box-shadow:0 6px 18px rgba(0,0,0,.08); }
.el-ml-cal.is-active{ border-color:#f6b500; box-shadow:0 4px 22px rgba(246,181,0,.22); }

.el-ml-cal__title{
  font-weight:700;
  text-align:center;
  margin:6px 0 10px;
  color:#000;
  overflow-wrap: anywhere; /* taie frumos dacă e nume lung */
}

/* ===== Iframe Google Calendar ===== */
.el-ml-cal iframe{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto;
  min-height:560px !important;
  border:0 !important;
  display:block !important;
  box-sizing:border-box;
}

/* ===== Mobil ===== */
@media (max-width: 900px){
  #el-calendar{ padding-left:12px; padding-right:12px; } /* puțin aer pe margini */
  .el-ml-cal-grid{
    grid-template-columns: minmax(0,1fr);   /* O SINGURĂ coloană pe mobil */
    gap:14px;
  }
  .el-ml-cal iframe{ min-height:420px !important; }
}

/* Dacă tema sau alt CSS setează forțat o lățime mare pe coloana content,
   acest patch limitează orice descendent din secțiunea .entry-content */
.entry-content, .mcb-column, .mcb-wrap, .mcb-wrap-inner, .section_wrapper{
  max-width:100%;
  overflow-x:hidden;
  box-sizing:border-box;
}
