/**
* Theme Name: Goldsmith Child
* Description: This is a child theme of Goldsmith.
* Author: <a href="http://ninetheme.com/about">Ninetheme</a>
* Template: goldsmith
* Version: 1.3.2
*/

/* Register Side Bar css Start */
.auth-sidebar-overlay {
    display: none;
    position: fixed;
    z-index: 1049;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.36);
    transition: opacity 0.3s;
}

.auth-sidebar {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: -420px;
    width: 400px;
    max-width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 99999;
    box-shadow: -2px 0 12px 0 rgba(0, 0, 0, 0.15);
    transition: right 0.35s cubic-bezier(0.77, 0, 0.18, 1);
    padding: 38px 36px 24px 36px;
}

.auth-sidebar-open .auth-sidebar-overlay {
    display: block;
    opacity: 1;
}

.auth-sidebar-open .auth-sidebar {
    right: 0;
}

.auth-close-btn {
    position: absolute;
    top: 26px;
    right: 26px;
    background: #FFF;
    border: 2px solid #222;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-close-icon {
    font-size: 2rem;
    color: #222;
    line-height: 1;
    font-weight: bold;
}

.auth-sidebar-content {
    margin-top: 72px;
}

.auth-sidebar h1 {
    font-size: 2.7rem;
    font-weight: 700;
    margin: 0 0 40px;
}

.auth-signin-btn {
    display: inline-block;
    background: #111;
    color: #fff;
    font-size: 1.35rem;
    font-weight: 700;
    padding: 8px 35px;
    border: none;
    border-radius: 46px;
    cursor: pointer;
    margin: 0 0 15px 0;
    transition: background-color 0.2s;
}

.auth-signin-btn:hover {
    background: #333;
}

hr {
    border: none;
    border-top: 1px solid #eee;
    margin: 25px 0 20px;
}

.auth-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0 18px 0;
    border-bottom: 1px solid #f3f3f3;
}

.auth-option strong {
    font-size: 1.18rem;
}

.auth-arrow-btn {
    background: #fff;
    border: 2px solid #222;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.9rem;
    color: #111;
    cursor: pointer;
    margin-left: 24px;
}

.auth-arrow {
    font-size: 2.1rem;
    font-weight: 400;
}

.auth-desc {
    font-size: 0.96rem;
    color: #7C7C7C;
    margin-top: 2px;
}

@media (max-width: 460px) {
    .auth-sidebar {
        width: 100vw;
        right: -100vw;
        padding: 36px 14px
    }

    .auth-sidebar h1 {
        font-size: 2rem
    }
}

/* Register Side Bar css End */

.password-field-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 100%;
}

.password-field-wrapper input[type="password"],
.password-field-wrapper input[type="text"] {
    flex: 1 1 auto;
    /* width: 100%; optional depending on your CSS */
    padding-right: 2.5em;
    /* space for the button if overlapping */
}

.show-password-input {
    margin-left: -2.5em;
    /* Pull button into the input. Adjust as needed. */
    background: transparent;
    border: none;
    cursor: pointer;
    height: 2em;
    width: 2em;
    color: #666;
    /* Optionally, add icon as background or ::before content */
}

/* Optional: If you want button to overlay inside field: */
.password-field-wrapper {
    position: relative;
}

.password-field-wrapper .show-password-input {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.woocommerce-MyAccount-navigation-link--tuec_submissions a:before,
.woocommerce-MyAccount-navigation-link--compare a:before {
    content: "\f044" !important;
    /* Pencil icon (change to what you prefer) */
}

.submission-product img {
    width: 60px;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.best-seller-icon {
    width: 100%;
}

.sku-search-container {
    width: fit-content;
    margin-left: auto;
}

/* market application header  */

ul.market-application-terms {
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
    list-style-position: inside;
    display: block;
    line-height: normal;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.market-application-terms li a {
    color: var(--e-global-color-3c1a1ba);
    fill: var(--e-global-color-3c1a1ba);
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: "Helvetica", Sans-serif;
    font-size: 17px;
    font-weight: 400;
    display: block;
}

ul.market-application-terms li a:hover {
    color: var(--e-global-color-3e179bd);
}


.goldsmith-wishlist-btn.goldsmith-product-button.type-icon::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 640 640'><path d='M305 151.1L320 171.8L335 151.1C360 116.5 400.2 96 442.9 96C516.4 96 576 155.6 576 229.1L576 231.7C576 343.9 436.1 474.2 363.1 529.9C350.7 539.3 335.5 544 320 544C304.5 544 289.2 539.4 276.9 529.9C203.9 474.2 64 343.9 64 231.7L64 229.1C64 155.6 123.6 96 197.1 96C239.8 96 280 116.5 305 151.1z'/></svg>") no-repeat center / contain;
    opacity: 0;
    /* 🔹 Invisible but still exists */
    pointer-events: none;
    /* 🔹 Don’t block clicks */
    transition: opacity 0.3s ease;
}

.goldsmith-wishlist-btn.goldsmith-product-button.type-icon.added::after {
    opacity: 1;
    /* 🔹 Fade in when added */
}


.goldsmith-header-mobile-slide-menu .goldsmith-header-mobile-content .elementor-element {
    width: fit-content;
}

.goldsmith-header-mobile-slide-menu .goldsmith-header-mobile-content ul.market-application-terms{
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}

.icon-tooltip {
    position: absolute;
    background: #000;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s ease;
    z-index: 9999;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a{
    max-width: 241px;
    line-height: 26px !important;
}