/* Custom CSS for RamaBhadra Font Application */


/* Import RamaBhadra font */

@import url('https://fonts.googleapis.com/css2?family=RamaBhadra&display=swap');

/* Apply RamaBhadra font to all elements globally */

* {
    font-family: 'RamaBhadra', serif !important;
}


/* Apply to CKEditor content area */

.ck-content,
.ck-content * {
    font-family: 'RamaBhadra', serif !important;
}


/* Apply to all text elements */

body,
html,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div,
a,
button,
.btn,
.navbar-brand,
.nav-link,
.form-control,
.form-label,
input,
textarea,
select,
.card-title,
.card-text,
.breadcrumb,
.alert,
.badge,
.dropdown-item,
.list-group-item,
.table,
.modal-content,
.toast,
.tooltip-inner,
.popover-body,
.carousel-caption {
    font-family: 'RamaBhadra', serif !important;
}


/* Ensure RamaBhadra is applied to dynamic content */

.blog-content,
.post-content,
.content-area {
    font-family: 'RamaBhadra', serif !important;
}


/* Apply to Bootstrap components */

.btn,
.form-control,
.form-select,
.card,
.navbar-nav,
.dropdown-menu {
    font-family: 'RamaBhadra', serif !important;
}


/* Apply to CKEditor5 editor content */

.ck.ck-content {
    font-family: 'RamaBhadra', serif !important;
}

.ck.ck-content p,
.ck.ck-content h1,
.ck.ck-content h2,
.ck.ck-content h3,
.ck.ck-content h4,
.ck.ck-content h5,
.ck.ck-content h6,
.ck.ck-content li,
.ck.ck-content span,
.ck.ck-content div,
.ck.ck-content strong,
.ck.ck-content em {
    font-family: 'RamaBhadra', serif !important;
}


/* Make sure all text displays with RamaBhadra */

[class*="text-"],
[class*="fw-"],
[class*="fs-"] {
    font-family: 'RamaBhadra', serif !important;
}


/* Fix button text centering - override template styles */

.btn-readmore,
.btn-edit,
.btn-delete,
.btn-readmore-mobile,
.btn-edit-mobile,
.btn-delete-mobile,
.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0.6rem 1.2rem !important;
    /* Consistent centered padding */
    line-height: 1.2 !important;
    vertical-align: middle !important;
}


/* Fix specific template button padding overrides */

.btn[style*="padding-top"] {
    padding: 0.6rem 1.2rem !important;
    /* Override inline padding-top styles */
}


/* Ensure all action buttons have proper centering */

.btn.btn-dark,
.btn.btn-outline-light,
.btn-readmore,
.btn-edit,
.btn-delete {
    padding: 0.6rem 1.2rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* Mobile button centering */

.btn-readmore-mobile,
.btn-edit-mobile,
.btn-delete-mobile {
    padding: 0.7rem 1rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}


/* Fix badge centering too */

.badge-publish,
.badge-draft,
.badge-publish-mobile,
.badge-draft-mobile {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.5rem 1rem !important;
    /* Remove inconsistent padding-top */
    text-align: center !important;
}


/* Additional specific badge centering fixes for post_list */

.badge-publish {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.6rem 1.2rem !important;
    /* Override the template's padding-top */
    line-height: 1.2 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.badge-draft {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.6rem 1.2rem !important;
    /* Override the template's padding-top */
    line-height: 1.2 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.badge-publish-mobile {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.4rem 0.8rem !important;
    line-height: 1.2 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.badge-draft-mobile {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.4rem 0.8rem !important;
    line-height: 1.2 !important;
    text-align: center !important;
    vertical-align: middle !important;
}


/* Override any inline padding-top styles on badges */

.badge[style*="padding-top"] {
    padding: 0.6rem 1.2rem !important;
}


/* Fix CKEditor image toolbar positioning issue */

.ck.ck-balloon-panel {
    position: absolute !important;
    z-index: 9999 !important;
}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow {
    position: absolute !important;
}

.ck.ck-balloon-panel .ck-balloon-panel__content {
    position: relative !important;
}


/* Ensure image toolbar stays with the image */

.ck.ck-balloon-panel.ck-balloon-panel_arrow_n,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_s {
    position: absolute !important;
    transform: none !important;
}


/* Override any global positioning that might interfere */

.ck-content .ck-widget.ck-widget_selected,
.ck-content .ck-widget:hover {
    position: relative !important;
}


/* Ensure the image resize handles work properly */

.ck-content .ck-widget.ck-widget_selected .ck-widget__resizer {
    position: absolute !important;
}