.article-content {
    background-color: #f0f0f0;
    color: transparent;
    min-height: 150px; /* Tinggikan sedikit untuk placeholder berita */
    width: 100%;
    max-width: 700px;
    margin: 20px auto;
    border-radius: 8px;
    padding: 10px;
    box-sizing: border-box;
    animation: pulse 1.5s infinite ease-in-out;
  }

  .article-content.loading p {
    background-color: #e0e0e0;
    height: 1em;
    margin-bottom: 0.8em;
    border-radius: 4px;
  }
  .article-content.loading p:nth-child(2) { width: 95%; }
  .article-content.loading p:nth-child(3) { width: 80%; }
  .article-content.loading p:last-child { width: 60%; }

  @keyframes pulse {
    0% { opacity: 0.8; }
    50% { opacity: 0.6; }
    100% { opacity: 0.8; }
  }

  .article-content.loaded {
    background-color: transparent;
    color: #333;
    animation: none;
    box-shadow: none; /* Hapus bayangan placeholder */
  }
  .article-content.loaded p {
    background-color: transparent;
  }
  /* Gaya untuk konten berita yang sebenarnya */
  #articleActualContent p {
    line-height: 1.6;
    margin-bottom: 1em;
  }
  
  
/* Combined all original <style> blocks into one */
@charset "UTF-8";

/* Global Styles */
body {
    font-family: Poppins, open sans, sans-serif; /* Poppins takes precedence as it's defined later */
    font-size: 15px;
    line-height: 1.55rem;
    letter-spacing: -0.015rem;
    color: #4f5050;
    background: #fff;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* CSS Variables for theme */
    --font-reguler: 400;
    --font-bold: 700;
    --background-color: #f8f8f8;
    --main-color: #000;
    --widget-title: #000;
    --link-color-body: #000;
    --hoverlink-color-body: #d9091b;
    --border-color: #ccc;
    --button-bgcolor: #3920c9;
    --button-color: #fff;
    --header-bgcolor: #fff;
    --topnav-color: #000;
    --topnav-link-color: #000;
    --topnav-linkhover-color: #d9091b;
    --mainmenu-color: #fff;
    --mainmenu-hovercolor: #f1c40f;
    --content-bgcolor: #fff;
    --content-greycolor: #555;
    --greybody-bgcolor: #eee;
    --footer-bgcolor: #fff;
    --footer-color: #666;
    --footer-linkcolor: #212121;
    --footer-hover-linkcolor: #d9091b;
    --scheme-color: #d9091b; /* Also defined in .dark-theme */
    --secondscheme-color: #3920c9;
}

/* Scrollbar hidden for Webkit browsers */
::-webkit-scrollbar {
    width: 0;
}

/* Link Styles */
a {
    color: #1e74fd;
    outline: 0 !important; /* Retained as a common reset */
}

/* App Header */
.appHeader {
    min-height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: env(safe-area-inset-top);
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    color: #141515;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.appHeader:before {
    content: "";
    height: env(safe-area-inset-top);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99999;
    background: #1e74fd;
}

.appHeader .left,
.appHeader .right {
    height: 56px;
    display: flex;
    align-items: center;
    position: absolute;
}

.appHeader .left ion-icon,
.appHeader .right ion-icon {
    font-size: 26px;
    --ionicon-stroke-width: 36px;
}

.appHeader .left .headerButton,
.appHeader .right .headerButton {
    min-width: 36px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    color: #141515;
    position: relative;
}

.appHeader .left {
    left: 8px;
    top: 0;
}

.appHeader .right {
    right: 8px;
    top: 0;
}

.appHeader .pageTitle {
    font-size: 17px;
    font-weight: 500;
    padding: 0 10px;
}

/* App Header Modifiers */
.appHeader.text-light {
    color: #fff;
}

.appHeader.text-light .headerButton,
.appHeader.text-light .pageTitle {
    color: #dc3545;
}

.appHeader.bg-secondary {
    border: 0;
}

/* App Capsule (Main Content Area) */
#appCapsule {
    padding: 56px 0;
    margin-bottom: env(safe-area-inset-bottom);
    margin-top: env(safe-area-inset-top);
}

/* Profile Box */
.profileBox {
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    position: relative; /* Changed from fixed to relative to avoid conflict with other fixed elements */
    background: #052344;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    /* Removed fixed positioning here as it's typically within a sidebar or content, not fixed across the top of the entire page */
    z-index: 100;
    left: 0;
    top: 0;
    margin-top: env(safe-area-inset-top);
    right: 0;
}

