/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/


/* ═══════════════════════════════════════════════
   CHIEF — BRAND COLOR VARIABLES
   ═══════════════════════════════════════════════ */
:root {
    /* Primary */
    --forest: #1A6B00;
    --sage: #4A7C3F;
    --mint: #D6E8D0;
    --mint-light: #EDF5EA;

    /* Neutrals */
    --charcoal: #1C1C1E;
    --slate: #3A3A3C;
    --ash: #636366;
    --warm-gray: #8E8E93;

    /* Backgrounds */
    --cloud: #FAFAFA;
    --mist: #F2F2F7;
    --white: #FFFFFF;

    /* Accents */
    --gold: #B8860B;
    --coral: #C45C3B;
}

/* ═══════════════════════════════════════════════
   COMPANY PAGE LAYOUT
   ═══════════════════════════════════════════════ */

.cc-company-info {
    margin-top: 26px;
}

.cc-company-container {
    max-width: 1100px;
    margin: auto;
    padding: 0px;
}

.cc-company-header {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 30px;
}

/* Company name — Charcoal on light background */
.cc-company-header h1,
.cc-company-header h2 {
    color: var(--charcoal);
}

.cc-company-logo img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

/* Ticker + ISIN code — Ash for muted metadata */
.cc-company-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--ash);
    font-size: 24px;
    margin-top: 9px;
}

.cc-meta-value {
    opacity: 1;
    font-weight: 600;
    color: var(--slate);
}

/* ═══════════════════════════════════════════════
   CARDS — Glassmorphic on Cloud background
   ═══════════════════════════════════════════════ */

.cc-card {
    position: relative;
    height: auto;
    background: rgba(255, 255, 255, 0.72) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    padding: 40px;
    margin-bottom: 30px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06);
}

/* Card headings — Charcoal */
.cc-card h2,
.cc-card h3 {
    color: var(--charcoal);
}

/* Card body text — Slate */
.cc-card p,
.cc-card span {
    color: var(--slate);
}

/* Subtitle under card headers — Ash */
.cc-header-subtitle {
    margin-top: 5px;
    margin-bottom: 10px;
    color: var(--ash);
}

/* ═══════════════════════════════════════════════
   CHART SIZING
   ═══════════════════════════════════════════════ */

.cc-card canvas {
    width: 100% !important;
    height: 420px !important;
    max-height: 420px !important;
    margin-bottom: 54px;
}

@media (max-width: 768px) {
    .cc-card canvas {
        height: 320px !important;
        max-height: 320px !important;
    }
}

/* ═══════════════════════════════════════════════
   TABS — Shared layout
   ═══════════════════════════════════════════════ */

.cc-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 38px;
    flex-wrap: wrap;
    margin-top: 26px;
}

.cc-tabs button:not(.cc-q-btn) {
    margin-right: 10px;
    padding: 8px 14px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}


[dir="rtl"] .cc-tabs button:not(.cc-q-btn) {
  margin-right: -20px !important;
  margin-left: 10px !important;
}


/* ── Fundamentals buttons ── */
.tab-btn-fundamentals {
    padding: 8px 14px !important;
    border-radius: 6px !important;
    background: var(--charcoal) !important;
    color: var(--white) !important;
    cursor: pointer;
    border: none;
    transition: background 0.2s ease;
}

.tab-btn-fundamentals:hover {
    background: var(--slate) !important;
}

.tab-btn-fundamentals.active {
    background: var(--forest) !important;
    color: var(--white) !important;
}

/* ── Returns buttons ── */
.tab-btn-returns {
    padding: 8px 14px !important;
    border-radius: 6px !important;
    background: var(--charcoal) !important;
    color: var(--white) !important;
    cursor: pointer;
    border: none;
    transition: background 0.2s ease;
}

.tab-btn-returns:hover {
    background: var(--slate) !important;
}

.tab-btn-returns.active {
    background: var(--forest) !important;
    color: var(--white) !important;
}

/* ── Multiples buttons ── */
.tab-btn-multiples {
    padding: 8px 14px !important;
    border-radius: 6px !important;
    background: var(--charcoal) !important;
    color: var(--white) !important;
    cursor: pointer;
    border: none;
    transition: background 0.2s ease;
}

.tab-btn-multiples:hover {
    background: var(--slate) !important;
}

.tab-btn-multiples.active {
    background: var(--forest) !important;
    color: var(--white) !important;
}

/* ── Industry buttons ── */
.tab-btn-industry {
    padding: 8px 14px !important;
    border-radius: 6px !important;
    background: var(--charcoal) !important;
    color: var(--white) !important;
    cursor: pointer;
    border: none;
    transition: background 0.2s ease;
}

.tab-btn-industry:hover {
    background: var(--slate) !important;
}

.tab-btn-industry.active {
    background: #B8860B !important;
    color: var(--white) !important;
}

