/**
 * Why Buy From Us - Layout Overrides & Enhancements
 * Overrides Woodmart theme container + adds button sweep hover effects.
 * Page content is managed via Elementor (page ID 8401).
 *
 * @since 1.1.0
 */

/* =============================================
   Full-width overrides for Woodmart container
   ============================================= */
body.page-id-8401 main.wd-content-layout.container {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body.page-id-8401 .elementor-section-wrap,
body.page-id-8401 .elementor-top-section,
body.page-id-8401 .e-con {
    max-width: 100% !important;
}

body.page-id-8401 .page-title {
    display: none !important;
}

/* =============================================
   Button base hover mechanics (lift effect)
   ============================================= */
body.page-id-8401 .elementor-button {
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    transition: color 0.4s ease,
                border-color 0.4s ease,
                background-color 0.4s ease,
                transform 0.35s ease,
                box-shadow 0.35s ease !important;
}

body.page-id-8401 .elementor-button:hover {
    transform: translateY(-2px) !important;
}

/* =============================================
   Sweep pseudo-element (only for outline buttons)
   ============================================= */
body.page-id-8401 .lxd-btn-outline .elementor-button::before,
body.page-id-8401 .lxd-btn-outline-light .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    transform: scaleX(0) !important;
    transform-origin: right !important;
    transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

body.page-id-8401 .lxd-btn-outline .elementor-button:hover::before,
body.page-id-8401 .lxd-btn-outline-light .elementor-button:hover::before {
    transform: scaleX(1) !important;
    transform-origin: left !important;
}

/* --- Outline on light bg: gold sweep --- */
body.page-id-8401 .lxd-btn-outline .elementor-button::before {
    background: #CDA355 !important;
}
body.page-id-8401 .lxd-btn-outline .elementor-button:hover {
    color: #FFFFFF !important;
    border-color: #CDA355 !important;
}

/* --- Outline on dark bg: subtle white sweep --- */
body.page-id-8401 .lxd-btn-outline-light .elementor-button::before {
    background: rgba(255, 255, 255, 0.12) !important;
}
body.page-id-8401 .lxd-btn-outline-light .elementor-button:hover {
    border-color: rgba(255, 255, 255, 0.6) !important;
}

/* --- Filled gold: simple darken + lift + glow (no sweep) --- */
body.page-id-8401 .lxd-btn-filled .elementor-button:hover {
    box-shadow: 0 8px 28px rgba(205, 163, 85, 0.3) !important;
}