/**
 * Plugin Name: MR Business Grid
 * Description: Light no-code business workspace with spreadsheet-like cells, scenes, formulas, fields, widgets, copy/paste from Sheets, and custom CSS/JavaScript.
 * Version: 0.3.1
 * Author: Music Road
 * Text Domain: mr-business-builder
 * Requires at least: 6.4
 * Requires PHP: 8.0
 */

if (!defined('ABSPATH')) {
    exit;
}

define('MRBB_VERSION', '0.3.1');
define('MRBB_FILE', __FILE__);
define('MRBB_DIR', plugin_dir_path(__FILE__));
define('MRBB_URL', plugin_dir_url(__FILE__));

final class MRBB_Business_Grid {
    private const CAPABILITY = 'mrbb_manage_workspaces';
    private const DB_VERSION = '0.3.1';
    private const MENU_SLUG = 'mr-business-builder';
    private const MAX_CONFIG_BYTES = 8_000_000;

    public static function boot(): void {
        register_activation_hook(MRBB_FILE, [__CLASS__, 'activate']);
        add_action('plugins_loaded', [__CLASS__, 'maybe_upgrade']);
        add_action('admin_menu', [__CLASS__, 'admin_menu']);
        add_action('init', [__CLASS__, 'register_assets']);
        add_action('admin_enqueue_scripts', [__CLASS__, 'admin_assets']);
        add_action('wp_enqueue_scripts', [__CLASS__, 'front_assets'], 20);
        add_action('wp_ajax_mrbb_save_workspace', [__CLASS__, 'ajax_save_workspace']);
        add_action('wp_ajax_mrbb_create_workspace', [__CLASS__, 'ajax_create_workspace']);
        add_action('wp_ajax_mrbb_delete_workspace', [__CLASS__, 'ajax_delete_workspace']);
        add_shortcode('mr_business_grid', [__CLASS__, 'shortcode']);
        add_shortcode('mr_business_app', [__CLASS__, 'shortcode']);
        add_shortcode('mr_business_studio', [__CLASS__, 'shortcode']);
    }

    private static function apps_table(): string {
        global $wpdb;
        return $wpdb->prefix . 'mrbb_apps';
    }

    private static function records_table(): string {
        global $wpdb;
        return $wpdb->prefix . 'mrbb_records';
    }

    public static function activate(): void {
        self::create_tables();
        self::add_capability();
        self::ensure_default_workspace();
        update_option('mrbb_db_version', self::DB_VERSION, false);
    }

    public static function maybe_upgrade(): void {
        if ((string) get_option('mrbb_db_version', '') !== self::DB_VERSION) {
            self::create_tables();
            self::add_capability();
            update_option('mrbb_db_version', self::DB_VERSION, false);
        }
        self::ensure_default_workspace();
    }

    private static function create_tables(): void {
        global $wpdb;
        require_once ABSPATH . 'wp-admin/includes/upgrade.php';

        $charset = $wpdb->get_charset_collate();
        $apps = self::apps_table();
        $records = self::records_table();

        dbDelta("CREATE TABLE {$apps} (
            id bigint(20) unsigned NOT NULL AUTO_INCREMENT,
            name varchar(190) NOT NULL,
            slug varchar(190) NOT NULL,
            description text NULL,
            config longtext NOT NULL,
            custom_css longtext NULL,
            custom_js longtext NULL,
            status varchar(20) NOT NULL DEFAULT 'draft',
            created_by bigint(20) unsigned NOT NULL DEFAULT 0,
            created_at datetime NOT NULL,
            updated_at datetime NOT NULL,
            PRIMARY KEY  (id),
            UNIQUE KEY slug (slug),
            KEY status (status),
            KEY created_by (created_by)
        ) {$charset};");

        dbDelta("CREATE TABLE {$records} (
            id bigint(20) unsigned NOT NULL AUTO_INCREMENT,
            app_id bigint(20) unsigned NOT NULL,
            data longtext NOT NULL,
            created_by bigint(20) unsigned NOT NULL DEFAULT 0,
            created_at datetime NOT NULL,
            updated_at datetime NOT NULL,
            PRIMARY KEY  (id),
            KEY app_id (app_id),
            KEY created_at (created_at)
        ) {$charset};");
    }

    private static function add_capability(): void {
        $administrator = get_role('administrator');
        if ($administrator && !$administrator->has_cap(self::CAPABILITY)) {
            $administrator->add_cap(self::CAPABILITY);
        }
    }

    private static function require_capability(): void {
        if (!current_user_can(self::CAPABILITY) && !current_user_can('manage_options')) {
            wp_send_json_error(['message' => 'Δεν έχετε δικαίωμα επεξεργασίας.'], 403);
        }
    }

    private static function unique_slug(string $name, int $exclude_id = 0): string {
        global $wpdb;
        $base = sanitize_title($name) ?: 'business-workspace';
        $slug = $base;
        $suffix = 2;
        $table = self::apps_table();
        while (true) {
            if ($exclude_id > 0) {
                $exists = (int) $wpdb->get_var($wpdb->prepare("SELECT COUNT(*) FROM {$table} WHERE slug = %s AND id != %d", $slug, $exclude_id));
            } else {
                $exists = (int) $wpdb->get_var($wpdb->prepare("SELECT COUNT(*) FROM {$table} WHERE slug = %s", $slug));
            }
            if ($exists === 0) {
                return $slug;
            }
            $slug = $base . '-' . $suffix++;
        }
    }

    private static function ensure_default_workspace(): int {
        global $wpdb;
        $table = self::apps_table();
        $first = (int) $wpdb->get_var("SELECT id FROM {$table} ORDER BY id ASC LIMIT 1");
        if ($first > 0) {
            $row = self::get_workspace_row($first);
            if ($row) {
                $decoded = json_decode((string) $row['config'], true);
                if (!is_array($decoded) || empty($decoded['scenes']) || (int) ($decoded['schemaVersion'] ?? 0) < 3) {
                    $workspace = self::default_workspace();
                    $workspace['legacyConfig'] = is_array($decoded) ? $decoded : null;
                    self::import_legacy_names($workspace, $first);
                    $wpdb->update(
                        $table,
                        [
                            'name' => 'Η επιχείρησή μου',
                            'description' => 'Πελάτες, πληρωμές, υπάλληλοι, πρόγραμμα και οικονομικά.',
                            'config' => wp_json_encode($workspace, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES),
                            'updated_at' => current_time('mysql'),
                        ],
                        ['id' => $first],
                        ['%s', '%s', '%s', '%s'],
                        ['%d']
                    );
                }
            }
            return $first;
        }

        $now = current_time('mysql');
        $name = 'Η επιχείρησή μου';
        $wpdb->insert(
            $table,
            [
                'name' => $name,
                'slug' => self::unique_slug($name),
                'description' => 'Πελάτες, πληρωμές, υπάλληλοι, πρόγραμμα και οικονομικά.',
                'config' => wp_json_encode(self::default_workspace(), JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES),
                'custom_css' => '',
                'custom_js' => '',
                'status' => 'published',
                'created_by' => get_current_user_id(),
                'created_at' => $now,
                'updated_at' => $now,
            ],
            ['%s', '%s', '%s', '%s', '%s', '%s', '%s', '%d', '%s', '%s']
        );
        return (int) $wpdb->insert_id;
    }

    private static function import_legacy_names(array &$workspace, int $app_id): void {
        global $wpdb;
        $rows = $wpdb->get_results(
            $wpdb->prepare('SELECT data FROM ' . self::records_table() . ' WHERE app_id = %d ORDER BY id ASC LIMIT 500', $app_id),
            ARRAY_A
        );
        if (!is_array($rows) || !$rows) {
            return;
        }
        $scene_index = self::scene_index($workspace, 'clients');
        if ($scene_index < 0) {
            return;
        }
        $row_number = 2;
        foreach ($rows as $row) {
            $data = json_decode((string) ($row['data'] ?? ''), true);
            if (!is_array($data)) {
                continue;
            }
            $name = trim((string) ($data['student_name'] ?? $data['client_name'] ?? $data['customer_name'] ?? $data['name'] ?? ''));
            if ($name === '') {
                continue;
            }
            $workspace['scenes'][$scene_index]['cells']['B' . $row_number] = self::cell($name, 'text');
            foreach (['phone' => 'C', 'instrument' => 'D', 'monthly_fee' => 'E', 'payment' => 'F', 'payment_method' => 'H', 'month' => 'I', 'status' => 'J'] as $key => $column) {
                if (isset($data[$key]) && $data[$key] !== '') {
                    $type = in_array($key, ['monthly_fee', 'payment'], true) ? 'currency' : 'text';
                    $workspace['scenes'][$scene_index]['cells'][$column . $row_number] = self::cell($data[$key], $type);
                }
            }
            $row_number++;
            if ($row_number > 80) {
                break;
            }
        }
    }

    private static function get_workspace_row(int $id): ?array {
        global $wpdb;
        $row = $wpdb->get_row($wpdb->prepare('SELECT * FROM ' . self::apps_table() . ' WHERE id = %d', $id), ARRAY_A);
        return is_array($row) ? $row : null;
    }

    private static function get_first_workspace(bool $published_only = false): ?array {
        global $wpdb;
        $table = self::apps_table();
        $where = $published_only ? "WHERE status = 'published'" : '';
        $row = $wpdb->get_row("SELECT * FROM {$table} {$where} ORDER BY updated_at DESC, id DESC LIMIT 1", ARRAY_A);
        return is_array($row) ? $row : null;
    }

    private static function get_workspaces(): array {
        global $wpdb;
        $rows = $wpdb->get_results('SELECT id,name,slug,status,updated_at FROM ' . self::apps_table() . ' ORDER BY updated_at DESC, id DESC', ARRAY_A);
        return is_array($rows) ? $rows : [];
    }

    private static function scene_index(array $workspace, string $scene_id): int {
        foreach (($workspace['scenes'] ?? []) as $index => $scene) {
            if ((string) ($scene['id'] ?? '') === $scene_id) {
                return (int) $index;
            }
        }
        return -1;
    }

    public static function register_assets(): void {
        if (!wp_style_is('mrbb-business-grid', 'registered')) {
            wp_register_style('mrbb-business-grid', MRBB_URL . 'mr-business-builder.css', [], self::asset_version('mr-business-builder.css'));
        }
        if (!wp_script_is('mrbb-business-grid', 'registered')) {
            wp_register_script('mrbb-business-grid', MRBB_URL . 'mr-business-builder.js', [], self::asset_version('mr-business-builder.js'), true);
        }
    }

    private static function enqueue_assets(): void {
        self::register_assets();
        wp_enqueue_style('mrbb-business-grid');
        wp_enqueue_script('mrbb-business-grid');
    }

    public static function front_assets(): void {
        global $post;
        if (!is_singular() || !($post instanceof WP_Post)) {
            return;
        }
        $content = (string) $post->post_content;
        if (
            has_shortcode($content, 'mr_business_grid') ||
            has_shortcode($content, 'mr_business_app') ||
            has_shortcode($content, 'mr_business_studio')
        ) {
            self::enqueue_assets();
        }
    }

    private static function asset_version(string $file): string {
        $path = MRBB_DIR . $file;
        return is_file($path) ? (string) filemtime($path) : MRBB_VERSION;
    }

    private static function missing_assets(): array {
        $missing = [];
        foreach (['mr-business-builder.js', 'mr-business-builder.css'] as $file) {
            if (!is_file(MRBB_DIR . $file)) {
                $missing[] = $file;
            }
        }
        return $missing;
    }

    public static function admin_menu(): void {
        add_menu_page(
            'MR Business Grid',
            'MR Business Grid',
            self::CAPABILITY,
            self::MENU_SLUG,
            [__CLASS__, 'admin_page'],
            'dashicons-screenoptions',
            3
        );
    }

    public static function admin_assets(string $hook): void {
        if ($hook !== 'toplevel_page_' . self::MENU_SLUG) {
            return;
        }
        self::enqueue_assets();
    }

    public static function admin_page(): void {
        if (!current_user_can(self::CAPABILITY) && !current_user_can('manage_options')) {
            wp_die('Δεν έχετε δικαίωμα πρόσβασης.');
        }

        $missing_assets = self::missing_assets();
        if ($missing_assets) {
            wp_die('Λείπουν τα αρχεία του plugin: ' . esc_html(implode(', ', $missing_assets)) . '. Τα ονόματα πρέπει να είναι ακριβώς mr-business-builder.php, mr-business-builder.js και mr-business-builder.css.');
        }

        $default_id = self::ensure_default_workspace();
        $requested = isset($_GET['app_id']) ? absint($_GET['app_id']) : $default_id;
        $row = self::get_workspace_row($requested) ?: self::get_workspace_row($default_id);
        if (!$row) {
            wp_die('Δεν βρέθηκε χώρος εργασίας.');
        }

        $workspace = json_decode((string) $row['config'], true);
        if (!is_array($workspace) || empty($workspace['scenes'])) {
            $workspace = self::default_workspace();
        }

        $boot = [
            'context' => 'admin',
            'ajaxUrl' => admin_url('admin-ajax.php'),
            'nonce' => wp_create_nonce('mrbb_workspace'),
            'app' => [
                'id' => (int) $row['id'],
                'name' => (string) $row['name'],
                'description' => (string) ($row['description'] ?? ''),
                'status' => (string) $row['status'],
                'customCss' => (string) ($row['custom_css'] ?? ''),
                'customJs' => current_user_can('unfiltered_html') ? (string) ($row['custom_js'] ?? '') : '',
            ],
            'workspace' => $workspace,
            'workspaces' => self::get_workspaces(),
            'permissions' => [
                'canEdit' => true,
                'canCode' => current_user_can('unfiltered_html'),
            ],
            'strings' => self::strings(),
        ];

        echo '<div class="wrap mrbb-wp-wrap">';
        echo '<div id="mrbb-business-grid-root" class="mrbb-business-grid-root"><div class="mrbb-loading"><span></span><strong>Φόρτωση Business Grid…</strong></div></div>';
        echo '<script type="application/json" id="mrbb-business-grid-boot">' . wp_json_encode($boot, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) . '</script>';
        echo '</div>';
    }

