/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 15 2026 | 20:52:52 */
/* --- HLAVNÍ PLASTOVÝ PANEL (Bez obrázků) --- */
.plastic-panel {
	/* padding: 50px;
	text-align: center;*/
	color: #445065;
	box-sizing: border-box; /* Zabezpečí, že padding nezvětší panel */

	/* --- 1. BARVA A PŘECHOD (Základní hloubka) --- */
	/* Mírný přechod zleva-nahoře doprava-dole dodá panelu objem.
	Používáme barvy velmi blízké pozadí. */
	background-image: linear-gradient(145deg, #f0f6fc, #c8d1db);

	/* --- 2. TVAR A OKRAJE --- */
	border-radius: 25px; /* Měkké, zaoblené rohy */
	border: 1px solid rgba(255, 255, 255, 0.4); /* Velmi tenký, poloprůhledný rámeček pro definici hrany */

	/* --- 3. VNĚJŠÍ STÍNY (Vystoupení z pozadí) --- */
	/* První stín je tmavší (dole-vpravo), druhý je bílý odlesk (nahoře-vlevo). */
	box-shadow:
		7px 7px 15px #b2bcc9,    /* Tmavý stín pod panelem */
		-7px -7px 7px #ffffff00;  /* Světlý odlesk za panelem */

	transition: all 0.3s ease; /* Plynulá animace pro interakci */
	cursor: pointer; /* Naznačíme, že je to klikatelný element */
}

/* --- Magie: Vnitřní stíny, které tvoří plastovou hranu (Pseudosložka) --- */
/* Použijeme ::before element pro přidání další vrstvy odlesků na hranu. */
.plastic-panel::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border-radius: 23px; /* O něco menší než hlavní panel */
	pointer-events: none; /* Element nebude blokovat klikání */

	/* --- VNITŘNÍ ODLESK A STÍN --- */
	box-shadow:
		inset 1px 1px 1px #ffffff,   /* Velmi tenký, ostrý odlesk na horní a levé hraně */
		inset -2px -2px 5px rgba(0,0,0,0.04); /* Měkký stín uvnitř dolní a pravé hrany pro hloubku */
}

/* Aby pseudosložka fungovala správně, panel musí mít relativní pozici */
.plastic-panel {
	position: relative;
}

/* --- Volitelný efekt při přejetí myší --- */
.plastic-panel:hover {
	/* Mírně zesílíme stíny a odlesky pro dojem, že se panel víc "zvedá" */
	/* box-shadow:
	10px 10px 20px #b2bcc9,
	-10px -10px 20px #ffffff;
	transform: translateY(-2px);*/ /* Mírné zvednutí */
}

/* --- Volitelný efekt při kliknutí (Vtlačení) ---
.plastic-panel:active {
	box-shadow:
		inset 5px 5px 10px #b2bcc9,
		inset -5px -5px 10px #ffffff,
		0px 0px 0px rgba(0,0,0,0);
	transform: translateY(1px); 
}*/

/* --- HLAVNÍ PLASTOVÝ PANEL (Bez obrázků) --- */
.plastic-panel.red {
  color: inherit;
  background-image: linear-gradient(145deg, #f66c4c, var(--wp--preset--color--accent-1));
}