/* ===== IIFIN Personal Finance — унификация ширин и отступов ===== */

/* 1) Единый контейнер страницы */
.page-slug-personal-finance .iifin-pf-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Если .iifin-pf-wrap отсутствует — применим ко всему контенту страницы */
.page-slug-personal-finance .entry-content,
.page-slug-personal-finance .elementor-section-wrap,
.page-slug-personal-finance .elementor > .elementor-inner{
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

/* 2) Нормализация «случайных» контейнеров от темы/Elementor */
.page-slug-personal-finance .elementor-section.elementor-section-boxed > .elementor-container{
  max-width: 1200px !important;
}
.page-slug-personal-finance .elementor-section.elementor-section-stretched{
  --content-padding-inline: 20px;
}
.page-slug-personal-finance .elementor-container,
.page-slug-personal-finance .container,
.page-slug-personal-finance .site-container{
  max-width: 1200px;
}

/* 3) Выравниваем блоки онбординга и резюме внутри одной сетки */
.page-slug-personal-finance .iifin-pf-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 980px){
  .page-slug-personal-finance .iifin-pf-grid{
    grid-template-columns: 1.2fr 1fr; /* левая колонка шире (например, резюме) */
  }
}

/* 4) Карточки/формы: единый вид и отступы */
.page-slug-personal-finance .iifin-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.page-slug-personal-finance .iifin-card h3{
  margin:0 0 8px;
  font-size:18px;
  font-weight:700;
}

/* 5) Онбординг — займёт всю ширину своей колонки */
.page-slug-personal-finance #iifin-onboarding-root{
  margin: 12px 0 16px;
}
.page-slug-personal-finance #iifin-onboarding-root .iifin-ob{
  margin: 0;               /* убираем разброс */
}
.page-slug-personal-finance #iifin-onboarding-root.iifin-ob--hidden{
  display:none;
}

/* 6) Резюме / старый дашборд — такой же «бокс» */
.page-slug-personal-finance #iifin-summary,
.page-slug-personal-finance .iifin-summary,
.page-slug-personal-finance .personal-finance-summary{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:16px;
}

/* 7) Форма/поля внутри разделов — единый стиль */
.page-slug-personal-finance .iifin-form input,
.page-slug-personal-finance .iifin-form select,
.page-slug-personal-finance .iifin-form textarea{
  width:100%;
  padding:12px 12px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  font-size:16px;
  box-sizing: border-box;
}

/* 8) Чистим «пустые параграфы» от WordPress вокруг шорткодов */
.page-slug-personal-finance p:empty{ display:none; }
.page-slug-personal-finance p > br:only-child{ display:none; }

/* 9) Глобальные «растягиватели», которые часто ломают выравнивание */
.page-slug-personal-finance .alignfull,
.page-slug-personal-finance .wp-block-group.alignfull{
  width: auto; max-width: 1200px; margin-left:auto; margin-right:auto;
  padding-left: 20px; padding-right: 20px;
}

/* 10) Мелкие правки кнопки-крестика (если фон тёмный — оставляем белый крест) */
.page-slug-personal-finance .iifin-ob__title{
  display:flex; align-items:center; gap:.5rem;
}
.page-slug-personal-finance .iifin-ob__close{
  margin-left:auto;
  appearance:none;
  border:1px solid var(--iifin-accent);
  background: var(--iifin-accent);
  border-radius:10px;
  width:32px; height:32px;
  display:inline-grid; place-items:center;
  position:relative; cursor:pointer; line-height:1; color:transparent; font-size:0;
}
.page-slug-personal-finance .iifin-ob__close::before,
.page-slug-personal-finance .iifin-ob__close::after{
  content:""; position:absolute; width:14px; height:2px; background:#fff; border-radius:2px;
}
.page-slug-personal-finance .iifin-ob__close::before{ transform:rotate(45deg); }
.page-slug-personal-finance .iifin-ob__close::after { transform:rotate(-45deg); }
@media (max-width: 640px){
  .page-slug-personal-finance .iifin-ob__close{ width:28px; height:28px; border-radius:8px; }
  .page-slug-personal-finance .iifin-ob__close::before,
  .page-slug-personal-finance .iifin-ob__close::after{ width:12px; }
}