/*
Theme Name: Sneaker Brand
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
a.product-brand-link {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
}
h1.product-title.product_title.entry-title {
    color: #808080;
    font-size: 1.5rem;
}
/* 在 Flatsome Customizer > Custom CSS 中添加 */
.klarna-with-logo {
    margin: 8px 0 15px;
    font-size: 13px;
    color: #000;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.klarna-logo-img {
    width: 60px;
    height: auto;
    vertical-align: middle;
    margin: 0 3px; /* 微调图片与文字间距 */
}

.klarna-with-logo a {
    color: #000000;
    text-decoration: underline;
    white-space: nowrap; /* 防止链接换行 */
}

.klarna-with-logo a:hover {
    color: #0056b3;
}

.section-title-main:hover {
    color: #2503E2 !important;
    text-decoration: none !important; /* 防止主题默认下划线 */
}
/* 为箭头添加灰色圆形背景 */
.section-title i.icon-angle-right{
    content: "";
    display: inline-block;
    width: 33px;
    height: 33px;
    background: #ebebeb;
    border-radius: 50%;
    margin-left: 0px;
    vertical-align: middle;
}

/* 替换默认箭头图标 */
.icon-angle-right:before {
    right: -3px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    font-weight: 700;
    position: absolute;
}
.icon-angle-right:hover {
    color: #2503e2 !important;
    text-decoration: none !important; /* 防止主题默认下划线 */
}

.image-tools.top.right {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}
.button.is-outline, input[type=button].is-outline, input[type=reset].is-outline, input[type=submit].is-outline {
    background-color: none !important;
    border: none !important;
}
.image-tools .wishlist-button:hover{
  background: transparent !important;
  box-shadow: none !important;
}
/* 在菜单容器底部添加实线 */
#wide-nav.header-bottom {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    box-shadow: none !important; /* 移除可能存在的阴影干扰 */
}

/* 调整菜单项垂直间距 */
.header-bottom .nav > li > a {
    padding-top: 12px;
    padding-bottom: 12px;
}

td .label, td dl, td form, td p, td select {
    width: 100%;          /* 宽度占满容器 */
    height: 56px;         /* 高度 */
    padding: 12px;        /* 内边距 */
    font-size: 14px;      /* 文字大小 */
	font-weight: 600 !important;
    border: 1px solid #ddd !important;  /* 边框颜色 */
    border-radius: 8px !important;      /* 圆角 */
    background-color: white;
    cursor: pointer;
    appearance: none;     /* 隐藏原生箭头（可选） */
    -webkit-appearance: none;
    color: #808080;
}
/* 默认状态：灰色边框 */
td .label, td dl, td form, td p, td select {
    border: 2px solid #ddd !important;  /* 初始灰色 */
}

/* 悬停/聚焦状态：黑色边框 */
td select:hover,
td select:focus {
    border: 2px solid #000 !important;  /* 点击或悬停时黑色 */
}

/* 强制右侧单元格占据100%宽度 */
table.variations tr:first-child td.value {
  width: 100% !important;
  float: left !important;
  padding-left: 0 !important;
}

/* 调整下拉框宽度（可选） */
#size {
  width: 100% !important;
}
/* 隐藏尺寸标题 */
.product .variations label[for="size"] {
    display: none !important;
}
.button.disabled, .button[disabled], button.disabled, button[disabled] {
    opacity: .9;
    border-radius: 20px !important;
}
.button.alt {
    border-radius: 20px;
}
.primary, input[type=submit], input[type=submit].button {
    border-radius: 20px;
}
/* Authenticity 模块样式 */
.authenticity-guarantee-section {
    margin: 20px 0;
    border-radius: 8px;
    overflow: hidden;
}

.authenticity-trigger {
    width: 100%;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    transition: opacity 0.3s;
}

.authenticity-trigger:hover {
    opacity: 0.9;
}

.authenticity-wrapper {
    display: flex;
    background: #f5f5f5;
    height: 100px;
	border-radius: 8px 8px 8px 8px !important; 
}

.text-content {
    flex: 1;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.text-content .title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
}

.text-content .description {
    font-size: 11px;
    line-height: 1.5;
	    margin-bottom: 5px;
}

.authenticity-image {
    width: 100px;
    height: 100px;
    object-fit: cover;
	border-radius: 0px 0px 8px 0px 
}
.description {
  font-weight: 500;
  line-height: 1.6667;
  letter-spacing: 0.02em;
  /* 新增首字母样式 */
  display: inline-block; /* 确保伪元素生效 */
  text-transform: lowercase; /* 先将所有字母转为小写 */
}

