/*
 Theme Name:   Vemus Child
 Theme URI:    https://vemus.autodealwordpress.com
 Description:  Vemus Child Theme for Hybrid Optimization (Alpine.js integration)
 Author:       Antigravity
 Template:     vemus
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  vemus-child
*/

/* Exact copy of critical CSS from WCBoost Wishlist Plugin for visual parity */
:root {
    --wcboost-wishlist-button-color--text: #fff;
    --wcboost-wishlist-button-color--border: #333;
    --wcboost-wishlist-button-color--background: #333;
    --wcboost-wishlist-button-hover-color--text: #fff;
    --wcboost-wishlist-button-hover-color--border: #111;
    --wcboost-wishlist-button-hover-color--background: #111;
}

.wcboost-wishlist-button.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: normal;
    /* Fixed from 1 to avoid cutting off text */
    text-decoration: none;
    padding: 10px 15px;
    /* Added padding to match typical button styles */
    border-radius: 4px;
    /* Slight rounded corners */
}

/* Replicate standard plugin button styles if they differ from theme buttons */
.wcboost-wishlist-button__icon {
    margin-right: .4em;
    display: flex;
    align-items: center;
}

.wcboost-wishlist-button__icon svg {
    vertical-align: -0.125em;
    width: 1em;
    height: auto;
    fill: currentColor;
}

.wcboost-wishlist-button--custom {
    color: var(--wcboost-wishlist-button-color--text);
    border: 1px solid var(--wcboost-wishlist-button-color--border);
    background-color: var(--wcboost-wishlist-button-color--background);
    transition: .1s ease-in;
}

.wcboost-wishlist-button--custom:hover {
    color: var(--wcboost-wishlist-button-hover-color--text);
    border-color: var(--wcboost-wishlist-button-hover-color--border);
    background-color: var(--wcboost-wishlist-button-hover-color--background);
}

/* Ensure it sits nicely in the loop */
.woocommerce ul.products li.product .wcboost-wishlist-button-wrapper {
    margin-top: 10px;
    width: 100%;
    /* Full width container if needed */
    text-align: center;
}

/* Fix for Cart Icon Alignment */
.nav-icon {
    align-items: center !important;
}

/* =========================================
   My Account Premium Redesign
   ========================================= */

/* Main Container Spacing */
.my-account-container {
    padding-top: 50px;
    padding-bottom: 80px;
}

/* Sidebar Styling */
.account-sidebar-wrapper {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    padding: 20px;
    overflow: hidden;
}

.account-sidebar-wrapper .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.account-sidebar-wrapper .woocommerce-MyAccount-navigation li {
    margin-bottom: 5px;
    border: none;
    /* Reset default borders */
}

.account-sidebar-wrapper .woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 12px 20px;
    border-radius: 6px;
    font-weight: 500;
    color: #4a4a4a;
    transition: all 0.3s ease;
    text-decoration: none;
}

.account-sidebar-wrapper .woocommerce-MyAccount-navigation li a:hover {
    background-color: #f8f9fa;
    color: #000;
    transform: translateX(5px);
}

/* Active State */
.account-sidebar-wrapper .woocommerce-MyAccount-navigation li.is-active a {
    background-color: #f0f0f0;
    /* Use a subtle neutral or brand light color */
    color: #000;
    font-weight: 700;
    border-left: 3px solid #d4af37;
    /* Gold accent */
}

/* Content Area Styling */
.account-content-wrapper {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    min-height: 400px;
    /* Ensure balance with sidebar */
}

.account-content-wrapper h2,
.account-content-wrapper h3 {
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.account-content-wrapper p {
    color: #666;
    line-height: 1.6;
}

/* Form Inputs enhancement */
.woocommerce-MyAccount-content form .form-row input.input-text {
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    transition: border-color 0.3s ease;
}

.woocommerce-MyAccount-content form .form-row input.input-text:focus {
    border-color: #d4af37;
    outline: none;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1);
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .account-sidebar-wrapper {
        margin-bottom: 30px;
    }
}