/* ==========================================================================
   Įdėjimas į krepšelį: mygtukas „Pirkti" ir langelis „Prekė įdėta į krepšelį"

   Sukurta 2026-10-07. Serverio žurnale spalio 1–6 d. 7 iš 15 prekę
   įsidėjusių pirkėjų krepšelio taip ir neatidarė: patvirtinimas buvo rausva
   juosta viršuje dviem sekundėms, o puslapis nusukamas į viršų. Langelį piešia
   krepselio_patvirtinimas() (info.php), jis lieka, kol pirkėja pasirenka.

   Failas atskiras, nes reskin-preke.css jau beveik 400 eilučių. Kraunamas
   visuose info.php puslapiuose: langelis pridedamas prie <body>, o ne prie
   prekės bloko, tad jam reikia savo, ne `#page` priešdėlio.
   ========================================================================== */

/* „Pirkti" tekstas baltas visose būsenose. reskin-preke.css taisyklė
   `#page .product-main .product a` jį dažė #221B1E, o paspaudus fonas tampa
   #8A3355: telefone po paspaudimo užrašas dingdavo (matyta 2026-10-07). */
#page .product-main .product a.add-cart-btn,
#page .product-main .product a.add-cart-btn:hover,
#page .product-main .product a.add-cart-btn:focus,
#page .product-main .product a.add-cart-btn:active {
	color: #fff !important;
}

.apm-krepselio-langas {
	position: fixed; z-index: 2000; right: 24px; bottom: 24px;
	box-sizing: border-box; width: 360px; max-width: calc(100% - 32px);
	padding: 18px 20px 20px;
	border-radius: 14px; background: #fff;
	box-shadow: 0 24px 60px -20px rgba(34, 27, 30, 0.55), 0 0 0 1px rgba(34, 27, 30, 0.06);
	font-family: 'Outfit', 'Source Sans Pro', Arial, sans-serif;
	color: #221B1E; text-align: left;
	animation: apm-krepselio-langas-iskyla 0.25s ease-out;
}
.apm-krepselio-langas p { margin: 0; padding: 0; }
.apm-krepselio-langas-antraste {
	display: flex; align-items: center; gap: 10px;
	font-weight: 600; font-size: 16px; line-height: 1.3;
}
.apm-krepselio-langas-varnele {
	display: inline-flex; align-items: center; justify-content: center;
	flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%;
	background: #2E7D4F; color: #fff; font-size: 15px; line-height: 1;
}
.apm-krepselio-langas p.apm-krepselio-langas-preke {
	margin-top: 6px; font-weight: 300; font-size: 14px; line-height: 1.4; color: #4A3F44;
}
.apm-krepselio-langas-mygtukai {
	display: flex; flex-direction: column; gap: 8px; margin-top: 14px;
}
.apm-krepselio-langas a.apm-krepselio-langas-eiti {
	display: flex; align-items: center; justify-content: center;
	height: 50px; border-radius: 40px; background: #D26A8E;
	box-shadow: 0 12px 24px -12px rgba(210, 106, 142, 0.9);
	font-weight: 600; font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase;
	color: #fff !important; text-decoration: none;
}
.apm-krepselio-langas a.apm-krepselio-langas-eiti:hover { background: #8A3355; }
.apm-krepselio-langas .apm-krepselio-langas-testi {
	height: 44px; padding: 0 16px;
	border: 1px solid rgba(34, 27, 30, 0.2); border-radius: 40px; background: #fff;
	font-family: inherit; font-weight: 400; font-size: 14px; color: #221B1E; cursor: pointer;
}
.apm-krepselio-langas .apm-krepselio-langas-testi:hover { border-color: #221B1E; }

@keyframes apm-krepselio-langas-iskyla {
	from { opacity: 0; transform: translateY(16px); }
	to { opacity: 1; transform: none; }
}

/* Telefone per visą plotį su 16px kraštais, kaip kitos kortelės. Riba 500px
   sutampa su info.php ir kitais reskin failais. */
@media all and (max-width: 500px) {
	.apm-krepselio-langas { left: 16px; right: 16px; bottom: 16px; width: auto; max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
	.apm-krepselio-langas { animation: none; }
}