/* ==========================================================================
   emedia: promocja rankingu widocznosci agencji w AI na stronach firmowych (7.09.2026)
   Dwa miejsca, oba w tresci stron WordPressa:
   - sekcja "Badania i narzedzia emedia" na /o-firmie (id 3607): dwa kafle
     bez ramek i cieni (obraz, tytul, tekst, link tekstowy ze strzalka);
   - jednozdaniowy dopisek pod formularzami na /bezplatna-konsultacja (id 3857)
     i /brief (id 4311).
   Arkusz laduje emedia_ranking_promo_zasoby() z inc/functions-settings.php
   na kazdej podstronie.

   Wgrywanie po zmianie:
   node narzedzia/motyw-wgraj.mjs css/emedia-promo-ofirmie.css kod/motyw-emedia/css/emedia-promo-ofirmie.css
   node narzedzia/wpsc-wyczysc.mjs
   ========================================================================== */


/* --- 1. O firmie: kafle badan ------------------------------------------------ */

.em-badania-sekcja { padding: 30px 0 50px; }
.em-badania-sekcja h2 { margin-bottom: 26px; }
.em-badania { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 48px; max-width: 1100px; margin: 0 auto; }
.em-badanie { display: flex; flex-direction: column; }
/* obraz w calosci, bez przycinania: kadr 16:9, wolne pole jasne */
.em-badanie-obraz { display: block; overflow: hidden; }
.em-badanie-obraz img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #f4f6f9; transition: transform .5s ease; }
.em-badanie-obraz:hover img { transform: scale(1.02); }
.em-badanie h3 { font-family: 'all-round-gothic', sans-serif; font-size: 22px; font-weight: 600; line-height: 1.3; color: #192743; margin: 18px 0 8px; padding: 0; }
.em-badanie p { font-size: 15px; line-height: 1.6; color: #3c4655; margin: 0 0 12px; }
.em-badanie-link { display: inline-block; font-weight: 600; font-size: 15px; color: #b83a11; text-decoration: none; margin-top: auto; }
.em-badanie-link::after { content: ''; display: inline-block; width: 7px; height: 7px; margin-left: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); vertical-align: 2px; }
.em-badanie-link:hover { text-decoration: underline; text-underline-offset: 3px; }


/* --- 2. Konsultacja i Brief: dopisek pod formularzem ---------------------------- */

.em-ranking-dopisek { max-width: 900px; margin: 22px auto 0; padding: 0 16px; text-align: center; font-size: 15px; line-height: 1.6; color: #3c4655; }
.em-ranking-dopisek a { color: #b83a11; font-weight: 600; text-decoration: none; }
.em-ranking-dopisek a:hover { text-decoration: underline; text-underline-offset: 3px; }
/* brief.php ma granatowe tlo pod formularzem: jasny tekst, jasny pomarancz, wiekszy odstep od stopki */
#content.brief .em-ranking-dopisek { margin: 34px auto 48px; color: #dfe5f0; }
#content.brief .em-ranking-dopisek a { color: #ffb089; }


/* --- 3. Telefon (do 767 px) -------------------------------------------------- */

@media (max-width: 767px) {
	.em-badania-sekcja { padding: 16px 0 30px; }
	.em-badania { grid-template-columns: 1fr; gap: 30px; padding: 0 16px; }
	.em-badania-sekcja h2 { padding: 0 16px; }
	.em-badanie h3 { font-size: 19px; margin-top: 14px; }
	.em-badanie p { font-size: 14px; }
	.em-ranking-dopisek { font-size: 14px; }
}