/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* 隐藏选项 */
.hidden,
.mobile-layer.expanded,
/* 手机版去掉遮罩层 */
div#subcategories,
#contact-form-box,
div#leo_product_reviews_block_extra,
#blockEmailSubscription_displayFooterBefore .title_block
/* 订阅模块隐藏文案 */
	{
	display: none !important;
}

a:hover {
	color: #218d80 !important;
}

.header-nav .bottomnav {
    /* height: 50px !important; 发生Logo错乱 */
}

.header-nav .html__sale-order a{
	color:#ffffff !important;
}

.header-nav .html__sale-order a:hover{
	color:#dda608 !important;
}

.header-nav .godiy_top_center p{
	color:#ffffff !important;
	text-align: center;
}

.header-nav .godiy_top_center p strong{
	font-size: 1rem!important;
}

.header_logo {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 20px !important;
	width: 150px !important;
}

.header-nav {
	background: #218d80 !important;
}

.bottomnav .container-full .ApQuicklogin {
	float: right !important;
	margin: 17px 2px 0px 2px !important;
}



#page #wrapper .breadcrumb{
    margin-bottom: unset!important;
}

.ApHtml.html__sale-order,
.right-headernav.ApColumn .ApQuicklogin a.leo-quicklogin,
.right-headernav.ApColumn .popup-over a.popup-title {
	color: #ffffff !important;
}

.right-headernav.ApColumn .popup-over:before,
.right-headernav.ApColumn .leo-quicklogin:before {
	background: #ffffff;
}

.block.unsubscribe_txt.ApHtml {
	margin-bottom: 0rem;
}
/* =========================================================
   自定义文件上传错误 Toast 提示框样式 (匹配 Leo Oreo 主题)
   ========================================================= */
#custom-file-error-toast {
	position: fixed;
	top: 30px;
	right: 30px;
	background-color: #ffffff;
	/* 左侧边框使用你界面的珊瑚红主色调 */
	border-left: 5px solid #f3746a;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	/* 柔和的阴影 */
	padding: 16px 24px;
	border-radius: 4px;
	z-index: 99999;
	display: flex;
	align-items: center;
	/* 初始状态：透明且向右偏移，准备做滑入动画 */
	opacity: 0;
	visibility: hidden;
	transform: translateX(100px);
	transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	/* 带有弹性的动画效果 */
}

/* 激活状态：显示并复位位置 */
#custom-file-error-toast.show-toast {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

#custom-file-error-toast .toast-icon {
	font-size: 22px;
	margin-right: 12px;
	color: #f3746a;
	/* 匹配主题色 */
}

#custom-file-error-toast .toast-message {
	color: #414141;
	/* 你的主题正文深灰色 */
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	margin-right: 20px;
}

#custom-file-error-toast .toast-close {
	background: transparent;
	border: none;
	font-size: 24px;
	color: #aaaaaa;
	cursor: pointer;
	padding: 0;
	line-height: 1;
	transition: color 0.2s;
}

#custom-file-error-toast .toast-close:hover {
	color: #f3746a;
	/* 鼠标悬停时变红 */
}

/* =========================================================
   1. 底部整体与背景设置
   ========================================================= */
.footer-top {
	background: #1A1A1A !important;
	padding-top: 60px;
	padding-bottom: 60px;
}

/* 桌面端中间的微弱分割线 */
@media (min-width: 992px) {
	.gd_foot_left {
		border-right: 1px solid rgba(255, 255, 255, 0.05);
	}
}

/* =========================================================
   2. 左侧信息栏 (gd_foot_left) 样式
   ========================================================= */