    public static function shortcode(array $atts = []): string {
        $missing_assets = self::missing_assets();
        if ($missing_assets) {
            return '<div class="mrbb-notice mrbb-notice-error"><strong>Λείπουν αρχεία του MR Business Grid.</strong><span>' . esc_html(implode(', ', $missing_assets)) . '</span></div>';
        }
        self::enqueue_assets();

        $atts = shortcode_atts([
            'id' => 0,
            'editable' => 'auto',
            'height' => '760px',
        ], $atts, 'mr_business_grid');

        $id = absint($atts['id']);
        $row = $id > 0 ? self::get_workspace_row($id) : self::get_first_workspace(true);
        if (!$row) {
            $row = self::get_first_workspace(false);
        }
        if (!$row) {
            return '<div class="mrbb-notice">Δεν βρέθηκε εφαρμογή.</div>';
        }

        $workspace = json_decode((string) $row['config'], true);
        if (!is_array($workspace) || empty($workspace['scenes'])) {
            return '<div class="mrbb-notice">Η εφαρμογή δεν έχει έγκυρη δομή.</div>';
        }

        $editable_mode = strtolower(trim((string) $atts['editable']));
        $user_can_edit = current_user_can(self::CAPABILITY) || current_user_can('manage_options');
        $can_edit = $user_can_edit && in_array($editable_mode, ['yes', 'true', '1', 'auto'], true);
        $instance = 'mrbb-front-' . wp_generate_uuid4();
        $boot = [
            'context' => 'front',
            'ajaxUrl' => admin_url('admin-ajax.php'),
            'nonce' => wp_create_nonce('mrbb_workspace'),
            'app' => [
                'id' => (int) $row['id'],
                'name' => (string) $row['name'],
                'description' => (string) ($row['description'] ?? ''),
                'status' => (string) $row['status'],
                'customCss' => (string) ($row['custom_css'] ?? ''),
                'customJs' => (string) ($row['custom_js'] ?? ''),
            ],
            'workspace' => $workspace,
            'permissions' => [
                'canEdit' => $can_edit,
                'canCode' => false,
            ],
            'strings' => self::strings(),
        ];

        $height = preg_match('/^\d+(px|vh|rem|em|%)$/', (string) $atts['height']) ? (string) $atts['height'] : '760px';
        $json = wp_json_encode($boot, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
        if (!is_string($json) || $json === '') {
            return '<div class="mrbb-notice">Αποτυχία δημιουργίας δεδομένων εκκίνησης.</div>';
        }
        $payload = base64_encode($json);

        $html = '<div id="' . esc_attr($instance) . '" class="mrbb-business-grid-root mrbb-front-root" style="--mrbb-embed-height:' . esc_attr($height) . '">';
        $html .= '<div class="mrbb-loading"><span></span><strong>Φόρτωση Business Grid…</strong><small>Αν το μήνυμα παραμένει, το JavaScript του plugin δεν φορτώθηκε.</small></div>';
        $html .= '</div>';
        $html .= '<textarea hidden class="mrbb-boot-data" data-mrbb-boot-for="' . esc_attr($instance) . '">' . esc_textarea($payload) . '</textarea>';
        if (!empty($row['custom_css'])) {
            $html .= '<style data-mrbb-custom-css="' . esc_attr($instance) . '">' . wp_strip_all_tags((string) $row['custom_css']) . '</style>';
        }
        return $html;
    }

    public static function ajax_save_workspace(): void {
        self::require_capability();
        check_ajax_referer('mrbb_workspace', 'nonce');

        $app_id = isset($_POST['app_id']) ? absint($_POST['app_id']) : 0;
        $row = self::get_workspace_row($app_id);
        if (!$row) {
            wp_send_json_error(['message' => 'Η εφαρμογή δεν βρέθηκε.'], 404);
        }

        $raw = isset($_POST['workspace']) ? wp_unslash((string) $_POST['workspace']) : '';
        if ($raw === '' || strlen($raw) > self::MAX_CONFIG_BYTES) {
            wp_send_json_error(['message' => 'Τα δεδομένα της εφαρμογής είναι κενά ή υπερβολικά μεγάλα.'], 422);
        }
        $workspace = json_decode($raw, true);
        if (!is_array($workspace)) {
            wp_send_json_error(['message' => 'Μη έγκυρη μορφή δεδομένων.'], 422);
        }
        $workspace = self::sanitize_workspace($workspace);

        $name = isset($_POST['name']) ? sanitize_text_field(wp_unslash((string) $_POST['name'])) : (string) $row['name'];
        $name = $name !== '' ? $name : 'Η επιχείρησή μου';
        $description = isset($_POST['description']) ? sanitize_textarea_field(wp_unslash((string) $_POST['description'])) : (string) ($row['description'] ?? '');
        $status = isset($_POST['status']) && wp_unslash((string) $_POST['status']) === 'published' ? 'published' : 'draft';
        $custom_css = isset($_POST['custom_css']) ? wp_unslash((string) $_POST['custom_css']) : '';
        $custom_js = current_user_can('unfiltered_html') && isset($_POST['custom_js']) ? wp_unslash((string) $_POST['custom_js']) : (string) ($row['custom_js'] ?? '');

        global $wpdb;
        $updated = $wpdb->update(
            self::apps_table(),
            [
                'name' => $name,
                'slug' => self::unique_slug($name, $app_id),
                'description' => $description,
                'config' => wp_json_encode($workspace, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES),
                'custom_css' => $custom_css,
                'custom_js' => $custom_js,
                'status' => $status,
                'updated_at' => current_time('mysql'),
            ],
            ['id' => $app_id],
            ['%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s'],
            ['%d']
        );

        if ($updated === false) {
            wp_send_json_error(['message' => 'Αποτυχία αποθήκευσης στη βάση.'], 500);
        }

        wp_send_json_success([
            'message' => 'Οι αλλαγές αποθηκεύτηκαν.',
            'updatedAt' => current_time('mysql'),
        ]);
    }

    public static function ajax_create_workspace(): void {
        self::require_capability();
        check_ajax_referer('mrbb_workspace', 'nonce');

        $name = isset($_POST['name']) ? sanitize_text_field(wp_unslash((string) $_POST['name'])) : 'Νέα επιχείρηση';
        $name = $name !== '' ? $name : 'Νέα επιχείρηση';
        $now = current_time('mysql');
        global $wpdb;
        $ok = $wpdb->insert(
            self::apps_table(),
            [
                'name' => $name,
                'slug' => self::unique_slug($name),
                'description' => '',
                'config' => wp_json_encode(self::default_workspace(), JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES),
                'custom_css' => '',
                'custom_js' => '',
                'status' => 'draft',
                'created_by' => get_current_user_id(),
                'created_at' => $now,
                'updated_at' => $now,
            ],
            ['%s', '%s', '%s', '%s', '%s', '%s', '%s', '%d', '%s', '%s']
        );
        if (!$ok) {
            wp_send_json_error(['message' => 'Δεν δημιουργήθηκε ο νέος χώρος.'], 500);
        }
        wp_send_json_success(['id' => (int) $wpdb->insert_id]);
    }

    public static function ajax_delete_workspace(): void {
        self::require_capability();
        check_ajax_referer('mrbb_workspace', 'nonce');
        $app_id = isset($_POST['app_id']) ? absint($_POST['app_id']) : 0;
        if ($app_id <= 0) {
            wp_send_json_error(['message' => 'Λάθος εφαρμογή.'], 422);
        }
        global $wpdb;
        $count = (int) $wpdb->get_var('SELECT COUNT(*) FROM ' . self::apps_table());
        if ($count <= 1) {
            wp_send_json_error(['message' => 'Δεν μπορεί να διαγραφεί η μοναδική εφαρμογή.'], 422);
        }
        $wpdb->delete(self::apps_table(), ['id' => $app_id], ['%d']);
        $wpdb->delete(self::records_table(), ['app_id' => $app_id], ['%d']);
        wp_send_json_success(['message' => 'Η εφαρμογή διαγράφηκε.']);
    }

    private static function sanitize_workspace(array $workspace): array {
        $allowed_types = ['text', 'number', 'currency', 'date', 'select', 'status', 'checkbox', 'formula', 'note', 'kpi', 'progress', 'chart', 'button'];
        $clean = [
            'schemaVersion' => 3,
            'theme' => [
                'accent' => sanitize_hex_color((string) ($workspace['theme']['accent'] ?? '#6d5dfc')) ?: '#6d5dfc',
                'accentSoft' => sanitize_hex_color((string) ($workspace['theme']['accentSoft'] ?? '#edeaff')) ?: '#edeaff',
                'background' => sanitize_hex_color((string) ($workspace['theme']['background'] ?? '#f5f7fb')) ?: '#f5f7fb',
                'surface' => sanitize_hex_color((string) ($workspace['theme']['surface'] ?? '#ffffff')) ?: '#ffffff',
                'text' => sanitize_hex_color((string) ($workspace['theme']['text'] ?? '#1f2937')) ?: '#1f2937',
                'muted' => sanitize_hex_color((string) ($workspace['theme']['muted'] ?? '#667085')) ?: '#667085',
                'grid' => sanitize_hex_color((string) ($workspace['theme']['grid'] ?? '#dfe3eb')) ?: '#dfe3eb',
                'header' => sanitize_hex_color((string) ($workspace['theme']['header'] ?? '#f1f3f8')) ?: '#f1f3f8',
                'radius' => max(0, min(24, (int) ($workspace['theme']['radius'] ?? 10))),
            ],
            'activeSceneId' => sanitize_key((string) ($workspace['activeSceneId'] ?? 'clients')),
            'scenes' => [],
        ];

        $scenes = is_array($workspace['scenes'] ?? null) ? array_slice($workspace['scenes'], 0, 20) : [];
        foreach ($scenes as $scene_index => $scene) {
            if (!is_array($scene)) {
                continue;
            }
            $rows = max(10, min(250, (int) ($scene['rows'] ?? 50)));
            $columns = max(5, min(52, (int) ($scene['columns'] ?? 12)));
            $scene_id = sanitize_key((string) ($scene['id'] ?? ('scene-' . ($scene_index + 1))));
            $scene_id = $scene_id !== '' ? $scene_id : 'scene-' . ($scene_index + 1);
            $clean_scene = [
                'id' => $scene_id,
                'title' => sanitize_text_field((string) ($scene['title'] ?? ('Σκηνή ' . ($scene_index + 1)))),
                'icon' => sanitize_text_field((string) ($scene['icon'] ?? '▦')),
                'rows' => $rows,
                'columns' => $columns,
                'frozenRows' => max(0, min(5, (int) ($scene['frozenRows'] ?? 1))),
                'frozenColumns' => max(0, min(5, (int) ($scene['frozenColumns'] ?? 1))),
                'columnWidths' => [],
                'rowHeights' => [],
                'cells' => [],
                'merges' => [],
            ];

            foreach ((array) ($scene['columnWidths'] ?? []) as $column => $width) {
                if (preg_match('/^[A-Z]{1,2}$/', (string) $column)) {
                    $clean_scene['columnWidths'][(string) $column] = max(60, min(520, (int) $width));
                }
            }
            foreach ((array) ($scene['rowHeights'] ?? []) as $row => $height) {
                $row_number = (int) $row;
                if ($row_number >= 1 && $row_number <= $rows) {
                    $clean_scene['rowHeights'][(string) $row_number] = max(26, min(260, (int) $height));
                }
            }

            $cells = is_array($scene['cells'] ?? null) ? array_slice($scene['cells'], 0, 25000, true) : [];
            foreach ($cells as $address => $cell) {
                if (!preg_match('/^[A-Z]{1,2}[1-9][0-9]{0,2}$/', (string) $address) || !is_array($cell)) {
                    continue;
                }
                $type = in_array((string) ($cell['type'] ?? 'text'), $allowed_types, true) ? (string) $cell['type'] : 'text';
                $clean_cell = [
                    'type' => $type,
                    'value' => self::sanitize_cell_value($cell['value'] ?? ''),
                ];
                if (isset($cell['formula'])) {
                    $clean_cell['formula'] = mb_substr(trim((string) $cell['formula']), 0, 1000);
                }
                if (isset($cell['label'])) {
                    $clean_cell['label'] = sanitize_text_field((string) $cell['label']);
                }
                if (isset($cell['options']) && is_array($cell['options'])) {
                    $clean_cell['options'] = array_values(array_filter(array_map(static fn($item) => sanitize_text_field((string) $item), array_slice($cell['options'], 0, 100)), static fn($item) => $item !== ''));
                }
                if (isset($cell['config']) && is_array($cell['config'])) {
                    $clean_cell['config'] = [
                        'sourceRange' => sanitize_text_field((string) ($cell['config']['sourceRange'] ?? '')),
                        'labelRange' => sanitize_text_field((string) ($cell['config']['labelRange'] ?? '')),
                        'max' => max(1, (float) ($cell['config']['max'] ?? 100)),
                        'url' => esc_url_raw((string) ($cell['config']['url'] ?? '')),
                        'buttonLabel' => sanitize_text_field((string) ($cell['config']['buttonLabel'] ?? 'Άνοιγμα')),
                    ];
                }
                if (isset($cell['style']) && is_array($cell['style'])) {
                    $style = $cell['style'];
                    $clean_cell['style'] = [
                        'background' => sanitize_hex_color((string) ($style['background'] ?? '')) ?: '',
                        'color' => sanitize_hex_color((string) ($style['color'] ?? '')) ?: '',
                        'align' => in_array((string) ($style['align'] ?? 'left'), ['left', 'center', 'right'], true) ? (string) $style['align'] : 'left',
                        'bold' => !empty($style['bold']),
                        'italic' => !empty($style['italic']),
                        'fontSize' => max(9, min(40, (int) ($style['fontSize'] ?? 13))),
                        'borderColor' => sanitize_hex_color((string) ($style['borderColor'] ?? '')) ?: '',
                    ];
                }
                $clean_scene['cells'][(string) $address] = $clean_cell;
            }

            foreach (array_slice((array) ($scene['merges'] ?? []), 0, 500) as $merge) {
                if (!is_array($merge)) {
                    continue;
                }
                $start = strtoupper(sanitize_text_field((string) ($merge['start'] ?? '')));
                $end = strtoupper(sanitize_text_field((string) ($merge['end'] ?? '')));
                if (preg_match('/^[A-Z]{1,2}[1-9][0-9]{0,2}$/', $start) && preg_match('/^[A-Z]{1,2}[1-9][0-9]{0,2}$/', $end)) {
                    $clean_scene['merges'][] = ['start' => $start, 'end' => $end];
                }
            }
            $clean['scenes'][] = $clean_scene;
        }

        if (!$clean['scenes']) {
            return self::default_workspace();
        }
        if (self::scene_index($clean, $clean['activeSceneId']) < 0) {
            $clean['activeSceneId'] = (string) $clean['scenes'][0]['id'];
        }
        return $clean;
    }

    private static function sanitize_cell_value(mixed $value): mixed {
        if (is_bool($value) || is_int($value) || is_float($value) || $value === null) {
            return $value;
        }
        if (is_array($value)) {
            return array_values(array_map([__CLASS__, 'sanitize_cell_value'], array_slice($value, 0, 100)));
        }
        return mb_substr(wp_strip_all_tags((string) $value), 0, 5000);
    }

    private static function strings(): array {
        return [
            'saved' => 'Αποθηκεύτηκε',
            'saving' => 'Αποθήκευση…',
            'unsaved' => 'Μη αποθηκευμένες αλλαγές',
            'confirmDeleteScene' => 'Να διαγραφεί αυτή η σκηνή;',
            'confirmDeleteApp' => 'Να διαγραφεί ολόκληρη η εφαρμογή;',
            'pasteHint' => 'Αντιγραφή από Google Sheets ή Excel και επικόλληση στο επιλεγμένο κελί.',
        ];
    }

    private static function cell(mixed $value = '', string $type = 'text', array $extra = []): array {
        return array_merge(['type' => $type, 'value' => $value], $extra);
    }

    private static function header_cell(string $value): array {
        return self::cell($value, 'text', [
            'style' => [
                'background' => '#eef1f8',
                'color' => '#344054',
                'align' => 'center',
                'bold' => true,
                'fontSize' => 12,
                'borderColor' => '#d5dae6',
            ],
        ]);
    }

    private static function default_workspace(): array {
        $months = ['Σεπτέμβριος', 'Οκτώβριος', 'Νοέμβριος', 'Δεκέμβριος', 'Ιανουάριος', 'Φεβρουάριος', 'Μάρτιος', 'Απρίλιος', 'Μάιος', 'Ιούνιος', 'Ιούλιος'];
        $clients = self::clients_scene($months);
        $employees = self::employees_scene();
        $schedule = self::schedule_scene();
        $finance = self::finance_scene($months);

        return [
            'schemaVersion' => 3,
            'activeSceneId' => 'clients',
            'theme' => [
                'accent' => '#6d5dfc',
                'accentSoft' => '#edeaff',
                'background' => '#f5f7fb',
                'surface' => '#ffffff',
                'text' => '#1f2937',
                'muted' => '#667085',
                'grid' => '#dfe3eb',
                'header' => '#f1f3f8',
                'radius' => 10,
            ],
            'scenes' => [$clients, $employees, $schedule, $finance],
        ];
    }

    private static function clients_scene(array $months): array {
        $cells = [];
        $headers = ['Α/Α', 'Πελάτης', 'Τηλέφωνο', 'Υπηρεσία / Όργανο', 'Μηνιαία χρέωση', 'Πληρωμή', 'Υπόλοιπο', 'Τρόπος πληρωμής', 'Μήνας', 'Κατάσταση', 'Ημερομηνία', 'Σημειώσεις'];
        foreach ($headers as $index => $header) {
            $cells[self::column_name($index + 1) . '1'] = self::header_cell($header);
        }
        $payment_methods = ['Μετρητά', 'POS', 'IRIS', 'Τραπεζική κατάθεση', 'Viva / Stripe', 'Άλλο'];
        for ($row = 2; $row <= 80; $row++) {
            $cells['A' . $row] = self::cell('=ROW()-1', 'formula', ['formula' => '=ROW()-1']);
            $cells['E' . $row] = self::cell('', 'currency');
            $cells['F' . $row] = self::cell('', 'currency');
            $cells['G' . $row] = self::cell('', 'formula', ['formula' => '=E' . $row . '-F' . $row]);
            $cells['H' . $row] = self::cell('', 'select', ['options' => $payment_methods]);
            $cells['I' . $row] = self::cell('', 'select', ['options' => $months]);
            $cells['J' . $row] = self::cell('', 'formula', ['formula' => '=IF(G' . $row . '<=0,"Πληρωμένο",IF(F' . $row . '>0,"Μερική","Οφειλή"))']);
            $cells['K' . $row] = self::cell('', 'date');
        }
        return [
            'id' => 'clients',
            'title' => 'Πελάτες - Πληρωμές',
            'icon' => '◉',
            'rows' => 80,
            'columns' => 12,
            'frozenRows' => 1,
            'frozenColumns' => 2,
            'columnWidths' => [
                'A' => 64, 'B' => 230, 'C' => 145, 'D' => 180, 'E' => 130, 'F' => 120,
                'G' => 120, 'H' => 165, 'I' => 145, 'J' => 125, 'K' => 135, 'L' => 260,
            ],
            'rowHeights' => ['1' => 42],
            'cells' => $cells,
            'merges' => [],
        ];
    }

    private static function employees_scene(): array {
        $cells = [];
        $headers = ['Α/Α', 'Υπάλληλος', 'Ρόλος', 'Τηλέφωνο', 'Email', 'Αμοιβή / ώρα', 'Ώρες μήνα', 'Αμοιβή μήνα', 'Κατάσταση', 'Σημειώσεις'];
        foreach ($headers as $index => $header) {
            $cells[self::column_name($index + 1) . '1'] = self::header_cell($header);
        }
        for ($row = 2; $row <= 60; $row++) {
            $cells['A' . $row] = self::cell('', 'formula', ['formula' => '=ROW()-1']);
            $cells['F' . $row] = self::cell('', 'currency');
            $cells['G' . $row] = self::cell('', 'number');
            $cells['H' . $row] = self::cell('', 'formula', ['formula' => '=F' . $row . '*G' . $row]);
            $cells['I' . $row] = self::cell('', 'status', ['options' => ['Ενεργός', 'Άδεια', 'Ανενεργός']]);
        }
        return [
            'id' => 'employees',
            'title' => 'Υπάλληλοι',
            'icon' => '◇',
            'rows' => 60,
            'columns' => 10,
            'frozenRows' => 1,
            'frozenColumns' => 2,
            'columnWidths' => [
                'A' => 64, 'B' => 220, 'C' => 160, 'D' => 145, 'E' => 220,
                'F' => 125, 'G' => 115, 'H' => 140, 'I' => 125, 'J' => 260,
            ],
            'rowHeights' => ['1' => 42],
            'cells' => $cells,
            'merges' => [],
        ];
    }

    private static function schedule_scene(): array {
        $cells = [];
        $headers = ['Ώρα', 'Δευτέρα', 'Τρίτη', 'Τετάρτη', 'Πέμπτη', 'Παρασκευή', 'Σάββατο', 'Αίθουσα / Σημείωση'];
        foreach ($headers as $index => $header) {
            $cells[self::column_name($index + 1) . '1'] = self::header_cell($header);
        }
        $row = 2;
        for ($hour = 10; $hour <= 22; $hour++) {
            foreach (['00', '30'] as $minutes) {
                $cells['A' . $row] = self::cell(sprintf('%02d:%s', $hour, $minutes), 'text', [
                    'style' => [
                        'background' => '#f7f8fb', 'color' => '#475467', 'align' => 'center',
                        'bold' => true, 'fontSize' => 12, 'borderColor' => '#dfe3eb',
                    ],
                ]);
                $row++;
                if ($row > 28) {
                    break 2;
                }
            }
        }
        return [
            'id' => 'schedule',
            'title' => 'Πρόγραμμα',
            'icon' => '▦',
            'rows' => 28,
            'columns' => 8,
            'frozenRows' => 1,
            'frozenColumns' => 1,
            'columnWidths' => [
                'A' => 90, 'B' => 220, 'C' => 220, 'D' => 220, 'E' => 220,
                'F' => 220, 'G' => 220, 'H' => 230,
            ],
            'rowHeights' => ['1' => 42],
            'cells' => $cells,
            'merges' => [],
        ];
    }

    private static function finance_scene(array $months): array {
        $cells = [];
        $cells['A1'] = self::header_cell('Κατηγορία');
        foreach ($months as $index => $month) {
            $cells[self::column_name($index + 2) . '1'] = self::header_cell($month);
        }
        $cells['M1'] = self::header_cell('Ετήσιο');

        $labels = [
            2 => 'Σύνολο πληρωμών',
            3 => 'Μετρητά',
            4 => 'Online πληρωμές',
            5 => 'Έξοδα',
            6 => 'Καθαρό αποτέλεσμα',
        ];
        foreach ($labels as $row => $label) {
            $cells['A' . $row] = self::cell($label, 'text', [
                'style' => [
                    'background' => $row === 6 ? '#ecfdf3' : '#f8f9fc',
                    'color' => $row === 6 ? '#067647' : '#344054',
                    'align' => 'left', 'bold' => true, 'fontSize' => 12, 'borderColor' => '#dfe3eb',
                ],
            ]);
        }
        foreach ($months as $index => $month) {
            $column = self::column_name($index + 2);
            $escaped = str_replace('"', '\\"', $month);
            $cells[$column . '2'] = self::cell('', 'formula', ['formula' => '=SCENE_SUMIF("clients","I2:I80","' . $escaped . '","F2:F80")']);
            $cells[$column . '3'] = self::cell('', 'formula', ['formula' => '=SCENE_SUMIFS("clients","F2:F80","I2:I80","' . $escaped . '","H2:H80","Μετρητά")']);
            $cells[$column . '4'] = self::cell('', 'formula', ['formula' => '=' . $column . '2-' . $column . '3']);
            $cells[$column . '5'] = self::cell('', 'currency');
            $cells[$column . '6'] = self::cell('', 'formula', ['formula' => '=' . $column . '2-' . $column . '5']);
        }
        foreach ([2, 3, 4, 5, 6] as $row) {
            $cells['M' . $row] = self::cell('', 'formula', ['formula' => '=SUM(B' . $row . ':L' . $row . ')']);
        }

        $cells['A9'] = self::cell('', 'kpi', [
            'label' => 'Ετήσια έσοδα',
            'formula' => '=M2',
            'style' => ['background' => '#ffffff', 'color' => '#1f2937', 'align' => 'left', 'bold' => false, 'fontSize' => 13, 'borderColor' => '#d9d6ff'],
        ]);
        $cells['E9'] = self::cell('', 'kpi', [
            'label' => 'Ετήσια έξοδα',
            'formula' => '=M5',
            'style' => ['background' => '#ffffff', 'color' => '#1f2937', 'align' => 'left', 'bold' => false, 'fontSize' => 13, 'borderColor' => '#d9d6ff'],
        ]);
        $cells['I9'] = self::cell('', 'chart', [
            'label' => 'Καθαρό αποτέλεσμα ανά μήνα',
            'config' => ['sourceRange' => 'B6:L6', 'labelRange' => 'B1:L1', 'max' => 100, 'url' => '', 'buttonLabel' => ''],
            'style' => ['background' => '#ffffff', 'color' => '#1f2937', 'align' => 'left', 'bold' => false, 'fontSize' => 13, 'borderColor' => '#d9d6ff'],
        ]);

        return [
            'id' => 'finance',
            'title' => 'Έσοδα - Έξοδα',
            'icon' => '◫',
            'rows' => 24,
            'columns' => 13,
            'frozenRows' => 1,
            'frozenColumns' => 1,
            'columnWidths' => [
                'A' => 220, 'B' => 125, 'C' => 125, 'D' => 125, 'E' => 125, 'F' => 125,
                'G' => 125, 'H' => 125, 'I' => 125, 'J' => 125, 'K' => 125, 'L' => 125, 'M' => 140,
            ],
            'rowHeights' => ['1' => 42, '9' => 48, '10' => 48, '11' => 48, '12' => 48],
            'cells' => $cells,
            'merges' => [
                ['start' => 'A9', 'end' => 'D12'],
                ['start' => 'E9', 'end' => 'H12'],
                ['start' => 'I9', 'end' => 'M12'],
            ],
        ];
    }

    private static function column_name(int $number): string {
        $name = '';
        while ($number > 0) {
            $number--;
            $name = chr(65 + ($number % 26)) . $name;
            $number = intdiv($number, 26);
        }
        return $name;
    }
}

MRBB_Business_Grid::boot();
<!doctype html>
<html lang="el">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- This site is optimized with the Yoast SEO plugin v24.9 - https://yoast.com/wordpress/plugins/seo/ -->
	<title>Μαθήματα Μουσικής από 20€/μήνα Καλλιθέα | Περιστέρι</title>
	<meta name="description" content="Μαθήματα Μουσικής από 20€/μήνα, πιανο, κιθαρα, ντραμσ, μπασο, φωνητική, σαξόφωνο σε Καλλιθέα | Περιστέρι" />
	<link rel="canonical" href="https://musicroad.gr/" />
	<meta property="og:locale" content="el_GR" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Μαθήματα Μουσικής από 20€/μήνα Καλλιθέα | Περιστέρι" />
	<meta property="og:description" content="Μαθήματα Μουσικής από 20€/μήνα, πιανο, κιθαρα, ντραμσ, μπασο, φωνητική, σαξόφωνο σε Καλλιθέα | Περιστέρι" />
	<meta property="og:url" content="https://musicroad.gr/" />
	<meta property="og:site_name" content="Musicroad" />
	<meta property="article:modified_time" content="2026-07-18T05:42:15+00:00" />
	<meta property="og:image" content="https://musicroad.gr/wp-content/uploads/2026/07/Music-road-gold-logo.png" />
	<meta property="og:image:width" content="1024" />
	<meta property="og:image:height" content="1024" />
	<meta property="og:image:type" content="image/png" />
	<meta name="twitter:card" content="summary_large_image" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://musicroad.gr/","url":"https://musicroad.gr/","name":"Μαθήματα Μουσικής από 20€/μήνα Καλλιθέα | Περιστέρι","isPartOf":{"@id":"https://musicroad.gr/#website"},"about":{"@id":"https://musicroad.gr/#organization"},"primaryImageOfPage":{"@id":"https://musicroad.gr/#primaryimage"},"image":{"@id":"https://musicroad.gr/#primaryimage"},"thumbnailUrl":"https://musicroad.gr/wp-content/uploads/2026/07/Music-road-gold-logo.png","datePublished":"2022-08-10T13:16:10+00:00","dateModified":"2026-07-18T05:42:15+00:00","description":"Μαθήματα Μουσικής από 20€/μήνα, πιανο, κιθαρα, ντραμσ, μπασο, φωνητική, σαξόφωνο σε Καλλιθέα | Περιστέρι","breadcrumb":{"@id":"https://musicroad.gr/#breadcrumb"},"inLanguage":"el","potentialAction":[{"@type":"ReadAction","target":["https://musicroad.gr/"]}]},{"@type":"ImageObject","inLanguage":"el","@id":"https://musicroad.gr/#primaryimage","url":"https://musicroad.gr/wp-content/uploads/2026/07/Music-road-gold-logo.png","contentUrl":"https://musicroad.gr/wp-content/uploads/2026/07/Music-road-gold-logo.png","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https://musicroad.gr/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Αρχική"}]},{"@type":"WebSite","@id":"https://musicroad.gr/#website","url":"https://musicroad.gr/","name":"Musicroad","description":"Καλλιτεχνικη Εκπαιδευση","publisher":{"@id":"https://musicroad.gr/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://musicroad.gr/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"el"},{"@type":"Organization","@id":"https://musicroad.gr/#organization","name":"Musicroad","url":"https://musicroad.gr/","logo":{"@type":"ImageObject","inLanguage":"el","@id":"https://musicroad.gr/#/schema/logo/image/","url":"https://musicroad.gr/wp-content/uploads/2026/07/cropped-Music-road-gold-logo.png","contentUrl":"https://musicroad.gr/wp-content/uploads/2026/07/cropped-Music-road-gold-logo.png","width":1024,"height":1024,"caption":"Musicroad"},"image":{"@id":"https://musicroad.gr/#/schema/logo/image/"}}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
<link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
<link rel="alternate" type="application/rss+xml" title="Ροή RSS &raquo; Musicroad" href="https://musicroad.gr/feed/" />
<link rel="alternate" type="application/rss+xml" title="Ροή Σχολίων &raquo; Musicroad" href="https://musicroad.gr/comments/feed/" />
<script>
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/musicroad.gr\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.6"}};
/*! This file is auto-generated */
!function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
</script>
<style id='wp-emoji-styles-inline-css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://musicroad.gr/wp-includes/css/dist/block-library/style.min.css?ver=6.8.6' media='all' />
<style id='wp-block-library-theme-inline-css'>
.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote:where(.has-text-align-center){border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
</style>
<style id='classic-theme-styles-inline-css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='contact-form-7-css' href='https://musicroad.gr/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.5' media='all' />
<link rel='stylesheet' id='plyr-css-css' href='https://musicroad.gr/wp-content/plugins/easy-video-player/lib/plyr.css?ver=6.8.6' media='all' />
<style id='mrsp-booklet-pdf-style-inline-css'>

    .mrsp-report-tools {
      margin: 0 0 16px 0;
      display: flex;
      justify-content: flex-end;
      gap: 8px;
    }

    .mrsp-download-pdf {
      background: #111;
      color: #fff;
      border: 0;
      border-radius: 8px;
      padding: 10px 16px;
      cursor: pointer;
      font-weight: 600;
    }

    .mrsp-download-pdf:hover {
      background: #333;
    }

    body.mrsp-pdf-exporting .mrsp-booklet-pdf-area button,
    body.mrsp-pdf-exporting .mrsp-booklet-pdf-area input[type="button"],
    body.mrsp-pdf-exporting .mrsp-booklet-pdf-area input[type="submit"],
    body.mrsp-pdf-exporting .mrsp-booklet-pdf-area .button,
    body.mrsp-pdf-exporting .mrsp-booklet-pdf-area .mrsp-no-pdf,
    body.mrsp-pdf-exporting .mrsp-booklet-pdf-area .mrsp-edit-controls,
    body.mrsp-pdf-exporting .mrsp-booklet-pdf-area .mrsp-admin-controls,
    body.mrsp-pdf-exporting .mrsp-booklet-pdf-area .mrsp-actions {
      display: none !important;
    }

    .mrsp-booklet-pdf-area {
      background: #fff;
    }

    .mrsp-pdf-page-break {
      page-break-before: always;
      break-before: page;
    }

    .mrsp-avoid-break,
    .mrsp-level-card,
    .mrsp-book-card,
    table,
    tr {
      page-break-inside: avoid;
      break-inside: avoid;
    }
    
  /* =========================
   A5 PDF - ίδιο χρώμα με site
========================= */

body.mrsp-pdf-exporting .mrsp-booklet-pdf-area {
  overflow: visible !important;
}

/* Κάθε level να ξεκινάει σε νέα A5 σελίδα */
body.mrsp-pdf-exporting .mrsp-pdf-new-page {
  page-break-before: always !important;
  break-before: page !important;
}

/* Να μην κόβεται το level στη μέση */
body.mrsp-pdf-exporting .mrsp-pdf-level-page {
  page-break-inside: avoid !important;
  break-inside: avoid !important;
}

/* Κρύβουμε μόνο κουμπιά/controls, όχι χρώματα */
body.mrsp-pdf-exporting .mrsp-pdf-level-page button,
body.mrsp-pdf-exporting .mrsp-pdf-level-page .mrsp-no-pdf {
  display: none !important;
}
  
</style>
<link rel='stylesheet' id='dashicons-css' href='https://musicroad.gr/wp-includes/css/dashicons.min.css?ver=6.8.6' media='all' />
<link rel='stylesheet' id='mr-music-road-qr-css' href='https://musicroad.gr/wp-content/plugins/qr-generator/assets/css/mr-music-road-qr.css?ver=1.2.4' media='all' />
<style id='vf-style-inline-css'>

.video-flipbook-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#flipbook { 
  width:85vw; 
  max-width:1000px; 
  height:55vh; 
  max-height:700px; 
  margin:20px auto; 
  box-shadow:0 0 20px rgba(0,0,0,0.5); 
  background:#111;
}
#flipbook .page {
  position: relative;
  background:#000;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,0.1);
}
.page-overlay {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: #fff;
  background: rgba(0,0,0,0.6);
  padding: 3px 6px;
  border-radius: 4px;
  z-index: 10;
  pointer-events: none;
}
video, img { 
  width:100%; 
  height:100%; 
  object-fit:contain; 
}