/* ═══════════════════════════════════════════════
   TAB CONTENT — Show/hide
   ═══════════════════════════════════════════════ */

.cc-fundamentals { display: none; }
.cc-fundamentals.active { display: block; }

.cc-returns { display: none; border: none; }
.cc-returns.active { display: block; }

.cc-multiples { display: none; border: none; }
.cc-multiples.active { display: block; }

.cc-industry { display: none; border: none; }
.cc-industry.active { display: block; }

/* ═══════════════════════════════════════════════
   DATA TABLE — Light theme
   ═══════════════════════════════════════════════ */

.cc-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'DM Mono', monospace;
    font-size: 12px;
    letter-spacing: 0.04em;
    margin-top: 16px;
}

.cc-table th {
    text-align: center;
    padding: 6px 12px;
    color: var(--forest);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
    background: var(--mint-light);
}

.cc-table td {
    text-align: center;
    padding: 5px 12px;
    color: var(--slate);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    font-variant-numeric: tabular-nums;
}

.cc-table tr:first-child td {
    padding-top: 8px;
}

.cc-table tr:last-child td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.cc-table tr:hover td {
    background: var(--mint-light);
    color: var(--charcoal);
}

.cc-table td:last-child {
    text-align: center;
    color: var(--charcoal);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.cc-table th:last-child {
    text-align: center;
}

.cc-table:empty {
    display: none;
    border: none;
}

/* ═══════════════════════════════════════════════
   IMAGE HOVER EFFECTS
   ═══════════════════════════════════════════════ */

.wp-block-image.is-style-rounded {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.wp-block-image.is-style-rounded:hover {
    transform: scale(1.1);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.wp-block-image.is-style-rounded img {
    transition: transform 0.3s ease;
}

.wp-block-image.is-style-rounded:hover img {
    transform: scale(1.05);
}

.wp-block-image.is-style-rounded:hover .wp-element-caption {
    color: var(--forest);
}

/* ═══════════════════════════════════════════════
   IFRAMES (Google Charts) — Centered
   ═══════════════════════════════════════════════ */

iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

iframe[src*="docs.google.com/spreadsheets"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-html {
    text-align: center;
}

.wp-block-html iframe {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* ═══════════════════════════════════════════════
   SUB MENU
   ═══════════════════════════════════════════════ */

.sub-menu {
    width: max-content !important;
    min-width: 180px;
}

.sub-menu a {
    padding: 10px 15px;
}

/* ═══════════════════════════════════════════════
   SEARCH BAR
   ═══════════════════════════════════════════════ */

#is-search-input-497 {
    width: 100%;
    max-width: 1120px;
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(12px);
    border-radius: 54px !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    padding: 16px 20px !important;
    font-size: 17px !important;
    color: var(--charcoal) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}

#is-search-input-497::placeholder {
    color: var(--warm-gray) !important;
}

.is-search-icon {
    background: var(--forest) !important;
    border-radius: 14px !important;
    border: none !important;
    padding: 8px 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.is-search-icon:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2) !important;
}

/* Autocomplete dropdown */
.is-ajax-search-result {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    background: rgba(255, 255, 255, 0) !important;
    backdrop-filter: blur(0px) !important;
    border-radius: 55px !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.is-ajax-search-posts a {
    font-weight: 600 !important;
    font-size: 13px !important;
    color: var(--charcoal) !important;
}

.is-ajax-search-post {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 50px !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
}

/* ═══════════════════════════════════════════════
   FINANCIAL STATEMENTS DOWNLOAD SECTION
   ═══════════════════════════════════════════════ */

.download-statements {
    margin-top: 52px !important;
}

.download-statements h2 {
    color: var(--charcoal) !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    margin: 0 0 20px 0 !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.year-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    row-gap: 10px !important;
    align-items: center !important;
    margin-top: 20px !important;
}

.year-btn {
    display: inline-block !important;
    background: var(--mist) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 999px !important;
    padding: 8px 22px !important;
    color: var(--charcoal) !important;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.08em;
    transition: all 0.2s ease;
}

a.year-btn:hover {
    background: var(--mint-light) !important;
    border-color: var(--forest) !important;
    color: var(--forest) !important;
    text-decoration: none !important;
}

/* ═══════════════════════════════════════════════
   CONTENT GATING — UNIFIED DESIGN SYSTEM
   Two tiers: Explorer (green) & Investor (gold)
   ═══════════════════════════════════════════════ */

/* Wrapper */
.cc-locked-wrapper {
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    min-height: 380px !important;
}

/* Blurred content behind overlay */
.cc-locked-blur {
    -webkit-filter: blur(6px) !important;
    filter: blur(6px) !important;
    opacity: 0.35 !important;
    pointer-events: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}

/* Frosted overlay — light, inviting, not blocking */
.cc-locked-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    background: rgba(250, 250, 250, 0.75) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}

/* ── Shared card base ─────────────────────────── */
.cc-locked-card {
    background: #FFFFFF !important;
    border-radius: 14px !important;
    padding: 32px 36px !important;
    text-align: center !important;
    max-width: 640px !important;
    width: 90% !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

.cc-locked-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 14px !important;
}

.cc-locked-icon svg {
    width: 18px !important;
    height: 18px !important;
}

.cc-locked-card h3 {
    font-family: 'DM Serif Display', Georgia, serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #1C1C1E !important;
    margin-bottom: 8px !important;
    letter-spacing: -0.01em !important;
}

.cc-locked-card p {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    color: #636366 !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
}

.cc-locked-cta {
    display: block !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    margin-bottom: 12px !important;
    transition: opacity 0.2s ease !important;
}

.cc-locked-cta:hover {
    opacity: 0.88 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.cc-locked-login {
    font-family: 'DM Mono', monospace !important;
    font-size: 11px !important;
    color: #8E8E93 !important;
}

.cc-locked-login a {
    color: #1A6B00 !important;
    text-decoration: none !important;
}

.cc-locked-login a:hover {
    text-decoration: underline !important;
}

/* ── Explorer tier (green) ────────────────────── */
.cc-locked-card.cc-tier-explorer {
    border: 1px solid #D6E8D0 !important;
}

.cc-tier-explorer .cc-locked-icon {
    background: #EDF5EA !important;
    border: 1px solid #D6E8D0 !important;
}

.cc-tier-explorer .cc-locked-icon svg {
    color: #1A6B00 !important;
    stroke: #1A6B00 !important;
}

.cc-tier-explorer .cc-locked-cta {
    background: #1A6B00 !important;
}

/* ── Investor tier (gold) ─────────────────────── */
.cc-locked-card.cc-tier-investor {
    border: 1px solid rgba(184, 134, 11, 0.2) !important;
}

.cc-tier-investor .cc-locked-icon {
    background: rgba(184, 134, 11, 0.08) !important;
    border: 1px solid rgba(184, 134, 11, 0.2) !important;
}

.cc-tier-investor .cc-locked-icon svg {
    color: #B8860B !important;
    stroke: #B8860B !important;
}

.cc-tier-investor .cc-locked-cta {
    background: #B8860B !important;
}


/* ═══════════════════════════════════════════════
   PRO BUTTON
   ═══════════════════════════════════════════════ */

.cc-pro-btn {
    background: var(--charcoal);
    color: var(--white);
    padding: 10px 18px;
    border-radius: 6px;
}

.cc-statements {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}


/* ═══════════════════════════════════════════════
   CHIEF FOOTER
   ═══════════════════════════════════════════════ */

.chief-footer *,.chief-footer *::before,.chief-footer *::after{box-sizing:border-box;margin:0;padding:0}

.chief-footer{
  background:#1C1C1E;
  font-family:'DM Sans',sans-serif;
  color:#8E8E93;
  padding:64px 0 0;
  position:relative;
  overflow:hidden;
}

.chief-footer::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(26,107,0,0.4),rgba(214,232,208,0.2),transparent);
}

.chief-footer-inner{
  max-width:1100px;margin:0 auto;padding:0 64px;
}

.chief-footer-top{
  display:grid;
  grid-template-columns:1.8fr 1fr 1fr 1fr;
  gap:48px;
  padding-bottom:48px;
  border-bottom:1px solid rgba(255,255,255,0.07);
}

.chief-footer-logo{
  font-family:'DM Serif Display',Georgia,serif;
  font-size:24px;
  color:#FAFAFA;
  letter-spacing:-0.01em;
  margin-bottom:10px;
  display:inline-block;
  text-decoration:none;
}
.chief-footer-logo span{color:#1A6B00}

.chief-footer-tagline{
  font-size:13px;color:#4A7C3F;
  font-style:italic;margin-bottom:16px;
  line-height:1.5;
}

.chief-footer-desc{
  font-size:13px;color:#636366;
  line-height:1.7;max-width:260px;margin-bottom:24px;
}

.chief-footer-socials{display:flex;gap:10px}

.chief-footer-social{
  width:34px;height:34px;border-radius:8px;
  border:1px solid rgba(255,255,255,0.08);
  display:flex;align-items:center;justify-content:center;
  transition:border-color 0.2s,background 0.2s;
  text-decoration:none;
}
.chief-footer-social:hover{border-color:rgba(26,107,0,0.5);background:rgba(26,107,0,0.08)}

.chief-footer-social svg{
  width:15px;height:15px;
  stroke:#636366;fill:none;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  transition:stroke 0.2s;
}
.chief-footer-social:hover svg{stroke:#4A7C3F}

.chief-footer-col-title{
  font-family:'DM Mono',monospace;
  font-size:10px;letter-spacing:0.16em;text-transform:uppercase;
  color:#4A7C3F;margin-bottom:18px;
}

.chief-footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}

.chief-footer-links a{
  font-size:13px;color:#636366;text-decoration:none;
  transition:color 0.2s;line-height:1.4;
  display:inline-flex;align-items:center;gap:6px;
}
.chief-footer-links a:hover{color:#FAFAFA}

.chief-footer-links .chief-fl-live{
  display:inline-block;width:5px;height:5px;border-radius:50%;
  background:#1A6B00;flex-shrink:0;
  animation:chiefFooterPulse 2s ease-in-out infinite;
}

@keyframes chiefFooterPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(26,107,0,0.5)}
  50%{box-shadow:0 0 0 4px rgba(26,107,0,0)}
}

.chief-footer-bottom{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 0;gap:16px;flex-wrap:wrap;
}

.chief-footer-copy{
  font-family:'DM Mono',monospace;
  font-size:11px;letter-spacing:0.06em;color:#8E8E93;
}
.chief-footer-copy a{color:#8E8E93;text-decoration:none;transition:color 0.2s}
.chief-footer-copy a:hover{color:#FAFAFA}

.chief-footer-legal{display:flex;gap:20px}

.chief-footer-legal a{
  font-family:'DM Mono',monospace;
  font-size:10px;letter-spacing:0.08em;
  color:#8E8E93 !important;text-decoration:none;transition:color 0.2s;
}
.chief-footer-legal a:hover{color:#FAFAFA !important}

.chief-footer-disclaimer{
  width:100%;
  font-family:'DM Mono',monospace;
  font-size:10px;letter-spacing:0.04em;
  color:#636366;line-height:1.7;
  padding-bottom:24px;
}

@media(max-width:900px){
  .chief-footer-top{grid-template-columns:1fr 1fr;gap:32px}
}

@media(max-width:600px){
  .chief-footer-inner{padding:0 24px}
  .chief-footer{padding:48px 0 0}
  .chief-footer-top{grid-template-columns:1fr;gap:28px}
  .chief-footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}
  .chief-footer-desc{max-width:100%}
}

/* ═══════════════════════════════════════════════
   FIX: Kill Astra's flex sidebar layout
   ═══════════════════════════════════════════════ */

.ast-container {
    display: block !important;
}

/* ═══════════════════════════════════════════════
   "?" buttons — outlined, brand-aligned (English)
   ═══════════════════════════════════════════════ */

.cc-metric-unit {
  display: inline-flex !important;
  align-items: stretch !important;
	gap: 0 !important;
}

.cc-metric-unit .tab-btn-fundamentals,
.cc-metric-unit .tab-btn-returns,
.cc-metric-unit .tab-btn-multiples,
.cc-metric-unit .tab-btn-industry {
  margin-right: 2px !important;
}

.cc-q-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 9px !important;
  background: transparent !important;
  border: 1.5px solid var(--mint) !important;
  border-radius: 0 8px 8px 0 !important;
  color: #636366 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  font-family: 'DM Sans', sans-serif !important;
  min-width: 28px !important;
  line-height: 1 !important;
  transition: all 0.2s ease !important;
}

.cc-q-btn:hover {
  border-color: var(--sage) !important;
  color: var(--forest) !important;
  background: var(--mint-light) !important;
}

.cc-q-btn.cc-q-active {
  border-color: var(--forest) !important;
  background: var(--mint-light) !important;
  color: var(--forest) !important;
}

/* ═══════════════════════════════════════════════
   "?" buttons — outlined, brand-aligned (English)
   ═══════════════════════════════════════════════ */

.cc-metric-unit {
  display: inline-flex !important;
  align-items: stretch !important;
}

.cc-q-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 9px !important;
  background: transparent !important;
  border: 1.5px solid var(--mint) !important;
  border-radius: 0 8px 8px 0 !important;
  color: #636366 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  font-family: 'DM Sans', sans-serif !important;
  min-width: 28px !important;
  line-height: 1 !important;
  transition: all 0.2s ease !important;
}

.cc-q-btn:hover {
  border-color: var(--sage) !important;
  color: var(--forest) !important;
  background: var(--mint-light) !important;
}

.cc-q-btn.cc-q-active {
  border-color: var(--forest) !important;
  background: var(--mint-light) !important;
  color: var(--forest) !important;
}

/* ═══════════════════════════════════════════════
   RTL — Arabic: ? buttons joined on left side
   ═══════════════════════════════════════════════ */

[dir="rtl"] .cc-metric-unit {
  align-items: stretch !important;
  gap: 0 !important;
}

[dir="rtl"] .cc-metric-unit .cc-q-btn {
  width: auto !important;
  height: auto !important;
  padding: 0 9px !important;
  min-width: 28px !important;
  border-radius: 8px 0 0 8px !important;
  background: transparent !important;
  border: 1.5px solid var(--mint) !important;
  border-right: none !important;
  color: #636366 !important;
}

[dir="rtl"] .cc-metric-unit .cc-q-btn:hover {
  border-color: var(--sage) !important;
  color: var(--forest) !important;
  background: var(--mint-light) !important;
}

[dir="rtl"] .cc-metric-unit .cc-q-btn.cc-q-active {
  border-color: var(--forest) !important;
  background: var(--mint-light) !important;
  color: var(--forest) !important;
  border-right: none !important;
}

[dir="rtl"] .cc-metric-unit .tab-btn-fundamentals,
[dir="rtl"] .cc-metric-unit .tab-btn-returns,
[dir="rtl"] .cc-metric-unit .tab-btn-multiples,
[dir="rtl"] .cc-metric-unit .tab-btn-industry {
  border-radius: 0 8px 8px 0 !important;
}

[dir="rtl"] .cc-tabs button:not(.cc-q-btn) {
  margin-right: 0 !important;
  margin-left: 10px !important;
	margin-left: 2px !important;
}



/* ═══════════════════════════════════════════════
   Export Financials Button
   ═══════════════════════════════════════════════ */

/* ── Export Financials Button (Astra overrides) ───── */
.cc-export-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 20px !important;
    background: #1A6B00 !important;
    border: 1.5px solid #1A6B00 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 200ms ease !important;
    white-space: nowrap !important;
    margin-left: auto !important;
    box-shadow: none !important;
    line-height: 1 !important;
}

