/* interactions/intro/intro.css — FINAL CLEAN */

/* =========================================================
   INTRO – FIXED 1920x1080
   - % yok (mwp gibi)
   - Sahne koordinatı sabit
   ========================================================= */

.intro-wrap{
  position:absolute;
  left:0;
  top:0;
  width:1920px;
  height:1080px;
}

/* =========================================================
   TITLE FRAME (Title + Author STACK)
   slide_title.png
   Eski değerler:
   left:25%   -> 480px
   top:21.56% -> ~233px
   width:50%  -> 960px
   height:22.77% -> ~246px
   ========================================================= */

.intro-title-frame{
  position:absolute;
  left:480px;
  top:233px;
  width:960px;
  height:246px;

  background-image: var(--intro-title-bg);
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:center;

  padding:20px;
  box-sizing:border-box;

  display:flex;
  align-items:center;
  justify-content:center;
}

/* İç stack: title + author */
.intro-title-stack{
  width:100%;
  height:100%;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
}

/* =========================================================
   TITLE TEXT
   ========================================================= */

.intro-title-text{
  width:100%;
  text-align:center;

  font-weight:900;
  line-height:1.1;

  /* başlangıç değeri – JS autofit küçültür */
  font-size:56px;

  white-space:normal;       /* çok uzun başlıklar 2–3 satıra düşer */
  word-break:break-word;
  overflow:hidden;
}

/* =========================================================
   AUTHOR TEXT (Prepared by ...)
   - Title frame içinde, altta
   ========================================================= */

.intro-author-text{
  width:100%;
  text-align:center;

  font-weight:600;
  line-height:1.15;

  /* başlıktan küçük */
  font-size:28px;

  opacity:.85;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;

  pointer-events:none;
}

/* =========================================================
   START BUTTON
   start.png
   Eski değerler:
   left:42%   -> ~806px
   top:48.32% -> ~522px
   width:16%  -> ~307px
   height:12% -> ~130px
   ========================================================= */

.intro-start-frame{
  position:absolute;
  left:806px;
  top:522px;
  width:307px;
  height:130px;

  background-image: var(--intro-start-bg);
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:center;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:6px 14px;
  box-sizing:border-box;

  user-select:none;
}

.intro-start-frame:active{
  transform:scale(.98);
}

.intro-start-text{
  font-weight:900;
  line-height:1;

  font-size:24px;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* =========================================================
   INLINE EDIT HOVER / EDITING
   ========================================================= */

.intro-wrap [data-edit]{
  outline:2px dashed transparent;
  border-radius:10px;
}

.intro-wrap [data-edit]:hover{
  outline-color:#cbd5e1;
}

.intro-wrap [data-edit].editing{
  outline-color:#2563eb !important;
  background:rgba(238, 242, 255, .65);
}