/* ══════════════════════════════════════
   STOCK INFORMATION PAGE CSS
══════════════════════════════════════ */

/* HERO */
.stock-hero {
  position: relative; min-height: 280px;
  display: flex; align-items: center;
  padding: 56px 40px; overflow: hidden;
}
.stock-hero-bg {
  position: absolute; inset: 0;
  background-image: url('http://chemanol.go-globe.dev/wp-content/uploads/2026/08/724976f1906b39e1e127f4eeea343a7653005216-1.jpg');
  background-size: cover; background-position: center; z-index: 0;
}
.stock-hero-bg::after { content: ''; position: absolute; inset: 0; background: rgba(15,87,164,0.82); }
.stock-hero-content { position: relative; z-index: 1; width: 100%; }
.stock-hero h1 { font-size: 42px; font-weight: 700; color: #fff; margin-bottom: 14px; line-height: 1.15; }
.stock-hero p  { font-size: 15px; color: rgba(255,255,255,0.88); max-width: 720px; line-height: 1.65; }

/* BREADCRUMB */
.stock-breadcrumb { padding: 14px 0; background: #fff; border-bottom: 1px solid #eef2f7; }
.stock-breadcrumb .container { display: flex; align-items: center; gap: 8px; }
.stock-breadcrumb a { font-size: 12px; color: #0F57A4; font-weight: 500; }
.stock-breadcrumb-sep { color: #aaa; font-size: 12px; }
.stock-breadcrumb-current { font-size: 12px; color: #888; }

/* BODY */
.stock-body { background: #fff; padding: 48px 0 80px; }

/* Section title */
.sec-title { font-size: 26px; font-weight: 400; color: #020A12; margin-bottom: 16px; line-height: 1.2; }
.sec-title-bold { font-size: 24px; font-weight: 700; color: #020A12; margin-bottom: 6px; }
.sec-subtitle { font-size: 14px; color: #555; margin-bottom: 16px; }
.section-gap { margin-bottom: 48px; }

/* Table wrapper */
.tbl-wrap { border-radius: 8px; overflow: hidden; border: 1px solid #e8e8e8; }

/* Main data table */
.s-table { width: 100%; border-collapse: collapse; }
.s-table thead tr { background: #D7D7D6; }
.s-table thead th { padding: 16px 20px; font-size: 14px; font-weight: 700; color: #020A12; text-align: left; }
.s-table thead th:last-child { text-align: right; }
.s-table thead th.center { text-align: center; }
.s-table tbody tr { background: #F7F7F7; border-bottom: 3px solid #fff; }
.s-table tbody tr:last-child { border-bottom: none; }
.s-table tbody td { padding: 16px 20px; font-size: 14px; color: #020A12; }
.s-table tbody td.label { color: #999; }
.s-table tbody td.val { text-align: right; }
.s-table tbody td.center { text-align: center; }

/* ROW 1 grid */
.stock-row1 { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; margin-bottom: 48px; align-items: start; }
.stock-right-col { display: flex; flex-direction: column; gap: 36px; }

/* Tab switcher — pill style */
.tabs-wrap { display: grid; grid-template-columns: 1fr 1fr; background: #E2EEFC; border-radius: 8px; padding: 5px; margin-bottom: 16px; }
.stock-tab-btn {
  padding: 12px 20px; font-size: 14px; font-weight: 500;
  text-align: center; cursor: pointer; border: none;
  font-family: inherit; border-radius: 6px;
  transition: all .15s; background: transparent; color: #0F57A4;
}
.stock-tab-btn.active {
  background: #fff; color: #020A12; font-weight: 500;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

/* Date pill */
.date-pill {
  background: #0F57A4; color: #fff;
  font-size: 14px; font-weight: 700;
  padding: 12px 20px; border-radius: 6px;
  margin-bottom: 16px; display: block; width: 100%;
}

/* Shareholders table */
.sh-tbl-wrap { border-radius: 8px; overflow: hidden; border: 1px solid #e8e8e8; overflow-x: auto; }
.sh-table { width: 100%; border-collapse: collapse; min-width: 700px; }
.sh-table thead tr { background: #D7D7D6; }
.sh-table thead th { padding: 14px 16px; font-size: 13px; font-weight: 700; color: #020A12; text-align: center; line-height: 1.3; }
.sh-table thead th:first-child { text-align: left; }
.sh-table tbody tr { background: #F7F7F7; border-bottom: 3px solid #fff; }
.sh-table tbody tr:last-child { border-bottom: none; }
.sh-table tbody td { padding: 14px 16px; font-size: 14px; color: #020A12; text-align: center; }
.sh-table tbody td:first-child { text-align: left; }

/* Tab content panels */
.stock-tab-panel { display: none; }
.stock-tab-panel.active { display: block; }

/* MOBILE */
@media (max-width: 1024px) {
  .stock-row1 { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 768px) {
  .stock-hero { padding: 36px 20px; min-height: 200px; }
  .stock-hero h1 { font-size: 28px; }
  .stock-hero p { font-size: 14px; }
  .stock-body { padding: 28px 0 56px; }
  .stock-row1 { gap: 28px; margin-bottom: 32px; }
  .sec-title { font-size: 20px; }
  .section-gap { margin-bottom: 32px; }
  .stock-tab-btn { font-size: 13px; padding: 10px 12px; }
  .s-table thead th, .s-table tbody td { padding: 12px 14px; font-size: 13px; }
}


.stock-live-bar { display:flex; align-items:center; gap:8px; margin-bottom:20px; font-size:13px; color:#666; }
.stock-live-dot { width:8px; height:8px; border-radius:50%; background:#28a745; animation:pulse 1.5s infinite; }
.stock-live-label { font-weight:600; color:#28a745; }
.stock-last-updated { color:#999; }
.stock-api-notice { background:#fff3cd; border:1px solid #ffc107; padding:12px 16px; border-radius:6px; margin-bottom:20px; font-size:14px; }
.stock-pos { color:#28a745; font-weight:500; }
.stock-neg { color:#dc3545; font-weight:500; }
.stock-date-sub { display:block; font-size:11px; color:#999; margin-top:2px; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.4} }