.elementor-414 .elementor-element.elementor-element-5debef6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:4%;--padding-bottom:4%;--padding-left:0%;--padding-right:0%;}.elementor-414 .elementor-element.elementor-element-5debef6:not(.elementor-motion-effects-element-type-background), .elementor-414 .elementor-element.elementor-element-5debef6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0f171af );}.elementor-414 .elementor-element.elementor-element-5debef6 > .elementor-shape-top .elementor-shape-fill, .elementor-414 .elementor-element.elementor-element-5debef6 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-d0b09cd );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-414 .elementor-element.elementor-element-e9a7471{text-align:center;}.elementor-414 .elementor-element.elementor-element-e9a7471 .elementor-heading-title{font-family:"Rangkings", Sans-serif;font-size:48px;font-weight:500;}.elementor-414 .elementor-element.elementor-element-48bd789b{--display:flex;--padding-top:4%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-414 .elementor-element.elementor-element-48bd789b:not(.elementor-motion-effects-element-type-background), .elementor-414 .elementor-element.elementor-element-48bd789b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-414 .elementor-element.elementor-element-5debef6{--padding-top:5%;--padding-bottom:5%;--padding-left:3%;--padding-right:3%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-414 .elementor-element.elementor-element-5debef6{--padding-top:8%;--padding-bottom:8%;--padding-left:5%;--padding-right:5%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-414 .elementor-element.elementor-element-e9a7471 .elementor-heading-title{font-size:45px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for text-editor, class: .elementor-element-6b632f43 *//* ==========================================
   WooCommerce Block Cart (Gutenberg) 视觉定制
   ========================================== */

/* 1. Cart 整体框架与背景微调 */
.wp-block-woocommerce-cart {
    color: #2c4a34 !important;
}

/* 2. 商品列表表格与外框统一风格 */
.wc-block-cart-items {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

/* 表头 Header */
.wc-block-cart-items__header th {
    border-bottom: 2px solid #a3be97 !important;
    padding-bottom: 12px !important;
    color: #2c4a34 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* 每一行商品 Row 分隔线 */
.wc-block-cart-items__row {
    border-bottom: 1px solid #e0e0e0 !important;
}

/* 商品名称链接 */
.wc-block-components-product-name {
    color: #2c4a34 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.wc-block-components-product-name:hover {
    color: #3b6145 !important;
}

/* 价格颜色 */
.wc-block-components-product-price__value {
    color: #2c4a34 !important;
    font-weight: 600 !important;
}

/* 3. 数量加减选择器 (Quantity Selector) */
.wc-block-components-quantity-.elementor-414 .elementor-element.elementor-element-6b632f43 {
    border: 1.5px solid #a3be97 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background-color: #ffffff !important;
}

.wc-block-components-quantity-.elementor-414 .elementor-element.elementor-element-6b632f43__button {
    background-color: #ffffff !important;
    color: #2c4a34 !important;
    border: none !important;
    transition: background-color 0.2s ease !important;
}

.wc-block-components-quantity-.elementor-414 .elementor-element.elementor-element-6b632f43__button:hover:not(:disabled) {
    background-color: #f0f4ef !important;
    color: #2c4a34 !important;
}

.wc-block-components-quantity-.elementor-414 .elementor-element.elementor-element-6b632f43__input {
    color: #2c4a34 !important;
    font-weight: 600 !important;
    border: none !important;
}

/* 删除图标 (Remove Link) */
.wc-block-cart-item__remove-link {
    color: #888888 !important;
    transition: color 0.2s ease !important;
}

.wc-block-cart-item__remove-link:hover {
    color: #c0392b !important;
}

.wc-block-cart-item__remove-link svg {
    fill: currentColor !important;
}

/* 4. 右侧 Cart Totals 结算卡片美化 */
.wc-block-cart__sidebar {
    background-color: #faf9f6 !important; /* 统一浅米色衬底 */
    border: 1px solid #e0e0e0 !important;  /* 统一精细外框 */
    border-radius: 8px !important;         /* 柔和圆角 */
    padding: 24px !important;
}

.wc-block-cart__totals-title {
    color: #2c4a34 !important;
    font-weight: 700 !important;
    border-bottom: 1.5px solid #a3be97 !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
}

/* 优惠券 折叠 Panel */
.wc-block-components-panel {
    border: 1px solid #a3be97 !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
}

.wc-block-components-panel__button {
    color: #2c4a34 !important;
    font-weight: 600 !important;
}

/* 预估总价 (Estimated Total) */
.wc-block-components-totals-footer-item {
    border-top: 1px solid #e0e0e0 !important;
    padding-top: 16px !important;
    margin-top: 16px !important;
}

.wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item-tax-value {
    color: #2c4a34 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* 5. 结算按钮 (Proceed to Checkout) */
a.wc-block-cart__submit-button,
.wc-block-cart__submit-button.contained {
    background-color: #2c4a34 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    padding: 14px 20px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(44, 74, 52, 0.15) !important;
    border: none !important;
    text-align: center !important;
    display: block !important;
}

a.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button.contained:hover {
    background-color: #3b6145 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(44, 74, 52, 0.25) !important;
}

/* ==========================================
   Add Coupons 优惠券区块内边距与间距优化
   ========================================== */

/* 1. 优惠券外层包裹容器上下间距 */
.wp-block-woocommerce-cart-order-summary-coupon-form-block {
    margin: 18px 0 !important;
}

/* 2. Add Coupons 按钮/框体内边距与圆角加宽 */
.wc-block-components-panel {
    border: 1.5px solid #a3be97 !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    transition: all 0.3s ease !important;
}

.wc-block-components-panel__button {
    padding: 12px 16px !important; /* 增加上下与左右的 padding */
    color: #2c4a34 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 46px !important;   /* 确保跟其他 input 高度保持一致 */
}

/* 悬停时的微光效果 */
.wc-block-components-panel:hover {
    border-color: #2c4a34 !important;
    box-shadow: 0 2px 8px rgba(44, 74, 52, 0.08) !important;
}

/* 3. 展开后的优惠券输入框与应用按钮 Padding 优化 */
.wc-block-components-totals-coupon__content {
    padding: 16px !important;
}

.wc-block-components-totals-coupon__input input {
    padding: 10px 14px !important;
    border-color: #a3be97 !important;
    border-radius: 6px !important;
}

.wc-block-components-totals-coupon__button {
    background-color: #2c4a34 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 10px 18px !important;
}

/* ==========================================
   使用 ::before 伪元素强行推开左侧空间
   ========================================== */

/* 1. 在容器最左侧强行插入一块 16px 的透明占位空间 */
.wc-block-components-panel__button::before {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important;
    height: 1px !important;
    flex-shrink: 0 !important;
}

/* 2. 强行改变内部布局排版 */
.wc-block-components-panel__button {
    justify-content: flex-start !important;
    gap: 10px !important; /* 如果浏览器支持 gap，强行拉开间隔 */
}

/* 3. 如果文字依然贴着图标，强制图标与文字间距 */
.wc-block-components-totals-coupon .wc-block-components-panel__button svg {
    margin-left: 0 !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
}

/* ==========================================
   优惠券输入框 Enter Code 标签与间距修复
   ========================================== */

/* 1. 调整 label 标签，避免与输入文本重叠 */
.wc-block-components-totals-coupon__input label,
.wc-block-components-text-input label {
    top: 6px !important;              /* 强行将标签向上提 */
    font-size: 11px !important;       /* 缩小标签字体，避免挤压 */
    line-height: 1 !important;
    color: #2c4a34 !important;
}

/* 2. 增加输入框内部上下 padding 和总高度 */
.wc-block-components-totals-coupon__input input,
.wc-block-components-text-input input {
    height: 52px !important;          /* 撑开输入框整体高度 */
    padding-top: 20px !important;     /* 给顶部的 Enter code 留出空间 */
    padding-bottom: 6px !important;   /* 底部留白 */
    padding-left: 14px !important;    /* 左右留白 */
    line-height: 1.2 !important;
    font-size: 14px !important;
}

/* 3. 保持 Apply 按钮高度与输入框对齐 */
.wc-block-components-totals-coupon__button {
    height: 52px !important;
    line-height: 52px !important;
    padding: 0 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Rangkings';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://laherballe.com/wp-content/uploads/2026/05/Rangkings-Regular.woff2') format('woff2'),
		url('https://laherballe.com/wp-content/uploads/2026/05/Rangkings-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */