/* =========================================================================
   Blokk-stílus variációk — a register_block_style()-lal regisztrált stílusok CSS-e.
   Regisztráció: inc/blokk-stilusok.php
   ========================================================================= */

/* ---- Sötét gomb (core/button, "sotet") ---------------------------------
   A világos gomb tükörképe: primary háttér + fehér szöveg, 10px radius,
   bold, jobbra nyíl.

   Specificitás: 0-2-3 — a `main` szándékos, ezzel veri a téma két szabályát:
     body main .wp-block-button a           (0-1-3, style.css:2051) — színek
     body .wp-block-buttons.with-arrow a    (0-2-2, style.css:225)  — geometria

   A geometriát nem a szülő `.with-arrow` osztálytól kapja, hanem magától:
   a variáció önmagában is teljes, de `.with-arrow` csoportban is helyes marad. */
body main .wp-block-button.is-style-sotet a {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--txt-light);
	display: inline-block;
	position: relative;
	padding-right: 60px;
	white-space: nowrap;
	border-radius: 10px;
	text-decoration: none;
	font-weight: bold;
}

/* A nyíl. Ugyanaz a PNG, mint a világos gombon (images/Header_Bejelentes-nyil.png,
   30x14, egyetlen szín: #201747) — csak fehérre fordítva.
   A `brightness(0) invert(1)` bármilyen színt tiszta fehérré tesz, tehát a rajz
   bitre azonos marad. A meglévő fehér nyíl-PNG (Header_Magunkrol_nyil.png) csak
   10x7, felskálázva pixeles lenne — ezért nem azt használjuk.
   Specificitás 0-2-4, a téma :after szabálya (0-2-3) alatta marad. */
body main .wp-block-button.is-style-sotet a:after {
	content: url(/wp-content/themes/pm-core/images/Header_Bejelentes-nyil.png);
	filter: brightness(0) invert(1);
	position: absolute;
	top: 50%;
	right: 18px;
	width: 30px;
	height: 15px;
	display: block;
	transform: translateY(-50%);
}