.btn {
    background: #f08d33;
    color: #fff;
    border: none;
}
.xt-blog-form {
    margin-top: 50px;
}
/* mobile nav button */

.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {
    box-shadow: none;
}
.navbar-toggler {
    border: none;
    background: transparent;
    padding: 0;
}
.toggler-line {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    background-color: #000;
    transition: all 0.3s ease;
}
.navbar-toggler.active .line1 {
    transform: rotate(45deg) translate(5px, 5px);
}
.navbar-toggler.active .line2 {
    opacity: 0;
}
.navbar-toggler.active .line3 {
    transform: rotate(-45deg) translate(5px, -5px);
}
/* Brand Logo */

.navbar-brand .custom-logo {
    display: block;
    max-width: 250px;
    width: 100%;
    height: auto;
}

/* Index Page */

.card-body .badge a {
    color: var(--bs-secondary-color);
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
}
/* Single Page */

.card-body .post-categories {
    list-style: none;
}
.card-body .post-categories li a {
    color: white;
}
.card-body .text-muted {
    color: white !important;
}
/* Social sharing buttons */

/* === Social Share Buttons === */

.share-buttons {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    /* allows wrapping on small screens */
}
.share-buttons span {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    margin-right: 8px;
}
.share-buttons .share-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    transition: transform 0.2s ease, opacity 0.2s ease;
}
/* Hover effect */

.share-buttons .share-btn:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}
/* Network-specific colors */

.share-btn.twitter {
    background: #1da1f2;
}
.share-btn.facebook {
    background: #1877f2;
}
.share-btn.linkedin {
    background: #0077b5;
}
.share-btn.whatsapp {
    background: #25d366;
}
.share-btn.reddit {
    background: #ff4500;
}
/* Comments Forms */

.comments-area {
    margin: 30px 0;
}
.comment-form-comment label {
    display: block;
}
.comment-form-comment textarea {
    border-color: var(--bs-border-color);
}
.form-submit [type=submit] {
    background: #f08d33;
    border: 0;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    padding: 4px 8px;
}
/* Footer */

.footer-links .menu-item {
    display: inline-block;
    margin-right: 1rem;
}
.footer-links .menu-item:last-child {
    margin-right: 0;
}