/* ========================================================= Vélemény kártyák – Kreatívoldal ========================================================= */ /* A felugró ablak a végére kerül, ezért ott is kellenek a színváltozók. */ .mtv-blokk, .mtv-modal { --mtv-akcent: #007399; --mtv-halvany: #74afc3; --mtv-lap: #ffffff; --mtv-szoveg: #2b3a41; --mtv-halvany-szoveg: #6b7c85; --mtv-keret: rgba(0, 115, 153, 0.14); --mtv-oszlop: 3; --mtv-sorok: 8; } .mtv-blokk { margin: 0 0 10px; } .mtv-blokk .mtv-cim { margin: 0 0 28px; text-align: center; } /* ---------- rács ---------- */ .mtv-racs { display: grid; grid-template-columns: repeat(var(--mtv-oszlop), minmax(0, 1fr)); gap: 26px; align-items: stretch; } @media (max-width: 1024px) { .mtv-racs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } } @media (max-width: 767px) { .mtv-racs { grid-template-columns: minmax(0, 1fr); gap: 18px; } } /* ---------- kártya ---------- */ .mtv-kartya { position: relative; display: flex; flex-direction: column; height: 100%; box-sizing: border-box; padding: 34px 28px 26px; background: var(--mtv-lap); border: 1px solid var(--mtv-keret); border-radius: 20px; box-shadow: 0 12px 30px rgba(0, 61, 82, 0.07); transition: transform 0.25s ease, box-shadow 0.25s ease; } .mtv-kartya:hover { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(0, 61, 82, 0.12); } .mtv-idezojel { position: absolute; top: 6px; left: 22px; font-family: Georgia, "Times New Roman", serif; font-size: 76px; line-height: 1; color: var(--mtv-halvany); opacity: 0.32; pointer-events: none; user-select: none; } .mtv-csillagok { position: relative; margin: 0 0 10px; font-size: 16px; letter-spacing: 2px; color: #f0a92c; } /* ---------- szöveg + levágás ---------- */ /* A rövidebb szöveg középre kerül a kártyán, így nem alul gyűlik össze az üres hely. */ .mtv-szoveg { position: relative; flex: 0 1 auto; margin-top: auto; margin-bottom: auto; color: var(--mtv-szoveg); font-size: 15.5px; line-height: 1.65; } .mtv-szoveg p { margin: 0 0 0.9em; } .mtv-szoveg p:last-child { margin-bottom: 0; } /* A levágás csak akkor él, ha fut a JS – így JS nélkül is olvasható marad minden. */ .mtv-js .mtv-szoveg { display: -webkit-box; -webkit-line-clamp: var(--mtv-sorok); line-clamp: var(--mtv-sorok); -webkit-box-orient: vertical; overflow: hidden; } .mtv-js .mtv-kartya.mtv-tul-hosszu .mtv-szoveg::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2.6em; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--mtv-lap) 85%); pointer-events: none; } /* ---------- "Teljes vélemény" gomb ---------- */ .mtv-tovabb { align-self: flex-start; margin: 14px 0 0; padding: 0; background: none; border: 0; border-bottom: 1px solid currentColor; color: var(--mtv-akcent); font: inherit; font-size: 14px; font-weight: 600; line-height: 1.4; cursor: pointer; } /* A téma minden