.cc-export-btn:hover {
    background: #4A7C3F !important;
    border-color: #4A7C3F !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(26, 107, 0, 0.2) !important;
}

.cc-export-btn:active {
    transform: translateY(0);
}

.cc-export-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

.cc-export-btn svg.cc-export-icon {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    color: #FFFFFF !important;
    display: inline-block !important;
}

.cc-export-btn .cc-export-label {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #FFFFFF !important;
    letter-spacing: 0.2px !important;
}

.cc-export-btn .cc-export-format {
    font-family: 'DM Mono', monospace !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #FFFFFF !important;
    background: rgba(255, 255, 255, 0.2) !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    line-height: 1 !important;
}

/* ═══════════════════════════════════════════════
   Hover box for export button
   ═══════════════════════════════════════════════ */

/* ── Export Button: Locked State ───────────────────── */
.cc-export-btn.cc-export-locked {
    background: rgba(184, 134, 11, 0.75) !important;   
    border-color: rgba(184, 134, 11, 0.75) !important;    
    cursor: default !important;
}

.cc-export-btn.cc-export-locked:hover {
    background: #B8860B !important;        
    border-color: #B8860B !important;      
    transform: none !important;
    box-shadow: none !important;
}

.cc-export-lock-icon {
    display: inline-flex !important;
    align-items: center !important;
}

