/**
 * Custom Share Buttons Styles
 * BlogHash Theme
 */

/* Share Buttons Container */
.bloghash-entry-share {
    margin: 2rem 0;
    padding: 1.5rem;
    background: rgba(244, 54, 118, 0.05);
    border-radius: var(--bloghash-normal-radius);
    border: 1px solid rgba(244, 54, 118, 0.1);
}

.bloghash-entry-share-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--bloghash-secondary);
    text-align: center;
}

/* Share Buttons Container */
.bloghash-share-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
}

/* Individual Share Button */
.bloghash-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: var(--bloghash-normal-radius);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: var(--bloghash-transition-primary);
    border: 1px solid transparent;
    color: white !important;
}

.bloghash-share-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    color: white !important;
}

.bloghash-share-btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

/* Social Media Colors */
.bloghash-share-facebook {
    background-color: #1877f2 !important;
}

.bloghash-share-facebook:hover {
    background-color: #166fe5 !important;
    border-color: #1877f2;
}

.bloghash-share-twitter {
    background-color: #1da1f2 !important;
}

.bloghash-share-twitter:hover {
    background-color: #1a91da !important;
    border-color: #1da1f2;
}

.bloghash-share-linkedin {
    background-color: #0077b5 !important;
}

.bloghash-share-linkedin:hover {
    background-color: #00669c !important;
    border-color: #0077b5;
}

.bloghash-share-whatsapp {
    background-color: #25d366 !important;
}

.bloghash-share-whatsapp:hover {
    background-color: #20b954 !important;
    border-color: #25d366;
}

.bloghash-share-telegram {
    background-color: #0088cc !important;
}

.bloghash-share-telegram:hover {
    background-color: #0077b3 !important;
    border-color: #0088cc;
}

.bloghash-share-email {
    background-color: #6c757d !important;
}

.bloghash-share-email:hover {
    background-color: #5c636a !important;
    border-color: #6c757d;
}

/* Hide text on mobile */
.bloghash-share-title {
    display: inline;
}

@media (max-width: 768px) {
    .bloghash-share-buttons {
        gap: 0.5rem;
    }
    
    .bloghash-share-btn {
        padding: 0.4rem 0.8rem;
        font-size: 0.85rem;
    }
    
    .bloghash-share-title {
        display: none;
    }
    
    .bloghash-share-btn svg {
        width: 18px;
        height: 18px;
    }
}

/* Important overrides */
.bloghash-share-btn,
.bloghash-share-btn:hover,
.bloghash-share-btn:focus {
    color: white !important;
    text-decoration: none !important;
    outline: none;
}

/* Font Family Fixes for Theme Customizer Settings */

/* Header Font Family - Stronger Selectors */
#bloghash-header,
#bloghash-header .bloghash-nav,
#bloghash-header .bloghash-header-widgets,
#bloghash-header .bloghash-nav > ul,
#bloghash-header .bloghash-nav > ul > li,
#bloghash-header .bloghash-nav > ul > li > a,
#bloghash-header .bloghash-header-widgets a,
#bloghash-header .bloghash-logo .site-title,
#bloghash-header .bloghash-logo .site-title a,
#bloghash-header .menu-item,
#bloghash-header .menu-item a,
#bloghash-header .sub-menu,
#bloghash-header .sub-menu a,
.bloghash-primary-nav,
.bloghash-primary-nav > ul,
.bloghash-primary-nav > ul > li,
.bloghash-primary-nav > ul > li > a,
.bloghash-primary-nav li,
.bloghash-primary-nav li a,
.bloghash-primary-nav a,
.bloghash-primary-nav span {
    font-family: var(--bloghash-header-font-family, var(--bloghash-font-sans-serif)) !important;
}

/* Header Navigation - Hind Siliguri Default */
#bloghash-header .bloghash-nav,
#bloghash-header .bloghash-nav > ul,
#bloghash-header .bloghash-nav > ul > li,
#bloghash-header .bloghash-nav > ul > li > a,
.bloghash-primary-nav,
.bloghash-primary-nav > ul,
.bloghash-primary-nav > ul > li,
.bloghash-primary-nav > ul > li > a,
.bloghash-primary-nav li,
.bloghash-primary-nav li a,
.bloghash-primary-nav a,
.bloghash-primary-nav span {
    font-family: 'Hind Siliguri', sans-serif !important;
}

/* Sidebar Font Family */
#secondary,
.bloghash-sidebar-container,
.bloghash-sidebar-widget,
.bloghash-widget {
    font-family: var(--bloghash-sidebar-font-family, var(--bloghash-font-sans-serif)) !important;
}

#secondary a,
.bloghash-sidebar-container a,
.bloghash-sidebar-widget a,
.bloghash-widget a {
    font-family: var(--bloghash-sidebar-font-family, var(--bloghash-font-sans-serif)) !important;
}

