/* PLACEHOLDER CARD */
.tarotcard-drop-zone {
display: grid;
grid-template-columns: repeat(2, 1fr); /* 2 колонки */
grid-template-rows: repeat(2, 1fr); /* 2 рядки */
margin: auto;
}
.tarotcard-placeholder {
position: relative;
}
/* Додаємо різні іконки для кожної теми */
.tarotcard-placeholder::after {
content: "";
font-size: 24px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.9;
transition: opacity 0.3s ease-in-out;
width: 80%;
height: 100%;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.tarotcard-placeholder::before {
font-size: 16px;
line-height: 22px;
position: absolute;
width: 100%;
top: 85%;
left: 50%;
opacity: 0.9;
transform: translate(-50%, -50%);
transition: opacity 0.3s ease-in-out;
text-align: center;
font-family: "Didact Gothic", sans-serif;
color:var(--bs-danger);
}

.icon-energy::after {
background: url(/assets/img/icon/tip/energy.svg);
}
.icon-love::after {
background: url(/assets/img/icon/tip/love.svg);
}
.icon-finance::after {
background: url(/assets/img/icon/tip/finance.svg);
}
.icon-health::after {
background: url(/assets/img/icon/tip/health.svg);
}
.tarotcard-placeholder.selected::after {
opacity: 0;
}