.description::first-letter {
  text-transform: uppercase; /* 再将首字母转为大写 */
}
.title {
	  text-transform: capitalize; /* 先将所有字母转为小写 */
	}
/* ===== 弹窗核心样式 ===== */
.authenticity-modal {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    width: 90%;
    max-width: 632px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);
    border: 1px solid #e5e7eb;
    animation: modalSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.modal-content {
    padding: 24px;
}

/* 头部样式 */
.modal-header {
    position: relative;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: center;
}

.modal-title {
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
    letter-spacing: -0.01em;
}

/* 关闭按钮 */
.close-modal {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    padding: 4px;
    background: none;
    border: none;
    cursor: pointer;
}

/* 内容区域 */
.modal-body {
    padding-top: 24px;
    display: flex;
    flex-direction: column;
}

.content-section h3 {
    font-size: 14px;
    font-weight: 600;
    color: #6b7280;
    margin-bottom: 12px;
}

.content-section p {
    font-size: 14px;
    line-height: 1.5;
    color: #374151;
}

.learn-more {
    color: #3b82f6;
    text-decoration: underline;
    margin-left: 4px;
}

/* 遮罩层优化 */
.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9998;
    backdrop-filter: blur(2px);
}

/* 动画效果 */
@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: translate(-50%, -48%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

/* 响应式调整 */
@media (max-width: 640px) {
    .authenticity-modal {
        width: 95%;
        max-width: none;
    }
    
    .modal-content {
        padding: 16px;
    }
    
    .modal-title {
        font-size: 16px;
    }
}
/* ===== 核心间距调整 ===== */
.text-content {
  padding-left: 24px !important; /* 桌面端左侧间距 */
  padding-right: 16px !important;
  text-align: left;
}

/* ===== 移动端适配 ===== */
@media (max-width: 767px) {
  .text-content {
    padding-left: 16px !important; /* 移动端左侧间距 */
    padding-right: 12px !important;
  }
}

/* ===== 文字精确对齐 ===== */
.text-content .title {
  margin-left: -2px; /* 补偿字体渲染偏移 */
  letter-spacing: -0.02em; /* 精确字距 */
}

.text-content .description {
  margin-top: 0px !important; /* 行间距微调 */
  padding-right: 20px; /* 与图片保持安全距离 */
}
a.learn-more {
    color: #000000;
}
/* 手机端搜索框宽度强制覆盖 */
@media (max-width: 849px) {
  li.header-search-form .ux-search-box .search-field {
    width: 100vw !important;
    max-width: 226px !important;
  }
/* 超小屏设备适配 */
@media (max-width: 374px) {
  .header-search-form-wrapper {
    padding: 0 5px !important;
  }
}

/* 全面屏手机适配 */
@media (min-width: 375px) and (max-width: 849px) {
  li.header-search-form .ux-search-box .search-field {
    padding: 12px 20px !important;
  }
}
	/* 全面屏手机适配 */
@media (min-width: 200px) and (max-width: 350px) {
  li.header-search-form .ux-search-box .search-field {
    width: 100vw !important;
    max-width: 116px !important;
  }
  }
}
/* 平板电脑专属适配 (768px-1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  /* 核心搜索框样式 */
  li.header-search-form .ux-search-box .search-field {
    width: 80vw !important;       /* 动态宽度策略 */
    max-width: 500px !important;  /* 最大宽度限制 */
    min-width: 400px !important;  /* 最小宽度保障 */
    padding: 14px 24px !important;/* 触控友好尺寸 */
    border-radius: 30px !important;
  }

  /* 父容器扩展策略 */
  .header-search-form-wrapper {
    padding: 0 2% !important;     /* 百分比适配不同尺寸平板 */
    max-width: 100vw !important;
  }

  /* 表单对齐优化 */
  .ux-search-box form {
    justify-content: center !important;
    margin: 0 auto !important;
  }
}

/* 平板竖屏优化 */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .header-search-form .search-field {
    width: 90vw !important;
    max-width: 550px !important;
  }
}

/* 平板横屏优化 */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .header-search-form .search-field {
    width: 70vw !important;
    max-width: 800px !important;
  }
}
	/* 专属平板端 (700-1024px) */
@media (min-width: 700px) and (max-width: 1024px) {
  li.header-search-form .ux-search-box .search-field {
    width: 80vw !important;
    max-width: 450px !important;
    min-width: 400px !important;
    padding: 14px 24px;
  }
/* 更精确的选择器 */
body.archive.tax-product_tag .woocommerce-breadcrumb {
    display: none !important;
}
.badge-container .badge-frame .badge-inner.secondary.on-sale {
    border-radius: 0px !important;
}

div#accordion-additional_information {
    display: none;
}