/*
Theme Name:        edumo
Theme URI:         https://www.edumo.pl/
Author:            TIMG sp. z o.o.
Author URI:        https://www.timg.pl/
Description:       Motyw "WORDPRESS" dla projektu edumo.
Version:           0.8.8
Requires at least: 6.0
Tested up to:      6.5
Requires PHP:      8.3
License:           GPL v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       edumo
Tags:              
*/

:root {
	--edumo-ink: #22244A;
	--edumo-violet: #5147A6;
	--edumo-violet-dark: #3B327B;
	--edumo-violet-light: #7A71D1;
	--edumo-mint: #8FCAB5;
	--edumo-mint-dark: #2A765D;
	--edumo-mint-soft: #E8F5EF;
	--edumo-lavender-soft: #F0EEFC;
	--edumo-surface: #F2F6F5;
	--edumo-white: #FFFFFF;
	--edumo-border: #D4DDE8;
	--edumo-muted: #5F6785;
	--edumo-success: #2A765D;
	--edumo-warning: #A66B00;
	--edumo-danger: #B94B61;
	--edumo-danger-dark: #8F3043;
	--edumo-danger-border: #F0C7D0;
	--edumo-danger-soft: #FFF1F4;
	--edumo-warning-dark: #8A6500;
	--edumo-warning-soft: #FFF4DF;
	--edumo-mint-light: #BFE3D4;
	--edumo-rating: #F5B942;
}

body {
	background-color: var(--edumo-white);
	color: var(--edumo-ink);
}

[data-edumo-faq] details:not([open]) > [data-edumo-faq-answer] {
	display: none;
}

.edumo-faq-icon {
	position: relative;
	display: inline-flex;
	width: 2.25rem;
	height: 2.25rem;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	color: var(--edumo-violet);
	transition: color 200ms ease;
}

.edumo-faq-icon::before,
.edumo-faq-icon::after {
	position: absolute;
	display: block;
	border-radius: 999px;
	background-color: currentColor;
	content: "";
}

.edumo-faq-icon::before {
	width: 1rem;
	height: 2px;
}

.edumo-faq-icon::after {
	width: 2px;
	height: 1rem;
	transition: transform 200ms ease;
}

[data-edumo-faq] details[open] .edumo-faq-icon::after {
	transform: scaleY(0);
}

[data-edumo-faq] details[data-edumo-faq-closing] .edumo-faq-icon::after {
	transform: scaleY(1);
}
