/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/


.quiz-container {
    max-width: 600px;
    margin: 0 auto;
    padding:0
}

.quiz-step {
    display: none;
}

.quiz-step.active {
    display: block;
}

#quiz-result {
    display: none;
}

/* Скрываем чекбоксы */
.quiz-step input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

#quiz-result.active {
    display: block;
}

/* Скрываем все шаги, когда результат виден */
.quiz-container:has(#quiz-result.active) .quiz-step,
.quiz-container #quiz-result ~ .quiz-step {
    display: none
}

/* Стили для лейблов */
.quiz-step label {
    display: block;
    padding: 10px 15px;
    margin: 0;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;
    border: 1px solid #D6D9DD;
    display: inline-block;
}

/* Подсветка при выборе */
.quiz-step label:has(input:checked) {
    background: #331a38;
    color: #ffffff;
    border-color: #331a38;
}
.quiz-container button{
	display: block;
	margin-top: 20px;
}
.quiz-container .wrap{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
}
.page-id-418 header.entry-header{
	display: none;
}
/* ---------------------------------------------------------------------------
   One export, and it is ours.

   BuddyBoss's profile dropdown offers "Export Data", which starts
   WordPress's personal-data request flow. It knows nothing about Memory
   facts, permission grants, the access log or introductions, so beside
   «Мои данные» it was a second button answering the same question with a
   confidently incomplete story — see ARCHITECTURE.md §4 and §9.

   Hidden here rather than removed in code because the entry is a literal
   <li> in the parent theme's template-parts/header-profile-menu.php, not an
   admin-bar node and not a BuddyPress nav item: nothing hookable produces
   it. Overriding that template would mean carrying 577 lines of somebody
   else's markup to delete five, and re-checking them on every BuddyBoss
   release.

   Anyone who still reaches the URL — keyboard, screen reader, a copied
   link, the Settings tab the same template draws — is redirected to My Data
   by My_Data::register(), so this hides a working link, never a dead one.
--------------------------------------------------------------------------- */
#wp-admin-bar-my-account-settings-export {
    display: none;
}

/* ---------------------------------------------------------------------------
   The registration header.

   The theme lays it out as one flex row with `margin-right: auto` on the
   heading, which pushes the small "или вход" to the far edge — a 20px title on
   the left and a 14px link on the right, with nothing between them. On the
   screen it reads as two unrelated fragments rather than a heading and its
   alternative.

   Stacked instead: the heading, then the way out from under it. Nothing here
   changes a word of the theme's own text.
   --------------------------------------------------------------------------- */

body.buddypress.register article.bp_register .entry-header {
	display: block;
	margin-bottom: 0;
}

/* The registration column is 450px, which is what forced the consent line onto
   two rows: that sentence is almost entirely the titles of two pages, and they
   are links, so the text cannot be shortened here without renaming them.

   540 rather than the 500 first tried: measured, the sentence needs about
   500px of line and a 500px column leaves 468 of it once the checkbox and its
   gap are taken out. Forty pixels is the difference between one line and two
   at a size a consent should be read at. */

body.register #page #primary .entry-header,
body.register .buddypress-wrap,
body.buddypress.register article.bp_register {
	max-width: 540px;
	/* The theme narrows this column to 80% below a certain viewport, and a
	   percentage width beats a max-width every time. */
	width: 100%;
}

body.buddypress.register article.bp_register .entry-header h1 {
	font-size: 24px;
	line-height: 1.2;
	margin: 0 0 4px;
}

body.buddypress.register article.bp_register .entry-header span {
	display: block;
	font-size: 15px;
	text-transform: none;
}

/* The "or sign in" line under the heading: the link has to look like one. */

body.buddypress.register article.bp_register .entry-header span a {
	color: #eb409a;
	font-weight: 600;
	text-decoration: none;
}

body.buddypress.register article.bp_register .entry-header span a:hover,
body.buddypress.register article.bp_register .entry-header span a:focus {
	text-decoration: underline;
}

/* The agreement line wrapped onto two lines over a checkbox, which reads as a
   paragraph rather than a consent. One line at a smaller size. */

/* The theme's own rule for this label carries two ids
   (#buddypress #signup-form), so a class-only selector loses to it however
   many classes it names. Same weight, one class more. */

body.buddypress.register #buddypress #signup-form.standard-form .checkbox-options label.option-label,
body.buddypress.register #buddypress #signup-form.standard-form .bp-checkbox-wrap label.option-label {
	font-size: 13px;
	line-height: 1.5;
	margin: 0;
}

/* The box and the sentence sat on different baselines. One row, centred on
   each other. */

body.buddypress.register #buddypress #signup-form.standard-form .bp-checkbox-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}

body.buddypress.register #buddypress #signup-form.standard-form .bp-checkbox-wrap input[type="checkbox"] {
	margin: 0;
	flex: none;
}