/*
Theme Name: BlomaNia Boiler Theme V5 Complete
Description: Complete boilerplate theme with login, registration, activation
Version: 5.0
Author: ChatGPT
Text Domain: blomania-boiler
*/
body{margin:0;padding:0;font-family:sans-serif;background:#000;color:#fff;}
a{color:#1e90ff;text-decoration:none;}
header,footer,.bottom-nav{background:#111;padding:10px;}
.site-header{display:flex;align-items:center;justify-content:space-between;}
.site-title a{font-size:1.5rem;font-weight:bold;color:#fff;}
.top-nav{display:flex;gap:15px;}
.top-nav a{color:#1e90ff;font-size:0.9rem;}
.card{background:#222;padding:15px;margin:15px;border-radius:8px;}
.post-header{display:flex;align-items:center;justify-content:space-between;}
.post-user{display:flex;align-items:center;gap:10px;}
.post-user img{width:40px;height:40px;border-radius:50%;}
.post-user .username{font-weight:bold;}
.post-user .date{font-size:0.8rem;color:#bbb;}
.post-menu{cursor:pointer;position:relative;}
.card-content{margin:10px 0;}
.read-more{color:#1e90ff;font-weight:bold;display:block;margin-top:5px;}
.card-actions{display:flex;gap:10px;margin-top:10px;}
.card-actions button{flex:1;padding:8px;border:none;border-radius:5px;background:#1e90ff;color:#000;font-weight:bold;}
.bottom-nav{position:fixed;bottom:0;width:100%;display:flex;justify-content:space-around;border-top:1px solid #333;}
.bottom-nav a{flex:1;text-align:center;padding:8px 0;color:#888;}
.bottom-nav a.active{color:#fff;}
.dropdown-menu{position:absolute;top:100%;right:0;background:#333;color:#fff;border:1px solid #555;padding:5px;border-radius:5px;display:none;z-index:999;}
.dropdown-menu button{background:none;border:none;color:#fff;padding:5px;width:100%;text-align:left;cursor:pointer;}
.error{background:#900;color:#fff;padding:10px;margin:15px;border-radius:5px;}
form{display:flex;flex-direction:column;gap:10px;padding:15px;}
form input, form button, form select, form textarea{padding:10px;border:none;border-radius:5px;}
form input, form select, form textarea{background:#333;color:#fff;}
form button{background:#1e90ff;color:#000;font-weight:bold;}
.form-footer{padding:0 15px 15px;}

/* Ensure bottom nav always visible */
.bottom-nav {
    display: flex !important;
}

/* Desktop: cards centered and narrower */
@media (min-width: 768px) {
  .card {
    max-width: 600px;
    margin: 20px auto;
  }
}

/* Fix post-menu hover area */
.post-menu {
  padding: 5px;
}
.post-menu:hover {
  background: rgba(255,255,255,0.05);
  border-radius: 4px;
}
.share-popup {
  margin-top: 10px;
  padding: 10px;
  background: #222;
  border: 1px solid #444;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 10;
  width: 100%;
  animation: fadeIn 0.3s ease-in-out;
}

.share-popup a,
.share-popup button {
  background: #1e90ff;
  color: #000;
  padding: 8px 12px;
  border: none;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
  width: 100%;
}

.share-popup a:hover,
.share-popup button:hover {
  background: #63b3ff;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}


/* Mention Styling */
.mention { color: #4fa3ff; font-weight: bold; }