.vf-controls {
  margin-top: 15px;
  background: rgba(0,0,0,0.8);
  padding: 8px 15px;
  border-radius: 6px;
  color: #fff;
  text-align: center;
}
.vf-controls input[type=range] {
  width:200px;
}
.vf-controls span {
  margin-left:10px;
  font-weight:bold;
  color: #0f0;
}

/* Βελάκια */
.vf-arrows {
  margin-top: 10px;
}
.vf-arrows button {
  background: #333;
  color: #fff;
  border: none;
  padding: 8px 14px;
  margin: 0 10px;
  font-size: 18px;
  border-radius: 4px;
  cursor: pointer;
}
.vf-arrows button:hover {
  background: #555;
}

@media (max-width: 768px) {
  #flipbook {
    width: 80vw;
    height: 50vh;
  }
  html, body {
    overflow-x: hidden;
    touch-action: pan-y;
  }
}

</style>
<link rel='stylesheet' id='font-awesome-css' href='https://musicroad.gr/wp-content/themes/oceanwp/assets/fonts/fontawesome/css/all.min.css?ver=6.7.2' media='all' />
<link rel='stylesheet' id='simple-line-icons-css' href='https://musicroad.gr/wp-content/themes/oceanwp/assets/css/third/simple-line-icons.min.css?ver=2.4.0' media='all' />
<link rel='stylesheet' id='oceanwp-style-css' href='https://musicroad.gr/wp-content/themes/oceanwp/assets/css/style.min.css?ver=3.0.0' media='all' />
<link rel='stylesheet' id='mrg-home-style-css' href='https://musicroad.gr/wp-content/themes/music-road-gallery-child/style.css?ver=1784356816' media='all' />
<style id='kadence-blocks-global-variables-inline-css'>
:root {--global-kb-font-size-sm:clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);--global-kb-font-size-md:clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);--global-kb-font-size-lg:clamp(1.75rem, 1.576rem + 0.543vw, 2rem);--global-kb-font-size-xl:clamp(2.25rem, 1.728rem + 1.63vw, 3rem);--global-kb-font-size-xxl:clamp(2.5rem, 1.456rem + 3.26vw, 4rem);--global-kb-font-size-xxxl:clamp(2.75rem, 0.489rem + 7.065vw, 6rem);}:root {--global-palette1: #3182CE;--global-palette2: #2B6CB0;--global-palette3: #1A202C;--global-palette4: #2D3748;--global-palette5: #4A5568;--global-palette6: #718096;--global-palette7: #EDF2F7;--global-palette8: #F7FAFC;--global-palette9: #ffffff;}
</style>
<link rel='stylesheet' id='oe-widgets-style-css' href='https://musicroad.gr/wp-content/plugins/ocean-extra/assets/css/widgets.css?ver=6.8.6' media='all' />
<script id="jquery-core-js-extra">
var mrsp_ajax = {"ajax_url":"https:\/\/musicroad.gr\/wp-admin\/admin-ajax.php"};
</script>
<script src="https://musicroad.gr/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script src="https://musicroad.gr/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script id="plyr-js-js-extra">
var easy_video_player = {"plyr_iconUrl":"https:\/\/musicroad.gr\/wp-content\/plugins\/easy-video-player\/lib\/plyr.svg","plyr_blankVideo":"https:\/\/musicroad.gr\/wp-content\/plugins\/easy-video-player\/lib\/blank.mp4"};
</script>
<script src="https://musicroad.gr/wp-content/plugins/easy-video-player/lib/plyr.js?ver=6.8.6" id="plyr-js-js"></script>
<link rel="https://api.w.org/" href="https://musicroad.gr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://musicroad.gr/wp-json/wp/v2/pages/17" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://musicroad.gr/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.8.6" />
<link rel='shortlink' href='https://musicroad.gr/' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://musicroad.gr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmusicroad.gr%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://musicroad.gr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmusicroad.gr%2F&#038;format=xml" />
<meta name="generator" content="Elementor 3.31.3; features: additional_custom_breakpoints, e_element_cache; settings: css_print_method-external, google_font-enabled, font_display-auto">
			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<link rel="icon" href="https://musicroad.gr/wp-content/uploads/2022/08/Logo-150x150.png" sizes="32x32" />
<link rel="icon" href="https://musicroad.gr/wp-content/uploads/2022/08/Logo.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://musicroad.gr/wp-content/uploads/2022/08/Logo.png" />
<meta name="msapplication-TileImage" content="https://musicroad.gr/wp-content/uploads/2022/08/Logo.png" />
<!-- OceanWP CSS -->
<style type="text/css">
/* Colors */a{color:#4c7cd0}a .owp-icon use{stroke:#4c7cd0}body .theme-button,body input[type="submit"],body button[type="submit"],body button,body .button,body div.wpforms-container-full .wpforms-form input[type=submit],body div.wpforms-container-full .wpforms-form button[type=submit],body div.wpforms-container-full .wpforms-form .wpforms-page-button,.woocommerce-cart .wp-element-button,.woocommerce-checkout .wp-element-button,.wp-block-button__link{border-color:#ffffff}body .theme-button:hover,body input[type="submit"]:hover,body button[type="submit"]:hover,body button:hover,body .button:hover,body div.wpforms-container-full .wpforms-form input[type=submit]:hover,body div.wpforms-container-full .wpforms-form input[type=submit]:active,body div.wpforms-container-full .wpforms-form button[type=submit]:hover,body div.wpforms-container-full .wpforms-form button[type=submit]:active,body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,body div.wpforms-container-full .wpforms-form .wpforms-page-button:active,.woocommerce-cart .wp-element-button:hover,.woocommerce-checkout .wp-element-button:hover,.wp-block-button__link:hover{border-color:#ffffff}/* OceanWP Style Settings CSS */.theme-button,input[type="submit"],button[type="submit"],button,.button,body div.wpforms-container-full .wpforms-form input[type=submit],body div.wpforms-container-full .wpforms-form button[type=submit],body div.wpforms-container-full .wpforms-form .wpforms-page-button{border-style:solid}.theme-button,input[type="submit"],button[type="submit"],button,.button,body div.wpforms-container-full .wpforms-form input[type=submit],body div.wpforms-container-full .wpforms-form button[type=submit],body div.wpforms-container-full .wpforms-form .wpforms-page-button{border-width:1px}form input[type="text"],form input[type="password"],form input[type="email"],form input[type="url"],form input[type="date"],form input[type="month"],form input[type="time"],form input[type="datetime"],form input[type="datetime-local"],form input[type="week"],form input[type="number"],form input[type="search"],form input[type="tel"],form input[type="color"],form select,form textarea,.woocommerce .woocommerce-checkout .select2-container--default .select2-selection--single{border-style:solid}body div.wpforms-container-full .wpforms-form input[type=date],body div.wpforms-container-full .wpforms-form input[type=datetime],body div.wpforms-container-full .wpforms-form input[type=datetime-local],body div.wpforms-container-full .wpforms-form input[type=email],body div.wpforms-container-full .wpforms-form input[type=month],body div.wpforms-container-full .wpforms-form input[type=number],body div.wpforms-container-full .wpforms-form input[type=password],body div.wpforms-container-full .wpforms-form input[type=range],body div.wpforms-container-full .wpforms-form input[type=search],body div.wpforms-container-full .wpforms-form input[type=tel],body div.wpforms-container-full .wpforms-form input[type=text],body div.wpforms-container-full .wpforms-form input[type=time],body div.wpforms-container-full .wpforms-form input[type=url],body div.wpforms-container-full .wpforms-form input[type=week],body div.wpforms-container-full .wpforms-form select,body div.wpforms-container-full .wpforms-form textarea{border-style:solid}form input[type="text"],form input[type="password"],form input[type="email"],form input[type="url"],form input[type="date"],form input[type="month"],form input[type="time"],form input[type="datetime"],form input[type="datetime-local"],form input[type="week"],form input[type="number"],form input[type="search"],form input[type="tel"],form input[type="color"],form select,form textarea{border-radius:3px}body div.wpforms-container-full .wpforms-form input[type=date],body div.wpforms-container-full .wpforms-form input[type=datetime],body div.wpforms-container-full .wpforms-form input[type=datetime-local],body div.wpforms-container-full .wpforms-form input[type=email],body div.wpforms-container-full .wpforms-form input[type=month],body div.wpforms-container-full .wpforms-form input[type=number],body div.wpforms-container-full .wpforms-form input[type=password],body div.wpforms-container-full .wpforms-form input[type=range],body div.wpforms-container-full .wpforms-form input[type=search],body div.wpforms-container-full .wpforms-form input[type=tel],body div.wpforms-container-full .wpforms-form input[type=text],body div.wpforms-container-full .wpforms-form input[type=time],body div.wpforms-container-full .wpforms-form input[type=url],body div.wpforms-container-full .wpforms-form input[type=week],body div.wpforms-container-full .wpforms-form select,body div.wpforms-container-full .wpforms-form textarea{border-radius:3px}/* Header */#site-header.has-header-media .overlay-header-media{background-color:rgba(0,0,0,0.5)}#site-logo #site-logo-inner a img,#site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-width:300px}#site-header #site-logo #site-logo-inner a img,#site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-height:134px}#site-navigation-wrap .dropdown-menu >li >a,.oceanwp-mobile-menu-icon a,#searchform-header-replace-close{color:#050505}#site-navigation-wrap .dropdown-menu >li >a .owp-icon use,.oceanwp-mobile-menu-icon a .owp-icon use,#searchform-header-replace-close .owp-icon use{stroke:#050505}/* Blog CSS */.ocean-single-post-header ul.meta-item li a:hover{color:#333333}/* Typography */body{font-size:14px;line-height:1.8}h1,h2,h3,h4,h5,h6,.theme-heading,.widget-title,.oceanwp-widget-recent-posts-title,.comment-reply-title,.entry-title,.sidebar-box .widget-title{line-height:1.4}h1{font-size:23px;line-height:1.4}h2{font-size:20px;line-height:1.4}h3{font-size:18px;line-height:1.4}h4{font-size:17px;line-height:1.4}h5{font-size:14px;line-height:1.4}h6{font-size:15px;line-height:1.4}.page-header .page-header-title,.page-header.background-image-page-header .page-header-title{font-size:32px;line-height:1.4}.page-header .page-subheading{font-size:15px;line-height:1.8}.site-breadcrumbs,.site-breadcrumbs a{font-size:13px;line-height:1.4}#top-bar-content,#top-bar-social-alt{font-size:12px;line-height:1.8}#site-logo a.site-logo-text{font-size:24px;line-height:1.8}.dropdown-menu ul li a.menu-link,#site-header.full_screen-header .fs-dropdown-menu ul.sub-menu li a{font-size:12px;line-height:1.2;letter-spacing:.6px}.sidr-class-dropdown-menu li a,a.sidr-class-toggle-sidr-close,#mobile-dropdown ul li a,body #mobile-fullscreen ul li a{font-size:15px;line-height:1.8}.blog-entry.post .blog-entry-header .entry-title a{font-size:24px;line-height:1.4}.ocean-single-post-header .single-post-title{font-size:34px;line-height:1.4;letter-spacing:.6px}.ocean-single-post-header ul.meta-item li,.ocean-single-post-header ul.meta-item li a{font-size:13px;line-height:1.4;letter-spacing:.6px}.ocean-single-post-header .post-author-name,.ocean-single-post-header .post-author-name a{font-size:14px;line-height:1.4;letter-spacing:.6px}.ocean-single-post-header .post-author-description{font-size:12px;line-height:1.4;letter-spacing:.6px}.single-post .entry-title{line-height:1.4;letter-spacing:.6px}.single-post ul.meta li,.single-post ul.meta li a{font-size:14px;line-height:1.4;letter-spacing:.6px}.sidebar-box .widget-title,.sidebar-box.widget_block .wp-block-heading{font-size:13px;line-height:1;letter-spacing:1px}#footer-widgets .footer-box .widget-title{font-size:13px;line-height:1;letter-spacing:1px}#footer-bottom #copyright{font-size:12px;line-height:1}#footer-bottom #footer-bottom-menu{font-size:12px;line-height:1}.woocommerce-store-notice.demo_store{line-height:2;letter-spacing:1.5px}.demo_store .woocommerce-store-notice__dismiss-link{line-height:2;letter-spacing:1.5px}.woocommerce ul.products li.product li.title h2,.woocommerce ul.products li.product li.title a{font-size:14px;line-height:1.5}.woocommerce ul.products li.product li.category,.woocommerce ul.products li.product li.category a{font-size:12px;line-height:1}.woocommerce ul.products li.product .price{font-size:18px;line-height:1}.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .product-inner .added_to_cart{font-size:12px;line-height:1.5;letter-spacing:1px}.woocommerce ul.products li.owp-woo-cond-notice span,.woocommerce ul.products li.owp-woo-cond-notice a{font-size:16px;line-height:1;letter-spacing:1px;font-weight:600;text-transform:capitalize}.woocommerce div.product .product_title{font-size:24px;line-height:1.4;letter-spacing:.6px}.woocommerce div.product p.price{font-size:36px;line-height:1}.woocommerce .owp-btn-normal .summary form button.button,.woocommerce .owp-btn-big .summary form button.button,.woocommerce .owp-btn-very-big .summary form button.button{font-size:12px;line-height:1.5;letter-spacing:1px;text-transform:uppercase}.woocommerce div.owp-woo-single-cond-notice span,.woocommerce div.owp-woo-single-cond-notice a{font-size:18px;line-height:2;letter-spacing:1.5px;font-weight:600;text-transform:capitalize}.ocean-preloader--active .preloader-after-content{font-size:20px;line-height:1.8;letter-spacing:.6px}
</style></head>
<body class="home wp-singular page-template-default page page-id-17 wp-custom-logo wp-embed-responsive wp-theme-oceanwp wp-child-theme-music-road-gallery-child mrg-site-page mrg-home-page oceanwp-theme dropdown-mobile default-breakpoint content-full-width content-max-width page-with-background-title page-header-disabled has-breadcrumbs no-margins elementor-default elementor-kit-19">

<a class="mrg-skip-link" href="#main-content">Μετάβαση στο περιεχόμενο</a>

<!-- Κινούμενα εικονίδια: παραμένουν ενεργά σε όλη την αρχική -->
<a class="floater" href="https://www.instagram.com/music.road/" target="_blank" rel="noopener" aria-label="Music Road στο Instagram" style="--img:url('https://musicroad.gr/wp-content/uploads/2025/09/insta.png')"></a>
<a class="floater" href="tel:+302109599947" aria-label="Κλήση Music Road Καλλιθέας" style="--img:url('https://musicroad.gr/wp-content/uploads/2025/09/call-kallithea.png')"></a>
<a class="floater" href="tel:+302105763194" aria-label="Κλήση Music Road Περιστερίου" style="--img:url('https://musicroad.gr/wp-content/uploads/2025/09/call-peristeri.png')"></a>
<a class="floater" href="https://musicroad.gr/contact/" aria-label="Τοποθεσίες Music Road" style="--img:url('https://musicroad.gr/wp-content/uploads/2025/09/τοποτθεσία.png')"></a>

<header class="mrg-header" id="top">
    <nav class="mrg-nav" aria-label="Κύριο μενού">
        <a class="mrg-logo" href="https://musicroad.gr/" aria-label="Music Road — Αρχική">
            <img src="https://musicroad.gr/wp-content/themes/music-road-gallery-child/assets/images/music-road-gold-logo.png" alt="Music Road">
        </a>

        <div class="mrg-menu" data-mrg-menu>
            <ul id="menu-main-manu" class=""><li id="menu-item-39" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-17 current_page_item menu-item-39"><a href="https://musicroad.gr/" aria-current="page">Music Road</a></li>
<li id="menu-item-38" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-38"><a href="https://musicroad.gr/contact/">Επικοινωνία</a></li>
<li id="menu-item-157" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-157"><a href="https://musicroad.gr/about-us/">Περισσότερα για εμάς</a></li>
<li id="menu-item-3902" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3902"><a href="https://musicroad.gr/%ce%bc%ce%b1%ce%b8%ce%b7%cf%84%ce%ad%cf%82/">Μαθητές</a></li>
<li id="menu-item-3985" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3985"><a href="https://musicroad.gr/payment-2/">Payment</a></li>
</ul>        </div>

        <button
            class="mrg-menu-toggle"
            type="button"
            aria-label="Άνοιγμα μενού"
            aria-expanded="false"
            data-mrg-menu-toggle
        >
            <span></span>
        </button>
    </nav>
</header>

<main id="main-content">
    


    <section class="mrg-hero" style="--mrg-hero-image:url('https://musicroad.gr/wp-content/themes/music-road-gallery-child/assets/images/hero-studio.webp')">
        <div class="mrg-hero-grid" aria-hidden="true"></div>
        <div class="mrg-hero-glow" aria-hidden="true"></div>

        <div class="mrg-hero-inner">
            <div class="mrg-hero-copy">
                <p class="mrg-kicker mrg-reveal">Music Road • Καλλιτεχνική εκπαίδευση</p>
                <h1 class="mrg-reveal">
                    Η μουσική                    <span>αποκτά σπίτι.</span>
                </h1>
                <p class="mrg-hero-subtitle mrg-reveal">
                    Κλασική παιδεία. Σύγχρονη εμπειρία.                </p>

                <div class="mrg-hero-actions mrg-reveal">
                    <div class="choice-menu choice-menu--hero" id="choiceMenu">
                        <button
                            class="mrg-button mrg-button--trial"
                            id="fabBtn"
                            type="button"
                            aria-expanded="false"
                            aria-controls="choices"
                        >
                            ΔΟΚΙΜΑΣΤΙΚΟ ΜΑΘΗΜΑ
                        </button>

                        <div class="choices" id="choices" aria-hidden="true">
                            <div class="orbit" data-r="180" data-angle="0" data-size="240" data-speed="28">
                                <div class="seat">
                                    <div class="gimbal">
                                        <a class="option" href="https://musicroad.gr/πρόγραμμα-music-road-καλλιθέας/" target="_blank" rel="noopener noreferrer" aria-label="Πρόγραμμα Καλλιθέας">
                                            <img src="https://musicroad.gr/wp-content/uploads/2025/08/MR-καλλιθέα.png" alt="Πρόγραμμα Καλλιθέας">
                                        </a>
                                    </div>
                                </div>
                            </div>

                            <div class="orbit" data-r="180" data-angle="180" data-size="240" data-speed="28">
                                <div class="seat">
                                    <div class="gimbal">
                                        <a class="option" href="https://musicroad.gr/πρόγραμμα-music-road-περιστερίου/" target="_blank" rel="noopener noreferrer" aria-label="Πρόγραμμα Περιστερίου">
                                            <img src="https://musicroad.gr/wp-content/uploads/2025/08/MR-περιστέρι.png" alt="Πρόγραμμα Περιστερίου">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <a class="mrg-button mrg-button--ghost" href="#mathimata">ΔΕΣ ΤΑ ΜΑΘΗΜΑΤΑ</a>
                </div>

                <div class="mrg-hero-note mrg-reveal">Καλλιθέα • Περιστέρι</div>
            </div>
        </div>
    </section>

    <section class="mrg-trust-strip" aria-label="Χαρακτηριστικά Music Road">
        <div class="mrg-shell mrg-trust-strip__inner">
            <span>Παιδιά &amp; ενήλικες</span>
            <span>Ατομικά &amp; ομαδικά</span>
            <span>Κλασικό &amp; σύγχρονο</span>
            <span>Μάθημα &amp; σκηνή</span>
        </div>
    </section>

    <section class="mrg-section mrg-lessons" id="mathimata">
        <div class="mrg-shell">
            <div class="mrg-section-intro mrg-reveal">
                <p class="mrg-kicker">Οι διαδρομές σου</p>
                <h2 class="mrg-display-title">Βρες τον δικό σου <span>ήχο.</span></h2>
                <p>Επίλεξε το μάθημα που σε εκφράζει και ξεκίνα μια διαδρομή με βάση, δημιουργικότητα και προσωπικό στόχο.</p>
            </div>

            <div class="mrg-card-grid">
                                    <a
                        class="mrg-course-card mrg-reveal"
                        href="#mathimata"
                        style="--mrg-card-image:url('https://musicroad.gr/wp-content/themes/music-road-gallery-child/assets/images/reception.webp');--mrg-card-position:center"
                    >
                        <div class="mrg-course-card__image" aria-hidden="true"></div>
                        <div class="mrg-course-card__index" aria-hidden="true">01</div>
                        <div class="mrg-course-card__body">
                            
                            <h3>ΠΙΑΝΟ</h3>
                            <p>Από τα πρώτα βήματα έως το δίπλωμα.</p>
                            <span class="mrg-course-link">Ανακάλυψέ το <b aria-hidden="true">↗</b></span>
                        </div>
                    </a>
                                    <a
                        class="mrg-course-card mrg-reveal"
                        href="#mathimata"
                        style="--mrg-card-image:url('https://musicroad.gr/wp-content/themes/music-road-gallery-child/assets/images/hall.png');--mrg-card-position:35% center"
                    >
                        <div class="mrg-course-card__image" aria-hidden="true"></div>
                        <div class="mrg-course-card__index" aria-hidden="true">02</div>
                        <div class="mrg-course-card__body">
                            
                            <h3>ΚΙΘΑΡΑ</h3>
                            <p>Ηλεκτρική και ακουστική κιθάρα.</p>
                            <span class="mrg-course-link">Ανακάλυψέ το <b aria-hidden="true">↗</b></span>
                        </div>
                    </a>
                                    <a
                        class="mrg-course-card mrg-reveal"
                        href="#mathimata"
                        style="--mrg-card-image:url('https://musicroad.gr/wp-content/themes/music-road-gallery-child/assets/images/hero-studio.webp');--mrg-card-position:48% center"
                    >
                        <div class="mrg-course-card__image" aria-hidden="true"></div>
                        <div class="mrg-course-card__index" aria-hidden="true">03</div>
                        <div class="mrg-course-card__body">
                            
                            <h3>ΦΩΝΗΤΙΚΗ</h3>
                            <p>Τεχνική, έκφραση και ερμηνεία.</p>
                            <span class="mrg-course-link">Ανακάλυψέ το <b aria-hidden="true">↗</b></span>
                        </div>
                    </a>
                                    <a
                        class="mrg-course-card mrg-reveal"
                        href="#mathimata"
                        style="--mrg-card-image:url('https://musicroad.gr/wp-content/themes/music-road-gallery-child/assets/images/hero-studio.webp');--mrg-card-position:70% center"
                    >
                        <div class="mrg-course-card__image" aria-hidden="true"></div>
                        <div class="mrg-course-card__index" aria-hidden="true">04</div>
                        <div class="mrg-course-card__body">
                            
                            <h3>ΝΤΡΑΜΣ</h3>
                            <p>Ρυθμός, τεχνική και groove.</p>
                            <span class="mrg-course-link">Ανακάλυψέ το <b aria-hidden="true">↗</b></span>
                        </div>
                    </a>
                                    <a
                        class="mrg-course-card mrg-reveal"
                        href="#mathimata"
                        style="--mrg-card-image:url('https://musicroad.gr/wp-content/themes/music-road-gallery-child/assets/images/reception-2.png');--mrg-card-position:62% center"
                    >
                        <div class="mrg-course-card__image" aria-hidden="true"></div>
                        <div class="mrg-course-card__index" aria-hidden="true">05</div>
                        <div class="mrg-course-card__body">
                            
                            <h3>ΘΕΩΡΙΑ</h3>
                            <p>Θεωρία, αρμονία, σολφέζ και σύνθεση.</p>
                            <span class="mrg-course-link">Ανακάλυψέ το <b aria-hidden="true">↗</b></span>
                        </div>
                    </a>
                                    <a
                        class="mrg-course-card mrg-reveal"
                        href="#mathimata"
                        style="--mrg-card-image:url('https://musicroad.gr/wp-content/themes/music-road-gallery-child/assets/images/hall-2.png');--mrg-card-position:20% center"
                    >
                        <div class="mrg-course-card__image" aria-hidden="true"></div>
                        <div class="mrg-course-card__index" aria-hidden="true">06</div>
                        <div class="mrg-course-card__body">
                            
                            <h3>ΧΟΡΟΣ</h3>
                            <p>Hip hop, commercial και reggaeton.</p>
                            <span class="mrg-course-link">Ανακάλυψέ το <b aria-hidden="true">↗</b></span>
                        </div>
                    </a>
                            </div>
        </div>
    </section>

    <section class="mrg-section mrg-philosophy" id="filosofia">
        <div class="mrg-philosophy-orbit" aria-hidden="true"></div>
        <div class="mrg-shell mrg-philosophy-layout">
            <div class="mrg-philosophy-copy mrg-reveal">
                <p class="mrg-kicker">Η φιλοσοφία μας</p>
                <h2 class="mrg-display-title">Παράδοση στη βάση.<br><span>Μέλλον στην εμπειρία.</span></h2>
                <p>Στο Music Road η τεχνολογία δεν αντικαθιστά τον δάσκαλο. Ενισχύει τη διδασκαλία, κάνει τη γνώση πιο ζωντανή και ανοίγει νέους δρόμους δημιουργίας.</p>
                <a class="mrg-text-link" href="https://musicroad.gr/about-us/">Γνώρισε το Music Road <span aria-hidden="true">→</span></a>
            </div>

            <div class="mrg-benefit-grid">
                                    <article class="mrg-benefit-card mrg-reveal">
                        <span class="mrg-benefit-number">01</span>
                        <h3>Προσωπική διαδρομή</h3>
                        <p>Το μάθημα προσαρμόζεται στην ηλικία, στους στόχους και στον ρυθμό κάθε μαθητή.</p>
                    </article>
                                    <article class="mrg-benefit-card mrg-reveal">
                        <span class="mrg-benefit-number">02</span>
                        <h3>Κλασική βάση</h3>
                        <p>Στέρεη μουσική παιδεία, σωστή τεχνική και ουσιαστική κατανόηση της μουσικής.</p>
                    </article>
                                    <article class="mrg-benefit-card mrg-reveal">
                        <span class="mrg-benefit-number">03</span>
                        <h3>Σύγχρονη εμπειρία</h3>
                        <p>Διαδραστικά εργαλεία, τεχνολογία και δημιουργικές εφαρμογές μέσα στη διδασκαλία.</p>
                    </article>
                                    <article class="mrg-benefit-card mrg-reveal">
                        <span class="mrg-benefit-number">04</span>
                        <h3>Ζωντανή μουσική</h3>
                        <p>Σύνολα, δράσεις και εμπειρίες που μεταφέρουν τη μουσική από την αίθουσα στη σκηνή.</p>
                    </article>
                            </div>
        </div>
    </section>

    <section class="mrg-section mrg-spaces" id="xoroi">
        <div class="mrg-shell">
            <div class="mrg-section-intro mrg-section-intro--split mrg-reveal">
                <div>
                    <p class="mrg-kicker">Οι χώροι μας</p>
                    <h2 class="mrg-display-title">Χώροι που σε καλούν<br><span>να δημιουργήσεις.</span></h2>
                </div>
                <p>Ζεστά υλικά, σύγχρονος εξοπλισμός και αίθουσες σχεδιασμένες για συγκέντρωση, συνεργασία και έμπνευση.</p>
            </div>

            <div class="mrg-spaces-grid">
                <article class="mrg-gallery-main mrg-reveal">
                    <img src="https://musicroad.gr/wp-content/themes/music-road-gallery-child/assets/images/hall.png" alt="Αίθουσα Music Road" loading="lazy">
                    <div class="mrg-gallery-caption">
                        <span>Welcome</span>
                        <h3>Οικεία ατμόσφαιρα</h3>
                        <p>Ένας χώρος ανοιχτός σε μαθητές και οικογένειες.</p>
                    </div>
                </article>

                <div class="mrg-gallery-stack">
                    <article class="mrg-gallery-small mrg-reveal">
                        <img src="https://musicroad.gr/wp-content/themes/music-road-gallery-child/assets/images/reception.webp" alt="Υποδοχή Music Road" loading="lazy">
                        <div class="mrg-gallery-caption">
                            <span>Εξοπλισμός</span>
                            <h3>Ο ήχος στο κέντρο</h3>
                            <p>Ένας χώρος όπου το μάθημα γίνεται εμπειρία.</p>
                        </div>
                    </article>

                    <article class="mrg-gallery-small mrg-reveal">
                        <img src="https://musicroad.gr/wp-content/themes/music-road-gallery-child/assets/images/hero-studio.webp" alt="Σύγχρονος εξοπλισμός Music Road" loading="lazy">
                        <div class="mrg-gallery-caption">
                            <span>Technology</span>
                            <h3>Διακριτική τεχνολογία</h3>
                            <p>Εργαλεία που υπηρετούν τη μουσική και τη μάθηση.</p>
                        </div>
                    </article>
                </div>
            </div>
        </div>
    </section>

    <section class="mrg-section mrg-journey" id="empeiria">
        <div class="mrg-shell">
            <div class="mrg-section-intro mrg-reveal">
                <p class="mrg-kicker">Η εμπειρία Music Road</p>
                <h2 class="mrg-display-title">Δεν μαθαίνουμε απλώς μουσική.<br><span>Τη ζούμε.</span></h2>
            </div>

            <div class="mrg-journey-grid">
                                    <article class="mrg-journey-card mrg-reveal">
                        <div class="mrg-journey-top">
                            <span>01</span>
                            <i aria-hidden="true"></i>
                        </div>
                        <h3>Μαθαίνω</h3>
                        <p>Χτίζω τεχνική και μουσική βάση με καθαρή καθοδήγηση.</p>
                    </article>
                                    <article class="mrg-journey-card mrg-reveal">
                        <div class="mrg-journey-top">
                            <span>02</span>
                            <i aria-hidden="true"></i>
                        </div>
                        <h3>Δημιουργώ</h3>
                        <p>Εξερευνώ ήχο, ρεπερτόριο, αυτοσχεδιασμό και προσωπική έκφραση.</p>
                    </article>
                                    <article class="mrg-journey-card mrg-reveal">
                        <div class="mrg-journey-top">
                            <span>03</span>
                            <i aria-hidden="true"></i>
                        </div>
                        <h3>Συνεργάζομαι</h3>
                        <p>Παίζω με άλλους, ακούω, συντονίζομαι και εξελίσσομαι.</p>
                    </article>
                                    <article class="mrg-journey-card mrg-reveal">
                        <div class="mrg-journey-top">
                            <span>04</span>
                            <i aria-hidden="true"></i>
                        </div>
                        <h3>Παρουσιάζω</h3>
                        <p>Η γνώση γίνεται αυτοπεποίθηση, εμπειρία και πραγματική μουσική παρουσία.</p>
                    </article>
                            </div>
        </div>
    </section>

    <section class="mrg-section mrg-branches" id="epikoinonia">
        <div class="mrg-shell">
            <div class="mrg-section-intro mrg-section-intro--center mrg-reveal">
                <p class="mrg-kicker">Δύο σημεία στην πόλη</p>
                <h2 class="mrg-display-title">Διάλεξε το δικό σου <span>Music Road.</span></h2>
            </div>

            <div class="mrg-branch-grid">
                <article class="mrg-branch-card mrg-reveal" style="--mrg-branch-image:url('https://musicroad.gr/wp-content/themes/music-road-gallery-child/assets/images/hall-2.png')">
                    <div class="mrg-branch-code">MR / KAL</div>
                    <div class="mrg-branch-content">
                        <p class="mrg-kicker">Παράρτημα</p>
                        <h3>Καλλιθέα</h3>
                        <ul>
                            <li>Σαπφούς 91, Καλλιθέα</li>
                            <li><a href="tel:2109599947">210 95 99 947</a></li>
                            <li><a href="mailto:info@musicroad.gr">info@musicroad.gr</a></li>
                        </ul>
                        <div class="mrg-branch-actions">
                            <a class="mrg-button mrg-button--compact" href="https://musicroad.gr/πρόγραμμα-music-road-καλλιθέας/">Πρόγραμμα</a>
                            <a class="mrg-button mrg-button--ghost mrg-button--compact" href="https://musicroad.gr/contact/">Χάρτης</a>
                        </div>
                    </div>
                </article>

                <article class="mrg-branch-card mrg-reveal" style="--mrg-branch-image:url('https://musicroad.gr/wp-content/themes/music-road-gallery-child/assets/images/reception.webp')">
                    <div class="mrg-branch-code">MR / PER</div>
                    <div class="mrg-branch-content">
                        <p class="mrg-kicker">Παράρτημα</p>
                        <h3>Περιστέρι</h3>
                        <ul>
                            <li>Αιτωλών 13, Περιστέρι</li>
                            <li><a href="tel:2105763194">210 57 63 194</a></li>
                            <li><a href="mailto:info@musicroad.gr">info@musicroad.gr</a></li>
                        </ul>
                        <div class="mrg-branch-actions">
                            <a class="mrg-button mrg-button--compact" href="https://musicroad.gr/πρόγραμμα-music-road-περιστερίου/">Πρόγραμμα</a>
                            <a class="mrg-button mrg-button--ghost mrg-button--compact" href="https://musicroad.gr/contact/">Χάρτης</a>
                        </div>
                    </div>
                </article>
            </div>
        </div>
    </section>

    <section class="mrg-section mrg-testimonials" id="mathites">
        <div class="mrg-shell">
            <div class="mrg-section-intro mrg-section-intro--center mrg-reveal">
                <p class="mrg-kicker">Η κοινότητά μας</p>
                <h2 class="mrg-display-title">Τι λένε οι <span>μαθητές μας.</span></h2>
            </div>

            <div class="mrg-testimonial-grid">
                <blockquote class="mrg-quote mrg-reveal">
                    <div class="mrg-quote-mark">“</div>
                    <p>Εξαιρετικοί δάσκαλοι, υπέροχο περιβάλλον και πραγματική αγάπη για τη μουσική.</p>
                    <div class="mrg-stars" aria-label="5 στα 5">★★★★★</div>
                    <strong>Μαρία Κ.</strong>
                </blockquote>
                <blockquote class="mrg-quote mrg-reveal">
                    <div class="mrg-quote-mark">“</div>
                    <p>Από την πρώτη στιγμή ένιωσα πως είμαι στο σωστό μέρος για να εξελιχθώ.</p>
                    <div class="mrg-stars" aria-label="5 στα 5">★★★★★</div>
                    <strong>Γιώργος Π.</strong>
                </blockquote>
                <blockquote class="mrg-quote mrg-reveal">
                    <div class="mrg-quote-mark">“</div>
                    <p>Το Music Road έγινε το δεύτερό μας σπίτι. Εδώ η μουσική έχει χώρο να ανθίσει.</p>
                    <div class="mrg-stars" aria-label="5 στα 5">★★★★★</div>
                    <strong>Ελένη Τ.</strong>
                </blockquote>
            </div>
        </div>
    </section>

    <section class="mrg-section mrg-faq" id="faq">
        <div class="mrg-shell mrg-faq-layout">
            <div class="mrg-faq-heading mrg-reveal">
                <p class="mrg-kicker">Συχνές ερωτήσεις</p>
                <h2 class="mrg-display-title">Όσα χρειάζεσαι<br><span>πριν ξεκινήσεις.</span></h2>
                <p>Δεν βρήκες αυτό που ψάχνεις; Επικοινώνησε μαζί μας και θα σε καθοδηγήσουμε προσωπικά.</p>
                <a class="mrg-text-link" href="https://musicroad.gr/contact/">Επικοινωνία <span aria-hidden="true">→</span></a>
            </div>

            <div class="mrg-faq-list">
                                    <details class="mrg-faq-item mrg-reveal">
                        <summary>Από ποια ηλικία ξεκινούν τα μαθήματα;<span aria-hidden="true"></span></summary>
                        <div><p>Η κατάλληλη ηλικία εξαρτάται από το μάθημα και το παιδί. Επικοινώνησε μαζί μας για να προτείνουμε το σωστό ξεκίνημα.</p></div>
                    </details>
                                    <details class="mrg-faq-item mrg-reveal">
                        <summary>Υπάρχουν μαθήματα και για ενήλικες;<span aria-hidden="true"></span></summary>
                        <div><p>Ναι. Υπάρχουν προγράμματα για αρχάριους και προχωρημένους ενήλικες, με στόχους που προσαρμόζονται στον διαθέσιμο χρόνο τους.</p></div>
                    </details>
                                    <details class="mrg-faq-item mrg-reveal">
                        <summary>Χρειάζεται να έχω δικό μου όργανο;<span aria-hidden="true"></span></summary>
                        <div><p>Όχι απαραίτητα από το πρώτο μάθημα. Θα σε καθοδηγήσουμε για το πότε και ποιο όργανο είναι κατάλληλο να αποκτήσεις.</p></div>
                    </details>
                                    <details class="mrg-faq-item mrg-reveal">
                        <summary>Μπορώ να κάνω δοκιμαστικό μάθημα;<span aria-hidden="true"></span></summary>
                        <div><p>Ναι. Επίλεξε παράρτημα, δες το διαθέσιμο πρόγραμμα και κλείσε το δοκιμαστικό σου μάθημα.</p></div>
                    </details>
                                    <details class="mrg-faq-item mrg-reveal">
                        <summary>Σε ποιο παράρτημα προσφέρεται κάθε μάθημα;<span aria-hidden="true"></span></summary>
                        <div><p>Η διαθεσιμότητα διαφοροποιείται ανά παράρτημα. Από τα κουμπιά προγράμματος βλέπεις τις ημέρες και ώρες για Καλλιθέα και Περιστέρι.</p></div>
                    </details>
                            </div>
        </div>
    </section>

    <section class="mrg-final-cta">
        <div class="mrg-final-cta__rings" aria-hidden="true"></div>
        <div class="mrg-shell mrg-final-cta__inner mrg-reveal">
            <p class="mrg-kicker">Το επόμενο βήμα</p>
            <h2>Ο δικός σου δρόμος<br><span>ξεκινά με μία νότα.</span></h2>
            <p>Δες το πρόγραμμα του παραρτήματος που σε εξυπηρετεί και κλείσε το πρώτο σου δοκιμαστικό μάθημα.</p>
            <div class="mrg-final-cta__actions">
                <a class="mrg-button" href="https://musicroad.gr/dokimastiko-mathima/">Κλείσε δοκιμαστικό</a>
                <a class="mrg-button mrg-button--ghost" href="#mathimata">Δες τα μαθήματα</a>
            </div>
        </div>
    </section>
</main>

<footer class="mrg-footer">
    <div class="mrg-shell mrg-footer-main">
        <div class="mrg-footer-brand">
            <img class="mrg-footer-logo" src="https://musicroad.gr/wp-content/themes/music-road-gallery-child/assets/images/music-road-gold-logo.png" alt="Music Road">
            <p>Καλλιεργούμε τη μουσική παιδεία με σεβασμό στην παράδοση και βλέμμα στο μέλλον.</p>
            <span>Καλλιθέα • Περιστέρι</span>
        </div>

        <div>
            <h3>Γρήγορη πρόσβαση</h3>
            <ul><li><a href="#top">Αρχική</a></li><li><a href="#mathimata">Μαθήματα</a></li><li><a href="#xoroi">Χώροι</a></li><li><a href="#epikoinonia">Παραρτήματα</a></li></ul>        </div>

        <div>
            <h3>Μαθήματα</h3>
            <ul>
                <li><a href="#mathimata">Πιάνο</a></li>
                <li><a href="#mathimata">Κιθάρα</a></li>
                <li><a href="#mathimata">Φωνητική</a></li>
                <li><a href="#mathimata">Ντραμς</a></li>
                <li><a href="#mathimata">Θεωρία</a></li>
                <li><a href="#mathimata">Χορός</a></li>
            </ul>
        </div>

        <div>
            <h3>Επικοινωνία</h3>
            <ul>
                <li><a href="mailto:info@musicroad.gr">info@musicroad.gr</a></li>
                <li><a href="tel:2109599947">210 95 99 947</a></li>
                <li><a href="tel:2105763194">210 57 63 194</a></li>
                <li>Δευ–Παρ: 15:00–21:00</li>
                <li>Σάβ: 10:00–14:00</li>
            </ul>
        </div>
    </div>

    <div class="mrg-shell mrg-footer-bottom">
        <span>© 2026 Music Road. Όλα τα δικαιώματα διατηρούνται.</span>
        <span>Η μουσική είναι ο δρόμος.</span>
    </div>
</footer>

<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/music-road-gallery-child\/*","\/wp-content\/themes\/oceanwp\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>

			<script>(function(d, s, id) {
			var js, fjs = d.getElementsByTagName(s)[0];
			js = d.createElement(s); js.id = id;
			js.src = 'https://connect.facebook.net/el_GR/sdk/xfbml.customerchat.js#xfbml=1&version=v6.0&autoLogAppEvents=1'
			fjs.parentNode.insertBefore(js, fjs);
			}(document, 'script', 'facebook-jssdk'));</script>
			<div class="fb-customerchat" attribution="wordpress" attribution_version="2.3" page_id="1807988949446625"></div>

			<style>

.mrsp-selector {
  max-width: 420px;
  margin: 60px auto;
  padding: 32px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

/* INPUTS */
.mrsp-selector input,
.mrsp-selector select {

  width: 100% !important;
  height: 54px !important;
  padding: 0 16px !important;
  margin-bottom: 12px !important;

  font-size: 15px !important;

  border-radius: 14px !important;
  border: 1px solid #ddd !important;

  background: #fafafa !important;

  box-sizing: border-box;
}

/* BUTTON */
#mrsp-go {
  width: 100%;
  height: 54px;
  border-radius: 14px;
  border: none;

  background: linear-gradient(135deg, #ff7a18, #ffb347);
  font-weight: bold;
}


/*======loader */
#mrsp-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  background: rgba(20,20,20,0.6);
  backdrop-filter: blur(4px);

  z-index: 999999;

  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}

#mrsp-loader.active {
  opacity: 1;
  pointer-events: all;
}

