/*!
Theme Name: ponyvadekor
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: GustavM
Author URI: https://positivedesign.agency/
Description: A child theme for Wax icon.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ponyvadekor
*/

/* Theme customization starts here
-------------------------------------------------------------- */

input,
textarea,
button,
select,
a,
h3,
li {
	-webkit-tap-highlight-purple: rgba(0, 0, 0, 0);
}
/* Global focus and active - outline */
*:focus,
*:active {
	outline: 0;
}
*:focus-visible {
	outline: 1px solid var(--global-palette1);
}

/* prevent image user select */
img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* autofill blue background correction */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-transition: background-color 5000s ease-in-out 0s;
	transition: background-color 5000s ease-in-out 0s;
}

/************* GENERAL ************/

.trap {
  position: relative;
  width: fit-content;
  padding: 0 15px;
  z-index: 0;
;

  &::after {
    content: "";
    position: absolute;
	inset: -2px; 
    z-index: -1;
 
    transform-origin: center;
    clip-path: polygon(
      0 0,
      100% 0,
      calc(100% - 12px) 100%,
      12px 100%
    );
  }
}

.trap.rightup::after {	transform: rotate(-2deg); }
.trap.lefttup::after {	transform: rotate(2deg); }

.trap.neon::after {background: var(--global-palette1); }
.trap.pink::after {background: var(--global-palette2); }
.trap.white::after {background: var(--global-palette4); }
.trap.grey::after {background: var(--global-palette8); }