.inner-page-hero-section {
    background: url(./inner-pages/images/blog-detail-page/blog-detail-bg.png);
    background-size: cover;
    background-position: center center;
}

.social-media-wrapper a:hover svg path {
    fill: #0387BC;
}

.blog-image-mask-wrapper {
    position: relative;
    width: 100%;
    /* Start with a small circular mask */
    clip-path: circle(20% at 50% 50%);
}

.blog-detail-img {
    /* Base scale for the grow effect */
    transform: scale(1.1);
}

/* Comment Form Floating Label Logic */
#comment-form-container .form-group:focus-within {
    border-color: #0a90c7;
    box-shadow: 0 0 0 2px rgba(10, 144, 199, 0.1);
}

#comment-form-container .form-group label {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#comment-form-container .form-group input:focus~label,
#comment-form-container .form-group input:not(:placeholder-shown)~label {
    top: 0;
    left: 15px;
    font-size: 13px;
    color: #0a90c7;
    font-weight: 500;
}

#comment-form-container .form-group textarea:focus~label,
#comment-form-container .form-group textarea:not(:placeholder-shown)~label {
    top: 0;
    left: 15px;
    font-size: 13px;
    color: #0a90c7;
    font-weight: 500;
}

/* Ensure background of label masks the border */
#comment-form-container .form-group label {
    background: white;
}

.comment-form-submit {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.comment-form-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(1, 122, 174, 0.3);
}

.comment-form-submit:active {
    transform: translateY(-1px) scale(0.98);
}