/* ================= ROOT ================= */
.news-link {
    align-self: flex-start;
    margin-top: auto;
    font-weight: 700;
    color: #71306C;;
    text-decoration: none !important;
    width: fit-content;
}

/* ================= NAVBAR ================= */
.damira-navbar{
    transition: all 0.3s ease;
    padding: 18px 0;
}
.damira-navbar .damira-logo-purple{
    display:none;
    height:42px;
}
.damira-navbar .damira-logo-white{
    height:42px;
}

.damira-navbar.scrolled{
    background:#fff;
    box-shadow:0 6px 25px rgba(0,0,0,.08);
    padding:12px 0;
}
.damira-navbar.scrolled .damira-logo-white{display:none;}
.damira-navbar.scrolled .damira-logo-purple{display:block;}

/* ================= HERO ================= */
.inner_page{
    background:
        linear-gradient(120deg,rgba(106, 47, 113, 0.85),rgba(140, 70, 150, 0.8)),
        url("/assets/img/landing_page/inner-page-bg.png") center/cover;
    padding:140px 0 110px;
    color:#fff;
}
.inner_page h1{
    font-size:48px;
    font-weight:700;
}
/* ================= TITLE ================= */
.page-title{
    font-size:48px;
    font-weight:700;
}

.banner-breadcrumb {
  position: absolute;
  top: 15px;
  left: 15px;
}

.banner-breadcrumb .breadcrumb {
  background: transparent;
  padding: 0;
}

.banner-breadcrumb .breadcrumb-item a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

.banner-breadcrumb .breadcrumb-item a:hover {
  text-decoration: underline;
}

.banner-breadcrumb .breadcrumb-item.active {
  color: #f1d9ff;
}

/* Bootstrap breadcrumb separator color */
.breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}

/* ✅ Mobile responsive fix */
@media (max-width: 576px) {
  .banner-breadcrumb {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 20px;
    text-align: left;
  }
}

/* ================= BACK BUTTON ================= */
.back-btn{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:30px;
    background:rgba(255,255,255,0.18);
    color:#fff;
    text-decoration:none;
    font-size:15px;
    font-weight:500;
    backdrop-filter:blur(6px);
    transition:all .3s ease;
}

.back-btn .arrow{
    font-size:20px;
    line-height:1;
}

.back-btn:hover{
    background:#fff;
    color:#6f2c91;
}
/* ================= NEWS DETAILS ================= */
.news-details{
    padding:80px 0;
}
.news-image{
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}
.news-image img{
    width:100%;
    height:550px;
    object-fit: contain;
}

.news-meta{
    color:#888;
    font-size:14px;
    margin-bottom:12px;
}
.news-meta span{
    margin-right:15px;
}
.news-title{
    font-size:34px;
    font-weight:700;
    margin-bottom:20px;
    color:#222;
}
.news-content p{
    font-size:17px;
    line-height:1.8;
    color:#555;
    margin-bottom:18px;
}

/* ================= SIDEBAR ================= */
.news-sidebar{
    background:var(--damira-light);
    padding:30px;
    border-radius:16px;
}
.sidebar-title{
    font-size:18px;
    font-weight:600;
    margin-bottom:20px;
}
.recent-news a{
    display:block;
    padding:10px 0;
    color:#444;
    text-decoration:none;
    border-bottom:1px solid #ddd;
}
.recent-news a:hover{
    color:var(--damira-purple);
}

/* ================= RESPONSIVE ================= */
@media(max-width:768px){
    .inner_page h1{font-size:34px;}
    .news-title{font-size:26px;}
      .back-btn{
        position:static;
        transform:none;
        margin-bottom:20px;
        justify-content:center;
    }
    .page-title{
        font-size:34px;
    }
}