﻿/*
Theme Name: Reboot Child
Theme URI: https://wpshop.ru/themes/reboot
Author: WPShop.biz
Author URI: http://wpshop.biz/
Template: reboot
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */

function add_quiz_styles() {
    $custom_css = "
        .quiz-block {
            width: 100%;
            background-color: #25262d;
            padding: 25px;
            border-radius: 12px;
            margin: 30px 0;
            font-family: sans-serif;
            box-sizing: border-box;
        }
        .quiz-question {
            font-size: 1.2em;
            font-weight: bold;
            margin-bottom: 15px;
            color: #ffffff;
        }
        .quiz-option {
            display: block;
            margin: 10px 0;
            padding: 12px 15px;
            background: #3a3a3a;
            border-radius: 8px;
            cursor: pointer;
            transition: 0.2s;
            color: #ffffff;
        }
        .quiz-option:hover {
            background: #4a4a4a;
        }
        .quiz-option.selected {
            background: #0073aa;
            border-left: 4px solid #ffffff;
        }
        .quiz-feedback {
            margin-top: 15px;
            padding: 12px;
            border-radius: 8px;
        }
        .quiz-correct {
            background: #1e7e34;
            color: #ffffff;
            border-left: 4px solid #28a745;
        }
        .quiz-wrong {
            background: #9e2a2a;
            color: #ffffff;
            border-left: 4px solid #dc3545;
        }
        .quiz-next, .quiz-restart {
            margin-top: 15px;
            padding: 10px 20px;
            background: #0073aa;
            color: white;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-size: 1em;
            transition: 0.2s;
        }
        .quiz-next:hover, .quiz-restart:hover {
            background: #005a87;
        }
        .quiz-result {
            text-align: center;
            font-size: 1.2em;
            margin-top: 20px;
            color: #ffffff;
        }
        .quiz-result strong {
            color: #28a745;
        }
        .quiz-progress {
            color: #aaaaaa;
            margin-bottom: 15px;
            font-size: 0.9em;
        }
    ";
    wp_add_inline_style('parent-style', $custom_css);
}
add_action('wp_enqueue_scripts', 'add_quiz_styles');
