/*
Theme Name:     Airun Child Theme
Description:    Make your modifications in this child theme.
Template:       musicon
Tags: 			custom-colors, editor-style, featured-images, translation-ready
*/

:root {
    --loop-cols: 5;
    --loop-xs-cols: 1;
    --loop-rows: 1;
    --loop-columns: max( var(--loop-cols) - 4, var(--loop-xs-cols) );
    --loop-grid-gap: 1.5rem;
    --loop-row-gap: 1rem;
    --loop-max-width: 100%;
    --loop-min-width: 0;
    --loop-line: 1;
    --loop-line-height: 1.3;
    --loop-ratio: 1;
    --loop-radius: 16px;
    --loop-center-width: 70%;
    --loop-font-size: 0.9375rem;
	--loop-header-gap: 1rem;
}

body{
	
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Source Han Sans CN,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; 
    cursor: default;
	
	--body-bg-color: #fff;
	--side-width: 15rem;
	--side-icon-height: 20px;
	--side-nav-hover-background: #fff;
	--content-width: 90rem;
	--border-radius: 0.5rem;
	--button-radius: 0.5rem;
	--header-title-size: 2.5rem;
	--header-image-size: 16rem;
	--header-x-gap: 2rem;
	--header-y-gap: 1.5rem;
	--site-logo-height: 2rem;
	--loop-line: 2;
}


/* 全局滚动条 */
::-webkit-scrollbar {
    width: 6px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background-color: rgba(50, 50, 50, .3);
}

::-webkit-scrollbar-track {
    border-radius: 1em;
    background-color: rgba(50, 50, 50, .1);
}

::-webkit-scrollbar-thumb:hover {
	background: var(--color-primary);
}

/* 站点logo标题 */
.site-title{
	font-weight: 400;
}

@media (max-width: 599px){
	.site-title{
		font-size: 1.2rem;
	}
}
		

/* 顶部导航栏 */
.site-navbar > .navbar-menu{
	order: 5;
	flex: 10;
}
@media (max-width: 781px) {
	.site-navbar > .navbar-menu{
		order: 10;
		flex: 0;
	}
}

/* 导航字体大小 */
/* .nav .current-menu-item > a, */
.nav li > a {
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 1.2px;
}

/* 导航字体选中 */
/* .nav li.current-menu-item > a,
.nav li.current-menu-item svg{
	color: var(--color-primary);
} */

/* 站点头部 导航文字不换行 */
.site-header .nav>li {
    white-space: nowrap;
}

/* loop-hero 轮播幻灯片背景渐变 */
.block-loop-hero .post-thumbnail:before {
	background: none;
}

.block-loop-hero .entry-header {
	background: none;
}

/* loop轮播幻灯片按钮样式 */
.block-loop-nav button {
	color:#fff;
	background-color: rgb(0 0 0 / 10%);
	box-shadow: 0 0 0;
}

/* 博客文章页面宽度 */
.single-post,
.archive.category,
.archive.tag {
	--content-width: 70rem;
}


@media (min-width: 600px){
	/* 博客文章页归档行数 */
	.archive-content-column{
		grid-template-columns: repeat(1, 1fr);
	}
	/* 店铺搜索页归档行数 */
	.search .archive-content-column{
		grid-template-columns: repeat(2, 1fr);
	}
}

/* 博客文章H1标题及字重 */
.single-post .entry-header h1{
	position: relative;
    line-height: 1.4;
    font-size: 30px;
}

/* 博客文章P段落 */
.single-post .entry-content p {
	font-size: 17px;
    line-height: 2.4;
    margin: 0 0 24px;
/* 下划线样式	 */
	text-underline-offset: 10px;
}


/* LOOP手机端强制1列 */
@media (max-width: 768px) {
    .block-loop-items {
        --loop--cols: 100%; /* 列宽设为100% */
        grid-template-columns: repeat(1, 1fr); /* 强制1列，优先级最高 */
        /* 可选：调整手机端间距 */
        grid-gap: calc(var(--loop-grid-gap) / 2);
    }
}

/*rounded 圆角样式*/
.rounded, .rounded.wp-block-cover > span, .rounded::before {
    border-radius: 18px;
}

/*高亮圆角样式*/
mark{
    border-radius: 4px;
    padding: 0.2rem 0.5rem;
}
.gaoliang-title mark{
    padding: 0;
    border-radius: 0px;
}
.yuan-title mark{
    border-radius: 20px;
    padding: 0.3rem 0.5rem;
}

/*上标、下标样式*/
sub,
sup {
	font-size: 0.4em;
	letter-spacing: 0;
}

