/*
 Theme Name:   KI-Planer
 Theme URI:    https://jungniemeyer.de
 Description:  KI-Planer im Tourismus (Headless CMS)
 Author:       Julia Jung und Stefan Niemeyer
 Author URI:   https://jungniemeyer.de
 Version:      1.1.1
 Requires at least: 6.5
 Tested up to: 6.8
 Requires PHP: 7.4
 Text Domain: ki-planer
*/

/* Root Variables */
:root {
    --gp-font--markw04-book: "MarkW04-Book";
    --gp-font--markw05-bold: "MarkW05-Bold";
    --curio-white: #ffffff;
    --curio-deepblack: #000;
    --curio-blue: #61c1c9;
    --curio-red: #d625c9;
    --curio-grey: #2a2a2a;
    --curio-sand: #F5F6F4;
    --curio-yellow: #FFDF06;
    --curio-green: #A7F72F;
    --curio-bluehalf: #B8D5F6;
}

/* Fonts */
@font-face {
    font-display: swap;
    font-family: "MarkW04-Book";
    font-style: normal;
    font-weight: 450;
    src: url('Fonts/markw04-book/mark-book.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: "MarkW05-Bold";
    font-style: normal;
    font-weight: 700;
    src: url('Fonts/markw05-bold/MarkW05-Bold.woff2') format('woff2');
}

/* General Reset */
body {
    margin: 0;
    font-family: var(--gp-font--markw04-book);
}

/* 404 Page Styles */
.error-404.not-found {
    background: var(--curio-yellow);
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.error-container {
    max-width: 400px;
    margin: 30px;
    padding: 40px;
    background: var(--curio-white);
    border-radius: 8px;
    box-shadow: 14px 8px 18px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.error-title {
    font-family: var(--gp-font--markw05-bold);
    font-size: 2rem;
    color: var(--curio-deepblack);
    background-color: var(--curio-yellow);
    margin: 0 0 10px;
    display: inline-flex;
    padding: 0 6px 8px 6px;
    border-radius: 8px;
}

.error-subtitle {
    font-family: var(--gp-font--markw05-bold);
    font-size: 1.3rem;
    color: var(--curio-grey);
    margin: 0 0 20px;
}

.error-message {
    font-size: 1rem;
    color: var(--curio-grey);
    margin: 0 0 30px;
}

.error-button {
    display: inline-block;
    background: var(--curio-deepblack);
    color: var(--curio-white);
    padding: 12px 24px;
    border-radius: 4px;
    text-decoration: none;
    font-family: var(--gp-font--markw05-bold);
    font-size: 16px;
    transition: background 0.3s ease;
}

.error-button:hover {
    background: var(--curio-grey);
}
.error-logo {
    margin-bottom: 30px;
    text-align: center;
}
.error-logo img {
    width: 55px;
    height: 55px;
}

/* Home Page Styles */
.home {
    background: var(--curio-yellow);
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.home-container {
    max-width: 400px;
    margin: 30px;
    padding: 40px;
    background: var(--curio-white);
    border-radius: 8px;
    box-shadow: 14px 8px 18px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.home-logo {
    margin-bottom: 20px;
}

.home-logo img {
    width: 55px;
    height: 55px;
}

.home-link {
    display: inline-block;
    color: var(--curio-deepblack);
    padding: 12px 24px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 16px;
    transition: background 0.3s ease;
}


/* Responsive Design */
@media (max-width: 768px) {
    .error-container, .home-container {
        margin: 15px;
        padding: 20px;
    }

    .error-title {
        font-size: 1.5rem;
    }

    .error-subtitle {
        font-size: 20px;
    }
}