.password-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.password-wrapper input {
    flex: 1;
    padding-right: 40px;
}

.toggle-password {
    position: absolute;
    left: 10px;
    cursor: pointer;
    font-size: 18px;
    color: #666;
}

.toggle-password:hover {
    color: #000;
}

div.error {
    color: #fff;
    background-color: #d9534f !important;
}

div#login-notice {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    min-height: 40px;
}

.success {
    color: #fff;
    background-color: #2E8B57 !important;
}


.login-wrapp {
    display: flex;
    align-items: center;
    color: #fff;
    border-radius: 5px;
    background: url("https://wpml.org/wp-content/themes/sitepress/images/bg-circles.png") no-repeat -75% -10%, linear-gradient(to left, #d6a1c8 0%, #b295f4 100%);
    background-size: 60% auto, cover;
    padding: 70px 70px 70px 70px;
    margin: 70px 0 30px;
    border-radius: 8px;
}

.writing-login {
    width: 50%;
}

.form-wrap {
    width: 50%;
    border: 2px dashed rgba(255, 255, 255, .3);
    padding: 20px 30px 20px;
    border-radius: 5px;
    /* display: flex; */
    /* flex-direction: column; */
    /* gap: 13px; */
}

.form-wrap form {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.form-wrap form label {
    color: #fff;
}

.writing-login p {
    font-size: 1.3rem;
}

.rtl div#dashboard-content h1,
.rtl div#dashboard-content h2,
.rtl div#dashboard-content h3,
.rtl div#dashboard-content h4,
.rtl div#dashboard-content h5,
.rtl div#dashboard-content h6,
.rtl div#dashboard-content p,
.rtl div#dashboard-content span,
.rtl div#dashboard-content a,
.rtl div#dashboard-content li,
.rtl div#dashboard-content ul,
.rtl div#dashboard-content ol,
.rtl div#dashboard-content button,
.rtl div#dashboard-content label {
    font-family: "Tajawal", Sans-serif;
}

.rtl #dashboard-menu ul li a {
    font-family: "Tajawal", Sans-serif;
}

.profile-header h2 {
    color: #fff !important;
    text-align: center !important;
}

/*  product */

.custom-grid-container {
    display: flex;
    gap: 20px;
}

.custom-grid-container>.product-item {
    width: calc(33.3333333%);
    background-color: var(--e-global-color-86de445);
    text-align: right;
    padding: 30px 40px 10px 40px;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-accent);
    border-radius: 20px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

h2.product-title,
h2.product-title a {
    text-align: center;
    margin: 0;
    color: #fff !important;
    text-decoration: none;
    margin-bottom: 10px;
    font-size: 1.7rem;
}

.custom-grid-container>.product-item img {
    width: 130px;
    margin: auto;
}

p.product-price {
    font-size: 2rem;
    color: #5a4591;
    font-weight: bold;
    margin: 0;
}

.package-description {
    border-top: 2px solid #ffffff36;
    padding-top: 17px;
}

.package-description p {
    color: #fff;
}

.package-description ul {
    list-style: none;
    padding: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.package-description ul li {
    display: flex;
    align-items: center;
    gap: 6px;
}

.package-description ul li span {
    line-height: 100%;
    margin-top: -3px;
    font-size: 16px;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
.product-button-group a,
.product-button-group button {
    width: 100%;
    display: flex;
    height: 40px;
    background-color: #5a4591;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    color: #fff;
}

.product-button-group {
    width: 100%;
}

/* Animation on hover */
/* Add default styles for product-item */
.product-item {
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    text-align: center;
    transition: all 0.5s ease, transform 0.5s ease;
    transform-origin: center;
}

.product-item:hover {
    background-color: #5a4591;
    /* Change background color */
    transform: rotate(0.7deg);
    /* Add a slight sway animation */
    padding-top: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    /* Optional shadow for hover effect */
}

.product-item:hover p.product-price {
    color: #fff;
}

.product-item:hover a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
.product-item:hover .product-button-group a,
.product-item:hover .product-button-group button {
    background-color: #fff;
    color: #5a4591;
}

h2#swal2-title {
    color: #fff;
}

/*  */

.woocommerce-cart .wp-block-woocommerce-cart.alignwide {
    width: 100%;
    margin: 0;
    margin-top: 1rem;
}

.woocommerce-cart .page-header,
.woocommerce-checkout .page-header {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.woocommerce-cart .page-header h1,
.woocommerce-checkout .page-header h1 {
    margin: 0;
    color: #d6a0c8;
}

.woocommerce-cart table thead,
.woocommerce-cart table thead tr,
.woocommerce-cart table.wc-block-cart-items thead th,
.woocommerce-cart table thead td {
    background: #5a4591 !important;
    color: #fff;
    font-size: 1rem !important;
    text-align: right;
    padding: 8px 16px 8px 16px !important;

}

.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product {
    visibility: visible;
}

.woocommerce-cart .wc-block-cart-item__wrap {
    display: flex;
    gap: 20px;
    height: inherit;
    align-items: center;
}

.woocommerce-cart .wc-block-cart-item__quantity {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.woocommerce-cart a.wc-block-components-product-name,
.woocommerce-cart .wc-block-cart-item__prices,
.woocommerce-cart .wc-block-components-formatted-money-amount {
    font-size: 1.1rem;
    text-decoration: none;
    color: #5a4591;
    font-weight: bold;
}


.woocommerce-cart button.wc-block-cart-item__remove-link {
    background-color: red !important;
    display: flex;
    border-radius: 16px !important;
    width: 78px;
    height: 34px;
    text-decoration: none !important;
    color: #fff !important;
}

.woocommerce-cart .wc-block-components-quantity-selector {
    margin: 0 !important;
}

.woocommerce-cart tr.wc-block-cart-items__row {
    background-color: #f1f1f1a6;
}

.woocommerce-cart a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
.woocommerce-cart button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,
.woocommerce-checkout button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    background-color: #5a4591;
    padding: 0 20px;
    height: 38px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none !important;
    border-radius: 10px;
}

.woocommerce-cart button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained span,
.woocommerce-checkout button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained span {
    padding: 0;
    height: auto;
}

body.logged-in .dashboard-icon {
    display: block;
}

body:not(.logged-in) .dashboard-icon {
    display: none;
}

body.logged-in .login-icon {
    display: none;
}

body:not(.logged-in) .login-icon {
    display: block;
}



.wc-block-grid.wp-block-product-new.wp-block-woocommerce-product-new.wc-block-product-new.has-4-columns {
    display: none;
}

.login-wrapp .form-group {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.login-wrapp a {
    color: #fff;
    font-weight: bold;
    font-size: 1.1rem;
}

div.wpforms-container-full .wpforms-confirmation-container-full,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #9f7cb8;
    border: 1px solid #9f7cb8;
    box-sizing: border-box;
}

div.wpforms-container-full .wpforms-confirmation-container-full p,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
    color: #fff;
}