.profileBox:before {
    background: #1e74fd;
    content: "";
    height: env(safe-area-inset-top);
    display: block;
    position: fixed; /* Retained fixed position for the safe area background */
    top: 0;
    left: 0;
    right: 0;
}

.profileBox .image-wrapper {
    margin-right: 16px;
    padding: 16px 0;
}

.profileBox .image-wrapper .imaged {
    width: 42px;
    height: 42px;
    border: 2px solid #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.profileBox .in {
    line-height: 1.4em;
    padding: 16px 25px 16px 0;
}

.profileBox .in strong {
    display: block;
    font-weight: 500;
    color: #fff;
}

.profileBox .in .text-muted {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5) !important; /* Retained !important for explicit override */
}

/* Sidebar Elements */
.sidebar-buttons {
    background: #fff;
    border-top: 1px solid #e1e1e1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    padding-bottom: env(safe-area-inset-bottom);
}

.sidebar-buttons .button {
    flex: 1; /* Corrected 'float: 1' to 'flex: 1' for flexbox distribution */
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #141515;
}

.sidebar-buttons:last-child {
    border-right-color: transparent;
}

.close-sidebar-button {
    font-size: 22px;
    position: absolute;
    width: 36px;
    display: flex;
    align-items: center;
    border-radius: 100%;
    justify-content: center;
    height: 36px;
    right: 10px;
    top: 50%;
    color: rgba(255, 255, 255, 0.5) !important; /* Retained !important for explicit override */
    margin-top: -18px;
}

/* Sidebar Panel Modals */
#sidebarPanel .modal-dialog {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
}

#sidebarPanel .modal-body {
    margin-top: 76px;
    margin-bottom: 80px;
}

#sidebarPanel .modal-content {
    width: 300px;
    padding-top: env(safe-area-inset-top);
}

.panelbox-left .listview > li {
    padding: 10px 16px;
}

.panelbox-left .image-listview > li {
    padding: 0;
}

.panelbox-left .image-listview > li .item {
    padding: 10px 16px;
}

.panelbox-left .image-listview > li a.item {
    padding-right: 36px;
}

/* Grid System */
.row {
    margin-left: -8px;
    margin-right: -8px;
}

.col-12,
.col-lg-8 {
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 10px;
}

/* Spacing Utilities */
.mt-1 {
    margin-top: 8px !important;
}
.mt-2 {
    margin-top: 16px !important;
}
.mt-3 {
    margin-top: 24px !important;
}
.mb-1 {
    margin-bottom: 8px !important;
}
.ml-1 {
    margin-left: 8px !important;
}
.p-0 {
    padding: 0 !important;
}
.p-1 {
    padding: 8px !important;
}
.p-2 {
    padding: 16px !important;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Poppins, sans-serif; /* Consolidate font-family for headings */
    color: #141515;
    margin: 0 0 10px;
    letter-spacing: -0.02em;
    line-height: 1.3em;
}
h1 {
    font-size: 24px;
    font-weight: 600;
}
h2 {
    font-size: 24px; /* Duplicate h2 definition, keeping this for consistency */
    font-weight: 600;
}
h3 {
    font-size: 20px; /* Consolidate h3 definition */
    font-weight: 600;
}
h4 {
    font-size: 16px;
    font-weight: 500;
}
strong,
b {
    font-weight: 500;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    font-weight: 700;
}

/* Text Utilities */
.text-muted {
    font-size: 13px;
    color: #4f5050 !important; /* Retained !important for explicit override */
}
.text-danger {
    color: #ec4433 !important;
}
.text-light {
    color: #fff !important;
}

/* Iconography */
ion-icon {
    --ionicon-stroke-width: 32px;
}

/* Image Styles */
.imaged {
    height: auto;
    border-radius: 6px;
}

/* Badges */
.badge {
    font-size: 12px;
    line-height: 1em;
    letter-spacing: 0;
    height: 22px;
    min-width: 22px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}

/* Badge Colors */
.badge-primary {
    background: #343a40 !important;
}
.badge-warning {
    background: #fe9500 !important;
    color: #fff;
}

