/*
Theme Name: WPMC Daily Routine Labs
Author: WPMissionControl
Version: 1.0
Description: A minimal full site editing theme with custom neon styling and full block control.
Requires at least: 6.4
Tested up to: 7.2
Tags: full-site-editing, custom-colors, editor-style, block-patterns
Text Domain: wpmc-daily-routine-labs
*/

/* Підключення кастомного шрифту Lexend Mega */
@font-face {
    font-family: 'Lexend Mega';
    src: url('https://www.dailyroutinelabs.com/wp-content/themes/twentytwentyfive/fonts/LexendMega-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

:root {
    --dark-bg: #121212;
    --neon-green: #00FFAA;
    --turquoise: #33FFCC;
    --neon-blue: #66CCFF;
    --deep-blue: #0099FF;
    --neon-purple: #9933FF;
    --bright-purple: #CC00FF;
    --pink-purple: #FF33CC;
    --orange-accent: #FF9900;
    --white-text: #FFFFFF;
    --neon-yellow: #FFFF33;
}

/* Основні стилі */
body {
    background-color: var(--dark-bg);
    color: var(--white-text);
    font-family: 'Lexend Mega', Arial, sans-serif;
}

/* Заголовки з ефектами */
h1, h2, h3 {
    color: var(--neon-green);
    text-shadow: 0 0 10px var(--neon-green);
}

h4, h5, h6 {
    color: var(--neon-blue);
    text-shadow: 0 0 10px var(--neon-green);
}

/* Посилання */
a {
    color: var(--neon-blue);
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}
a:hover {
    color: var(--turquoise);
    text-shadow: 0 0 5px var(--turquoise);
}

/* Кнопки */
.button, button {
    background: linear-gradient(45deg, var(--neon-purple), var(--turquoise));
    color: var(--dark-bg);
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 0 10px var(--turquoise);
    transition: 0.3s;
}

.button:hover, button:hover {
    background: linear-gradient(45deg, var(--turquoise), var(--neon-blue));
    box-shadow: 0 0 15px var(--neon-blue);
}
/*Кнопки new*/
.wp-block-button__link {
    background: linear-gradient(135deg, #00FFAA, #66CCFF);
    color: #121212;
    font-family: 'Lexend Mega', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    border: none;
    border-radius: 12px;
    padding: 12px 24px;
    transition: all 0.25s ease-in-out;
    box-shadow: 0 4px 12px rgba(0, 255, 170, 0.3);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.wp-block-button__link:hover {
    transform: translateY(-2px) scale(1.015);
    box-shadow:
        inset 0 0 0 1px rgba(217, 80, 199, 0.5),
        0 12px 24px rgba(217, 80, 199, 0.25),
        0 0 20px rgba(217, 80, 199, 0.15);
    background: rgba(102, 204, 255, 0.12);
}


/* Контейнер */
.container {
    width: 75%;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .container {
        width: 80%;
    }
}

/* Градієнтні класи */
.gradient-green-turquoise {
    background: linear-gradient(45deg, var(--neon-green), var(--turquoise));
}

.gradient-turquoise-blue {
    background: linear-gradient(45deg, var(--turquoise), var(--neon-blue));
}

.gradient-blue-deepblue {
    background: linear-gradient(45deg, var(--neon-blue), var(--deep-blue));
}

.gradient-deepblue-purple {
    background: linear-gradient(45deg, var(--deep-blue), var(--neon-purple));
}

.gradient-purple-brightpurple {
    background: linear-gradient(45deg, var(--neon-purple), var(--bright-purple));
}

.gradient-brightpurple-pinkpurple {
    background: linear-gradient(45deg, var(--bright-purple), var(--pink-purple));
}

.gradient-pinkpurple-orange {
    background: linear-gradient(45deg, var(--pink-purple), var(--orange-accent));
}

.gradient-dark-green {
    background: linear-gradient(45deg, var(--dark-bg), var(--neon-green));
}

.gradient-dark-purple {
    background: linear-gradient(45deg, var(--dark-bg), var(--neon-purple));
}

.gradient-dark-blue {
    background: linear-gradient(45deg, var(--dark-bg), var(--neon-blue));
}

.gradient-white-pinkpurple {
    background: linear-gradient(45deg, var(--white-text), var(--pink-purple));
}

.gradient-white-deepblue {
    background: linear-gradient(45deg, var(--white-text), var(--deep-blue));
}

.is-style-glass-cube .wp-block-button__link {
    /* Вміст з .button-glass-cube */
}

.is-style-glass-cube-light .wp-block-button__link {
    /* Вміст з .button-glass-cube-light */
}

/* ===== BUTTON: Glass Cube DARK ===== */
.button-glass-cube {
    position: relative;
    display: inline-block;
    padding: 12px 28px;
    border-radius: 16px;
    font-family: 'Lexend Mega', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    color: #ffffff;
    background: rgba(0, 255, 170, 0.1);
    backdrop-filter: blur(10px);
    box-shadow:
        inset 0 0 0 1px rgba(0, 255, 170, 0.4),
        0 10px 20px rgba(0, 255, 170, 0.2);
    transition: all 0.3s ease;
    overflow: hidden;
    letter-spacing: 0.08em;
    cursor: pointer;
    z-index: 1;
    border: none;
}

.button-glass-cube::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at center, rgba(102, 204, 255, 0.3), transparent 70%);
    transform: scale(0);
    transition: transform 0.4s ease;
    z-index: -1;
}

.button-glass-cube:hover {
    color: #121212;
    background: rgba(102, 204, 255, 0.2);
    box-shadow:
        inset 0 0 0 1px rgba(102, 204, 255, 0.6),
        0 12px 30px rgba(102, 204, 255, 0.4);
    transform: translateY(-2px) scale(1.02);
}

.button-glass-cube:hover::before {
    transform: scale(1.5);
}

/* ===== BUTTON: Glass Cube LIGHT ===== */
.button-glass-cube-light {
    position: relative;
    display: inline-block;
    padding: 12px 28px;
    border-radius: 16px;
    font-family: 'Lexend Mega', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    color: #121212;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(12px);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.1),
        0 8px 16px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    letter-spacing: 0.08em;
    cursor: pointer;
    z-index: 1;
    overflow: hidden;
    border: none;
}

.button-glass-cube-light::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.3), transparent 70%);
    transform: scale(0);
    transition: transform 0.4s ease;
    z-index: -1;
}

.button-glass-cube-light:hover {
    background: rgba(255, 255, 255, 0.9);
    transform: translateY(-2px) scale(1.02);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.1),
        0 12px 24px rgba(0, 0, 0, 0.2);
}

.button-glass-cube-light:hover::before {
    transform: scale(1.5);
}

/* ===== Responsive Touch Friendly Adjustments ===== */
@media (max-width: 768px) {
    .button-glass-cube,
    .button-glass-cube-light {
        padding: 14px 24px;
        font-size: 0.95rem;
        border-radius: 14px;
    }
}