/*
Theme Name: ViciChat Space
Theme URI: https://vicilook.com/
Author: Vicilook
Description: A minimalist, app-like theme for ViciChat Space. Features a centered logo on the frontpage, optimized for mobile keyboards, and internal content scrolling.
Version: 1.1
License: GNU General Public License v2 or later
Text Domain: vicichat-space
*/

/* 1. RESET & LOCK VIEWPORT */
html, body {
    height: 100svh !important; /* Uses Small Viewport Height to account for mobile UI */
    width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important; /* Locks the body */
    display: flex;
    flex-direction: column;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 2. HEADER & LOGO CENTERING */
.vicichat-header {
    flex: 0 0 auto; /* Header maintains its size */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 15svh; 
    padding: 20px 0;
    box-sizing: border-box;
}

.logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-logo-link {
    display: flex;
    justify-content: center;
}

.custom-logo {
    max-height: 10svh;
    width: auto;
}

/* 3. MAIN CONTENT CONTAINER */
.site-main {
    flex: 1 1 auto; /* Fills remaining space */
    width: 100%;
    position: relative;
    overflow-y: auto; /* Enables internal scroll for long content/keyboard interaction */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

/* Adjust main height if header is absent (non-frontpage) */
body:not(.home) .site-main {
    height: 100svh;
}

/* 4. HIDE ALL TRADITIONAL FOOTER ELEMENTS */
footer, .site-footer, #colophon {
    display: none !important;
    visibility: hidden;
}

/* 5. WORDPRESS CORE CLASS FIXES */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}