/*
Theme Name: Aprokira Theme
Theme URI: https://aprokira.de
Author: Aprokira Solutions
Description: Ein maßgeschneidertes, minimalistisches Dark Mode Theme basierend auf der Design-Spezifikation von aprokira.de.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: aprokira-theme
*/

.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(10px);
    background-color: rgba(15, 23, 42, 0.85) !important;
}

body {
    margin: 0;
    padding: 0;
}

/* Hero Background Local Reference */
.hero-section-bg {
    background-image: linear-gradient(rgba(15, 23, 42, 0.4), rgba(15, 23, 42, 0.4)), url('./assets/images/hero-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Global Button Styles (Ghost Buttons) */
.wp-block-button__link,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: transparent !important;
    border: 1px solid #ffffff !important;
    border-radius: 0px !important;
    color: #ffffff !important;
    padding: 13px 24px !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    transition: all 0.15s ease-in-out !important;
    cursor: pointer;
    text-decoration: none !important;
    box-shadow: none !important;
}

.wp-block-button__link:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.2) !important;
}

/* Top Bar Navigation Links */
.site-header .wp-block-navigation {
    gap: 2.5rem; /* Breathing room between links */
}

.site-header .wp-block-navigation-item__content {
    color: #ffffff !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 500 !important;
    font-size: 1.1rem !important;
    opacity: 0.75;
    transition: opacity 0.25s ease, text-shadow 0.25s ease !important;
    text-decoration: none !important;
}

.site-header .wp-block-navigation-item__content:hover,
.site-header .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
    opacity: 1;
    text-shadow: 0 0 12px rgba(255, 255, 255, 0.6);
}

/* 
 * ------------------------------------------------------------------------
 * Extracted structural and template classes (Replaces inline blocks styles)
 * ------------------------------------------------------------------------ 
 */

.site-header-group {
    padding: 1.5rem 8vw;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.site-logo-figure {
    margin: 0;
}

.site-logo-image {
    max-height: 55px;
    width: auto;
}

.site-nav-wrapper {
    flex-grow: 1;
}

.site-footer-group {
    background-color: #0a0f1c;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding: 4rem 2rem;
}

.site-footer-text {
    font-size: 0.9rem;
}

.fp-hero-group {
    padding: 8rem 2rem;
}

.fp-hero-title {
    font-size: 4rem;
    line-height: 1.1;
}

.fp-hero-subtitle {
    color: #cccccc;
    font-size: 1.25rem;
}

.fp-spacer-small {
    height: 2rem;
}

.fp-services-group {
    padding: 6rem 0;
}

.fp-spacer-large {
    height: 4rem;
}

.fp-service-card {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 3rem 2rem;
}