.mrsp-spinner {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 6px solid transparent;
  border-top: 6px solid #ff7a18;
  border-right: 6px solid #ffb347;
  animation: spin3d 1s linear infinite;
}

@keyframes spin3d {
  0% { transform: rotateX(0deg) rotateY(0deg); }
  100% { transform: rotateX(360deg) rotateY(360deg); }
}

.mrsp-loading-text {
  color: #fff;
}

#mrsp-chart-modal{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;

  background: rgba(0,0,0,0.85);
  backdrop-filter: blur(6px);

  display:flex;
  align-items:center;
  justify-content:center;

  z-index:999999;

  opacity:0;
  pointer-events:none;
  transition:0.3s;
}

#mrsp-chart-modal.active{
  opacity:1;
  pointer-events:all;
}

#mrsp-chart-big{
  width:90%;
  max-width:900px;
  height:70%;
  background:#fff;
  border-radius:12px;
  padding:20px;
}

/* =========================
   STUDENT READ ONLY MODE
========================= */

.mrsp-readonly input,
.mrsp-readonly textarea {
  pointer-events: none !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mrsp-readonly .mrsp-add-book,
.mrsp-readonly .mrsp-delete-book,
.mrsp-readonly .mrsp-add-instrument,
.mrsp-readonly .mrsp-delete-extra,
.mrsp-readonly .mrsp-add-lesson,
.mrsp-readonly .mrsp-delete-lesson,
.mrsp-readonly .mrsp-import-level,
.mrsp-readonly #mrsp-add-year,
.mrsp-readonly form button[type="submit"] {
  display: none !important;
}

.mrsp-readonly .mrsp-book-item {
  pointer-events: none !important;
}

.mrsp-readonly .mrsp-date,
.mrsp-readonly .mrsp-input,
.mrsp-readonly .mrsp-extra-name,
.mrsp-readonly .mrsp-extra-grade,
.mrsp-readonly .mrsp-lesson-name,
.mrsp-readonly .mrsp-lesson-grade,
.mrsp-readonly .mrsp-book-name,
.mrsp-readonly .mrsp-book-text {
  pointer-events: none !important;
}

.mrsp-readonly .mrsp-score-buttons,
.mrsp-readonly .mrsp-score-btn {
  display: none !important;
  pointer-events: none !important;
}

#mrsp-tab-study.mrsp-study-locked .mrsp-date,
#mrsp-tab-study.mrsp-study-locked .mrsp-input,
#mrsp-tab-study.mrsp-study-locked .mrsp-extra-name,
#mrsp-tab-study.mrsp-study-locked .mrsp-extra-grade,
#mrsp-tab-study.mrsp-study-locked .mrsp-lesson-name,
#mrsp-tab-study.mrsp-study-locked .mrsp-lesson-grade {
  pointer-events: none !important;
  background: #f5f5f5 !important;
  color: #777 !important;
}

