/*
Theme Name: Martfury Child
Theme URI: http://drfuri.com/unero
Author: DrFuri
Author URI: http://drfuri.com
Description: Martfury Child Theme.
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: martfury
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: martfury
*/

/* 
 * ALTONEXGLOBAL VISUAL UNIFICATION (v1.0)
 * Objective: Remove visual randomness, unify header, and fix grid alignment.
 */

/* 1. Header & Logo Unification */
#site-header .header-logo {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

#site-header img.site-logo {
    max-height: 80px !important; /* Increase logo visibility */
    width: auto;
    transition: all 0.3s ease;
}

#site-header .product-extra-search {
    margin-top: 15px;
    margin-bottom: 0;
}

#site-header form.products-search {
    border: 2px solid #ff6600; /* Alibaba Brand Color */
    border-radius: 4px;
    overflow: hidden;
}

#site-header .mega-menu-wrap {
    margin-top: -5px !important; /* Bring menu closer to search */
}

/* 2. Unified Grid (Just For You & Others) */
#alx-jfy .products, .products.grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
}

.product {
    border: 1px solid #eee !important;
    background: #fff;
    padding: 15px !important;
    border-radius: 4px;
    transition: transform 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.product:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

.product img {
    aspect-ratio: 1/1 !important;
    object-fit: contain !important;
    background: #f9f9f9;
    width: 100%;
    margin-bottom: 10px;
}

.product .woocommerce-loop-product__title {
    font-size: 14px !important;
    line-height: 1.4 !important;
    height: 2.8em; /* Fixed height for 2 lines */
    overflow: hidden;
    margin-bottom: 10px !important;
    color: #333 !important;
}

/* 3. Section Cleanup (Verified/RFQ) */
#alx-oneag {
    background-color: #F2F3F7 !important; /* Alibaba Gray instead of Brown */
    border-radius: 8px;
    padding: 40px 20px !important;
    margin: 30px 0 !important;
}

#alx-oneag h2, #alx-oneag p, #alx-oneag div {
    color: #333 !important; /* Dark text on light gray */
}

/* 4. Global Typography & Spacing */
body {
    font-family: "Open Sans", Arial, sans-serif !important;
    color: #333;
}

.elementor-section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
 * ALTONEXGLOBAL ALIBABA STYLE UI (v1.3.0)
 * ───────────────────────────────────────────────────────────────────────────── */

/* 1. Alibaba Product Card (Grid View) */
.altonex-product-card { border: 1px solid #eee; padding: 15px; border-radius: 4px; transition: box-shadow 0.3s ease; background: #fff; }
.altonex-product-card:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.altonex-product-card .price-range { color: #ff6600; font-size: 1.2em; font-weight: bold; margin: 10px 0 5px; }
.altonex-product-card .moq-text { font-size: 0.9em; color: #666; margin-bottom: 10px; }
.altonex-product-card .vendor-verification { display: inline-flex; align-items: center; background: #fdf2e9; color: #e67e22; padding: 2px 8px; border-radius: 2px; font-size: 0.8em; font-weight: 600; }
.altonex-product-card .vendor-stats { font-size: 0.85em; color: #999; margin-top: 8px; display: flex; justify-content: space-between; }

/* 2. Tiered Pricing Table */
.altonex-tiered-pricing { width: 100%; border-collapse: collapse; margin: 20px 0; }
.altonex-tiered-pricing th, .altonex-tiered-pricing td { border: 1px solid #f0f0f0; padding: 12px; text-align: center; }
.altonex-tiered-pricing th { background: #fafafa; color: #333; font-weight: 600; }
.altonex-tiered-pricing .price { color: #ff6600; font-size: 1.3em; font-weight: bold; }

/* 3. Inquiry Button */
.altonex-btn-inquiry { background: #ff6600 !important; color: #fff !important; border: none; padding: 12px 25px; border-radius: 4px; text-transform: uppercase; font-weight: bold; width: 100%; cursor: pointer; }
.altonex-btn-inquiry:hover { background: #e65c00 !important; }

/* 4. Certification Ribbon */
.altonex-cert-ribbon { display: flex; gap: 15px; margin: 15px 0; padding: 10px; background: #f8f9fa; border-radius: 4px; border-left: 4px solid #ff6600; }
.altonex-cert-item { display: flex; align-items: center; font-size: 0.85em; color: #444; font-weight: 600; }
.altonex-cert-item i { color: #27ae60; margin-right: 5px; }
