/* =========================================================================================================================== */
/*                                            🧩 EXPLORER (MOBILE)                                                             */
/*                                            📍 static/css/pages/explorer/explorer_mobile.css                                */
/* =========================================================================================================================== */



@media (max-width: 1024px) {


/* =========================================================================================================================== */
/*                                                   📍 Used in: ALL EXPLORER PAGES (MOBILE)                                   */
/* =========================================================================================================================== */

/* MAIN LAYOUT CONTAINER */
.explorer-section{
  width:100%;
  max-width:100%;
  margin-left:0;
  margin-right:0;
  padding:0;
}

/* =========================================================================================================================== */

/* SUMMARY TABLE (STACKED) */
.explorer-summary td{
  display: block;
  width: 100% !important;
  text-align: left !important;
  padding: 0.5rem 1rem;
}

.explorer-summary tr{
  display: block;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.explorer-summary tr:last-child{
  border-bottom: none;
}

.explorer-summary td:first-child{
  opacity: 0.6;
  font-size: 0.8rem;
  padding-bottom: 0.2rem;
}

.explorer-summary td:last-child{
  font-size: 1rem;
  padding-top: 0;
}

/* =========================================================================================================================== */

/* MAIN HEADLINE */
.headline-explorer{
  font-size: 1.6rem;
  letter-spacing: 0.12em;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

/* =========================================================================================================================== */

/* STATUS */
#explorer-txid-status,
#explorer-address-status{
  font-size: 1.05rem;
}


/* =========================================================================================================================== */
/*                                      📍 Used in: BLOCK • TXID • ADDRESS • WALLET (MOBILE)                                  */
/* =========================================================================================================================== */

/* INPUT GROUP (STACKED) */
.explorer-input-group{
  flex-direction: column;
  gap: 0.75rem;
}

.explorer-input-group input,
.explorer-input-group textarea{
  min-width: 100%;
  max-width: 100%;
  font-size: 1rem;
}

.explorer-input-group button{
  width: 100%;
  font-size: 1rem;
}


/* =========================================================================================================================== */
/*                                📍 Used in: BLOCK_DYNAMIC • TXID_DYNAMIC • ADDRESS_DYNAMIC (MOBILE)                         */
/* =========================================================================================================================== */

/* SUBHEADER */
.search-string{
  font-size: 1.05rem;
  padding: 0 1rem;
}

/* =========================================================================================================================== */

/* PANEL WRAPPER */
.explorer-panel{
  width:100%;
  max-width:100%;
  margin-left:0;
  margin-right:0;
}

/* =========================================================================================================================== */

/* BASE TABLE SYSTEM */
.explorer-table{
  font-size: 0.95rem;
}

.explorer-table th,
.explorer-table td{
  padding: 0.7rem 0.9rem;
}

.explorer-table thead th{
  font-size: 1rem;
}

/* =========================================================================================================================== */

/* 3 COLUMN TABLES (STACKED MOBILE) */

/* HEADER */
.explorer-3col thead th{
  text-align:left;
  font-size:0.85rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  opacity:0.65;
}

.explorer-3col thead th:first-child,
.explorer-3col thead th:last-child{
  display:none;
}

/* ROW */
.explorer-3col tr{
  display: block;
  padding: 0.8rem 1rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.explorer-3col tr:last-child{
  border-bottom: none;
}

/* CELLS */
.explorer-3col td{
  display: block;
  width: 100% !important;
  text-align: left !important;
  padding: 0.25rem 0;
}

.explorer-3col td:nth-child(1){
  opacity: 0.5;
  font-size: 0.75rem;
}

.explorer-3col td:nth-child(2){
  font-size: 0.95rem;
  word-break: break-all;
}

.explorer-3col td:nth-child(3){
  font-variant-numeric: tabular-nums;
  opacity: 0.85;
}


/* =========================================================================================================================== */
/*                                         📍 Used in: BLOCK_DYNAMIC • TXID_DYNAMIC (MOBILE)                                   */
/* =========================================================================================================================== */

/* (aktuell keine spezifischen Overrides notwendig) */


} /* END MOBILE */