/* ======================================
   1. CUSTOM FONTS (GT Walsheim)
======================================= */
@font-face {
    font-family: 'GT Walsheim Wero';
    src: url('https://wero-wallet.eu') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Walsheim Wero';
    src: url('https://wero-wallet.eu') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: gt_walsheimblack;
    src: url(https://wero-wallet.eu/_next/static/media/gt-walsheim-black-webfont.1fc2ef24.woff2) format("woff2"), url(https://wero-wallet.eu/_next/static/media/gt-walsheim-black-webfont.72332d55.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: gt_walsheimbold;
    src: url(https://wero-wallet.eu/_next/static/media/gt-walsheim-bold-webfont.eca7a9fe.woff2) format("woff2"), url(https://wero-wallet.eu/_next/static/media/gt-walsheim-bold-webfont.d0038161.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: gt_walsheimlight;
    src: url(https://wero-wallet.eu/_next/static/media/gt-walsheim-light-webfont.24f139eb.woff2) format("woff2"), url(https://wero-wallet.eu/_next/static/media/gt-walsheim-light-webfont.fbd260db.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: gt_walsheimmedium;
    src: url(https://wero-wallet.eu/_next/static/media/gt-walsheim-medium-webfont.546fe303.woff2) format("woff2"), url(https://wero-wallet.eu/_next/static/media/gt-walsheim-medium-webfont.64fc9b58.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: gt_walsheimregular;
    src: url(https://wero-wallet.eu/_next/static/media/gt-walsheim-regular-webfont.06d7bc1a.woff2) format("woff2"), url(https://wero-wallet.eu/_next/static/media/gt-walsheim-regular-webfont.e57b6fd8.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: gt_walsheimthin;
    src: url(https://wero-wallet.eu/_next/static/media/gt-walsheim-thin-webfont.b4d042f8.woff2) format("woff2"), url(https://wero-wallet.eu/_next/static/media/gt-walsheim-thin-webfont.c422c153.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: gt_walsheimultra_bold;
    src: url(https://wero-wallet.eu/_next/static/media/gt-walsheim-ultra-bold-webfont.e6fab2d0.woff2) format("woff2"), url(https://wero-wallet.eu/_next/static/media/gt-walsheim-ultra-bold-webfont.c1e4e0fe.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: gt_walsheimultra_light;
    src: url(https://wero-wallet.eu/_next/static/media/gt-walsheim-ultra-light-webfont.651b5c9b.woff2) format("woff2"), url(https://wero-wallet.eu/_next/static/media/gt-walsheim-ultra-light-webfont.5b6361c2.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: gt_walsheim_weroblack;
    src: url(https://wero-wallet.eu/_next/static/media/gtwalsheimwero-bl-alt-webfont.bcee3285.woff2) format("woff2"), url(https://wero-wallet.eu/_next/static/media/gtwalsheimwero-bl-alt-webfont.daf9003a.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

#CookiebotWidget {
    z-index: 1000!important;
}

body {
  font-family: 'GT Walsheim Wero', sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  background-color: #F7F7F7;
  text-rendering: geometricPrecision;
  letter-spacing: -2%;
}

:root {
  --epi-primary: #1d3557;
  --epi-bg: #f8f9fa;
  --epi-border: #c2d1d9;
}

/* HIDE NATIVE ATLASSIAN ICONS */
.icon-indicator,
.status-icon,
.component-inner-container > svg {
  display: none !important;
}

/* Floating, Oval, Status-Colored Tabs */
.epi-sp-tabs-wrapper { 
  margin-bottom: 0;
}


.epi-sp-tabs {
  display: flex;  overflow-x: auto;
  border: 1px solid  #D9D8DB;
  background:  #F7F7F7;
  border-radius: 4px 4px 0 0;
  overflow: visible;
}

.epi-sp-tabs:first-child { border-left: 0; }

.epi-sp-tab+.epi-sp-tab { border-left: none; }

.epi-sp-tab {
  border: 1px solid #D9D8DB;
  border-top: none;
  background: #F7F7F7;
  border-bottom: none;
  padding: 10px 24px; font-size: 1rem; 
  font-family: 'GT Walsheim Wero', sans-serif !important; font-weight: normal;
  
}
/* .epi-sp-tab:hover { transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0,0,0,0.25); } */
.epi-sp-tab:focus { outline: none; box-shadow: none; }
.epi-sp-tab.active {
   box-shadow: none; background: #ffffff; border-bottom: 1px solid #ffffff; }
.epi-sp-tabpanel { display: none; animation: epiFadeIn 0.3s ease; border: 1px solid #D9D8DB;
   border-top: none;
   padding: 20px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  }
/* @keyframes epiFadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } */

/* .epi-sp-tab.tab-operational { background-color: #339966; } 
.epi-sp-tab.tab-degraded { background-color: #f1c40f; color: #212529 !important; } 
.epi-sp-tab.tab-partial { background-color: #e67e22; } 
.epi-sp-tab.tab-major { background-color: #e74c3c; } 
.epi-sp-tab.tab-maintenance { background-color: #3498db; }  */

/* Base Components */
.component-container {
  background: #ffffff; border: 1px solid var(--epi-border); border-radius: 6px; margin-bottom: 12px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.component-inner-container { padding: 6px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }

/* Markets Grid */
.members-table-wrapper { width: 100%; overflow-x: auto; margin-top: 8px; margin-bottom: 32px; }
.members-grid { display: grid; grid-template-columns: repeat(6, 1fr); border: 1px solid var(--epi-border); min-width: 900px; }
.market-col { display: flex; flex-direction: column; border-right: 1px solid var(--epi-border); background: #ffffff; }
.market-col:last-child { border-right: none; }
.market-header { background: #2b3954; color: #ffffff; padding: 12px; font-family: 'GT Walsheim Wero', sans-serif; font-weight: normal; font-size: 0.95rem; border-bottom: 1px solid var(--epi-border); }
.market-member-cell { padding: 12px; border-bottom: 1px solid var(--epi-border) !important; display: flex !important; justify-content: space-between !important; align-items: center !important; background: transparent !important; box-shadow: none !important; margin: 0 !important; border-radius: 0 !important; border-left: none !important; border-right: none !important; border-top: none !important; }
.market-col .market-member-cell:last-child { border-bottom: none !important; }
.market-member-cell .name { font-size: 0.85rem; font-family: 'GT Walsheim Wero', sans-serif; font-weight: normal; color: #212529; }

/* Custom SVGs & Legend */
.component-status svg { width: 16px; height: 18px; display: block; }
.component-statuses-legend, .component-statuses-legend * { display: flex !important; visibility: visible !important; opacity: 1 !important; }
.component-statuses-legend { margin-top: 0 !important; margin-bottom: 24px !important;  justify-content: flex-start !important; gap: 10px !important; }
.component-statuses-legend .legend-item { align-items: center !important; gap: 5px !important; font-size: 0.9rem !important; color: var(--epi-primary) !important; font-family: gt_walsheimbold, sans-serif !important; font-weight: normal !important; }

/* Tooltip Fix */
.component-inner-container .name { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; max-width: 85% !important; }
.component-inner-container .name span:not(.tooltip) { overflow: visible !important; text-overflow: clip !important; white-space: normal !important; }
.component-inner-container .name a, .component-inner-container .name .tooltip, .component-inner-container .name .component-description { position: static !important; float: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
.component-inner-container .component-status { flex-shrink: 0 !important; }

/* Uptime Page & Tabs */
body.status-uptime { background-color: #f1f4f6; }
.history-tabs { border-bottom: 1px solid #b8c7ce; margin-top: 30px; margin-bottom: 40px; display: flex; padding: 0; list-style: none; }
.history-tabs li { margin-bottom: -1px; }
.history-tabs li a { display: block; padding: 12px 24px; color: #5c6c7b; font-family: gt_walsheimbold, sans-serif; font-weight: normal; font-size: 1.05rem; text-decoration: none; border: 1px solid transparent; border-radius: 6px 6px 0 0; background: transparent; transition: all 0.2s ease; }
.history-tabs li.active a, .history-tabs li a:hover { background-color: #f1f4f6; color: var(--epi-primary); border-color: #b8c7ce; border-bottom-color: #f1f4f6; }

/* React Select Dropdown Styling */
.uptime-header .component-selector {
  margin-bottom: 32px !important;
  max-width: 400px;
}
.uptime-header .select-input__control {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  min-height: auto !important;
}
.uptime-header .select-input__single-value {
  font-family: gt_walsheimbold, sans-serif !important;
  font-weight: normal !important;
  font-size: 1.25rem !important;
  color: var(--epi-primary) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.uptime-header .select-input__indicator-separator {
  display: none !important;
}
.uptime-header .select-input__indicator {
  padding: 0 0 0 12px !important;
}
.uptime-header .select-input__indicator svg {
  width: 14px !important;
  height: 14px !important;
  fill: var(--epi-primary) !important;
}

/* Calendar Month Headers */
.uptime-calendar-month .month-title { font-family: gt_walsheimbold, sans-serif; font-weight: normal; color: var(--epi-primary); font-size: 1.15rem; margin-bottom: 12px; }

/* Hide 90-Day History Bars on Components */
.component-history,
.component-status-history,
.shared-partial.uptime-90-days-wrapper,
.uptime-90-days-wrapper {
  display: none !important;
}


.layout-content.status .masthead-container.basic .masthead {
    padding-top: 70px;
    background: #1d1c1c;
    padding: 20px 0;
    max-width: 850px;
    margin: 0 auto;
}

.layout-content.status .masthead-container.basic .masthead .logo-container img {
    max-height: 52px;
}

.layout-content.status .masthead-container.basic {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    background: #1D1C1C !important;
    padding: 40px 0;
}

.container {
  background-color: #FFFFFF;
  padding: 40px;
  margin-top: -20px !important;
  border-radius: 4px;
  margin-bottom: 40px !important;
}

.layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown  {
  text-align: center;
font-family: "GT Walsheim wero";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -4%;
border-radius: 4px;
border: 1px solid #FFF;
background-color: #1d1c1c;
padding: 15px 30px !important;
text-rendering: geometricPrecision;
}

.layout-content.status.status-index .page-status {
  margin-bottom: 40px !important;
}

.layout-content.status.status-index .page-status .status {
    top: 0 !important;
    display: contents !important;
    color: #FFF;
    font-family: "GT Walsheim wero";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -4%;
}


#systems-operational-icon {
  margin-right:16px;
  top: 3px;
  position:relative;
}


.layout-content.status.status-index .components-section .component-statuses-legend {
  display: none !important;
}

.history-footer-link {
  color: #1D1C1C;
  font-size: 16px;
}

.history-footer-link a {
  color: #1D1C1C !important;
  text-decoration: underline;
}

.history-footer-link span {
  display: none;
}

.history-footer-link span.link-text {
  display: inline;
  text-decoration: underline;
}

.history-footer-link span.epi-sp-history-icon {
  display: inline;
  vertical-align: text-top;
}


/* .layout-content.status.status-index .components-section {
  border: 1px solid #D9D8DB;
  padding: 20px;
} */

.layout-content.status.status-index .components-section .components-uptime-link  {
  color: #1D1C1C;
  cursor: pointer;
}

.layout-content.status.status-index .components-section .components-uptime-link a {
  color: #1D1C1C !important;
  text-decoration: underline;
}

.fa-plus-square-o {
  display: none !important;
}

.layout-content.status.status-index .components-section .component-container.is-group>.component-inner-container .name {
   color: #1d1c1c;
  font-family: "GT Walsheim wero";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -4%;
}

.layout-content.status.status-index .components-section .component-container.is-group>.component-inner-container {
  margin-bottom: 20px !important;
}

.layout-content.status.status-index .components-section .component-container  {
  border: none;
  box-shadow: none !important;
}

.layout-content.status.status-index .components-section .component-container .child-components-container {
  padding-left: 0;
}

.component-inner-container {
  border-bottom: 1px dotted;
}

.component-inner-container.status-green {
  border-color:#339966;
}

.component-inner-container.status-yellow {
  border-color:#f1c40f;
}

.component-inner-container.status-orange {
  border-color:#e67e22;
}

.component-inner-container.status-red {
  border-color:#e74c3c;
}
.component-inner-container.status-blue {
  border-color:#3498db;
}


.epi-component-status-text.epi-status-operational {
  color: #339966;
}


.component-container > .component-inner-container {
  border: none !important;
}

.component-container > .component-inner-container .component-status {
  display: none !important;
}

.layout-content.status .incidents-list.format-expanded .status-day .date {
  border: none;
  margin-bottom: 0;
}

.layout-content.status .incidents-list.format-expanded .status-day p.color-secondary {
  color: #87858C;
}

.layout-content.status .incidents-list.format-expanded .status-day:nth-child(2) {
  margin-top: 20px;
}
.layout-content.status .incidents-list.format-expanded .status-day {
  padding-bottom: 20px;
  border-bottom: 1px solid #D9D8DB;
  margin-top: 20px;
}

.page-footer {
  display: flex;
  gap: 20px;
  flex-direction: column;
  border:none; 
  margin: 40px 0 0;
}

.powered-by {
  position: relative !important;
  display: flex;
  align-items: center !important;
  font-size: 14px !important;
}

button.epi-sp-tab.tab-operational.active {
  position: relative;
  font-weight: 500;
  text-rendering: geometricPrecision;
  font-size: 16px;
}

button.epi-sp-tab.tab-operational.active::before {
    content: '';
    width: 100%;
    height: 4px;
    display: block;
    position: absolute;
    bottom: -4px;
    left: 0;
    background: white;
    z-index: 9999999999999;
}


.epi-sp-tabs .epi-sp-tab:first-child {
  border-top-left-radius: 4px;
}

a, a:visited, a:hover, a:active {
  color: #1D1C1C;
}



@media (max-width: 768px) {
  .epi-sp-tabs {
    overflow-x: auto;
    overflow-y: auto;
  }

  .epi-sp-tab {
    padding: 10px 16px;
    font-size: 14px !important;
  }

  .container {
    padding: 40px 20px;
    width: 100% !important;
  }

  .epi-sp-tabpanel {
    padding: 0;
  }
                                            
 .masthead.has-logo {
    padding: 20px 20px !important;
  }
}