/* Homepage layout corrections. Marveen, 2026-08-23.
   Revert: remove the <link> to this file and the <script src="/marveen-home.js">
   from index.html. Nothing else on the site depends on it. */

/* 1. The intro + reviews row was a 50% wide container with an empty right half,
      so ~2000px of content sat in a 570px strip. Give it the whole row. */
.elementor-11716 .elementor-element.elementor-element-d61714c{--width:100%;}

/* 2. Intro copy and the trust checklist side by side instead of one narrow stack. */
@media(min-width:1025px){
  .elementor-11716 .elementor-element.elementor-element-f674705{
    --display:grid;grid-template-columns:1.05fr 1fr;column-gap:60px;align-items:center;}
  .elementor-11716 .elementor-element.elementor-element-56e067f{grid-column:1;grid-row:1;}
  .elementor-11716 .elementor-element.elementor-element-4a7082c{grid-column:2;grid-row:1;}
  .elementor-11716 .elementor-element.elementor-element-7ae9c91{grid-column:1 / -1;}
  .elementor-11716 .elementor-element.elementor-element-483b8e2{grid-column:1 / -1;}
}

/* 3. Course cards: one wrapping row, equal height, warm panel instead of flat grey. */
.mvhome-cards{flex-wrap:wrap !important;justify-content:center !important;
  column-gap:20px !important;row-gap:20px !important;align-items:stretch !important;}
.mvhome-cards > .mvhome-card{--align-self:stretch !important;--flex-grow:0 !important;}
.mvhome-card{background-color:#221A1DD9 !important;}
.mvhome-card > .elementor-widget-button,
.mvhome-card .elementor-widget-button{margin-top:auto;}
.mvhome-card .elementor-button{min-width:190px;text-align:center;}

/* 4. Reviews band, moved below the courses by marveen-home.js. */
.mvhome-revband{padding:56px 0 62px;}
.mvhome-revband > .mvhome-revin{max-width:1140px;margin:0 auto;padding:0 18px;}
.mvhome-revband .elementor-widget{margin-bottom:0;}

/* 5. Contact row: the form column was top aligned and left a dead grey block. */
.elementor-11716 .elementor-element.elementor-element-58d33f3 .elementor-column
  > .elementor-widget-wrap{align-content:center;}

/* 6. Gallery strip: fill the square tiles instead of letterboxing on white. */
.premium-adv-carousel__media-wrap{overflow:hidden;}
.premium-adv-carousel__media-wrap img,
.premium-adv-carousel__media-wrap a img{width:100% !important;height:100% !important;max-height:none !important;object-fit:cover !important;display:block !important;}

/* ============================================================================
   7. "Miért nálunk?" band (was: a ragged text column + a check list with
      dotted underlines sitting in a dead grey strip). Marveen, 2026-09-02.
      Replaces widgets 56e067f + 4a7082c inside container f674705.
   ========================================================================== */
.mvw {
  --mvw-pink: #fd5c93;
  --mvw-ink: #1e1418;
  --mvw-ink2: #6d5f66;
  --mvw-line: #e6dade;
  grid-column: 1 / -1;
  box-sizing: border-box;
  width: 100%;
  padding: 8px 0 4px;
  font-family: Poppins, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
.mvw *, .mvw *::before, .mvw *::after { box-sizing: border-box; }
.mvw-head { max-width: 720px; margin: 0 auto 30px; text-align: center; }
.mvw-kicker {
  display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .16em;
  text-transform: uppercase; color: var(--mvw-pink); background: #fff;
  border: 1px solid #f2dbe3; padding: 6px 14px; border-radius: 999px; margin-bottom: 15px;
}
.mvw-title {
  margin: 0 0 12px; font-size: clamp(25px, 3.6vw, 36px); line-height: 1.2;
  font-weight: 700; color: var(--mvw-ink); letter-spacing: -.01em;
}
.mvw-title span { color: var(--mvw-pink); }
.mvw-lead { margin: 0; font-size: 16px; line-height: 1.65; color: var(--mvw-ink2); }
.mvw-lead b { color: var(--mvw-ink); font-weight: 600; }

.mvw-list {
  list-style: none; margin: 0 auto; padding: 0; max-width: 1140px;
  display: flex; flex-wrap: wrap; gap: 14px; justify-content: center;
}
.mvw-list li {
  flex: 1 1 200px; max-width: 290px;
  display: flex; align-items: flex-start; gap: 12px; margin: 0;
  background: #fff; border: 1px solid var(--mvw-line); border-radius: 14px;
  padding: 16px 16px; font-size: 15px; line-height: 1.45; font-weight: 500;
  color: var(--mvw-ink); box-shadow: 0 6px 16px rgba(120, 90, 100, .07);
}
.mvw-list li::before, .mvw-list li::after { content: none; border: 0; }
.mvw-ic {
  flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%;
  display: grid; place-items: center; background: var(--mvw-pink); color: #fff; margin-top: 1px;
}
.mvw-ic svg { width: 14px; height: 14px; display: block; }
.mvw-list b { font-weight: 600; }
.mvw-star { color: #f5b301; }

@media (max-width: 1024px) { .mvw-head { margin-bottom: 24px; } }
@media (max-width: 600px) {
  .mvw { padding: 8px 16px 4px; }
  .mvw-list li { flex: 1 1 100%; max-width: none; padding: 14px; font-size: 14.5px; }
}

html[data-mvdark] .mvw {
  --mvw-ink: var(--mvd-tx); --mvw-ink2: var(--mvd-tx2);
  --mvw-line: var(--mvd-line); --mvw-pink: var(--mvd-pink);
}
html[data-mvdark] .mvw-kicker { background: var(--mvd-panel) !important; border-color: var(--mvd-line) !important; }
html[data-mvdark] .mvw-list li { background: var(--mvd-panel) !important; color: var(--mvd-tx) !important; box-shadow: none; }
html[data-mvdark] .mvw-ic { color: #1a1114 !important; }

/* 7b. The intro row shrank to 758px inside a 1140px container (Elementor's
      --width is not consumed here), which is why the band looked half empty.
      With the old two widgets gone, f674705 has a single full-width child. */
.elementor-11716 .elementor-element.elementor-element-d61714c,
.elementor-11716 .elementor-element.elementor-element-f674705{
  width:100% !important;max-width:100% !important;flex:1 1 100% !important;}
@media(min-width:1025px){
  .elementor-11716 .elementor-element.elementor-element-f674705{
    display:block !important;--display:block;}
}
/* 7c. f3b6557 is an Elementor "slides" widget whose slides lived in the WP
      database and came across EMPTY in the static mirror. It still claimed
      382px of the row, which is the empty right half. Nothing renders in it. */
.elementor-11716 .elementor-element.elementor-element-f3b6557{display:none !important;}

/* 8. The header CTA (marveen-nav.js BOOK_HREF) jumps to /#kepzesek. The header is
      sticky, so without this the first card row lands underneath it. */
#kepzesek{scroll-margin-top:104px;}