/**
 * E-IR 表示の上書き（E-IR の CSS 読み込み後に適用するため別ファイルで enqueue）
 * #divDataArea は E-IR が描画する IR ニュース一覧のコンテナ
 */

/* ==========================================================================
   リンクカラーのリセット（#main 内のみ：ヘッダー・フッターには適用しない）
   legacy-base.css の #main a:link/a:visited 等で #DD0033 (赤) に設定されているのを
   メインコンテンツ内でいったん通常のテーマカラーに戻し、
   #ir_library 内のみ赤リンクを再適用する
   ========================================================================== */
#main a:link,
#main a:visited,
#main a:hover,
#main a:active {
  color: inherit !important;
}

#ir_library a:link,
#ir_library a:visited {
  color: #DD0033 !important;
}

#ir_library a:hover,
#ir_library a:active {
  color: #DD0033 !important;
  text-decoration: underline !important;
}

#divDataArea li.lilink,
#divDataArea p.CP1,
#divDataArea div.CP1,
#divDataArea p.CP2,
#divDataArea div.CP2,
#ir_library li,
#ir_library p.CP1,
#ir_library p.CP2,
.ir-top-news-eir li.lilink,
.irOutline ul.irnews li.lilink {
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0.5em !important;
}

#divDataArea li.lilink>a,
#divDataArea .CP1>a,
#divDataArea .CP2>a,
#ir_library .CP1>a,
#ir_library .CP2>a,
.ir-top-news-eir li.lilink>a,
.irOutline ul.irnews li.lilink>a {
  display: inline !important;
  white-space: nowrap !important;
}

#divDataArea li.lilink>img,
#divDataArea .CP1 img,
#divDataArea .CP2 img,
#ir_library .CP1 img,
#ir_library .CP2 img,
.ir-top-news-eir li.lilink>img {
  flex-shrink: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 0.25em !important;
}

.irbline {
  margin: 20px !important;
}

div#ir_library {
  margin: 15px 30px !important;
  float: left !important;
  width: 80% !important;
}

@media (max-width: 750px) {
  div#ir_library {
    margin: 15px 16px !important;
    float: none !important;
    width: auto !important;
  }

  #divDataArea li.lilink,
  .ir-top-news-eir li.lilink,
  ul.irnews li.lilink {
    white-space: normal !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 0.5em !important;
  }

  #divDataArea li.lilink>a,
  .ir-top-news-eir li.lilink>a,
  .irOutline ul.irnews li.lilink>a {
    white-space: normal !important;
    display: block !important;
  }
}

/* ==========================================================================
   IR Sidebar SP Fixes (Match with other pages)
   ========================================================================== */
@media (max-width: 750px) {

  /* Reset layout overrides from style.css (around line 3150) */
  .news-sidebar,
  .page-sidebar {
    margin-bottom: 0 !important;
  }

  .news-sidebar-inner,
  .page-sidebar-inner {
    padding: 0 !important;
    min-height: auto !important;
    font-size: 16px !important;
    /* Override legacy-base.css 13px */
  }

  /* Match title sizes with standard pages (42px / 18px) */
  .news-page-title-en,
  .page-page-title-en {
    font-size: 42px !important;
    letter-spacing: 0.21px !important;
    margin-bottom: 24px !important;
  }

  .news-page-title-jp,
  .page-page-title-jp {
    font-size: 18px !important;
  }

  /* Match breadcrumb sizes and margins with standard pages */
  .news-breadcrumb,
  .page-breadcrumb,
  .ir-faq-breadcrumb,
  .ir-tanshin-breadcrumb,
  .ir-top-breadcrumb {
    font-size: 13px !important;
    margin: 0 0 40px !important;
  }
}

/* ==========================================================================
   IR FAQ Overrides
   ========================================================================== */

.quest,
.asked {
  display: block !important;
  position: relative !important;
  padding-left: 33px !important;
  text-indent: 0 !important;
  /* Reset EIR hanging indent */
  margin: 0 !important;
}

.quest {
  font-weight: bold !important;
  padding-top: 20px !important;
  padding-bottom: 10px !important;
}

.asked {
  padding-bottom: 20px !important;
  border-bottom: 1px solid #F1EEEA !important;
  margin-bottom: 20px !important;
}

.quest::before,
.asked::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 22px !important;
  /* Adjust for quest padding-top */
  width: 20px !important;
  height: 20px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

.quest::before {
  background-image: url(../images/faq_q.gif) !important;
}

.asked::before {
  top: 4px !important;
  /* Adjust for asked layout */
  background-image: url(../images/faq_a.gif) !important;
}

/* Fix for possible p tags inside asked */
.asked p {
  margin: 0 0 8px !important;
  text-indent: 0 !important;
}

/* ==========================================================================
   IR Top Mobile Fixes (Override style.css)
   ========================================================================== */
@media (max-width: 750px) {

  /* Section Header: Stack elements vertically to prevent clipping */
  .ir-top-section-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    min-height: auto !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
  }

  .ir-top-section-title-block {
    position: static !important;
    transform: none !important;
    max-width: 100% !important;
    width: 100% !important;
    text-align: center !important;
  }

  .ir-top-section-head>a {
    position: static !important;
    transform: none !important;
    margin: 0 auto !important;
  }

  .ir-top-section-title-jp {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  .ir-top-library-grid,
  .ir-top-stock-grid {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 16px !important;
    gap: 12px !important;
  }

  /* Hero Cards: Ensure titles don't wrap in a way that clips text */
  .ir-top-hero-card-content {
    padding: 12px 10px !important;
  }

  .ir-top-hero-card-title {
    font-size: 16px !important;
    white-space: normal !important;
    word-break: break-all !important;
  }

  /* News Section: Fix button overflow */
  .ir-top-section-link-wrap {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .ir-top-section-link-wrap .btn-primary {
    width: 100% !important;
    max-width: 280px !important;
    box-sizing: border-box !important;
  }
}