/*
Theme Name: 哈喽软件站
Theme URI: http://rw260115.rw26.shop
Author: 哈喽软件站
Author URI: http://rw260115.rw26.shop
Description: 软件下载站主题。列表卡片、详情页、教程文章均由 WordPress 内容驱动，支持软件定价与下载令牌。
Version: 0.1.0
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hlsoft
Tags: software, download, shop
*/

/* 屏幕阅读器可见文本（WP 无障碍必备） */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    clip-path: none;
    color: #1b2a4e;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* 后台管理条存在时，避免遮挡固定顶栏 */
body.admin-bar .head {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .head {
        top: 46px;
    }
}

/* ---------- 价格与星级（主题新增，静态站没有） ---------- */
.hl-price {
    display: inline-block;
    color: #FF5A1F;
    font-weight: 700;
}

.hl-price .hl-unit {
    font-size: 12px;
    margin-right: 1px;
}

.hl-price.is-free {
    color: #17A673;
}

.hl-stars {
    display: inline-block;
    letter-spacing: 1px;
    color: #FFB020;
    font-size: 13px;
    line-height: 1;
}

.hl-stars .off {
    color: #D8DEE9;
}

/* 列表卡片里的价格条 */
.news_info .hl-price-line {
    margin: 6px 0 0;
    font-size: 13px;
    color: #8794AC;
}

.news_info .hl-price-line .hl-price {
    font-size: 16px;
}

/* ---------- 首页图文教程区块标题条 ----------
 * 不复用全站 .head（它带 position:fixed / z-index:9999，会导致标题条脱离文档流并盖住卡片），
 * 这里使用独立类名并补上和静态站 .system-news-list .content-box > div > .head 等价的样式。
 */
.hl-tut-head {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    background-color: #fcfcfc;
    border-bottom: 1px solid #f3f3f3;
}

.hl-tut-head > div {
    display: flex;
    align-items: center;
}

.hl-tut-head > div span {
    font-size: 18px;
    font-weight: bold;
    color: #289efc;
}

.hl-tut-head > div a {
    font-size: 16px;
    color: #999999;
}

.hl-tut-head > div a:hover {
    color: #289efc;
}

.hl-tut-head > div img {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}