/*===================================================
                 Home Page 
 ===================================================*/
/* Section */
 .post-section .post-col{
   overflow-x: hidden;
 }
 .post-section .title{
  padding-inline: 1.5rem;
 }
/*===================================================
          Post
 ===================================================*/
 .blog-page .post-container,
 .single-post-page .post-container{
  border-right: 1px solid var(--border-color);
 }
.single-post-page .section{
  padding-block: 1rem;
 }
 /* blog */
 .blog-page .blog-card-container{
  margin-top: 1.5rem;
 }
 /* ṣingle-post */
 .single-post-page .single-post-wrap img{
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
 }
 .single-post-page .stats-wrap .liked{
  color:red;
 }
.single-post-page .stats-container{
  border-bottom: 1px solid var(--border-color);
}
/*===================================================
          Dashboard post post-list
 ===================================================*/
 .all-posts-list table button{
  border: 0;

 }
/*===================================================
          Dashboard New/Edit Post Page 
 ===================================================*/
 
 .post-form-page .form .form-group .img-wrap{
  margin-top: .5rem;
 }
.post-form-page .form .form-group .new-category-label,
.post-form-page .form .form-group .parent-category-label,
.post-form-page .form .form-group #add-new-category{
  margin-top: 1rem;
  display: inline-block;
}
 
.post-form-page .form .tag-container {
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    border: 1px solid #ccc;
    min-height: 40px;
    align-items: center;
    gap: 5px;
}

.post-form-page .form .tag-container input {
    border: none;
    outline: none;
    flex: 1;
    min-width: 120px;
}

.post-form-page .form .tag {
    background-color: #e0f0ff;
    border: 1px solid #007acc;
    color: #007acc;
    padding: 4px 8px;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.post-form-page .form .tag .remove-tag {
    cursor: pointer;
    font-weight: bold;
}
/*===================================================
          Dashboard profile 
 ===================================================*/
 /* profile */
 .profile-page .user-profile{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
 }
 .profile-page .profile-wrap{
  overflow: hidden;
 }
 .profile-page .user-name{
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.2;
 }
  .profile-page .user-name .username{
    font-size: 1.4rem;
  }
  .profile-page .user-bio{
    width: 100%;
    border-bottom: 1px solid var(--border-color);
  }
  .profile-page .edit-btn{
    display: inline-block;
  }
 /* edit profile */
  .edit-profile-page .profile-wrap{
  width: 7rem;
  height: 7rem;
  margin-bottom: 1rem;
  margin-inline: auto;
  position: relative;
  overflow: hidden;
 }
.edit-profile-page .profile-wrap:before{
  content: 'Update Profile';
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  color: var(--white-color);
  background-color: rgba(0,0,0,0.7);
  cursor: pointer;
  pointer-events: none;
  text-align: center;
}
/*===================================================
          Dashboard video 
 ===================================================*/
 /* shorts */
 .shorts-page .section{
  padding: 0;
 } 
 /* shorts list */
 .shorts-list-page .form-group{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
 }
.shorts-list-page .form-group input,
.shorts-list-page .form-group select,
    .shorts-list-page .form-group .btn{
  width: 100%;
}