/*布局上下剧中*/
.juzhong {
	display:flex;
	flex-direction: column;
	justify-content: center;
}

/*附加自定义间距*/

.loaer-padding{
    padding: 2rem 2rem 0 2rem;
}

.loaer-title{
    margin-bottom: 0.5rem;
}

.loaer-image{
    margin-bottom: 0;
    margin: 0;
}

.loaer-imgbox{
    width:100px;
	margin-left:auto;
	margin-right:auto;
}

/*定义页脚P段落高度*/
.foot-p {
  margin-top: 0;
  margin-bottom: 0rem;
}


/*定义手机端样式*/
@media (max-width: 782px) {
	.loaer-left{
		text-align:left;
	}
	.loaer-center{
		text-align:center;
	}
	.loaer.wp-block-columns.is-layout-flex{
		gap: 0.5em;
	}
	/*定义手机端隐藏样式*/
	.hide-mobile {
        display:none;
    }
}


/* 分类弹出 */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: var(--dropdown-menu-width,10rem);
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: .875rem;
    color: #212529;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 3px 5px rgba(0,0,0,.05);
    border-radius: var(--dropdown-menu-radius,.25rem);
    text-shadow: none;
    text-align: initial
}

.dropdown-toggle {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    min-width: 1.5rem
}

.button.dropdown-toggle {
    padding-left: 1rem;
    padding-right: 1rem
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-inline-start:.3em;-webkit-margin-start: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
    opacity: .5
}

.dropdown-menu.show {
    display: block
}

.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-menu[x-out-of-boundaries] {
    display: none
}

.dropdown-menu ul {
    display: block!important;
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

.dropdown-item,.dropdown-menu li a {
    display: block;
    width: 100%;
    padding: .5rem 1.5rem;
    box-sizing: border-box;
    clear: both;
    font-weight: 400;
    border-radius: 0;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none
}

.dropdown-item:hover,.dropdown-menu .cat-item a:hover,.dropdown-menu .play-notification-item:hover {
    color: inherit;
    background-color: var(--dropdown-menu-item-background)
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid var(--dropdown-menu-item-background)
}

.dropdown-menu .play-notification-item {
    border: none
}

.dropdown-term-filter,.loop-filter-item .dropdown-menu {
    max-height: 15rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none
}

.dropdown-term-filter::-webkit-scrollbar {
    display: none
}

.dropdown-term-filter ul ul a {
    padding-inline-start:2rem;-webkit-padding-start: 2rem
}

.archive-header-with-filter {
    position: relative;
    display: flex;
    align-items: center
}

.archive-header-with-filter .archive-title {
    margin-top: var(--y-gap,1.5rem)
}

.archive-description {
    display: flex;
    align-items: flex-start;
    grid-gap: 1.5rem
}

.archive-description img {
    flex: 0 0 auto;
    width: 25%;
    border-radius: 6px
}

/* 产品列表 */
.products .entry-title {
	font-size: 20px;
}

.products.block-loop-item .post-thumbnail{
	background-size: cover;
	box-shadow: none;
	background-color: rgb(73 155 237 / 20%);
	background-image:url(https://placehold.co/500x500/EEE/999999?font=oswald&text=AIRUNJF.COM);
    background-position: center center;
    background-size: contain;
}

/* 查询店铺 */
.search-form-196{
	margin-left: auto;
	margin-right: auto;
	margin: 3rem auto;
	display: flex;
	justify-content: center;
}

.search-form-196 .search-submit {
    margin: 0 0.5rem;
}

.search-form-196 .search {
	min-width: 60%;
}

.search-form-196 input {
	color: #000;
	background-color: var(--color-grey-30)!important;
}


/* 店铺列表 */
.block-loop-items .stores {
	padding:13px;
	border: 1px solid #dad8d7;
	border-radius: var(--border-radius);
	background-color: rgb(242 242 242 / 20%);
}

.stores-header{
	margin-top: 1rem;
}

/* 列表页标签 */
.stores-header .entry-tag a, .tags a {
    transition: unset;
	border: none;
	background-color: var(--color-grey-50);
	border-radius: 8px;
	padding: 3px 10px;
	text-transform: uppercase;
	font-size: 10px;
	pointer-events: none; /*  禁用鼠标交互点击 */
}

/* 店铺内页 */
.store-title {
  display: inline-flex;
}
.store-title .entry-tag{
  margin-left: 6px;
}

/* 店铺内页标签 */
.store-title .entry-tag a, .tags a {
    transition: unset;
	border: none;
	background-color: var(--color-grey-50);
	border-radius: 8px;
	padding: 3px 10px;
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 15px;
	pointer-events: none; /*  禁用鼠标交互点击 */
}