#mrsp-tab-study.mrsp-study-locked .mrsp-import-level,
#mrsp-tab-study.mrsp-study-locked .mrsp-add-instrument,
#mrsp-tab-study.mrsp-study-locked .mrsp-add-lesson,
#mrsp-tab-study.mrsp-study-locked .mrsp-delete-extra,
#mrsp-tab-study.mrsp-study-locked .mrsp-delete-lesson {
  display: none !important;
}

/*========  hide levels =======*/

/* Κρύβει τα levels που έχουν Έτος εξέτασης = - */
.mrsp-hidden-by-dash {
  display: none !important;
}

/* Όταν ξεκλειδώσεις edit, τα εμφανίζει για να μπορείς να βγάλεις την παύλα */
.mrsp-show-hidden-levels .mrsp-hidden-by-dash {
  display: block !important;
  opacity: 0.55;
  border: 2px dashed #c77 !important;
}

/* Στο PDF μένουν πάντα κρυφά */
body.mrsp-pdf-exporting .mrsp-hidden-by-dash {
  display: none !important;
}


/* =========================
   ΧΡΩΜΑ ΑΝΑ ΒΑΘΜΙΔΑ ΣΠΟΥΔΩΝ
========================= */
/* =========================
   ΕΝΤΟΝΑ ΧΡΩΜΑΤΑ ΑΝΑ ΒΑΘΜΙΔΑ
========================= */