#secondary .widget-title,
.bloghash-sidebar-widget .widget-title,
.bloghash-widget .widget-title,
#secondary .wp-block-heading,
.bloghash-sidebar-widget .wp-block-heading {
    font-family: var(--bloghash-sidebar-font-family, var(--bloghash-font-sans-serif)) !important;
}

/* Footer Font Family */
#colophon,
#colophon .bloghash-footer-widgets,
#colophon .bloghash-footer-bottom {
    font-family: var(--bloghash-footer-font-family, var(--bloghash-font-sans-serif)) !important;
}

#colophon a,
#colophon .bloghash-footer-widgets a,
#colophon .bloghash-footer-bottom a {
    font-family: var(--bloghash-footer-font-family, var(--bloghash-font-sans-serif)) !important;
}

#colophon .widget-title,
#colophon .wp-block-heading {
    font-family: var(--bloghash-footer-font-family, var(--bloghash-font-sans-serif)) !important;
}

/* Body Font Family */
body,
.entry-content,
.entry-summary,
.entry-excerpt {
    font-family: var(--bloghash-body-font-family, var(--bloghash-font-sans-serif)) !important;
}

/* Headings Font Family - Stronger Selectors */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.page-title,
.entry-title {
    font-family: var(--bloghash-headings-font-family, var(--bloghash-font-sans-serif)) !important;
}




/* Widget Titles */
.widget-title,
.wp-block-heading {
    font-family: var(--bloghash-headings-font-family);
}

/* Default Font Fallback */
body,
.entry-content,
.entry-summary,
.entry-excerpt,
.entry-content p,
.entry-summary p,
.entry-excerpt p,
.entry-content div,
.entry-summary div,
.entry-excerpt div {
    font-family: 'Tiro Bangla' !important;
}

/* Ad System Styles */
.bloghash-top-ad-container,
.bloghash-header-bottom-ad-container,
.bloghash-before-content-ad-container,
.bloghash-after-content-ad-container,
.bloghash-before-footer-ad-container,
.bloghash-bottom-ad-container,
.bloghash-between-posts-ad-container,
.bloghash-in-content-ad-container,
.bloghash-sidebar-ad-container {
    text-align: center;
    margin: 2rem 0;
    padding: 1rem;
}

/* Fix Post Navigation Title Breaking */
.post-nav .nav-title {
    font-family: 'Hind Siliguri', sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    white-space: nowrap;
}

.post-nav .nav-content span {
    font-family: 'Hind Siliguri', sans-serif !important;
    font-weight: 500;
    line-height: 1.4;
    display: block;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Override minified CSS flex-wrap: nowrap for post navigation */
.single .post-nav .nav-content {
    flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
}

/* Fix Blog Entry Title Breaking */
.bloghash-article .entry-title {
    font-family: 'Hind Siliguri', sans-serif !important;
    font-weight: 600;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
}

.bloghash-article .entry-title a {
    font-family: 'Hind Siliguri', sans-serif !important;
    display: block;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Ad Container Styles */
.bloghash-ad-widget {
    background: rgba(244, 54, 118, 0.02);
    border: 1px solid rgba(244, 54, 118, 0.1);
    border-radius: var(--bloghash-normal-radius);
}

.bloghash-top-ad-container {
    margin-bottom: 1rem;
}

.bloghash-header-bottom-ad-container {
    margin-top: 1rem;
}

.bloghash-before-content-ad-container {
    margin-bottom: 2rem;
}

.bloghash-after-content-ad-container {
    margin-top: 2rem;
}

.bloghash-before-footer-ad-container {
    margin-bottom: 1rem;
}

.bloghash-bottom-ad-container {
    margin-top: 1rem;
}

.bloghash-in-content-ad-container {
    margin: 2rem 0;
    clear: both;
}

.bloghash-sidebar-ad-container {
    margin: 0 0 2rem 0;
}

.bloghash-ad-widget {
    margin: 0;
}

.bloghash-ad-widget .ad-title {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--bloghash-secondary);
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Responsive Ad Styles */
@media (max-width: 768px) {
    .bloghash-top-ad-container,
    .bloghash-header-bottom-ad-container,
    .bloghash-before-content-ad-container,
    .bloghash-after-content-ad-container,
    .bloghash-before-footer-ad-container,
    .bloghash-bottom-ad-container,
    .bloghash-between-posts-ad-container,
    .bloghash-in-content-ad-container {
        margin: 1rem 0;
        padding: 0.75rem;
    }
    
    .bloghash-sidebar-ad-container {
        margin-bottom: 1.5rem;
    }
}

/* Ad Widget Content */
.bloghash-ad-widget img,
.bloghash-ad-widget iframe,
.bloghash-ad-widget embed,
.bloghash-ad-widget object {
    max-width: 100%;
    height: auto;
}

.bloghash-ad-widget iframe {
    border: none;
}