/*
Theme Name: E-Layanan Desa Wrapper
Theme URI: https://www.jasawebdesa.biz.id
Author: JasaWebDesa
Author URI: https://www.jasawebdesa.biz.id
Description: Tema khusus untuk embed Aplikasi Google Script (Layanan/Aduan) 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, Helvetica, Arial, sans-serif;
    background-color: #f4f6f9;
}

/* Container utama */
.app-wrapper {
    position: relative;
    width: 100%;
    /* Sisakan ruang 35px untuk footer di bawah */
    height: calc(100vh - 35px); 
    overflow: hidden; 
}

/* Styling Iframe */
iframe.gas-frame {
    width: 100%;
    border: none;
    
    /* --- TEKNIK MENGHILANGKAN WARNING BAR GOOGLE --- */
    /* Menarik iframe ke atas untuk menutupi bar abu-abu */
    margin-top: -25px; 
    
    /* Menambah tinggi agar bagian bawah tidak terpotong karena ditarik ke atas */
    height: calc(100% + 25px); 
    
    display: block;
}

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

.site-footer a {
    color: #0d6efd; /* Warna Biru Link */
    text-decoration: none;
    font-weight: 600;
    margin-left: 5px;
}

.site-footer a:hover {
    text-decoration: underline;
    color: #0043a8;
}

/* Responsif Mobile */
@media screen and (max-width: 600px) {
    iframe.gas-frame {
        /* Kadang di HP bar Google sedikit lebih tebal */
        margin-top: -25px; 
        height: calc(100% + 25px);
    }
}