.gd_foot_left {
	text-align: center;
	padding: 0 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.footer-left-content .footer-logo {
	margin-bottom: 30px;
}

.footer-left-content .footer-logo img {
	max-width: 220px;
	display: inline-block;
}

.footer-left-content .footer-desc {
	color: #999999 !important;
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 40px;
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
}

.footer-left-content .contact-title {
	color: #666666 !important;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.footer-left-content .contact-phone a {
	color: #dda608;
	/* 保留你修改过的橙黄色 */
	font-size: 26px;
	font-weight: 600;
	text-decoration: none;
}

/* =========================================================
   3. 右侧订阅栏 (gd_foot_right) 样式
   ========================================================= */
.gd_foot_right {
	text-align: center;
	padding: 0 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.gd_foot_right .block_newsletter {
	width: 100%;
}

/* 独立标题样式 (ApHtml 模块) - 已使用 Flexbox 强制居中 */
.gd_foot_right .title_block {
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 auto 25px auto !important; /* 强制外边距居中 */
	border: none;
	padding: 0 !important; /* 清除主题自带的左右内边距 */
	display: flex !important; /* 使用 Flex 强制中心对齐，无视文本溢出或空格 */
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
}

/* 清除可能存在的伪元素干扰（例如原主题带有的底部横线） */
.gd_foot_right .title_block::before,
.gd_foot_right .title_block::after {
	display: none !important;
	content: none !important;
}

/* 独立信封图标样式 */
.gd_foot_right .title_block i.fa-envelope {
	display: block !important;
	font-size: 36px;
	color: #444444;
	margin: 0 0 15px 0 !important; /* 左右边距清零，交由 flex 居中 */
	padding: 0 !important;
	font-weight: normal;
	text-align: center;
	line-height: 1;
}

/* 原有描述文字 (目前已隐藏，保留以防万一) */
.gd_foot_right .block_newsletter .newsletter_conditions {
	color: #999999;
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 30px;
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* 描述文字 (用户自定义 HTML 添加的 class) */
.gd_foot_right .unsubscribe_txt {
	color: #999999 !important;
	font-size: 13px;
	line-height: 1.6;
	margin: 0 auto 20px auto !important; /* 强制外边距居中 */
	padding: 0 !important; /* 清除干扰内边距 */
	max-width: 480px;
	text-align: center;
	width: 100%;
	display: block;
}

/* 表单整体居中并限制宽度 */
.gd_foot_right .block_newsletter form {
	max-width: 480px;
	margin: 0 auto;
}

/* 隐藏不必要的列边距，防止撑破布局或不对齐 */
.gd_foot_right .block_newsletter .row {
	margin-left: 0;
	margin-right: 0;
}

.gd_foot_right .block_newsletter .col-xs-12 {
	padding-left: 0;
	padding-right: 0;
}

/* 输入框和按钮在一行排列 (Flexbox) - 强制覆盖 */
.gd_foot_right .block_newsletter .input-wrapper {
	display: flex !important;
	flex-wrap: nowrap;
	align-items: stretch;
	margin-bottom: 15px;
	background: transparent;
	width: 100%;
}

.gd_foot_right .block_newsletter input[type="email"] {
	flex: 1 1 auto;
	width: 100%;
	height: 50px;
	background: #ffffff !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 20px;
	color: #333333;
	font-size: 14px;
	outline: none;
	box-shadow: none;
}

/* 覆盖原主题的 float-xs-right 类名带来的右浮动影响 */
.gd_foot_right .block_newsletter .btn {
	flex: 0 0 auto;
	height: 50px;
	background: #000000 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 30px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 1px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	float: none !important;
	/* 关键：消除右浮动 */
	display: flex;
	align-items: center;
	justify-content: center;
}

.gd_foot_right .block_newsletter .btn:hover {
	background: #333333 !important;
}

/* 隐藏原本按钮里的信封图标 */
.gd_foot_right .block_newsletter .btn i {
	display: none !important;
}

.gd_foot_right .block_newsletter .btn span {
	display: inline-block;
}

/* GDPR 隐私政策勾选框修正 (如存在) */
.gd_foot_right .gdpr_consent {
	display: flex;
	align-items: flex-start;
	text-align: left;
	margin-top: 15px;
}

.gd_foot_right .gdpr_consent input {
	margin-top: 4px;
	margin-right: 10px;
}

.gd_foot_right .gdpr_consent label {
	color: #666666;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
}

/* =========================================================
   4. 社交媒体图标 (ps_socialfollow) 样式
   ========================================================= */
.gd_foot_right .block-social {
	margin-top: 30px;
}

.gd_foot_right .block-social ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	gap: 20px;
	/* 图标之间的间距 */
}

.gd_foot_right .block-social li {
	margin: 0;
	padding: 0;
}

.gd_foot_right .block-social li a {
	color: #777777;
	/* 暗灰色 */
	font-size: 18px;
	transition: color 0.3s ease;
	display: inline-block;
}

.gd_foot_right .block-social li a:hover {
	color: #ffffff;
	/* 鼠标悬停变白 */
}

.footer-container .block h3.title_block{
	text-align: center !important;
}


/* =========================================================
   5. 首页三大分类模块 (Ojos de gato / Aviador / Redondo) 样式优化
   ========================================================= */

/* 将外层背景框设置为 Flex 容器，并强制撑满列高 */
.ApImage.block__imgcate {
	display: flex !important;
	flex-direction: column;
	height: 100%; 
	padding-bottom: 2rem !important; 
}

/* 必须清除原主题引发重叠问题的浮动 */
.ApImage.block__imgcate .group-title-image,
.ApImage.block__imgcate .block_content {
	float: none !important;
	width: 100%;
}

/* --- 核心修复 1：标题与按钮安全区 --- */
/* 给予固定的最小高度，建立统一的“按钮对齐底线” */
.ApImage.block__imgcate .group-title-image {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	min-height: 160px !important; /* ★ 划定高度池，不管标题是一行还是两行，按钮都对齐到这里 */
}

/* 将按钮推到标题安全区域的最底部，实现三列绝对水平对齐 */
.ApImage.block__imgcate .group-title-image .btn {
	margin-top: auto !important;
	margin-bottom: 0 !important;
}

/* --- 核心修复 2：图片区域自动填充（取代写死的 margin-top） --- */
/* 废弃原主题死板的 margin-top: 7.5rem 和 height 设值，改用弹性填充剩余空间 */
.ApImage.block__imgcate .block_content {
	display: flex !important;
	flex-direction: column;
	justify-content: flex-end; /* 保证墨镜图片贴着容器最底部 */
	align-items: center;
	flex-grow: 1 !important; /* ★ 自动占据下方所有剩余空间，绝不溢出 */
	margin-top: 2rem !important; /* 保证与上方按钮有绝对安全距离 */
	height: auto !important; /* 强行覆盖主题在各种分辨率下的死板高度 */
}

/* 针对 420x250 透明底 PNG 的防拉伸变形保护 */
.ApImage.block__imgcate .block_content img {
	width: auto !important;
	max-width: 100%;
	height: auto !important;
	max-height: 250px !important; /* 锁定你的图片物理极限，防止大屏被拉伸变糊 */
	object-fit: contain;
}