/*
Theme Name: Terminal Mobile Blog
Theme URI: https://iwan.blog
Author: Iwan
Description: Tema bergaya terminal dengan fixed bottom bar untuk mobile.
Version: 1.0
License: GPLv2 or later
Text Domain: terminal-mobile
*/

:root {
      --bg: #0b0b0b;
      --fg: #b6fcb6;
      --muted: #7bdc7b;
      --dim: #6a6a6a;
      --link: #7fffd4;
      --border: #1a1a1a;
      --focus: #00ffa3;
    }
    body {
      margin: 0;
      background: var(--bg);
      color: var(--fg);
      font-family: "IBM Plex Mono", monospace;
      line-height: 1.6;
      padding-bottom: 70px; /* ruang untuk fixed bar */
    }
    .wrap {
      max-width: 720px;
      margin: 0 auto;
      padding: 20px;
    }
    h1 { color: var(--muted); }

    /* Fixed bottom bar */
    .fixed-bar {
      position: fixed;
      bottom: 0; left: 0; right: 0;
      height: 70px;
      background: #111;
      border-top: 1px solid var(--border);
      display: flex;
      justify-content: space-around;
      align-items: center;
      font-size: 0.9rem;
      z-index: 1000;
    }
    .fixed-bar a {
      color: var(--link);
      text-decoration: none;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .fixed-bar a span {
      font-size: 1.4rem;
    }

    /* More menu (accordion style) */
    .more-menu {
      position: fixed;
      bottom: 70px; /* muncul di atas bar */
      left: 0; right: 0;
      background: #111;
      border-top: 1px solid var(--border);
      display: none;
      flex-direction: column;
      padding: 10px;
      z-index: 999;
    }
    .more-menu a {
      color: var(--link);
      text-decoration: none;
      padding: 8px 0;
      border-bottom: 1px dashed var(--border);
    }
    .more-menu a:last-child { border-bottom: none; }

    /* Animasi slide */
    .more-menu.show {
      display: flex;
      animation: slideUp 0.3s ease-out;
    }
    @keyframes slideUp {
      from { transform: translateY(100%); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }