/*
 Theme Name: YourTheme Child
 Theme URI: https://example.com/
 Description: Child theme for YourTheme.
 Author: Michael
 Template: hestia
 Version: 1.0.0
*/
/*

/* ----------------------------------------------------------
   GLOBAL TYPOGRAPHY & COLORS
---------------------------------------------------------- */
body.single-asx_stock {
    background: #f5f7fb !important;
    font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
    color: #111827;
}

:root {
    --ltg-bg: #f5f7fb;
    --ltg-card-bg: #ffffff;
    --ltg-border: #e3e6ee;
    --ltg-text-dark: #111827;
    --ltg-text-muted: #6b7280;
    --ltg-gold: #F1B000;
    --ltg-blue: #0054A6;
    --ltg-radius: 14px;
    --ltg-shadow-soft: 0 4px 16px rgba(15, 23, 42, 0.06);
    --ltg-pad: 26px;
}

/* ----------------------------------------------------------
   GLOBAL PAGE WIDTH (1320px)
---------------------------------------------------------- */
.ltg-asx-wrap,
.ltg-section,
.ltg-hero,
.ltg-bottom-cta {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Ensure quick-links bar is wide too */
.ltg-quick-links {
    max-width: 1320px;
}

/* ----------------------------------------------------------
   HERO
---------------------------------------------------------- */
.ltg-hero-title {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 4px;
}

.ltg-hero-meta {
    font-size: 13px;
    color: var(--ltg-text-muted);
}

/* QUICK LINKS */
.ltg-quick-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.ltg-chip-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    font-size: 13px;
    color: var(--ltg-text-muted);
    text-decoration: none !important;
    transition: 0.15s;
}

.ltg-chip-link:hover {
    border-color: var(--ltg-gold);
    color: var(--ltg-text-dark);
}

/* ----------------------------------------------------------
   GENERIC CARD SECTION
---------------------------------------------------------- */
.ltg-section {
    background: var(--ltg-card-bg);
    padding: 24px 32px;
    border-radius: var(--ltg-radius);
    border: 1px solid var(--ltg-border);
    box-shadow: var(--ltg-shadow-soft);
    margin-bottom: 26px !important;
}

/* Section Headers with Icons */
.ltg-section-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eceff3;
    margin-bottom: 20px;
}

.ltg-section-icon {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 2px solid var(--ltg-gold);
    background: #fff7e5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}

.ltg-section-title {
    font-size: 22px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
}

.ltg-section-title small {
    font-size: 12px;
    font-weight: 500;
    color: var(--ltg-text-muted);
}


/* DataTables – control table font size */
/* Force Super Scan label size */
.filter strong#superScanLabel {
  font-size: 20px !important;
}

/* Industry + Sector dropdown text */
#industryFilter,
#sectorFilter {
  font-size: 16px;
}

/* Filter panel headings */
.filter h3 {
  font-size: 20px;
  margin-bottom: 8px;
}

/* Slider value labels */
#priceLabel,
#intrinsicLabel,
#yieldLabel {
  font-size: 18px;
  color: var(--muted);
}

table.dataTable {
  font-size: 52px;
}

table.dataTable thead th {
  font-size: 14px;
}

table.dataTable tbody td {
  font-size: 14px;
}
table.dataTable tbody td {
  font-size: 20px !important;
}

/* ----------------------------------------------------------
   CTA BUTTON STYLES
---------------------------------------------------------- */
.ltg-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    cursor: pointer;
    transition: 0.15s ease-in-out;
    border: none;
}

.ltg-btn-gold {
    background: var(--ltg-gold);
    color: #111827 !important;
    box-shadow: 0 4px 14px rgba(241, 176, 0, 0.4);
}

.ltg-btn-gold:hover {
    filter: brightness(1.05);
}

.ltg-btn-outline {
    background: #ffffff;
    color: var(--ltg-blue) !important;
    border: 1px solid var(--ltg-blue);
    box-shadow: 0 2px 10px rgba(15,23,42,0.08);
}

.ltg-btn-outline:hover {
    background: #eff6ff;
}

/* ----------------------------------------------------------
   CTA COMPONENTS
---------------------------------------------------------- */
.ltg-top-cta,
.ltg-mid-cta {
    padding: 12px 0;
}

.ltg-top-cta-text h2 {
    margin: 0 0 6px;
    font-size: 20px;
}

.ltg-top-cta-text p {
    margin: 0;
    font-size: 14px;
    color: var(--ltg-text-muted);
}

.ltg-mid-cta-main h3 {
    margin: 0 0 6px;
    font-size: 20px;
}

.ltg-mid-cta-main p {
    margin: 0;
    font-size: 14px;
    color: var(--ltg-text-muted);
}

.ltg-mid-cta-badges div {
    font-size: 13px;
    color: var(--ltg-text-muted);
}

/* ----------------------------------------------------------
   ANNOUNCEMENT & NEWS CARDS
---------------------------------------------------------- */
.ltg-ann-card,
.ltg-news-card {
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid var(--ltg-border);
    padding: 16px 18px;
    margin-bottom: 12px;
    box-shadow: 0 2px 10px rgba(15,23,42,0.04);
    transition: 0.2s;
}

.ltg-ann-card:hover,
.ltg-news-card:hover {
    box-shadow: 0 4px 14px rgba(15,23,42,0.1);
}

.ltg-news-title,
.ltg-ann-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 4px;
}

/* ----------------------------------------------------------
   PEERS TAGS
---------------------------------------------------------- */
.ltg-peers {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ltg-peers span,
.ltg-peers a {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    font-size: 13px;
    color: #374151;
    text-decoration: none !important;
}

/* ----------------------------------------------------------
   BOTTOM CTA BLOCK
---------------------------------------------------------- */
.ltg-bottom-cta {
    text-align: center;
    padding: 32px 0 !important;
    background: linear-gradient(180deg, #ffffff, #fff7e3);
    border-radius: var(--ltg-radius);
}

.ltg-bottom-cta h3 {
    margin: 0 0 10px;
    font-size: 20px;
}

.ltg-bottom-cta p {
    margin: 0 0 14px;
    font-size: 14px;
    color: var(--ltg-text-muted);
}

/* ----------------------------------------------------------
   RESPONSIVE
---------------------------------------------------------- */
@media (max-width: 900px) {
    .ltg-asx-wrap {
        margin-top: 30px;
    }
    .ltg-hero-title {
        font-size: 26px;
    }
    .ltg-section {
        padding: 20px;
    }
}


/* Fix sticky header overlap for ASX Stock pages */
body.single-asx_stock .ltg-asx-wrap {
    padding-top: 40px;   /* adjust between 30–60px if needed */
}