/* List Views */
.listview-title {
    color: #4f5050;
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.listview {
    display: block;
    padding: 0;
    margin: 0;
    color: #141515;
    background: #fff;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    line-height: 1.3em;
}

.listview > li {
    padding: 8px 16px;
    display: block;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-height: 50px;
}

.listview > li .item {
    position: relative;
}

.listview > li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #e1e1e1;
}

.listview > li:last-child:after {
    display: none;
}

/* List View Modifiers */
.listview.flush {
    border-top: 0;
    border-bottom: 0;
}
.listview.transparent {
    background: 0 0;
}
.listview.no-line > li:after {
    display: none;
}

/* Image List View */
.image-listview > li {
    padding: 0;
    min-height: auto;
}

.image-listview > li:after {
    left: 68px;
}

.image-listview > li .item {
    padding: 10px 16px;
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.image-listview > li .item .icon-box {
    min-width: 36px;
    max-width: 36px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    font-size: 20px;
    border-radius: 400px;
    margin-right: 16px;
}

.image-listview > li .item .icon-box.bg-primary {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.image-listview > li .item .in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.image-listview > li a.item {
    color: #141515 !important; /* Retained !important for explicit override */
    padding-right: 36px;
}

.image-listview > li a.item:after {
    background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9JzEwcHgnIGhlaWdodD0nMTZweCcgdmlld0JveD0nMCAwIDEwIDE2JyB2aWV3Qm94PScwIDAgMTAgMTYnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGcgaWQ9J1BhZ2UtMScgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48ZyBpZD0nTGlzdHZpZXcnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKC0xMTIuMDAwMDAwLCAtMTIwLjAwMDAwMCknIHN0cm9rZT0nI0ExQTFBMicgc3Ryb2tlLXdpZHRoPScyLjE3OCc+PHBvbHlsaW5lIGlkPSdQYXRoJyBwb2ludHM9JzExNCAxMjIgMTIwIDEyOCAxMTQgMTM0Jz48L3BvbHlsaW5lPjwvZz48L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    right: 12px;
    opacity: 0.5;
    top: 50%;
    margin-top: -8px;
}

/* Panel Box Modals */
.panelbox .modal-dialog {
    margin: 0;
    position: fixed;
    left: 0;
    top: 0;
}

.panelbox .modal-dialog .modal-content {
    border: 0;
    border-radius: 0;
    width: 300px;
    height: 100vh;
    overflow: auto;
    padding-top: env(safe-area-inset-top);
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.panelbox .modal-dialog .modal-content .modal-body {
    padding: 10px 16px;
}

.panelbox-left .modal-dialog {
    transform: translate(-100%, 0) !important;
}

/* Background Colors */
.bg-primary {
    background: #6c7c94 !important;
    color: #fff;
}

.bg-secondary {
    background: #f8f9fa !important;
    color: #fff;
}

/* Alerts */
.alert {
    margin: 0;
    padding: 6px 16px;
    border: 0;
    font-size: 13px;
    border-radius: 6px;
}

.alert-success {
    background: #34c759;
    color: #fff;
    border: 1px solid #34c759;
}

/* Forms */
.form-control {
    background-clip: padding-box;
    background-image: linear-gradient(transparent, transparent);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-group {
    width: 100%;
}

.search-form {
    display: block;
    width: 100%;
}

.searchbox {
    width: 100%;
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.searchbox .form-control {
    height: 36px;
    border-radius: 6px;
    border: 1px solid #e1e1e1 !important;
    padding: 0 16px 0 36px;
    font-size: 15px;
    box-shadow: none !important; /* Consolidate box-shadow */
    color: #141515;
}

.searchbox ion-icon {
    font-size: 26px;
    line-height: 1em;
    margin: 0;
}

.searchbox .close {
    opacity: 1;
    color: #a1a1a2;
    width: 46px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 0;
}

.searchbox .input-icon {
    font-size: 26px;
    position: absolute;
    left: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a1a1a2;
    top: 0;
}

/* Global Search Overlay */
#search {
    display: block;
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #fff;
    position: fixed;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08); /* Consolidate box-shadow */
    left: 0;
    top: -50%;
    right: 0;
    width: 100%;
    z-index: 1001;
}

#search .searchbox .form-control {
    box-shadow: none !important; /* Consolidate box-shadow */
    border: 0 !important; /* Consolidate border */
    border-radius: 0;
    height: 56px;
    padding: 0 56px;
    background: 0 0;
    font-size: 17px;
    color: #141515;
    width: 100%;
}

#search .searchbox .input-icon {
    font-size: 26px;
    position: absolute;
    left: 8px;
    width: 46px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a1a1a2;
    top: 0;
}

/* Blog Post Specific Styles */
.blog-post .post-body {
    padding: 0 5px;
    font-size: 18px;
}
.post-body p {
    font-size: 18px;
}
.blog-post .post-body img {
    padding-left: 20px;
    padding-right: 10px;
}

.entry-content-single {
    font-size: 16px;
}

/* WordPress Block Styles */
.wp-block-kia-post-subtitle {
    box-sizing: border-box;
    word-break: break-word;
}
.wp-block-kia-post-subtitle a {
    display: inline-block;
}
.wp-block-kia-post-subtitle.no-subtitle {
    opacity: 0.333;
}

.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em;
}

