/*
Theme Name: E-Absensi Desa Wrapper
Theme URI: https://www.jasawebdesa.biz.id
Author: JasaWebDesa
Author URI: https://www.jasawebdesa.biz.id
Description: Tema khusus untuk embed Google Apps Script Absensi dengan footer minimalis.
Version: 1.0
*/

* {
    box-sizing: border-box;
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow: hidden; /* Mencegah scrollbar ganda */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Container utama untuk Iframe */
.app-wrapper {
    position: relative;
    width: 100%;
    /* Mengurangi tinggi footer (35px) agar pas */
    height: calc(100vh - 35px); 
    overflow: hidden; /* Penting untuk memotong warning bar Google */
    background-color: #f4f6f9;
}

/* Styling Iframe */
iframe.gas-frame {
    width: 100%;
    border: none;
    
    /* --- TRIK MENGHILANGKAN WARNING BAR GOOGLE --- */
    /* Google banner biasanya tingginya sekitar 24px - 30px */
    /* Kita tarik iframe ke atas (negative margin) */
    margin-top: -24px; 
    
    /* Kita tambahkan tinggi agar bagian bawah tidak terpotong */
    height: calc(100% + 24px); 
    
    display: block;
}

/* Styling Footer Minimalis */
.site-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35px;
    background-color: #ffffff;
    border-top: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #666;
    z-index: 100;
}

.site-footer a {
    color: #0d6efd;
    text-decoration: none;
    font-weight: 600;
    margin-left: 4px;
    transition: color 0.2s;
}

.site-footer a:hover {
    color: #0a58ca;
    text-decoration: underline;
}

/* Responsif untuk Mobile */
@media screen and (max-width: 600px) {
    /* Pada mobile, kadang bar Google sedikit berbeda, sesuaikan jika perlu */
    iframe.gas-frame {
        margin-top: -24px; 
        height: calc(100% + 24px);
    }
}