.cc-export-lock-icon svg {
    width: 14px !important;
    height: 14px !important;
    color: #FFFFFF !important;
    opacity: 0.8;
}

/* ── Export Tooltip ─────────────────────────────────── */
.cc-export-tooltip {
    position: absolute !important;
    top: 70px !important;
    right: 0 !important;
    width: 280px !important;
    max-width: 280px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-4px) !important;
    transition: all 200ms ease !important;
    z-index: 100 !important;
    pointer-events: none !important;
    text-align: left !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

.cc-export-tooltip-visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

.cc-export-tooltip strong {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1C1C1E !important;
    display: block !important;
    margin-bottom: 6px !important;
}

.cc-export-tooltip p {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #636366 !important;.cc-export-tooltip-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: rgba(184, 134, 11, 0.08) !important;
    border: 1px solid rgba(184, 134, 11, 0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 10px !important;
}
    line-height: 1.5 !important;
    margin: 0 0 12px 0 !important;
}

.cc-export-tooltip-cta {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #1A6B00 !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.cc-export-tooltip-cta:hover {
    text-decoration: underline !important;
}



/* ═══════════════════════════════════════════════
   CHART / TABLE VIEW TOGGLE
   ═══════════════════════════════════════════════ */

.cc-view-toggle {
    display: inline-flex;
    align-items: center;
    background: var(--mist);
    border-radius: 8px;
    padding: 3px;
    gap: 2px;
}

