/*
 Theme Name:   beentoolstheme
 Description:  Child Theme for woodmart Theme
 Theme URI:    http:xtemos.com
 Author:       John
 Template:     woodmart
 Version:      1.0.0
*/

.custom-button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #83b735;
    /* 按钮背景色 */
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
}

.custom-button:hover {
    background-color: #1063b0;
    /* 按钮悬停时背景色 */
    color: #fff;
}

.custom-short-description-button {
    margin-top: 20px;
    /* 调整按钮与产品简介之间的间距 */
}


/* 例如，调整正文文本大小 */
body {
    font-size: 17px !important;
    /* 调整为你需要的大小 */
    color: black !important;
    /* 设定字体颜色为黑色  */
}

/* 修改“Edinburgh”及相同类别的菜单项字体颜色 */
.menu li.menu-item a {
    color: black;
    /* 设定字体颜色为黑色  */
}

/* 修改“Edinburgh”及相同类别的菜单项鼠标悬浮颜色 */
.menu li.menu-item a:hover {
    color: #EC5727;
    /* 替换成你想要的悬浮颜色 */
}

/* footer最底部信息 */
.footer-container {
    color: black;
    /* 设定字体颜色为黑色 */
    font-size: 17px;
    /* 设定字体大小 */
}

.copyrights-wrapper {
    color: black;
    /* 设定字体颜色为黑色 */
}

/* 修改版权区域的链接字体样式 */
.copyrights-wrapper a {
    color: black;
    /* 设定字体颜色为黑色 */
    text-decoration: none;
    /* 去除链接下划线 */
}

.copyrights-wrapper a:hover {
    color: #EC5727;
    /* 鼠标悬浮时评论链接字体颜色为深蓝色 */
    text-decoration: underline;
    /* 悬停时添加下划线 */
}

/* footer第一列 */
.footer-column {
    color: black;
    /* 设定标题字体颜色为黑色 */
}


/* 最近文章信息区域的字体样式 */
.recent-posts-info {
    color: black;
    /* 设定默认字体颜色为黑色 */
}

/* 标题的字体样式 */
.recent-posts-info .wd-entities-title a {
    color: black;
    /* 设定标题字体颜色为黑色 */
    text-decoration: none;
    /* 去除下划线 */
}

.recent-posts-info .wd-entities-title a:hover {
    color: #EC5727;
    /* 鼠标悬浮时字体颜色为蓝色 */
    text-decoration: underline;
    /* 鼠标悬浮时添加下划线 */
}

/* 时间的字体样式 */
.recent-posts-info .recent-posts-time {
    color: black !important;
    /* 设定时间字体颜色为黑色 */
}

/* 评论链接的字体样式 */
.recent-posts-info .recent-posts-comment {
    color: black !important;
    /* 设定评论链接的字体颜色为黑色 */
    text-decoration: none;
    /* 去除下划线 */
}

.recent-posts-info .recent-posts-comment:hover {
    color: #EC5727 !important;
    /* 鼠标悬浮时评论链接字体颜色为深蓝色 */
    text-decoration: underline;
    /* 鼠标悬浮时添加下划线 */
}

.product-categories li a {
    color: black !important;
}

.product-categories li a:hover {
    color: #EC5727 !important;
}

/* 默认字体颜色为黑色 */
#categories-5 a {
    color: black;
    text-decoration: none;
    /* 去掉链接下划线 */
}

/* 鼠标悬停时字体颜色变为红色 */
#categories-5 a:hover {
    color: #EC5727;
}


/* 鼠标悬浮时的字体颜色 */
.single-breadcrumbs-wrapper .breadcrumb-link:hover {
    color: #EC5727;
}

/* 鼠标悬浮时的字体颜色 */
span.posted_in a:hover {
    color: #EC5727;
}

.breadcrumb-link:hover {
    color: #EC5727 !important;
    /* 鼠标悬停时颜色变红 */
}

