/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
   white-space: normal;
   text-align: center;
   word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
   color: #0366d6;
}

.btn-primary {
   color: #fff;
   background-color: #1b6ec2;
   border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
   color: #fff;
   background-color: #1b6ec2;
   border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
   font-size: 14px;
   position: relative;
   min-height: 100%;
}

@media (min-width: 768px) {
   html {
      font-size: 16px;
   }
}

.border-top {
   border-top: 1px solid #e5e5e5;
}

.border-bottom {
   border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
   box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
   font-size: 1rem;
   line-height: inherit;
}

body {
   /* Margin bottom by footer height */
   margin-bottom: 60px;
}

.footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   white-space: nowrap;
   line-height: 60px; /* Vertically center the text there */
}









.fb-wall-container {
   max-width: 800px;
   margin-left: 0;
   margin-right: auto;
}

.fb-post-card {
   background: #fff;
   border: 1px solid #ddd;
   border-radius: 8px;
   margin-bottom: 24px;
   box-shadow: 0 2px 4px rgba(0,0,0,0.03);
   padding: 16px 20px 12px 20px;
}

.fb-post-header {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
}

.fb-avatar {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background: #eee;
   margin-right: 12px;
   object-fit: cover;
}

.fb-post-meta {
   font-size: 0.95em;
   color: #888;
}

.fb-post-content {
   margin-bottom: 10px;
   font-size: 1.1em;
   white-space: pre-line;
}

.fb-post-image {
   max-width: 100%;
   max-height: 300px;
   border-radius: 6px;
   margin-bottom: 10px;
   display: block;
}

.fb-post-actions {
   text-align: right;
}

.comment-box {
   width: 100%;
   padding: 8px;
   margin-top: 10px;
   border: 1px solid #ddd;
   border-radius: 4px;
   resize: vertical;
}

.submit-button {
   margin-top: 10px;
   padding: 8px 16px;
   background-color: #007bff;
   color: white;
   border: none;
   border-radius: 4px;
   cursor: pointer;
}

   .submit-button:hover {
      background-color: #0056b3;
   }

.comments-section {
   margin-top: 20px;
   padding-top: 10px;
   border-top: 1px solid #ddd;
}

.comment, .reply {
   position: relative;
   background: #f0f4ff;
   border-radius: 15px;
   padding: 10px 15px;
   margin: 10px 0;
   margin-left: 20px;
}

.reply {
   margin-left: 40px;
   background: #e6f0ff;
}

   .comment::before, .reply::before {
      content: '';
      position: absolute;
      top: 10px;
      left: -10px;
      border: 5px solid transparent;
      border-right-color: #f0f4ff;
   }

   .reply::before {
      border-right-color: #e6f0ff;
      left: -10px;
   }

.commenter-name {
   font-weight: bold;
   color: #333;
   margin-bottom: 5px;
}

.comment-meta {
   color: #888;
   font-size: 0.9em;
   margin-left: 5px;
}

.comment p, .reply p {
   margin: 5px 0 0;
   font-size: 0.95em;
}

.error-message {
   color: red;
   margin-top: 5px;
   display: none;
}

.replies {
   margin-left: 20px;
   padding-left: 10px;
}

.comment.reply {
   font-size: 0.9em;
}