/* 优雅的衬线字体 */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700&display=swap');

/* 现代无衬线字体 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');

/* 艺术感字体 */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/* 应用字体 */
p.text-5xl.font-display {
    /* 选择其中一个 */
    font-family: 'Merriweather', serif !important;
    /* font-family: 'Montserrat', sans-serif !important; */
    /* font-family: 'Bebas Neue', cursive !important; */
}

/* Material Theme Logo - 精确匹配 */
img.img-fluid[alt="home"] {
    max-width: 100px !important;  /* 覆盖内联样式 */
    max-height: 50px !important;  
    width: auto !important;
    height: auto !important;
}

/* 或者更通用的方式 - 匹配logo图片路径 */
img[src*="pageHeaderLogoImage"] {
    max-width: 120px !important;  /* 调整为你想要的宽度 */
    max-height: 50px !important;  /* 调整为你想要的高度 */
    width: auto !important;
    height: auto !important;
}

/* 如果在导航栏中需要更小 */
nav img.img-fluid[alt="home"],
.navbar img[src*="pageHeaderLogoImage"] {
    max-width: 150px !important;
    max-height: 45px !important;
}

/* 移动设备上更小 */
@media (max-width: 768px) {
    img[src*="pageHeaderLogoImage"] {
        max-width: 100px !important;
        max-height: 40px !important;
    }
}

/* Material Theme 侧边栏 - 覆盖Tailwind样式 */

/* 所有侧边栏链接 */
a.font-display,
a.font-medium,
.font-display.font-medium {
    font-size: 20px !important;
    line-height: 1.8 !important;
}

/* 使用属性选择器匹配包含这些类的链接 */
a[class*="font-display"],
a[class*="font-medium"],
a[class*="text-slate"] {
    font-size: 16px !important;
}

/* 根据href匹配侧边栏链接 */
a[href*="/issue/"],
a[href*="/about"],
a[href*="/submission"],
a[href*="/privacy"],
a[href*="/contact"],
a[href*="/information/"] {
    font-size: 16px !important;
    line-height: 1.8 !important;
}

/* 侧边栏所有文字 - 使用父容器 */
[class*="col-md-3"] a,
[class*="col-lg-3"] a,
aside a {
    font-size: 20px !important;
}

/* 标题文字(如果有) */
.text-lg,
.text-xl,
h2.font-display,
h3.font-display {
    font-size: 18px !important;
}

/* 覆盖dark mode样式 */
.dark\:text-white,
.text-slate-900 {
    font-size: 16px !important;
}

/* 针对具体的链接文字 */
a:contains("Current"),
a:contains("Archives"),
a:contains("About") {
    font-size: 16px !important;
}

/* 专门恢复"Art & Design for Humanity"标题 */
p.text-5xl {
    font-size: 3rem !important;
}

/* 或者根据内容匹配 */
p:contains("Art & Design for Humanity") {
    font-size: 3rem !important;
}