.wd-product .wd-entities-title {
    font-size: 16px !important;
	color: black !important;
	text-decoration: none !important;
    /* 移除下划线（如果有的话） */
}

.wd-product .wd-entities-title a:hover {
    color: #EC5727;
    /* 字体颜色变为红色 */
    text-decoration: none;
    /* 移除下划线（如果有的话） */
}

/* 网页中最顶部的信息 */
.wd-header-text {
    font-size: 16px !important;
    /* 设定字体大小 */
}


/* 让父容器负责横向滚动条，表格内容多时可滚动，内容少时100%宽度 */
.wc-tab-inner.wd-entry-content {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 30px;
    /* 可调节，比如16px、20px等 */
}

/* 表格始终充满父容器宽度 */
.table-bordered {
    width: 100%;
    min-width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    padding-bottom: 2em !important;
    box-sizing: border-box;
    /* 不用 display: block，也不用 overflow-x: auto 在table上 */
}

/* 单元格样式 */
.table-bordered td,
.table-bordered th {
    border: 0.1px solid #000;
    line-height: inherit;
    padding: 4px 10px;
    font-size: 15px !important;
}

/* 表头样式 */
.table-bordered thead th {
    padding: 0.5em;
    line-height: 1.2em;
    white-space: normal;
    text-align: center;
}

/*   搜索框的下拉菜单，不显示二级，三级目录  */
.wd-dropdown-search-cat ul.children {
    display: none;
}

.wd-dropdown-menu .pf-value:hover {
    color: #EC5727 !important;
    /* 鼠标悬停时字体颜色变为红色 */
}


/*   搜索框的下拉菜单   */
.wd-dropdown-menu .pf-value {
    font-size: 15px;
    color: black;
}

/*   导航菜单   */
.wd-nav>li>a {
    /*  text-transform: lowercase !important; */
    font-size: 16px !important;
}

/*   导航菜单   */
.wd-nav>li>a:hover {
    color: #EC5727 !important;

}



/* 导航菜单中的 html blocks：默认字体大小+颜色 */
.wd-sub-menu a {
    font-size: 16px !important;
    color: black;
}

/* 设置菜单项字体大小 + 默认颜色 */
.wd-sub-menu > li > a,
.wd-sub-menu .sub-sub-menu a {
    font-size: 16.5px !important;
    color: black;
}

/* 设置导航菜单下拉菜单字体大小 + 默认颜色 */
.wd-header-nav .wd-sub-menu li a {
    font-size: 16.5px !important;
    color: black;
}

/* 统一悬浮颜色，优先级最高 */
.wd-sub-menu > li > a:hover,
.wd-sub-menu .sub-sub-menu a:hover,
.wd-header-nav .wd-sub-menu li a:hover {
    color: #EC5727 !important;
}

.wd-prefooter {
    padding-bottom: 0px !important;
}

/*
div.page-title {
    padding-top:         5px !important;
    padding-bottom:   15px !important;
    margin-block: 0px -25px !important;
}
*/

main.wd-content-layout {
   padding-top:  10px !important;
}


/* 设置 blog 目录页的标题字体的大小和颜色 */
.wd-blog-element .wd-post-content .wd-entities-title.title.post-title a {
    font-size: 16px !important;
    color: black !important; /* 默认字体颜色为黑色 */
}

/* 设置 blog 目录页的标题悬浮时的颜色 */
.wd-blog-element .wd-post-content .wd-entities-title.title.post-title a:hover {
    color: #EC5727 !important; /* 悬浮时字体颜色变为 #EC5727 */
    text-decoration: none !important; /* 移除下划线（如果有的话） */
}

.wd-carousel-item.wd-thumb-active{
	border: 1px solid #FF5E2B !important;
	  opacity: 1 !important;
}

.wd-carousel.wd-thumbs {
  overflow: visible;
}

.widget_recent_entries a {
    color: black !important;
    /* 字体颜色变为红色 */
    text-decoration: none;
    /* 移除下划线（如果有的话） */
}