.wp-block-file__button {
    background: #32373c;
    color: #fff;
    text-decoration: none;
}

/* Root CSS Variables (WordPress Presets) */
:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #fff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, #9b51e0 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7bdcb5 0%, #00d084 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, #cf2e2e 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, #c8f880 0%, #71ce7e 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0 rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0 -3px #fff, 6px 6px #000;
    --wp--preset--shadow--crisp: 6px 6px 0 #000;
}

/* WordPress Layouts */
:where(.is-layout-flex) {
    gap: 0.5em;
}
:where(.is-layout-grid) {
    gap: 0.5em;
}
body .is-layout-flex {
    display: flex;
}
.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}
.is-layout-flex > :is(*, div) {
    margin: 0;
}
body .is-layout-grid {
    display: grid;
}
.is-layout-grid > :is(*, div) {
    margin: 0;
}
:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}
:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}
:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}
:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}

/* WordPress Color Utility Classes */
.has-black-color {
    color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
    color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

/* WordPress Background Color Utility Classes */
.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

/* WordPress Border Color Utility Classes */
.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

/* WordPress Gradient Background Utility Classes */
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

/* WordPress Font Size Utility Classes */
.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}

/* WordPress Pullquote */
:root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6;
}

/* Theme-specific Font Families (already consolidated) */
.reltitle,
.site-title,
.gmr-mainmenu ul > li > a,
.gmr-secondmenu-dropdown ul > li > a,
.gmr-sidemenu ul li a,
.gmr-sidemenu .side-textsocial,
.heading-text,
.gmr-mobilemenu ul li a,
#navigationamp ul li a {
    font-family: Poppins, sans-serif;
    font-weight: 500;
}

/* Dark Theme Specifics */
body.dark-theme {
    --scheme-color: #d9091b; /* This is a duplicate of the body variable, kept for explicit dark theme setting */
    --secondscheme-color: #3920c9;
}

/* Akismet Stats Widget */
.a-stats {
    --akismet-color-mid-green: #357b49;
    --akismet-color-white: #fff;
    --akismet-color-light-grey: #f6f7f7;
    max-width: 350px;
    width: auto;
}

.a-stats * {
    all: unset; /* Very strong reset, use with caution */
    box-sizing: border-box;
}

.a-stats strong {
    font-weight: 600;
}

.a-stats a.a-stats__link,
.a-stats a.a-stats__link:active,
.a-stats a.a-stats__link:visited {
    background: var(--akismet-color-mid-green);
    border: none;
    box-shadow: none;
    border-radius: 8px;
    color: var(--akismet-color-white);
    cursor: pointer;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-weight: 500;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
}

.widget .a-stats a.a-stats__link:focus {
    background: var(--akismet-color-mid-green);
    color: var(--akismet-color-white);
    text-decoration: none;
}

.a-stats a.a-stats__link:hover {
    filter: brightness(110%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16);
}

.a-stats .count {
    color: var(--akismet-color-white);
    display: block;
    font-size: 1.5em;
    line-height: 1.4;
    padding: 0 13px;
    white-space: nowrap;
}

/* Top Banner Close Button */
.gmr-verytopbanner .idt-xclosewrap {
    top: -30px !important; /* Retained !important for specific positioning */
    right: 0 !important;
    left: 0 !important;
    z-index: 1;
    height: 30px !important;
    font-size: 18px;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #3f51b5;
}

/* Menu Item Colors */
ul.menu li.menu-red-light > a {
    color: #0620b1;
}
ul.menu li.menu-green-light > a {
    color: #009688;
}