/**
 *   __ _  ___  ___ ___   ___   ___     ____ _ __ ___   ___
 *  / _` |/  / / __/ _ \ / _ \ /  /    / __/| '_ ` _ \ /  /
 * | (_| |\  \| (_| (_) | (_) |\  \   | (__ | | | | | |\  \
 *  \__,_|/__/ \___\___/ \___/ /__/    \___\|_| |_| |_|/__/
 * 
 * 
 ************************************************************************************
 * @ASCOOS-NAME        	: ASCOOS CMS 25'                                            *
 * @ASCOOS-VERSION     	: 25.0.0                                                    *
 * @ASCOOS-CATEGORY    	: Framework (Frontend and Administrator Side)               *
 * @ASCOOS-CREATOR     	: Drogidis Christos                                         *
 * @ASCOOS-SITE        	: www.ascoos.com                                            *
 * @ASCOOS-LICENSE     	: [Commercial] http://docs.ascoos.com/lics/ascoos/AGL.html  *
 * @ASCOOS-COPYRIGHT   	: Copyright (c) 2007 - 2025, AlexSoft Software.             *
 ************************************************************************************
 *
 * @package            	: ASCOOS BOOTLIB
 * @subpackage         	: ASCOOS CSS FRAMEWORK Core
 * @source             	: 
 * @fileNo             	: 
 * @version            	: 1.0.0
 * @build               : 
 * @created            	: 
 * @updated             : 
 * @author             	: Drogidis Christos
 * @authorSite         	: www.alexsoft.gr
 * @license 			: AGL-F
 * 
 * @since CSS 3
 */

:root {
    /* Dark - Light Background Variavles */
    --pre-bg-light: #f4f4f4;
    --pre-bg-dark: #2d3436;
    --pre-text-light: #2d3436;
    --pre-text-dark: #dfe6e9;    
}
body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

/*==========================================
/*      BootLib PRE - CODE HTML5 TAGS     */
/*========================================*/

/* Γενικό Στυλ για το μπλοκ κώδικα */
pre {
    background-color: #2d3436;
    color: #dfe6e9;
    padding: 2px 0 2px 0;
    border: 1px solid #333;    
    border-radius: 0 0 5px 5px;
    font-family: 'Courier New', monospace;
    font-size: 14px;
    overflow: auto;
    margin-top: 0;
    width: 600px !important;
}



/* BODY LIGHT - DARK THEMES */
body.light-theme pre {
    background-color: var(--pre-bg-light);
    color: var(--pre-text-light);
}

body.dark-theme pre {
    background-color: var(--pre-bg-dark);
    color: var(--pre-text-dark);
}

code {
    font-family: inherit;
    font-size: inherit;
}

/* Styling for the Header */
.code-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    font-weight: bold;
    background-color: var(--pre-bg-light);
    color: var(--pre-text-light);
    border: 1px solid #333;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
    max-width: 800px;
}


body.dark-theme .code-header {
    background-color: var(--pre-bg-dark);
    color: var(--pre-text-dark);
}

/* Copy Button Styling */
.copy-btn {
    background-color: #0984e3;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
}
.copy-btn:hover {
    background-color: #74b9ff;
}