.widget_recent_entries a:hover {
    color: #EC5727 !important;
    /* 字体颜色变为红色 */
    text-decoration: none;
    /* 移除下划线（如果有的话） */
}

.wd-post-cat a {
    color: black !important;;
    text-decoration: none;
}

.wd-post-cat a:hover {
    color: #EC5727 !important;
    text-decoration: none;
}


.wd-button-wrapper a:hover {
    color: #EC5727 !important;
    opacity: 1 !important;
}

/*
.wd-breadcrumbs a {
    color: black !important;
}
*/
.wd-breadcrumbs a:hover {
    color: #EC5727 !important;
}

@font-face {
    font-family: 'WoodMart Font';
    src: url('/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2') format('woff2');
    font-display: swap;
}



.wd-list .wd-list-content a {
  color: #000 !important;
  transition: color 0.2s;
}
.wd-list .wd-list-content a:hover {
  color: #EC5727 !important;
}




/* 修改后的代码，保证下拉菜单只有在.open时才用grid布局，未展开时display:none，不会一直展开 */
.custom-language-switcher .dropdown {
    display: none;
    position: absolute;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    min-width: 600px;
    max-width: 700px;
    z-index: 99999;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    /* grid相关属性不要直接写在这里，防止菜单一直展开 */
    padding: 8px 0;
}


/* 阿拉伯语菜单贴左 */
.is-leftdisplay .custom-language-switcher {
    right: auto !important;
    left: 0 !important;
}

.is-leftdisplay .custom-language-switcher .dropdown {
    left: 0 !important;
    right: auto !important;
}

.custom-language-switcher.open .dropdown {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 3列 */
    gap: 0;
}

.custom-language-switcher .dropdown a {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    /* break-inside: avoid; 只在多列布局时需要，grid不需要 */
}

@media (max-width: 600px) {
    .custom-language-switcher.open .dropdown {
        grid-template-columns: 1fr;
        min-width: 140px;
    }
}

.custom-language-switcher-wrap {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    pointer-events: none;
}

.custom-language-switcher-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 0;
}

.custom-language-switcher {
    position: absolute;
    right: 0;
    top: 0px;
    pointer-events: auto;
    z-index: 10000;
    display: inline-block;
    background: transparent;
}

.custom-language-switcher button {
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px 12px;
    min-width: 120px;
    text-align: left;
    border-radius: 3px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.custom-language-switcher img {
    width: 20px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
}

.custom-language-switcher .lang-caret {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    transition: transform 0.2s;
}

.custom-language-switcher.open .lang-caret {
    transform: rotate(180deg);
}

.custom-language-switcher .dropdown a {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
    background: #fff;
}

.custom-language-switcher .dropdown a:hover {
    background: #f0f0f0;
}

@media (max-width: 1200px) {
    .custom-language-switcher-inner {
        max-width: 100vw;
    }
}








/* 减小标题与下方内容的间距 */
h2, h3 {
  margin-top: 2px !important;   /* 上方间距 */
  margin-bottom: 2px !important; /* 下方间距 */
}


/* 只影响产品详情页的所有 Tab 面板内容（包括 Description 和自定义 Tab） */
.woocommerce-Tabs-panel p,
.woocommerce-Tabs-panel ul,
.woocommerce-Tabs-panel ol,
.woocommerce-Tabs-panel li {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

.woocommerce-Tabs-panel ul,
.woocommerce-Tabs-panel ol {
    padding-left: 1.8em !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.woocommerce-Tabs-panel ul li,
.woocommerce-Tabs-panel ol li {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3;
}



.woocommerce-Tabs-panel .alignleft,
.woocommerce-Tabs-panel .alignright,
.woocommerce-Tabs-panel .aligncenter {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}







.widget-area .widget_categories ul li a {
    color: black !important;
    text-decoration: none;
}

.widget-area .widget_categories ul li a:hover {
      color: #EC5727 !important;
    /* 字体颜色变为红色 */
    text-decoration: none;
    /* 移除下划线（如果有的话） */
}