.cc-view-toggle button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border: none;
    border-radius: 6px;
    font-size: 12px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    color: var(--ash);
    background: transparent;
    cursor: pointer;
    transition: all 0.2s ease;
    letter-spacing: 0.01em;
    line-height: 1;
}

.cc-view-toggle button.active {
    font-weight: 600;
    color: var(--charcoal);
    background: var(--white);
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

.cc-view-toggle button svg {
    stroke: var(--ash);
    transition: stroke 0.2s ease;
}

.cc-view-toggle button.active svg {
    stroke: var(--forest);
}

/* Header row — title + toggle side by side */
.cc-card-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.cc-card-header-row h2 {
    margin-bottom: 0 !important;
}

/* Hide chart or table based on active view */
.cc-card[data-view="table"] canvas {
    display: none !important;
}

.cc-card[data-view="chart"] .cc-table {
    display: none !important;
}




/* ═══════════════════════════════════════════════
   CHIEF CAPITAL — SECTOR COMPARE ON TOGGLE BUTTON
   Append to child theme style.css
   ═══════════════════════════════════════════════ */

/* ── Floating compare button ─────────────────── */
.cc-compare-float {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 9px 14px 9px 12px !important;
    border: 1px solid var(--gold, #B8860B) !important;
    border-radius: 8px !important;
    background: var(--gold, #B8860B) !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    font-family: 'DM Sans', sans-serif !important;
    cursor: pointer !important;
    animation: ccCompareFloat 2.4s ease-in-out infinite;
    box-shadow: 0 3px 10px rgba(184, 134, 11, 0.28) !important;
    transition: box-shadow 200ms ease, background 200ms ease !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.cc-compare-float:hover {
    animation-play-state: paused;
    background: #A07708 !important;
    border-color: #A07708 !important;
    box-shadow: 0 5px 16px rgba(184, 134, 11, 0.4) !important;
    color: #FFFFFF !important;
}

.cc-compare-float:focus-visible {
    animation-play-state: paused;
    outline: 2px solid var(--gold, #B8860B) !important;
    outline-offset: 3px !important;
}

cc-compare-float:active {
    transform: translateY(0) !important;
    animation-play-state: paused;
}

.cc-compare-lock-svg {
    flex-shrink: 0;
}

.cc-compare-label {
    letter-spacing: 0.01em;
}

.cc-compare-badge {
    font-family: 'DM Mono', monospace !important;
    font-size: 9px !important;
    letter-spacing: 0.1em !important;
    background: rgba(255, 255, 255, 0.22) !important;
    color: #FFFFFF !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    margin-left: 2px !important;
}

@keyframes ccCompareFloat {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-3px); }
}

@media (prefers-reduced-motion: reduce) {
    .cc-compare-float { animation: none !important; }
}

/* Wrapper when we have to inject the button above the tabs */
.cc-compare-wrap {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}

/* Mobile: drop the PRO badge, keep lock icon + label. Gold color alone signals premium. */
@media (max-width: 480px) {
    .cc-compare-badge { display: none !important; }
    .cc-compare-float { font-size: 11px !important; padding: 8px 12px 8px 10px !important; }
}

/* ═══════════════════════════════════════════════
   SECTOR COMPARISON MODAL
   ═══════════════════════════════════════════════ */

.cc-sector-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(28, 28, 30, 0.55) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 9999 !important;
    padding: 20px !important;
    opacity: 0;
    transition: opacity 200ms ease;
}

.cc-sector-overlay.cc-sector-overlay-visible {
    opacity: 1;
}

.cc-sector-modal {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    width: 100% !important;
    max-width: 820px !important;
    max-height: 92vh !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(184, 134, 11, 0.22) !important;
    transform: scale(0.96);
    transition: transform 200ms ease;
}

.cc-sector-overlay-visible .cc-sector-modal {
    transform: scale(1);
}

.cc-sector-modal-header {
    padding: 18px 22px !important;
    border-bottom: 0.5px solid #F2F2F7 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    flex-shrink: 0 !important;
}

.cc-sector-modal-title {
    font-family: 'DM Serif Display', Georgia, serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    color: var(--charcoal, #1C1C1E) !important;
    letter-spacing: -0.01em !important;
    line-height: 1.2 !important;
}

.cc-sector-modal-meta {
    font-family: 'DM Mono', monospace !important;
    font-size: 11px !important;
    color: var(--ash, #636366) !important;
    margin-top: 4px !important;
    letter-spacing: 0.02em !important;
}

.cc-sector-badge {
    display: inline-block !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
    margin-right: 6px !important;
    font-weight: 500 !important;
}

.cc-sector-badge-investor {
    background: rgba(184, 134, 11, 0.08) !important;
    border: 1px solid rgba(184, 134, 11, 0.25) !important;
    color: var(--gold, #B8860B) !important;
}

.cc-sector-close {
    background: transparent !important;
    border: 0.5px solid #F2F2F7 !important;
    border-radius: 8px !important;
    width: 32px !important;
    height: 32px !important;
    cursor: pointer !important;
    color: var(--ash, #636366) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    transition: background 200ms ease, border-color 200ms ease !important;
}

.cc-sector-close:hover {
    background: #F2F2F7 !important;
    border-color: #D6E8D0 !important;
}

.cc-sector-modal-body {
    padding: 20px 22px 22px !important;
    overflow-y: auto !important;
    flex: 1 1 auto !important;
}

/* ═══════════════════════════════════════════════
   CHART + LEGEND (Investor full view)
   ═══════════════════════════════════════════════ */

.cc-sector-chart-wrap {
    position: relative !important;
    width: 100% !important;
    height: 360px !important;
}

.cc-sector-chart-wrap-preview {
    height: 260px !important;
}

@media (max-width: 600px) {
    .cc-sector-chart-wrap { height: 300px !important; }
    .cc-sector-chart-wrap-preview { height: 220px !important; }
}

.cc-sector-chart-wrap canvas {
    width: 100% !important;
    height: 100% !important;
}

.cc-sector-legend {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
}

.cc-sector-legend-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 10px !important;
    background: var(--mist, #F2F2F7) !important;
    border: 0.5px solid transparent !important;
    border-radius: 6px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    color: var(--slate, #3A3A3C) !important;
    cursor: pointer !important;
    transition: opacity 200ms ease, background 200ms ease !important;
}

.cc-sector-legend-item:hover {
    background: var(--mint-light, #EDF5EA) !important;
    border-color: var(--mint, #D6E8D0) !important;
}

.cc-sector-legend-item-hidden {
    opacity: 0.4 !important;
    text-decoration: line-through !important;
}

.cc-sector-legend-swatch {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 2px !important;
    flex-shrink: 0 !important;
}

.cc-sector-note {
    margin-top: 14px !important;
    padding: 12px 14px !important;
    background: var(--mint-light, #EDF5EA) !important;
    border: 0.5px solid var(--mint, #D6E8D0) !important;
    border-radius: 8px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    color: var(--slate, #3A3A3C) !important;
    line-height: 1.55 !important;
}

.cc-sector-note strong {
    font-weight: 500 !important;
    color: var(--forest, #1A6B00) !important;
}

.cc-sector-error {
    padding: 40px 20px !important;
    text-align: center !important;
    color: var(--ash, #636366) !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
}

/* ═══════════════════════════════════════════════
   LOCKED PREVIEW (Explorer / logged-out)
   ═══════════════════════════════════════════════ */

.cc-sector-preview-wrap {
    position: relative !important;
    min-height: 320px !important;
}

.cc-sector-preview-blur {
    filter: blur(4px) !important;
    -webkit-filter: blur(4px) !important;
    opacity: 0.55 !important;
    pointer-events: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}


.cc-sector-upgrade-card {
    position: absolute !important;
    top: auto !important;
    bottom: 16px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 88% !important;
    max-width: 400px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(184, 134, 11, 0.25) !important;
    border-radius: 14px !important;
    padding: 22px 28px !important;
    text-align: center !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12) !important;
    z-index: 5 !important;
}



.cc-sector-upgrade-icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background: rgba(184, 134, 11, 0.08) !important;
    border: 1px solid rgba(184, 134, 11, 0.25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 14px !important;
    color: var(--gold, #B8860B) !important;
}

.cc-sector-upgrade-title {
    font-family: 'DM Serif Display', Georgia, serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    color: var(--charcoal, #1C1C1E) !important;
    margin: 0 0 6px 0 !important;
    letter-spacing: -0.01em !important;
}

.cc-sector-upgrade-desc {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    color: var(--ash, #636366) !important;
    line-height: 1.55 !important;
    margin: 0 0 18px 0 !important;
}

.cc-sector-upgrade-cta {
    display: block !important;
    padding: 11px 22px !important;
    border-radius: 8px !important;
    background: var(--gold, #B8860B) !important;
    color: #FFFFFF !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    margin-bottom: 10px !important;
    transition: opacity 200ms ease !important;
}

.cc-sector-upgrade-cta:hover {
    opacity: 0.88 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.cc-sector-upgrade-login {
    font-family: 'DM Mono', monospace !important;
    font-size: 11px !important;
    color: var(--warm-gray, #8E8E93) !important;
}

.cc-sector-upgrade-login a {
    color: var(--forest, #1A6B00) !important;
    text-decoration: none !important;
}

.cc-sector-upgrade-login a:hover {
    text-decoration: underline !important;
}

/* ═══════════════════════════════════════════════
   RTL support (Arabic)
   ═══════════════════════════════════════════════ */

[dir="rtl"] .cc-sector-badge {
    margin-right: 0 !important;
    margin-left: 6px !important;
}

[dir="rtl"] .cc-compare-badge {
    margin-left: 0 !important;
    margin-right: 2px !important;
}

[dir="rtl"] .cc-sector-note strong,
[dir="rtl"] .cc-sector-upgrade-title {
    direction: rtl;
}



/* ═══════════════════════════════════════════════
   FIX: Force white text on compare button children
   Astra's .cc-card p/span rules were winning over
   .cc-compare-float's color rule on child elements.
   ═══════════════════════════════════════════════ */

.cc-compare-float,
.cc-compare-float *,
.cc-compare-float .cc-compare-label,
.cc-compare-float .cc-compare-badge,
button.cc-compare-float {
    color: #FFFFFF !important;
}

.cc-compare-float svg {
    stroke: #FFFFFF !important;
    color: #FFFFFF !important;
}


/* ═══════════════════════════════════════════════
   ADDITIONS — Locked preview legend above chart
   Append to the end of style.css
   ═══════════════════════════════════════════════ */

.cc-sector-tease-legend {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-bottom: 12px !important;
    position: relative !important;
    z-index: 3 !important;
}

.cc-sector-legend-item-static {
    cursor: default !important;
}

.cc-sector-legend-item-static:hover {
    background: var(--mist, #F2F2F7) !important;
    border-color: transparent !important;
}

/* ═══════════════════════════════════════════════
   FIX: Push upgrade card down so legend row 2 is fully visible
   ═══════════════════════════════════════════════ */

.cc-sector-preview-wrap .cc-sector-upgrade-card {
    top: auto !important;
    bottom: 10px !important;
    transform: translateX(-50%) !important;
}

.cc-sector-chart-wrap-preview {
    height: 300px !important;
}


/* ═══════════════════════════════════════════════
   UNIFIED DESIGN: Compare button — Unlocked state (Investor)
   Green, no lock icon, no PRO badge, no float animation.
   Append this block to the END of style.css
   ═══════════════════════════════════════════════ */

.cc-compare-float.cc-compare-unlocked {
    background: var(--forest, #1A6B00) !important;
    border: 1px solid var(--forest, #1A6B00) !important;
    box-shadow: 0 3px 10px rgba(26, 107, 0, 0.25) !important;
    animation: none !important;
}

.cc-compare-float.cc-compare-unlocked:hover {
    background: var(--sage, #4A7C3F) !important;
    border-color: var(--sage, #4A7C3F) !important;
    box-shadow: 0 5px 16px rgba(26, 107, 0, 0.35) !important;
}

.cc-compare-float.cc-compare-unlocked,
.cc-compare-float.cc-compare-unlocked * {
    color: #FFFFFF !important;
}

.cc-compare-float.cc-compare-unlocked svg {
    stroke: #FFFFFF !important;
}


/* ═══════════════════════════════════════════════
   MOBILE FIX — Single Company Page
   Add this to the END of your child theme style.css
   ═══════════════════════════════════════════════ */

@media (max-width: 768px) {

    /* Container fills viewport with breathing room */
    .cc-company-container {
        padding: 0 16px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Stack header vertically: logo + info on top, export button below */
    .cc-company-header {
        flex-wrap: wrap !important;
        gap: 16px !important;
        margin-bottom: 20px !important;
    }

    /* Company info takes full row next to logo */
    .cc-company-info {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        margin-top: 16px !important;
    }

    /* Company name — scale down */
    .cc-company-header h1 {
        font-size: 22px !important;
        line-height: 1.25 !important;
    }

    /* Ticker / ISIN meta — smaller on mobile */
    .cc-company-meta {
        font-size: 15px !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }

    /* Export button — full width on its own row */
    .cc-export-btn {
        width: 100% !important;
        justify-content: center !important;
        margin-left: 0 !important;
        padding: 12px 16px !important;
    }

    /* Cards fill full width, less padding */
    .cc-card {
        padding: 20px 16px !important;
        margin-bottom: 20px !important;
        border-radius: 10px !important;
    }

    /* Card header row (title + chart/table toggle) — stack if needed */
    .cc-card-header-row {
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    /* Tabs scroll horizontally instead of wrapping messily */
    .cc-tabs {
        flex-wrap: wrap !important;
        gap: 6px !important;
        margin-bottom: 24px !important;
    }

    .cc-metric-unit {
        flex-shrink: 0 !important;
    }

    .cc-tabs button:not(.cc-q-btn) {
        font-size: 12px !important;
        padding: 7px 10px !important;
        margin-right: 2px !important;
    }

    /* Year download buttons */
    .year-buttons {
        gap: 8px !important;
    }

    .year-btn {
        padding: 7px 16px !important;
        font-size: 12px !important;
    }

    /* Compare button wrap */
    .cc-compare-wrap {
        justify-content: center !important;
    }

    /* Sector modal — full screen on mobile */
    .cc-sector-modal {
        max-height: 96vh !important;
        border-radius: 12px !important;
    }

    .cc-sector-overlay {
        padding: 10px !important;
    }
}

/* Extra small phones */
@media (max-width: 480px) {

    .cc-company-container {
        padding: 0 12px !important;
    }

    .cc-company-header h1 {
        font-size: 20px !important;
    }

    .cc-company-logo img {
        width: 50px !important;
        height: 50px !important;
    }

    .cc-card {
        padding: 16px 12px !important;
    }

    /* Export button label — shorten on tiny screens */
    .cc-export-btn .cc-export-label {
        font-size: 13px !important;
    }
}





/* ═══════════════════════════════════════════════
   FIX: Kill horizontal overflow on mobile
   ═══════════════════════════════════════════════ */

html, body {
    overflow-x: hidden !important;
    width: 100% !important;
}

/* Prevent any element from breaking out */
.ast-container,
.site-content,
.cc-company-container,
.chief-footer,
.chief-footer-inner {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}