.mrsp-level {
  transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
  border-width: 3px !important;
}

/* Προκαταρκτική / Preliminary - ΧΡΥΣΟ */
.mrsp-level-preliminary {
  background: linear-gradient(135deg, #fff3b0, #ffd447) !important;
  border-color: #d49700 !important;
  box-shadow: 0 8px 18px rgba(212,151,0,0.22);
}

/* Κατωτέρα / Beginner - ΜΠΛΕ */
.mrsp-level-lower {
  background: linear-gradient(135deg, #d7f0ff, #55b9ff) !important;
  border-color: #0074c7 !important;
  box-shadow: 0 8px 18px rgba(0,116,199,0.22);
}

/* Μέση / Intermediate - ΜΩΒ */
.mrsp-level-middle,
.mrsp-level-intermediate {
  background: linear-gradient(135deg, #eadcff, #a875ff) !important;
  border-color: #6734c9 !important;
  box-shadow: 0 8px 18px rgba(103,52,201,0.22);
}

/* Ανωτέρα / Advanced - ΚΟΚΚΙΝΟ */
.mrsp-level-advanced {
  background: linear-gradient(135deg, #ffd6d6, #ff6b6b) !important;
  border-color: #c82121 !important;
  box-shadow: 0 8px 18px rgba(200,33,33,0.22);
}

/* Τίτλοι */
.mrsp-level-preliminary h3 {
  color: #6f4700 !important;
}

.mrsp-level-lower h3 {
  color: #004f8c !important;
}

.mrsp-level-middle h3,
.mrsp-level-intermediate h3 {
  color: #3e168f !important;
}

.mrsp-level-advanced h3 {
  color: #7f1111 !important;
}

/* Header πινάκων μέσα στα levels */
.mrsp-level-preliminary table thead tr {
  background: #e0a900 !important;
  color: #fff !important;
}

.mrsp-level-lower table thead tr {
  background: #0074c7 !important;
  color: #fff !important;
}

.mrsp-level-middle table thead tr,
.mrsp-level-intermediate table thead tr {
  background: #6734c9 !important;
  color: #fff !important;
}

.mrsp-level-advanced table thead tr {
  background: #c82121 !important;
  color: #fff !important;
}

/* Τα input να μένουν καθαρά και ευανάγνωστα */
.mrsp-level input,
.mrsp-level textarea {
  background: rgba(255,255,255,0.88) !important;
}

/* Στο PDF κράτα τα χρώματα έντονα */
body.mrsp-pdf-exporting .mrsp-level-preliminary {
  background: #ffe071 !important;
}

body.mrsp-pdf-exporting .mrsp-level-lower {
  background: #9edaff !important;
}

body.mrsp-pdf-exporting .mrsp-level-middle,
body.mrsp-pdf-exporting .mrsp-level-intermediate {
  background: #c4a8ff !important;
}

body.mrsp-pdf-exporting .mrsp-level-advanced {
  background: #ff9b9b !important;
}
</style>

<div id="mrsp-loader">
  <div class="mrsp-spinner"></div>
  <div class="mrsp-loading-text">loading ...</div>
</div>
			<script type="text/javascript">function showhide_toggle(e,t,r,g){var a=jQuery("#"+e+"-link-"+t),s=jQuery("a",a),i=jQuery("#"+e+"-content-"+t),l=jQuery("#"+e+"-toggle-"+t);a.toggleClass("sh-show sh-hide"),i.toggleClass("sh-show sh-hide").toggle(),"true"===s.attr("aria-expanded")?s.attr("aria-expanded","false"):s.attr("aria-expanded","true"),l.text()===r?(l.text(g),a.trigger("sh-link:more")):(l.text(r),a.trigger("sh-link:less")),a.trigger("sh-link:toggle")}</script>
				<script>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<script src="https://musicroad.gr/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script src="https://musicroad.gr/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
</script>
<script src="https://musicroad.gr/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.5" id="swv-js"></script>
<script id="contact-form-7-js-translations">
( function( domain, translations ) {
	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
	localeData[""].domain = domain;
	wp.i18n.setLocaleData( localeData, domain );
} )( "contact-form-7", {"translation-revision-date":"2024-08-02 09:16:28+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"el_GR"},"This contact form is placed in the wrong place.":["\u0397 \u03c6\u03cc\u03c1\u03bc\u03b1 \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03b5 \u03bb\u03ac\u03b8\u03bf\u03c2 \u03b8\u03ad\u03c3\u03b7."],"Error:":["\u03a3\u03c6\u03ac\u03bb\u03bc\u03b1:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
</script>
<script id="contact-form-7-js-before">
var wpcf7 = {
    "api": {
        "root": "https:\/\/musicroad.gr\/wp-json\/",
        "namespace": "contact-form-7\/v1"
    }
};
</script>
<script src="https://musicroad.gr/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.5" id="contact-form-7-js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js?ver=0.10.1" id="mrsp-html2pdf-js"></script>
<script id="mrsp-html2pdf-js-after">
document.addEventListener('click', async function(e) {
      const btn = e.target.closest('.mrsp-download-pdf');
      if (!btn) return;

      const targetSelector = btn.getAttribute('data-target');
      const report = document.querySelector(targetSelector);

      if (!report) {
        alert('Δεν βρέθηκε το βιβλιάριο για PDF.');
        return;
      }

      const oldText = btn.textContent;
      btn.disabled = true;
      btn.textContent = 'Ετοιμάζεται PDF...';

      document.body.classList.add('mrsp-pdf-exporting');

      const studentName = (btn.getAttribute('data-student') || 'student')
        .replace(/[\\/:*?\"<>|]+/g, '-')
        .trim();

      const options = {
margin: [6, 5, 6, 5],
filename: 'Βιβλιάριο-' + studentName + '.pdf',
        image: {
          type: 'jpeg',
          quality: 0.98
        },
        html2canvas: {
          scale: 2,
          useCORS: true,
          scrollY: 0,
          backgroundColor: '#ffffff'
        },
        jsPDF: {
          unit: 'mm',
          format: 'a5',
          orientation: 'portrait'
        },
        pagebreak: {
  mode: ['css', 'legacy'],
  avoid: ['tr', 'img', '.mrsp-avoid-break']
}
      };

      try {
        await html2pdf().set(options).from(report).save();
      } catch (err) {
        console.error(err);
        alert('Κάτι πήγε λάθος στη δημιουργία PDF.');
      } finally {
        document.body.classList.remove('mrsp-pdf-exporting');
        btn.disabled = false;
        btn.textContent = oldText;
      }
    });
</script>
<script src="https://cdn.jsdelivr.net/npm/chart.js" id="chartjs-js"></script>
<script src="https://musicroad.gr/wp-content/plugins/qr-generator/vendor/qrcodejs/qrcode.min.js?ver=1.0.0" id="mr-qrcodejs-js"></script>
<script id="mr-music-road-qr-js-extra">
var MRQR_DATA = {"logoUrl":"https:\/\/musicroad.gr\/wp-content\/plugins\/qr-generator\/assets\/images\/music-road-logo.png","downloadName":"music-road-qr.png","messages":{"empty":"\u0393\u03c1\u03ac\u03c8\u03b5 \u03c0\u03c1\u03ce\u03c4\u03b1 \u03ad\u03bd\u03b1 link.","invalid":"\u03a4\u03bf link \u03b4\u03b5\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03ad\u03b3\u03ba\u03c5\u03c1\u03bf.","created":"\u03a4\u03bf QR \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03b8\u03b7\u03ba\u03b5.","createdWithLogo":"\u03a4\u03bf QR \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03b8\u03b7\u03ba\u03b5 \u03bc\u03b5 \u03bb\u03bf\u03b3\u03cc\u03c4\u03c5\u03c0\u03bf.","createdWithoutLogo":"\u03a4\u03bf QR \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03ae\u03b8\u03b7\u03ba\u03b5 \u03c7\u03c9\u03c1\u03af\u03c2 \u03bb\u03bf\u03b3\u03cc\u03c4\u03c5\u03c0\u03bf.","shapeRound":"\u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03cc QR","shapeSquare":"\u03a4\u03b5\u03c4\u03c1\u03ac\u03b3\u03c9\u03bd\u03bf QR","downloaded":"\u03a4\u03bf QR \u03b1\u03c0\u03bf\u03b8\u03b7\u03ba\u03b5\u03cd\u03c4\u03b7\u03ba\u03b5 \u03c9\u03c2 PNG.","copiedImage":"\u03a4\u03bf QR \u03b1\u03bd\u03c4\u03b9\u03b3\u03c1\u03ac\u03c6\u03b7\u03ba\u03b5 \u03c9\u03c2 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1.","copiedLink":"\u03a4\u03bf link \u03b1\u03bd\u03c4\u03b9\u03b3\u03c1\u03ac\u03c6\u03b7\u03ba\u03b5.","copyFailed":"\u0394\u03b5\u03bd \u03ae\u03c4\u03b1\u03bd \u03b4\u03c5\u03bd\u03b1\u03c4\u03ae \u03b7 \u03b1\u03bd\u03c4\u03b9\u03b3\u03c1\u03b1\u03c6\u03ae \u03b1\u03c0\u03cc \u03b1\u03c5\u03c4\u03cc\u03bd \u03c4\u03bf\u03bd browser.","tooLong":"\u03a4\u03bf link \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03bf\u03bb\u03cd \u03bc\u03b5\u03b3\u03ac\u03bb\u03bf \u03b3\u03b9\u03b1 QR. \u0394\u03bf\u03ba\u03af\u03bc\u03b1\u03c3\u03b5 \u03bc\u03b9\u03ba\u03c1\u03cc\u03c4\u03b5\u03c1\u03bf link.","genericError":"\u03a0\u03b1\u03c1\u03bf\u03c5\u03c3\u03b9\u03ac\u03c3\u03c4\u03b7\u03ba\u03b5 \u03c3\u03c6\u03ac\u03bb\u03bc\u03b1 \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03c4\u03bf\u03c5 QR."}};
</script>
<script src="https://musicroad.gr/wp-content/plugins/qr-generator/assets/js/mr-music-road-qr.js?ver=1.2.4" id="mr-music-road-qr-js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/turn.js/3/turn.min.js" id="turnjs-js"></script>
<script id="turnjs-js-after">
// === Init Flipbook ===
function initFlipbook() {
  let displayMode = (window.innerWidth < 768) ? 'single' : 'double';
  let $book = jQuery('#flipbook');
  if (!$book.length) return;

  let w = $book[0].offsetWidth;
  let h = $book[0].offsetHeight;
  let totalPages = parseInt($book.data('total-pages'), 10);

  if (!$book.data('turn')) {
    $book.turn({
      width: w,
      height: h,
      autoCenter: true,
      display: displayMode,
      acceleration: true,
      gradients: true,
      pages: totalPages
    });
  } else {
    $book.turn('display', displayMode);
    $book.turn('size', w, h);
  }

  $book.off('turned').on('turned', function() {
    document.querySelectorAll('video').forEach(v => v.pause());
  });

  // swipe (κινητό)
  let startX=0, threshold=50;
  $book.off('touchstart').on('touchstart', function(e){
    startX=e.originalEvent.touches[0].clientX;
  });
  $book.off('touchend').on('touchend', function(e){
    let endX=e.originalEvent.changedTouches[0].clientX; 
    let diffX=endX-startX;
    if(diffX>threshold) $book.turn('previous');
    else if(diffX<-threshold) $book.turn('next');
  });

  // arrows
  jQuery('#vf-prev').off('click').on('click', function(){ $book.turn('previous'); });
  jQuery('#vf-next').off('click').on('click', function(){ $book.turn('next'); });
}

// === Ρύθμιση ταχύτητας με βάση BPM ===
function setupBPMControl(originalBPM = 120) {
  let input = document.getElementById('vf-bpm');
  let valueLabel = document.getElementById('vf-bpm-value');
  if (!input) return;

  input.addEventListener('input', () => {
    let newBPM = parseFloat(input.value);
    if (!newBPM || newBPM <= 0) return;

    let rate = newBPM / originalBPM;
    valueLabel.textContent = newBPM;

    document.querySelectorAll('#flipbook video').forEach(v => {
      v.playbackRate = rate;
    });
  });
}

// === Προσθήκη Thumbnails ===
function setVideoThumbnails() {
  document.querySelectorAll('#flipbook video').forEach(video => {
    video.addEventListener('loadeddata', () => {
      try {
        let canvas = document.createElement('canvas');
        canvas.width = video.videoWidth;
        canvas.height = video.videoHeight;
        let ctx = canvas.getContext('2d');
        ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
        let thumbnail = canvas.toDataURL('image/jpeg');
        video.setAttribute('poster', thumbnail);
      } catch(e) {
        console.log('Δεν μπόρεσα να βγάλω thumbnail', e);
      }
    }, { once: true });
  });
}

// === Εκκίνηση ===
jQuery(window).on('load', function(){
  initFlipbook();
  setVideoThumbnails();
  setupBPMControl(100);
});
jQuery(window).on('resize', initFlipbook);
</script>
<script src="https://musicroad.gr/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script>
<script id="oceanwp-main-js-extra">
var oceanwpLocalize = {"nonce":"94c8b5a4b3","isRTL":"","menuSearchStyle":"drop_down","mobileMenuSearchStyle":"disabled","sidrSource":null,"sidrDisplace":"1","sidrSide":"left","sidrDropdownTarget":"link","verticalHeaderTarget":"link","customScrollOffset":"0","customSelects":".woocommerce-ordering .orderby, #dropdown_product_cat, .widget_categories select, .widget_archive select, .single-product .variations_form .variations select","loadMoreLoadingText":"Loading...","ajax_url":"https:\/\/musicroad.gr\/wp-admin\/admin-ajax.php","oe_mc_wpnonce":"8a430c259a"};
</script>
<script src="https://musicroad.gr/wp-content/themes/oceanwp/assets/js/theme.min.js?ver=3.0.0" id="oceanwp-main-js"></script>
<script src="https://musicroad.gr/wp-content/themes/oceanwp/assets/js/drop-down-mobile-menu.min.js?ver=3.0.0" id="oceanwp-drop-down-mobile-menu-js"></script>
<script src="https://musicroad.gr/wp-content/themes/oceanwp/assets/js/drop-down-search.min.js?ver=3.0.0" id="oceanwp-drop-down-search-js"></script>
<script src="https://musicroad.gr/wp-content/themes/oceanwp/assets/js/vendors/magnific-popup.min.js?ver=3.0.0" id="ow-magnific-popup-js"></script>
<script src="https://musicroad.gr/wp-content/themes/oceanwp/assets/js/ow-lightbox.min.js?ver=3.0.0" id="oceanwp-lightbox-js"></script>
<script src="https://musicroad.gr/wp-content/themes/oceanwp/assets/js/vendors/flickity.pkgd.min.js?ver=3.0.0" id="ow-flickity-js"></script>
<script src="https://musicroad.gr/wp-content/themes/oceanwp/assets/js/ow-slider.min.js?ver=3.0.0" id="oceanwp-slider-js"></script>
<script src="https://musicroad.gr/wp-content/themes/oceanwp/assets/js/scroll-effect.min.js?ver=3.0.0" id="oceanwp-scroll-effect-js"></script>
<script src="https://musicroad.gr/wp-content/themes/oceanwp/assets/js/scroll-top.min.js?ver=3.0.0" id="oceanwp-scroll-top-js"></script>
<script src="https://musicroad.gr/wp-content/themes/oceanwp/assets/js/select.min.js?ver=3.0.0" id="oceanwp-select-js"></script>
<script id="flickr-widget-script-js-extra">
var flickrWidgetParams = {"widgets":[]};
</script>
<script src="https://musicroad.gr/wp-content/plugins/ocean-extra/includes/widgets/js/flickr.min.js?ver=6.8.6" id="flickr-widget-script-js"></script>
<script src="https://musicroad.gr/wp-content/themes/music-road-gallery-child/assets/js/theme.js?ver=1784251447" id="mrg-home-script-js"></script>
        <style id="mr-store-payments-inline-style">
            .mr-app-payment-meta {
                display: flex;
                gap: 6px;
                flex-wrap: wrap;
                margin-top: 8px;
            }

            .mr-app-payment-pill {
                display: inline-flex;
                align-items: center;
                padding: 4px 8px;
                border-radius: 999px;
                background: #ecfdf5;
                color: #047857;
                font-size: 11px;
                font-weight: 850;
            }

            .mr-app-payment-pill.is-price {
                background: #eff6ff;
                color: #1d4ed8;
            }

            .mr-app-card-open.is-payment {
                background: #111827 !important;
                color: #fff !important;
                min-width: 118px;
                text-align: center;
            }
        </style>

        <script>
        (function () {
            'use strict';

            var catalogUrl = "https:\/\/musicroad.gr\/wp-json\/mr-store-payments\/v1\/catalog";
            var restNonce = "";

            function normalizeText(value) {
                return String(value || '')
                    .toLocaleLowerCase('el-GR')
                    .normalize('NFD')
                    .replace(/[\u0300-\u036f]/g, '')
                    .trim();
            }

            function normalizeUrl(value) {
                try {
                    var url = new URL(value, window.location.origin);
                    return url.origin + url.pathname.replace(/\/+$/, '') + '/';
                } catch (error) {
                    return String(value || '');
                }
            }

            function findMatchingApp(card, apps) {
                var link = card.querySelector('.mr-app-card-open');
                var title = card.querySelector('h2, h3, .mr-app-card-title');
                var cardName = normalizeText(
                    card.dataset.name ||
                    (title ? title.textContent : '')
                );
                var cardUrl = link ? normalizeUrl(link.href) : '';

                return apps.find(function (app) {
                    var appName = normalizeText(app.name);
                    var appUrl = normalizeUrl(app.app_url);

                    if (cardUrl && appUrl && cardUrl === appUrl) {
                        return true;
                    }

                    return Boolean(
                        cardName &&
                        appName &&
                        (
                            cardName === appName ||
                            cardName.indexOf(appName) !== -1 ||
                            appName.indexOf(cardName) !== -1
                        )
                    );
                });
            }

            function updateStoreButtons() {
                var store = document.querySelector('.mr-app-store');

                if (!store || !catalogUrl) {
                    return;
                }

                var headers = {
                    'Accept': 'application/json'
                };

                if (restNonce) {
                    headers['X-WP-Nonce'] = restNonce;
                }

                var endpoint = new URL(catalogUrl, window.location.origin);
                endpoint.searchParams.set('_mrsp', String(Date.now()));

                fetch(endpoint.toString(), {
                    credentials: 'same-origin',
                    cache: 'no-store',
                    headers: headers
                })
                .then(function (response) {
                    if (!response.ok) {
                        throw new Error('MR Store Payments catalog unavailable');
                    }

                    return response.json();
                })
                .then(function (payload) {
                    var apps = Array.isArray(payload.apps) ? payload.apps : [];

                    if (!apps.length) {
                        return;
                    }

                    Array.from(store.querySelectorAll('.mr-app-card')).forEach(function (card) {
                        var app = findMatchingApp(card, apps);
                        var link = card.querySelector('.mr-app-card-open');

                        if (!app || !link) {
                            return;
                        }

                        link.textContent = app.button_text || 'Άνοιγμα';
                        link.href = app.button_url || app.app_url;
                        link.classList.toggle(
                            'is-payment',
                            Boolean(app.enforcement && !app.has_access)
                        );

                        var content = card.querySelector('.mr-app-card-content') || card;
                        var meta = content.querySelector('.mr-app-payment-meta');

                        if (!meta) {
                            meta = document.createElement('div');
                            meta.className = 'mr-app-payment-meta';
                            content.appendChild(meta);
                        }

                        meta.innerHTML = '';

                        if (app.trial_label || Number(app.trial_days) > 0) {
                            var trial = document.createElement('span');
                            trial.className = 'mr-app-payment-pill';
                            trial.textContent =
                                app.trial_label ||
                                (app.trial_days + ' ημέρες δωρεάν');
                            meta.appendChild(trial);
                        }

                        if (app.price_label) {
                            var price = document.createElement('span');
                            price.className = 'mr-app-payment-pill is-price';
                            price.textContent = app.price_label;
                            meta.appendChild(price);
                        }
                    });
                })
                .catch(function () {
                    /*
                     * Fail-open για το UI:
                     * αν το endpoint δεν απαντήσει, δεν σπάμε το Store.
                     * Η προστασία του URL παραμένει ενεργή από την PHP.
                     */
                });
            }

            if (document.readyState === 'loading') {
                document.addEventListener('DOMContentLoaded', updateStoreButtons);
            } else {
                updateStoreButtons();
            }
        })();
        </script>
        
<script>
(function () {
    'use strict';

    const elements = Array.from(document.querySelectorAll('.floater'));
    if (!elements.length) return;

    const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
    const speed = reducedMotion ? 8 : 26;
    const variance = reducedMotion ? 0.06 : 0.30;
    const edgePadding = 8;
    const balls = [];

    const random = (min, max) => Math.random() * (max - min) + min;
    const clamp = (value, min, max) => Math.max(min, Math.min(max, value));
    const distance = (x1, y1, x2, y2) => Math.hypot(x2 - x1, y2 - y1);
    const sizeOf = (element) => parseFloat(getComputedStyle(element).getPropertyValue('--size')) || element.offsetWidth || 100;

    function initialise() {
        const width = window.innerWidth;
        const height = window.innerHeight;

        elements.forEach((element) => {
            const radius = sizeOf(element) / 2;
            let x;
            let y;
            let tries = 0;

            do {
                x = random(edgePadding + radius, width - edgePadding - radius);
                y = random(edgePadding + radius, height - edgePadding - radius);
                tries += 1;
                if (tries > 200) break;
            } while (balls.some((ball) => distance(x, y, ball.x, ball.y) < radius + ball.radius + 6));

            const angle = random(0, Math.PI * 2);
            balls.push({
                element,
                x,
                y,
                vx: Math.cos(angle) * speed,
                vy: Math.sin(angle) * speed,
                radius,
                paused: false,
            });

            element.addEventListener('mouseenter', () => {
                const ball = balls.find((item) => item.element === element);
                if (ball) ball.paused = true;
            });

            element.addEventListener('mouseleave', () => {
                const ball = balls.find((item) => item.element === element);
                if (ball) ball.paused = false;
            });

            element.addEventListener('focus', () => {
                const ball = balls.find((item) => item.element === element);
                if (ball) ball.paused = true;
            });

            element.addEventListener('blur', () => {
                const ball = balls.find((item) => item.element === element);
                if (ball) ball.paused = false;
            });
        });
    }

    function resolveCollision(first, second) {
        const dx = second.x - first.x;
        const dy = second.y - first.y;
        const length = Math.hypot(dx, dy);
        if (!length) return;

        const overlap = first.radius + second.radius - length;
        if (overlap <= 0) return;

        const nx = dx / length;
        const ny = dy / length;
        const shift = overlap / 2 + 0.5;

        first.x -= nx * shift;
        first.y -= ny * shift;
        second.x += nx * shift;
        second.y += ny * shift;

        const relativeX = first.vx - second.vx;
        const relativeY = first.vy - second.vy;
        const impulse = relativeX * nx + relativeY * ny;

        first.vx -= impulse * nx;
        first.vy -= impulse * ny;
        second.vx += impulse * nx;
        second.vy += impulse * ny;
    }

    function update(delta) {
        const width = window.innerWidth;
        const height = window.innerHeight;

        balls.forEach((ball) => {
            if (!ball.paused) {
                ball.vx += (Math.random() - 0.5) * variance;
                ball.vy += (Math.random() - 0.5) * variance;
                ball.x += ball.vx * (delta / 1000);
                ball.y += ball.vy * (delta / 1000);
            }

            if (ball.x - ball.radius < edgePadding) {
                ball.x = edgePadding + ball.radius;
                ball.vx = Math.abs(ball.vx);
            } else if (ball.x + ball.radius > width - edgePadding) {
                ball.x = width - edgePadding - ball.radius;
                ball.vx = -Math.abs(ball.vx);
            }

            if (ball.y - ball.radius < edgePadding) {
                ball.y = edgePadding + ball.radius;
                ball.vy = Math.abs(ball.vy);
            } else if (ball.y + ball.radius > height - edgePadding) {
                ball.y = height - edgePadding - ball.radius;
                ball.vy = -Math.abs(ball.vy);
            }
        });

        for (let i = 0; i < balls.length; i += 1) {
            for (let j = i + 1; j < balls.length; j += 1) {
                if (distance(balls[i].x, balls[i].y, balls[j].x, balls[j].y) <= balls[i].radius + balls[j].radius) {
                    resolveCollision(balls[i], balls[j]);
                }
            }
        }

        balls.forEach((ball) => {
            ball.element.style.transform = `translate3d(${ball.x - ball.radius}px, ${ball.y - ball.radius}px, 0)`;
        });
    }

    let last = performance.now();
    function loop(now) {
        const delta = Math.min(now - last, 48);
        last = now;
        update(delta);
        requestAnimationFrame(loop);
    }

    window.addEventListener('resize', () => {
        const width = window.innerWidth;
        const height = window.innerHeight;

        balls.forEach((ball) => {
            ball.x = clamp(ball.x, edgePadding + ball.radius, width - edgePadding - ball.radius);
            ball.y = clamp(ball.y, edgePadding + ball.radius, height - edgePadding - ball.radius);
        });
    });

    initialise();
    requestAnimationFrame(loop);
}());
</script>
</body>
</html>