@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

:root {
    --wp--preset--color--primary: #0F766E;
    --wp--preset--color--secondary: #F0FDF4;
    --wp--preset--color--accent: #D97706;
    --wp--preset--color--dark: #12315D;
}

body, p, li, span, input, textarea, select, button {
    font-family: 'Poppins', sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    color: var(--wp--preset--color--dark) !important;
}

.fusion-button-default, input[type="submit"], .button, .uni-cpo-active {
    background-color: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
    color: #FFFFFF !important;
}

/* Hero fade overlay */
.cf-home-hero {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0) 70%), url("https://coversforge.com/wp-content/uploads/2026/06/微信图片_20260608125709_528_257-scaled.png") !important;
}

/* Hide duplicate slides */
.fusion-image-carousel-3 .swiper-slide:nth-child(n+6) {
    display: none !important;
}

/* Hide duplicate hero section */
.fusion-builder-row-2 {
    display: none !important;
}

/* CPO UI Polish */
#product-info-center .uni-row-content-block { display: block !important; width: 100% !important; }
.uni-cpo-fields-container, #custom-height-wrap .uni-col-content-block > div { display: grid !important;gap: 15px !important; }
.uni-cpo-field-wrapper label { font-weight: 800 !important; text-transform: uppercase; color: var(--wp--preset--color--dark) !important; }
.uni-cpo-field-wrapper input { border-radius: 6px !important; border: 1.5px solid #e5e7eb !important; }

/* Footer white text */
.fusion-footer, .fusion-footer *, .fusion-footer a {
    color: #ffffff !important;
}


/* --- Header Icons: Perfect Alignment Fixed --- */
.cf-ca-action {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 8px !important;
    text-decoration: none !important;
    height: 52px !important;
    min-width: 80px !important;
}


/* Normalize each icon's visual size to match */

.cf-ca-action span small {
    display: block !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    margin-top: 1px !important;
}

/* Cart Specific Badge */
.cf-ca-cart {
    position: relative !important;
    justify-content: flex-start !important;
}


.cf-ca-badge {
    position: absolute !important;
    top: 6px !important;
    right: 22px !important;
    background: #D97706 !important;
    color: #fff !important;
    border-radius: 50% !important;
    width: 16px !important;
    height: 16px !important;
    font-size: 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2;
    padding: 0 !important;
    margin: 0 !important;
}




/* Fix icon clipping - Corrected */\n
/* --- PRECISE SVG ICONS MATCHING REFERENCE IMAGE --- */

.cf-ca-ico {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 auto 5px auto !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}

.cf-ca-ico::before,
.cf-ca-ico::after {
    display: none !important;
    content: none !important;
}

/* 1. QUOTE: Clipboard with pencil */
.cf-ca-icon-quote {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312315D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'%3E%3C/rect%3E%3Cpath d='M9 3a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'%3E%3C/path%3E%3Cline x1='9' y1='9' x2='15' y2='9'%3E%3C/line%3E%3Cline x1='9' y1='12' x2='15' y2='12'%3E%3C/line%3E%3Cline x1='9' y1='15' x2='12' y2='15'%3E%3C/line%3E%3Cpath d='m13 16 2-2 2 2' stroke-width='1.2'%3E%3C/path%3E%3C/svg%3E") !important;
}

/* 2. TRACKING: 3D box/package */
.cf-ca-icon-track {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312315D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'%3E%3C/path%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'%3E%3C/path%3E%3Cline x1='12' y1='22' x2='12' y2='12'%3E%3C/line%3E%3C/svg%3E") !important;
}

/* 3. ACCOUNT: Person silhouette */
.cf-ca-icon-user {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312315D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3Cpath d='M4 20c0-4 3.6-7 8-7s8 3 8 7'%3E%3C/path%3E%3C/svg%3E") !important;
}

/* 4. CART: Shopping bag with handle */
.cf-ca-cart .cf-ca-ico {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312315D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'%3E%3C/path%3E%3Cline x1='3' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E") !important;
}

/* Container cleanup */
.cf-ca-action {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 8px !important;
    text-decoration: none !important;
}

.cf-ca-action span:not(.cf-ca-badge) {
    font-size: 11px !important;
    color: #1a1a1a !important;
    text-align: center !important;
}


/* --- PRECISE SVG ICONS MATCHING REFERENCE IMAGE --- */

.cf-ca-ico {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 auto 5px auto !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}

.cf-ca-ico::before,
.cf-ca-ico::after {
    display: none !important;
    content: none !important;
}

/* 1. QUOTE: Clipboard with pencil */
.cf-ca-icon-quote {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312315D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'%3E%3C/rect%3E%3Cpath d='M9 3a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'%3E%3C/path%3E%3Cline x1='9' y1='9' x2='15' y2='9'%3E%3C/line%3E%3Cline x1='9' y1='12' x2='15' y2='12'%3E%3C/line%3E%3Cline x1='9' y1='15' x2='12' y2='15'%3E%3C/line%3E%3Cpath d='m13 16 2-2 2 2' stroke-width='1.2'%3E%3C/path%3E%3C/svg%3E") !important;
}

/* 2. TRACKING: 3D box/package */
.cf-ca-icon-track {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312315D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'%3E%3C/path%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'%3E%3C/path%3E%3Cline x1='12' y1='22' x2='12' y2='12'%3E%3C/line%3E%3C/svg%3E") !important;
}

/* 3. ACCOUNT: Person silhouette */
.cf-ca-icon-user {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312315D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3Cpath d='M4 20c0-4 3.6-7 8-7s8 3 8 7'%3E%3C/path%3E%3C/svg%3E") !important;
}

/* 4. CART: Shopping bag with handle */
.cf-ca-cart .cf-ca-ico {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312315D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'%3E%3C/path%3E%3Cline x1='3' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'%3E%3C/path%3E%3C/svg%3E") !important;
}

/* --- Navigation Menu: Balanced Spacing Increase --- */
.fusion-main-menu > ul > li > a {
    padding-left: 18px !important;
    padding-right: 18px !important;
    letter-spacing: 0.02em !important;
}

/* --- Navigation Menu: Balanced 8-item Layout --- */
.cf-ca-nav-inner a {
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.cf-ca-nav-inner a:hover {
    color: #0F766E !important;
}

/* Best Sellers and New Arrivals - subtle highlight */



  

/* --- Nav Menu: Distribute 8 items evenly across full width --- */
.cf-ca-nav-inner {
    display: flex !important;
    justify-content: space-evenly !important;
    width: 100% !important;
    align-items: center !important;
}

.cf-ca-nav-inner a {
    padding-left: 8px !important;
    padding-right: 8px !important;
    white-space: nowrap !important;
}\n
/* --- Popup Close Button: Force Visible --- */
#awb-oc-1849 .off-canvas-close,
.awb-off-canvas-wrap.type-popup .off-canvas-close {
    visibility: visible !important;
    opacity: 1 !important;
    display: flex !important;
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 9999 !important;
    width: 32px !important;
    height: 32px !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0, 0, 0, 0.15) !important;
    border-radius: 50% !important;
    border: none !important;
    cursor: pointer !important;
    color: #ffffff !important;
    font-size: 16px !important;
    transition: background 0.2s ease !important;
}

#awb-oc-1849 .off-canvas-close:hover,
.awb-off-canvas-wrap.type-popup .off-canvas-close:hover {
    background: rgba(0, 0, 0, 0.35) !important;
}
/* 新建 */
body #main .uni-module-radio-image-mode .uni-cpo-radio-option-label {
/*     flex: 1 1 calc(33.333% - 15px) !important;
    max-width: calc(33.333% - 10px) !important;
		min-height: 333px !important;
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important; */
    padding: 1px !important;
/*     margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important; */
}
body #main .uni-module-radio-image-mode input[type="radio"]:checked + .uni-cpo-radio-option-label {
    border: 1px solid #007aff !important;
    background-color: #f9fafb !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

body #main .single-product .uni-cpo-option-label__image-wrap,
body #main .uni-cpo-option-label__image-wrap {
    width: 100% !important;
    aspect-ratio: 0 / 1 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    background: #f1f4f8 !important;
    margin-bottom: 8px !important;
}
body.single-product #product-info-center>.fusion-column-wrapper {
    gap: 0px !important;
}