/*  ----------------------------------- */
/*  ###      Style for around      ###  */
/*  ----------------------------------- */

  .page-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s .2s ease-in-out;
    transition: all .4s .2s ease-in-out;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
  }
  [data-bs-theme="dark"] .page-loading {
    background-color: #121519;
  }
  .page-loading.active {
    opacity: 1;
    visibility: visible;
  }
  .page-loading-inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: 0;
  }
  .page-loading.active > .page-loading-inner {
    opacity: 1;
  }
  .page-loading-inner > span {
    display: block;
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    font-weight: normal;
    color: #6f788b;
  }
  [data-bs-theme="dark"] .page-loading-inner > span {
    color: #fff;
    opacity: .6;
  }
  .page-spinner {
    display: inline-block;
    width: 2.75rem;
    height: 2.75rem;
    margin-bottom: .75rem;
    vertical-align: text-bottom;
    background-color: #d7dde2; 
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner .75s linear infinite;
    animation: spinner .75s linear infinite;
  }
  [data-bs-theme="dark"] .page-spinner {
    background-color: rgba(255,255,255,.25);
  }
  @-webkit-keyframes spinner {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes spinner {
    0% {
      -webkit-transform: scale(0);
      transform: scale(0);
    }
    50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  .divtextalignleft p {
    /*      text-align:left !important;*/
  }
  .remsizefix p {
    font-size:1rem!important;
  }
  .textdecorationfix p a {
    text-decoration: none;
    color:#ffFFff;
  }
  table.dad p {
    text-align: right !important;
    padding: 0 0 0 1.5rem !important;
    margin:0 !important;
  }
  table.dad tr td:first-child p {
    text-align: left !important;
  }
  /* Make modal almost full-screen */
  .custom-modal {
      max-width: 95vw;       /* 95% of viewport width */
      max-height: 95vh;      /* 95% of viewport height */
      margin: 1.5vh auto;    /* vertical and horizontal centering */
  }
  /* Make modal body scrollable */
  .custom-modal .modal-body {
      overflow-y: auto;
      padding: 1rem;
  }
  /* Optional: semi-transparent backdrop */
  .modal-backdrop.show {
      opacity: 0.75 !important;
      background-color: #000;
  }
  .card {
    overflow: hidden;
  }
  .zebra > div:nth-child(odd) {
      background-color: rgba(128,128,128, 0.1); /* light gray */
  }
  .zebra > div:nth-child(even) {
      background-color: none; /* white */
  }

  
  :root {
    --mh-violet:#4f518c; --mh-purple:#7b5ea7;
    --mh-red:#c0392b;    --mh-pink:{{ page.brand_color }};
    --mh-teal:#488098;   --mh-rose:#a37566;
    --mh-mauve:#ae79a1;  --mh-slate:#6c6d84;
  }

  #hero .header {
    letter-spacing:-.01em;
    font-weight: bold;
  }

  #hero .header *:not(b) {
    --ar-text-opacity: 1;
    color: rgba(var(---ar-gray-900), var(--ar-text-opacity)) !important;
  }

  #hero .header b {
    --ar-text-opacity: 1;
    color: rgba(var(--ar-primary-rgb), var(--ar-text-opacity)) !important;
  }

  header a.navbar-brand:not(b) {
    --ar-text-opacity: 1;
    color: rgba(var(--ar-gray-900), var(--ar-text-opacity)) !important;
  }
  /*
  header a.navbar-brand b {
    --ar-text-opacity: 1;
    color: rgba(var(--ar-primary-rgb), var(--ar-text-opacity)) !important;
    display: contents;
  }
  */

  .mh-brand-title  { font-weight:800; letter-spacing:-.01em; }
  .mh-brand-accent { color: var(--mh-pink); }
  .mh-section-title { color: var(--mh-purple); }
  .mh-badge { background:#3c3f56; color:#fff; border-radius:.5rem; padding:.4rem .65rem; text-align:center; min-width:70px; flex-shrink:0; }
  .mh-badge-val  { font-size:1.05rem; font-weight:700; display:block; line-height:1.1; }
  .mh-badge-year { font-size:.65rem; opacity:.75; display:block; }
  .mh-data-card { display:flex; flex-direction:column; height:100%; }
  .mh-data-card-head { display:flex; justify-content:space-between; align-items:flex-start; gap:.75rem; margin-bottom:.5rem; }
  .mh-data-card-label { font-size:.82rem; font-weight:600; QQQcolor:#3c3f56; line-height:1.3; margin-bottom:.15rem; }
  .mh-data-card-sub   { font-size:.72rem; color:#888; line-height:1.35; }
  .mh-chart-area { flex:1; min-height:145px; }
  .mh-stat-val  { font-size:3.25rem; font-weight:700; color:#3c3f56; line-height:1; margin-bottom:.6rem; }
  .mh-stat-desc { font-size:.82rem; color:#555; line-height:1.55; }
  .mh-stat-year { font-size:.72rem; color:#aaa; margin-top:.4rem; }
  .mh-section-ribbon     { padding:2.5rem 0 2rem; background:#f7f7fb; }
  .mh-section-ribbon-alt { background:#ffffff; }
  .mh-section .card { border:1px solid #c8cce0 !important; box-shadow:none !important; }
  .btn-explore-data {
    display:inline-block; border:1px solid var(--mh-purple); color:var(--mh-purple);
    padding:.4rem 1.1rem; font-size:.82rem; border-radius:.375rem;
    text-decoration:none; transition:all .2s; margin-bottom:1.75rem;
  }
  .btn-explore-data:hover { background:var(--mh-purple); color:#fff; }
  .mh-section-inner { position:relative; }
  .mh-section-body  { position:relative; }
  .mh-deco-icon {
    position:absolute; right:-1rem; top:-1rem; font-size:14rem; line-height:1;
    color:var(--mh-violet); opacity:.04; pointer-events:none; z-index:0; user-select:none;
  }
  .mh-kpi-card { border-radius:.875rem; overflow:hidden; transition:transform .2s, box-shadow .2s; position:relative; }
  .mh-kpi-card:hover { transform:translateY(-5px); box-shadow:0 16px 40px rgba(0,0,0,.35); }
  .mh-kpi-inner { padding:1.75rem 1.5rem 1.5rem; aspect-ratio:1/1; display:flex; flex-direction:column; justify-content:flex-end; }
  .mh-kpi-icon-wrap { width:60px; height:60px; border-radius:.875rem; display:flex; align-items:center; justify-content:center; margin-bottom:auto; }
  .mh-kpi-val   { font-size:3rem; font-weight:800; color:#fff; line-height:1; letter-spacing:-.03em; margin-top:1rem; }
  .mh-kpi-label { font-size:.9rem; font-weight:600; color:rgba(255,255,255,.92); margin-top:.5rem; line-height:1.3; }
  .mh-kpi-year  { font-size:.72rem; color:rgba(255,255,255,.5); margin-top:.3rem; }
  .navbar.mh-navbar-transparent {
    QQQbackground:rgba(20,20,35,.85) !important; backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px); border-bottom:1px solid rgba(255,255,255,.12);
  }
  .mh-mega { min-width:680px !important; }
  .mh-mega-left { min-width:280px; }
  .mh-mega-right { min-width:380px; background:rgba(255,255,255,.04) !important; border-left:1px solid rgba(255,255,255,.1); }
  .mh-mega.dropdown-menu { background:rgba(22,23,40,.92) !important; border:1px solid rgba(255,255,255,.12) !important; backdrop-filter:blur(8px); }
  .mh-mega-stat { display:none; }
  .mh-mega-stat.active { display:block; }



  .mh-text-card { 
    display:flex; flex-direction:column; height:100%; 
    }
  .mh-text-card-label { 
    display:flex; justify-content: center; align-items: center; gap:.75rem; 
    font-size:3.5rem;font-weight:700;color:#4f518c;line-height:1;
    margin-bottom:.5rem; 
    }
  .mh-text-card-description { 
    display:flex; justify-content: center; align-items: center; gap:.75rem;
    font-size:.9rem;color:#555;line-height:1.5; margin-bottom:.15rem;
    padding: 0 3rem;
    }
  .mh-text-card-text { 
    display:flex; justify-content: center; align-items: center; gap:.75rem;
    color:#aaa;font-size:.75rem; margin-bottom:.15rem; 
    }
  



/*  ----------------------------------- */
/*  ### Style for accordion-header ###  */
/*  ----------------------------------- */
  .accordion-header {
      font-size: calc(var(--ar-accordion-btn-font-size) + 1.5rem);
    }


/*  ----------------------------------- */
/*  ###      Style for charts      ###  */
/*  ----------------------------------- */

  /* ─── Page shell (demo only) ─────────────────────────── */
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  /*body {
    font-family: system-ui, sans-serif;
    background: #f4f4f0;
    color: #1a1a1a;
    padding: 2rem 1rem;
  }*/
  /*    .page-wrap  { max-width: 900px; margin: 0 auto; }*/
  .demo-label {
    font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
    color: #999; margin-bottom: .5rem; margin-top: 2rem;
  }

  /* ─── Block shell ─────────────────────────────────────── */
  .echart-block {
    background: #fff;
    border: 1px solid #e8e6e0;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 2rem;
  }

  /* ─── Two-column body: 9/12 chart | 3/12 sidebar ─────── */
  .eb-body {
    display: grid;
    grid-template-columns: 9fr 3fr;
    min-height: 360px;
  }
  /* Tablet and mobile (below Bootstrap's lg): stack 12 / 12 */
  @media (max-width: 991.98px) {
    .eb-body {
      grid-template-columns: 1fr;
    }
  }

  /* ─── Chart column ────────────────────────────────────── */
  .eb-chart-col {
    padding: 1rem 1rem 1rem 1.25rem;
    border-right: 1px solid #f0eeea;
    display: flex;
    flex-direction: column;
  }
  .eb-chart-heading {
    font-size: 13px; font-weight: 600; 
    QQQcolor: #1a1a1a;
    margin-bottom: .625rem;
    line-height: 1.35;
    text-align: center;
    display: none;
  }
  .eb-chart-wrap {
    position: relative;
    width: 100%; flex: 1;
    min-height: 280px;
  }
  .eb-chart-canvas { width: 100%; height: 100%; }
  .eb-source {
    margin-top: .625rem;
    font-size: 11px; color: #aaa; line-height: 1.5;
    display: none;
  }

  /* Spinner — top-right of chart area */
  .eb-spinner {
    position: absolute; top: 8px; right: 8px;
    width: 16px; height: 16px;
    border: 2px solid #e0deda;
    border-top-color: #555;
    border-radius: 50%;
    animation: eb-spin .6s linear infinite;
    display: none; z-index: 10;
  }
  @keyframes eb-spin { to { transform: rotate(360deg); } }
  .eb-loading .eb-spinner { display: block; }

  /* ─── Sidebar ─────────────────────────────────────────── */
  .eb-sidebar {
    display: flex; flex-direction: column;
    padding: .875rem; gap: .875rem;
  }
  .eb-field-label {
    display: block;
    font-size: 10px; letter-spacing: .07em; text-transform: uppercase;
    margin-bottom: .35rem; font-weight: 600;
  }

  /* ── Dropdown section — amber ── */
  .eb-select-wrap {
    background: rgba(140,83,64, 0.33); border-radius: 8px; padding: 8px;
    display: none;
  }
  .eb-select-wrap .eb-field-label { color: rgba(140,83,64, 1.0);; }
  .eb-select {
    appearance: none;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 9px center;
    border: 1px solid rgba(140,83,64, 0.33); border-radius: 6px;
    padding: 6px 26px 6px 10px;
    font-size: 12px; color: rgba(140,83,64, 1.0);
    width: 100%; cursor: pointer; transition: border-color .15s;
  }
  .eb-select:hover { border-color: rgba(140,83,64, 1.0); }
  .eb-select:focus { outline: none; border-color: rgba(255,255,255, 0.5); }

  /* ── Radio section — indigo ── */
  .eb-radio-section { background: rgba(140,64,121, 0.33); border-radius: 8px; padding: 8px; }
  .eb-radio-section .eb-field-label { color: #ffffff; }
  .eb-radio-group { display: flex; flex-direction: column; gap: 4px; }
  .eb-radio-group label {
    display: flex; align-items: center; gap: 7px;
    font-size: 12px; color: rgba(140,64,121, 1.0);
    background: rgba(255,255,255, 0.5); border: 1px solid rgba(255,255,255, 0.2); border-radius: 6px;
    padding: 6px 10px; cursor: pointer;
    transition: background .12s, border-color .12s, color .12s;
    user-select: none; line-height: 1.3;
  }
  .eb-radio-group input[type="radio"] { display: none; }
  .eb-radio-group label:hover     { background: rgba(255,255,255, 1.0); border-color: rgba(255,255,255, 0.5); }
  .eb-radio-group label.is-active { background:rgba(140,64,121, 1.0); border-color: rgba(140,64,121, 0.5); color: #fff; }

  /* ── Metric toggle — teal ── */
  .eb-metric-section {
    background: rgba(64,83,140, 0.33); border-radius: 8px; padding: 8px;
    margin-top: auto;
  }
  .eb-metric-section .eb-field-label { color: #ffffff; }
  .eb-metric-toggle { display: flex; gap: 4px; }
  .eb-metric-toggle label {
    flex: 1; display: flex; align-items: center; justify-content: center;
    font-size: 12px; color: rgba(64,83,140, 1.0);
    background: rgba(255,255,255, 0.5); border: 1px solid rgba(255,255,255, 0.2); border-radius: 6px;
    padding: 6px 4px; cursor: pointer; user-select: none; text-align: center;
    transition: background .12s, color .12s, border-color .12s;
  }
  .eb-metric-toggle input[type="radio"] { display: none; }
  .eb-metric-toggle label:hover     { background: rgba(255,255,255, 1.0); border-color: rgba(255,255,255, 0.5); }
  .eb-metric-toggle label.is-active { background: rgba(64,83,140, 1.0); border-color: rgba(64,83,140, 0.5);; color: #fff; }

  /* Disabled while loading */
  .eb-block-disabled .eb-sidebar { pointer-events: none; opacity: .45; }


  /* --- toggle state --- */
  .eb-body.eb-sidebar-hidden {
    grid-template-columns: 12fr;
  }

  .eb-body.eb-sidebar-hidden .eb-sidebar {
    display: none;
  }

  .eb-body.eb-sidebar-hidden .eb-chart-col {
    border-right: none; /* optional, avoids a dangling border */
  }



/*  ----------------------------------- */
/*  ###    Style for corrections   ###  */
/*  ----------------------------------- */
  
  .navbar-brand p {
/*    padding-bottom:0;*/
    margin-bottom:0;
  }

.dropdown-menu {
  --ar-dropdown-min-width: 40rem;
}
div.dropdown-menu ul li div.mega-dropdown-column.wmin-2 {
    min-width:50%;

}


div.dropdown-menu div.mega-dropdown-column.pe-5 {
    padding-right: 18rem !important;
}

a.nav-link.dropdown-toggle p {
  margin-bottom: 0;
}

.navbar-nav {
    --ar-mega-dropdown-column-width: 20rem;
}


:root,
[data-bs-theme="light"] {
  --text-shadow-color: rgba(255, 255, 255, 0.8);
  --ar-navbar-collapse-bg : #000000;
}
:root,
[data-bs-theme="dark"] {
  --text-shadow-color: rgba(0, 0, 0, 0.6);
  --ar-navbar-collapse-bg : #f0f0f0;
}




/*  ----------------------------------------- */
/*  ###    Style for shadows in themes   ###  */
/*  ----------------------------------------- */
 
:root,
[data-bs-theme="light"] {
  --text-shadow-color: rgba(128, 128, 128, 0.8);
}

[data-bs-theme="dark"] {
  --text-shadow-color: rgba(0, 0, 0, 0.6);
}

.text-shadow {
  text-shadow:.2rem .2rem .5rem var(--text-shadow-color);
}