/*
 Theme Name:   Hola Grace
 Description:  Hola Grace
 Author:       Tianming
 Author URI:   https://daulma.com
 Version:      1.0.0
*/

.post h3 {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 8px;
    display: inline-block;      /* 关键：宽度只包住文字 */
    border-bottom: 1px solid var(--heading-line-color);    }
@media screen and (min-width:640px) {
  .post h3 {

    margin: 35px 0 10px 0;
    padding-bottom: 8px;
  }
}


@media screen and (max-width:640px) {
.post h3{
margin: 25px 0 15px; 
padding-bottom: 5px;
}}

/* Light 模式 */
:root {
  --heading-line-color: #6c757d; /* 深灰，比原来灰得多 */
}

/* Dark 模式 */
:root[data-bs-theme="dark"] {
  --heading-line-color: rgba(255,255,255,0.35); /* 明亮深灰，不刺眼 */
}

.heading-shortline {
  margin-top: 20px;
  font-weight: 500;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--heading-line-color); 
  position: relative;
}

.heading-shortline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 120px;  /* ← 线条长度，可改 60/100 都行 */
  height: 3px;
  background-color: #005bac; /* 你的网站主题色 */
  border-radius: 2px;
}

/* 默认：手机端（不限制高度） */
.cat-hero-img-wrapper {
  overflow: hidden;
}

.cat-hero-img-wrapper img {
  width: 100%;
  height: auto; /* 手机端自动高度 */
  object-fit: cover;
}
/* 桌面端：固定 360px 高度 */
@media (min-width: 768px) {
  .cat-hero-img-wrapper {
    height: 360px;
    padding: 1rem !important;
  }
  .cat-hero-img-wrapper img {
    height: 100%;
    object-fit: cover;
  }
}

/* 默认：按 light 主题走，显示第一张，隐藏第二张 */
.d-td-none { display: inline-block; }
.d-tl-none { display: none; }

/* 当 data-bs-theme="dark" 时：隐藏第一张，显示第二张 */
html[data-bs-theme="dark"] .d-td-none { display: none !important; }
html[data-bs-theme="dark"] .d-tl-none { display: inline-block !important; }



/* Sidebar 链接颜色：比默认再浅一点 */
.widget-area .list-group-item a {
  color: var(--bs-secondary-color);
}

/* Hover 时稍微深一点（可选） */
.widget-area .list-group-item a:hover {
  color: var(--bs-primary);
  text-decoration: none;
}

/* 普通项：用 Bootstrap 的变量（light / dark 自动切换） */
.widget-area .list-group-item {
  color: var(--bs-body-color);
  background-color: transparent;
  border-color: var(--bs-border-color);
}

/* 激活项：用 Bootstrap 主色 */
.widget-area .list-group-item.active {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-primary-bg-subtle);
}

/* active 的链接也保持继承 */
.widget-area .list-group-item.active a {
  color: inherit;
}







/* Custom Styles for Updates Section */
.updates-resources-section {
  position: relative;
}

/* Card Hover Effect */
.hover-lift {
  transition: all 0.3s ease;
}

.hover-lift:hover {
  transform: translateY(-5px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* List Item Hover */
.list-item-hover {
  transition: background-color 0.2s ease;
  border-radius: 6px;
  margin: 0 -0.5rem;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.list-item-hover:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

/* Link Hover Effect */
.hover-link {
  position: relative;
  transition: color 0.2s ease;
}

.hover-link:hover {
  color: var(--bs-primary) !important;
}

/* Icon Box */
.icon-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
}

/* Responsive Adjustments */
@media (max-width: 575.98px) {
  .icon-box {
    width: 48px;
    height: 48px;
    padding: 0.75rem !important;
  }

  .icon-box i {
    font-size: 1rem;
  }
}



/* From Bootscore */
.wp-post-image {
  width:100%
}
body {
  word-break:break-word;
  overflow-x:hidden
}
img {
  height:auto;
  max-width:100%
}
iframe {
  max-width:100%
}
.alignleft {
  display:inline;
  float:left;
  margin-right:1.5em
}
.alignright {
  display:inline;
  float:right;
  margin-left:1.5em
}
.aligncenter {
  clear:both;
  display:block;
  margin-left:auto;
  margin-right:auto
}
.wp-caption {
  margin-bottom:1.5em;
  max-width:100%
}
.wp-caption img[class*="wp-image-"] {
  display:block;
  margin-left:auto;
  margin-right:auto
}
.wp-caption .wp-caption-text {
  margin:0.8075em 0
}
.wp-caption-text {
  text-align:center
}



@media (max-width: 680px) {
  .navbar img {height: 40px; }
  .card-title {font-size: 0.9rem !important;}

  /* 手机隐藏文本内容 */
  .card-text {display: none !important;}

  /* 手机减少卡片内边距更紧凑 */
  .card-body {padding: 0.65rem 0.75rem !important;}
}

@media (min-width: 992px) {
  .hero-40vh-lg { min-height: 40vh;}
  .hero-30vh-lg { min-height: 30vh;}
  .hero-25vh-lg { min-height: 25vh;}
  /* 电脑端：200×200 */
  .news-thumb {width: 180px; height: 180px;  }
}
/* 手机端：150×150 */




#product-toc ul { font-size: .875rem; line-height: 1.4; }
#product-toc li { margin-bottom: .35rem; }

.pro-post {
      --bs-gutter-x: 6px;
}


/* Mobile: disable sticky to avoid being covered by sticky header */
@media (max-width: 991.98px){
  .position-sticky{
    position: static !important;
    top: auto !important;
  }
}