/* Ghostware - minimal static styles */
:root {
  --color-dark: #222;
  --color-darker: #111;
  --color-dark-less: #333;
  --brand-playstore: #00a173;
  --brand-amazon: #ffd814;
  --brand-chrome: #1967d2;
  --brand-edge: rgb(0, 120, 212);
}

* {
  box-sizing: border-box;
}

body {
  font-family: Ubuntu, Helvetica, sans-serif;
  background: var(--color-darker);
  color: #ddd;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

a {
  font-weight: bold;
  color: #0d6efd;
}
a:hover {
  color: #0a58ca;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
  font-family: Blinker, Georgia, serif;
}
h1,
.h1 {
  font-size: 2rem;
}
h2,
.h2 {
  font-size: 1.75rem;
}
h3,
.h3 {
  font-size: 1.5rem;
}
h2 a {
  color: inherit;
  text-decoration: none;
}

.bg-dark {
  background-color: var(--color-dark) !important;
}
.bg-darker {
  background-color: var(--color-darker) !important;
}
.bg-dark-less {
  background-color: var(--color-dark-less) !important;
}

#section-intro {
  background: url("/assets/images/intro-bg.jpg") no-repeat center center;
  background-size: cover;
  min-height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.nav-logo {
  background-color: #e7e7e7;
  border-radius: 12px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  width: 48px;
  height: 48px;
  padding: 3px 10px;
  object-fit: contain;
}

.navbar .nav-link {
  font-family: Blinker, Georgia, serif;
}

.btn-playstore {
  background-color: var(--brand-playstore);
  color: white !important;
}
.btn-playstore:hover {
  background-color: #008f63;
  color: white !important;
}
.btn-amazon {
  background-color: var(--brand-amazon);
  color: #333 !important;
}
.btn-amazon:hover {
  background-color: #e6c200;
  color: #333 !important;
}
.btn-chrome {
  background-color: var(--brand-chrome);
  color: white !important;
}
.btn-chrome:hover {
  background-color: #1557b0;
  color: white !important;
}
.btn-edge {
  background-color: var(--brand-edge);
  color: white !important;
}
.btn-edge:hover {
  background-color: #0066b3;
  color: white !important;
}

.btn {
  font-weight: bold;
}
.btn-playstore,
.btn-amazon,
.btn-chrome,
.btn-edge {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
}
.btn-playstore iconify-icon,
.btn-amazon iconify-icon,
.btn-chrome iconify-icon,
.btn-edge iconify-icon {
  font-size: 1.2em;
}

.list-hierarchical {
  border-left: 2px solid #444;
  margin-left: 0.5em;
  padding-left: 1.2em;
  margin-top: 4px;
  margin-bottom: 4px;
}

img {
  object-fit: cover;
  max-width: 100%;
}

.app-logo {
  background: var(--color-dark-less);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-size: 2rem;
}