.elementor-40 .elementor-element.elementor-element-429767b{--display:flex;}body.elementor-page-40:not(.elementor-motion-effects-element-type-background), body.elementor-page-40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for shortcode, class: .elementor-element-8f56f2d */.eduprogram-panel {
  width: 100%;
  max-width: 900px;
  margin: 2rem auto;
  font-family: 'Inter', 'Arial', sans-serif;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 6px 24px rgba(34,0,51,0.07);
  padding: 1.5rem;
  overflow-x: auto;
  word-break: break-word;
}
.eduprogram-day-header {
  font-size: 1.08rem;
  font-weight: 600;
  background: #33487b;
  background: linear-gradient(120deg, #312753 0%, #554080 100%);
  color: #fff;
  border-radius: 6px;
  padding: .4rem 1.2rem .4rem .8rem;
  margin-top: 1.3rem;
  margin-bottom: .6rem;
  display: inline-block;
}
.eduprogram-card {
  display: flex;
  gap: 0;
  align-items: stretch;
  background: #f8f6fa;
  border-radius: 12px;
  margin-bottom: .6rem;
  font-size: 1.01rem;
  border-left: 5px solid #ddd;
  box-shadow: 0 2px 8px rgba(72, 0, 113, 0.03);
  transition: background 0.18s, color 0.15s;
}
.eduprogram-card .eduprogram-card-left {
  min-width: 120px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .35rem;
  padding: .85rem 1.2rem .8rem .8rem;
  border-radius: 12px 0 0 12px;
  justify-content: flex-start;
}
.eduprogram-card .eduprogram-card-right {
  flex: 1;
  padding: .65rem 1.2rem .75rem .2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.eduprogram-card-title-row {
  display: flex;
  gap: 1.1rem;
  align-items: center;
  margin-bottom: .22rem;
  flex-wrap: wrap;
}
.eduprogram-name {
  font-weight: 500;
  color: #28095f;
}
.eduprogram-org {
  font-size: .97rem;
  color: #853cd4;
  font-style: italic;
}
.eduprogram-topic {
  font-size: 1rem;
  color: #261655;
  font-weight: 400;
  margin-top: .13rem;
  opacity: .96;
  line-height: 1.4;
}

.eduprogram-time {
  font-size: .99rem;
  color: #4d4956;
}
.eduprogram-status {
  font-size: .92rem;
  padding: .13em .8em;
  border-radius: 16px;
  font-weight: 500;
  margin-bottom: .2em;
  margin-right: 0;
  display: inline-block;
}
/* --- Tamamlananlar (Yeşil) --- */
.eduprogram-card.done {
  background: #e2faec;
  color: #19613b;
  border-left-color: #42b883;
}
.eduprogram-card.done .eduprogram-status {
  background: #42b883;
  color: #fff;
}
/* --- Şu Anki Ders (Canlı Mor) --- */
.eduprogram-card.now {
  background: #f2e0ff;
  border-left-color: #a600ff;
}
.eduprogram-card.now .eduprogram-status {
  background: #a600ff;
  color: #fff;
}
/* --- Gelecek Ders (Koyu Mor ve Soluk) --- */
.eduprogram-card.future {
  background: #ede2fe;
  border-left-color: #8033b6;
}
.eduprogram-card.future .eduprogram-status {
  background: #e5d2ff;
  color: #722fbc;
}

/* TABLET ve PC için: iki kolonlu yapı */
@media (max-width: 900px) {
  .eduprogram-panel {
    padding: 1rem .5rem;
    max-width: 99vw;
  }
  .eduprogram-card .eduprogram-card-left {
    min-width: 105px;
    padding: .7rem .7rem .7rem .6rem;
  }
  .eduprogram-card .eduprogram-card-right {
    padding: .6rem .9rem .6rem .2rem;
  }
}

/* Mobil görünüm */
/* Mobil görünüm */
/* Mobil görünüm */
@media (max-width: 640px) {
  .eduprogram-card {
    flex-direction: column;
    align-items: stretch;
    font-size: .98rem;
    padding: 0;
    border-left-width: 6px;
  }
  .eduprogram-card .eduprogram-card-left {
    flex-direction: row;
    min-width: 0;
    padding: .5rem .4rem .32rem .5rem;
    align-items: center;
    gap: .65rem;
    border-radius: 12px 12px 0 0;
    border-bottom: 1px solid #f2ebff;
  }
  .eduprogram-card .eduprogram-card-right {
    padding: .45rem .7rem .55rem .7rem;
    border-radius: 0 0 12px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .eduprogram-card-title-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin-bottom: .12rem;
    font-size: .98rem;
    width: 100%;
  }
  .eduprogram-name {
    font-size: 1rem;
    font-weight: 500;
    color: #28095f;
    margin-bottom: .12rem;
    line-height: 1.21;
    width: 100%;
    /* Her zaman üstte */
  }
  .eduprogram-org {
    display: block;
    font-size: .98rem;
    color: #853cd4;
    font-style: italic;
    margin: 0 0 .11rem 0;
    line-height: 1.18;
    width: 100%;
    /* Her zaman alt satırda, ismin tam altında */
  }
  .eduprogram-topic {
    font-size: .97rem;
    margin-top: .09rem;
    line-height: 1.35;
    opacity: .96;
  }
}
.eduprogram-location {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 1.25rem auto;
  padding: 0.7rem 1.2rem 0.7rem 1.1rem;
  background: linear-gradient(120deg, #312753 0%, #554080 100%);
  color: #fff;
  font-size: 1.13rem;
  font-weight: 500;
  border-radius: 13px;
  box-shadow: 0 3px 16px 0 rgba(60,18,120,0.09);
  display: flex;
  align-items: center;
  gap: 0.8rem;
  letter-spacing: 0.01em;
}

.eduprogram-location-icon {
  font-size: 1.34em;
  margin-right: 0.15em;
  flex-shrink: 0;
  filter: drop-shadow(0 1px 3px rgba(30,20,90,0.10));
}

/* Responsive */
@media (max-width: 640px) {
  .eduprogram-location {
    font-size: 1rem;
    padding: .67rem .55rem .67rem .67rem;
    border-radius: 11px;
    gap: 0.5rem;
  }
  .eduprogram-location-icon {
    font-size: 1.19em;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-429767b */body {
  background-color: #f8f4fb;
  background-image: url("data:image/svg+xml;utf8,<svg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'><g opacity='0.09'><line x1='20' y1='80' x2='50' y2='20' stroke='%23733dc8' stroke-width='1.2' marker-end='url(%23arrow2)'/><line x1='80' y1='80' x2='50' y2='20' stroke='%23733dc8' stroke-width='1.2' marker-end='url(%23arrow2)'/><line x1='35' y1='95' x2='50' y2='60' stroke='%23733dc8' stroke-width='1' marker-end='url(%23arrow2)'/><line x1='65' y1='95' x2='50' y2='60' stroke='%23733dc8' stroke-width='1' marker-end='url(%23arrow2)'/></g><defs><marker id='arrow2' markerWidth='6' markerHeight='6' refX='6' refY='3' orient='auto' markerUnits='strokeWidth'><path d='M0,0 L0,6 L6,3 z' fill='%23733dc8'/></marker></defs></svg>");
  background-repeat: repeat;
  background-size: 210px 210px;
}/* End custom CSS */