/*!
Theme Name: packagingbox
Theme URI: https://packagingbox.pk
Author: Rao Bilal
Author URI: https://packagingbox.pk
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: packagingbox
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

packagingbox is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
  /**
  @font family declaration
  */
  --tp-ff-body: Satoshi;
  --tp-ff-heading: 'Outfit', sans-serif;
  --tp-ff-satoshi: Satoshi;
  --tp-ff-fontawesome: Font Awesome 6 Pro;
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black: #09052F;
  --tp-common-black-2: #070707;
  --tp-common-black-3: #000000;
  --tp-common-black-4: #272F4D;
  --tp-common-red: #FF3F4A;
  --tp-common-green: #245757;
  --tp-common-purple: #7D2EFF;
  --tp-common-purple-2: #735CFC;
  --tp-common-pink: #F94E41;
  --tp-common-pink-2: #F8F3FF;
  --tp-common-pink-3: #FAF6FC;
  --tp-common-pink-4: #F43278;
  --tp-heading-primary: #09052F;
  --tp-grey-1: #EEEEF5;
  --tp-grey-2: #F5F7FA;
  --tp-grey-3: #5B646B;
  --tp-grey-4: #787981;
  --tp-text-body: #72747C;
  --tp-theme-1: linear-gradient(90.07deg, #FF4E8D 32.43%, #AE34E8 58.79%, #3E8DFF 105.32%);
  --tp-theme-2: #6B14FA;
  --tp-theme-3: #951DF6;
  --tp-border-1: #EFF1F5;
}
/* Main product container */
.single-product div.product {
    background-color: var(--tp-common-white);
/*     padding: 30px; */
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    font-family: var(--tp-ff-body);
}

/* Product title */
.single-product .product_title {
    font-size: 28px;
    color: var(--tp-heading-primary);
    margin-bottom: 15px;
    font-family: var(--tp-ff-heading);
    font-weight: 600;
}

/* Price */
.single-product p.price {
    font-size: 24px;
    background: var(--tp-theme-1);
    -webkit-background-clip: text;
    background-clip: text;
    color: #735cfc !important;
    font-weight: bold;
    margin: 15px 0;
    font-family: var(--tp-ff-heading);
}

/* Sale price */
.single-product .price ins {
    text-decoration: none;
    background: transparent;
}

/* Regular price when on sale */
.single-product .price del {
    color: var(--tp-grey-4);
    font-size: 18px;
}

/* Add to cart button */
.single-product .single_add_to_cart_button {
    background: var(--tp-theme-1) !important;
    color: var(--tp-common-white) !important;
    padding: 12px 25px !important;
    border-radius: 4px !important;
    text-transform: uppercase;
    font-weight: 600;
/*     transition: all 0.3s ease; */
    border: none !important;
    font-family: var(--tp-ff-body);
}

/* Quantity input */
.single-product .quantity .qty {
    padding: 9px;
    border: 1px solid #577afa;
    border-radius: 4px;
    font-family: var(--tp-ff-body);
}

/* Product tabs */
.woocommerce-tabs ul.tabs {
    padding: 0 !important;
    margin: 30px 0 0 0 !important;
    border-bottom: 1px solid var(--tp-border-1);
}

.woocommerce-tabs ul.tabs li {
    background-color: var(--tp-grey-2) !important;
    border-radius: 4px 4px 0 0 !important;
    margin-right: 5px !important;
    border-color: var(--tp-border-1) !important;
}

.woocommerce-tabs ul.tabs li.active {
    background-color: var(--tp-common-white) !important;
    border-bottom-color: var(--tp-common-white) !important;
}

.woocommerce-tabs ul.tabs li a {
    color: var(--tp-text-body) !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    font-family: var(--tp-ff-heading);
}

.woocommerce-tabs ul.tabs li.active a {
    color: var(--tp-heading-primary) !important;
}

/* Tab content */
.woocommerce-tabs .panel {
    padding: 25px !important;
    background-color: var(--tp-common-white);
    border: 1px solid var(--tp-border-1);
    border-top: none;
    border-radius: 0 0 4px 4px;
}

/* Product description */
.woocommerce-product-details__short-description,
.woocommerce-Tabs-panel--description {
    color: var(--tp-text-body);
    line-height: 1.7;
    font-family: var(--tp-ff-body);
}

/* Product meta (categories, tags, etc.) */
.product_meta {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--tp-border-1);
    color: var(--tp-text-body);
    font-family: var(--tp-ff-body);
}

.product_meta a {
    background: var(--tp-theme-1);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.product_meta a:hover {
    opacity: 0.9;
}

/* Product images */
.woocommerce-product-gallery {
    border: 1px solid var(--tp-border-1);
    border-radius: 8px;
    overflow: hidden;
}

.woocommerce-product-gallery__image {
    transition: all 0.3s ease;
}

/* Product thumbnails */
.woocommerce-product-gallery .flex-control-thumbs li {
    padding: 5px;
}

.woocommerce-product-gallery .flex-control-thumbs img {
    border-radius: 4px;
    border: 1px solid var(--tp-border-1);
}

/* Reviews styling */
.woocommerce-Reviews-title {
    font-size: 22px;
    color: var(--tp-heading-primary);
    margin-bottom: 20px;
    font-family: var(--tp-ff-heading);
}

/* Review comments */
#reviews #comments ol.commentlist {
    padding-left: 0;
}

#reviews #comments ol.commentlist li {
    background-color: var(--tp-common-pink-3);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    border: 1px solid var(--tp-border-1);
}

#reviews #comments ol.commentlist li img.avatar {
    border-radius: 50%;
    border: none;
    background: transparent;
    padding: 0;
    width: 50px;
    height: 50px;
}

.comment-text {
    margin-left: 65px !important;
    border: none !important;
    padding: 0 !important;
    font-family: var(--tp-ff-body);
}

/* Star ratings */
.star-rating, .woocommerce-review__rated {
    color: var(--tp-common-pink-4) !important;
}

.stars a {
    color: var(--tp-common-pink-4) !important;
}

/* Review meta */
.woocommerce-review__author {
    color: var(--tp-heading-primary);
    font-weight: 600;
    font-family: var(--tp-ff-heading);
}

.woocommerce-review__dash {
    display: none;
}

.woocommerce-review__published-date {
    color: var(--tp-text-body);
    font-size: 0.9em;
}

/* Review comment form */
#review_form_wrapper {
    background-color: var(--tp-common-pink-2);
    padding: 25px;
    border-radius: 8px;
    margin-top: 30px;
}

#review_form .comment-reply-title {
    color: var(--tp-heading-primary);
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
    font-family: var(--tp-ff-heading);
}

#review_form .comment-form-rating label {
    margin-right: 10px;
    color: var(--tp-text-body);
}

#review_form .comment-form input[type="text"],
#review_form .comment-form input[type="email"],
#review_form .comment-form textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid var(--tp-border-1);
    border-radius: 4px;
    background-color: var(--tp-common-white);
    font-family: var(--tp-ff-body);
}

#review_form .comment-form textarea {
    height: 120px;
}

#review_form .form-submit input[type="submit"] {
    background: var(--tp-theme-1) !important;
    color: var(--tp-common-white) !important;
    padding: 12px 25px !important;
    border-radius: 4px !important;
    text-transform: uppercase;
    font-weight: 600;
/*     transition: all 0.3s ease; */
    border: none !important;
    font-family: var(--tp-ff-heading);
}

#review_form .form-submit input[type="submit"]:hover {
    opacity: 0.9 !important;
}

/* Related products */
.related.products h2 {
    font-size: 24px;
    color: var(--tp-heading-primary);
    margin: 40px 0 20px;
    text-align: center;
    font-family: var(--tp-ff-heading);
}

.related.products ul.products li.product {
    background-color: var(--tp-common-white);
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    font-family: var(--tp-ff-body);
}

.related.products ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Product on sale badge */
.single-product span.onsale {
    background: var(--tp-theme-1) !important;
    color: var(--tp-common-white) !important;
    min-height: auto !important;
    min-width: auto !important;
    padding: 5px 10px !important;
    font-weight: 600;
    line-height: 1.5 !important;
    border-radius: 4px !important;
    font-family: var(--tp-ff-body);
}

/* Additional styling for product variations */
.single-product table.variations label {
    color: var(--tp-heading-primary);
    font-weight: 500;
    font-family: var(--tp-ff-heading);
}

.single-product table.variations select {
    padding: 8px;
    border: 1px solid var(--tp-border-1);
    border-radius: 4px;
    background-color: var(--tp-common-white);
    font-family: var(--tp-ff-body);
}

/* Stock status */
.single-product .stock {
    color: var(--tp-common-purple) !important;
    font-weight: 500;
}

.single-product .out-of-stock {
    color: var(--tp-common-red) !important;
}

/* Product attributes table */
.shop_attributes {
    border: 1px solid var(--tp-border-1);
    border-collapse: collapse;
    font-family: var(--tp-ff-body);
}

.shop_attributes th,
.shop_attributes td {
    border: 1px solid var(--tp-border-1);
    padding: 10px 15px;
}

.shop_attributes th {
    background-color: var(--tp-grey-2);
    color: var(--tp-heading-primary);
    font-family: var(--tp-ff-heading);
}

.shop_attributes td {
    color: var(--tp-text-body);
}

/* Breadcrumb */
.woocommerce-breadcrumb {
    color: var(--tp-text-body) !important;
    margin-bottom: 20px !important;
    font-family: var(--tp-ff-body);
}

.woocommerce-breadcrumb a {
    color: var(--tp-grey-3) !important;
}

.woocommerce-breadcrumb a:hover {
    background: var(--tp-theme-1);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}

/* product card styling */
/* Basic Product Grid */


/* Product Card */
.woocommerce ul.products li.product {
/*     width: 100% !important; */
/*     margin: 0; */
    background-color: var(--tp-common-white);
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-family: var(--tp-ff-body);
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-5px);
}

/* Product Image */
.woocommerce ul.products li.product img {
    border-radius: 10px 10px 0 0;
    height: 200px;
    object-fit: cover;
    margin: 0;
}

/* Product Title */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: 600;
    margin: 15px 15px 8px;
    min-height: 40px;
    color: var(--tp-heading-primary);
    font-family: var(--tp-ff-heading);
}

/* Product Price - Centered */
.woocommerce ul.products li.product .price {
    font-size: 18px;
    font-weight: 700;
    margin: 8px auto;
    background: var(--tp-theme-1);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-align: center;
    display: block;
    font-family: var(--tp-ff-heading);
}

.woocommerce ul.products li.product .price del {
    color: var(--tp-grey-4);
    font-size: 14px;
}

/* Star Rating - Centered */
.woocommerce ul.products li.product .star-rating {
    margin: 5px auto 10px !important;
    color: var(--tp-common-pink-4);
    float: none;
}

/* Sale Badge */
.woocommerce ul.products li.product .onsale {
    background: var(--tp-theme-1);
    color: var(--tp-common-white);
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    margin: 10px;
    top: 0;
    right: 0;
    font-family: var(--tp-ff-body);
    font-weight: 600;
}

/* Add to Cart Button - Hidden by default, shown on hover */
.woocommerce ul.products li.product .button {
    background: var(--tp-theme-1);
    color: var(--tp-common-white);
    border-radius: 5px;
    padding: 10px;
    font-weight: 600;
    text-align: center;
    margin: 0;
    border: none;
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    width: 80%;
    margin: 0 auto;
    transition: bottom 0.3s ease;
    font-family: var(--tp-ff-heading);
}

.woocommerce ul.products li.product:hover .button {
    bottom: 15px;
}

/* Add extra padding at bottom to make room for the button */
.woocommerce ul.products li.product {
    padding-bottom: 60px;
}


/* woocommerce pagination style */
/* WooCommerce Pagination Styling */
.woocommerce nav.woocommerce-pagination {
    text-align: center;
    margin: 40px 0;
}

.woocommerce nav.woocommerce-pagination ul {
    display: inline-flex;
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    font-family: var(--tp-ff-body);
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none;
    margin: 0;
    padding: 0;
    overflow: visible;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    padding: 12px 18px;
    min-width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    color: var(--tp-text-body);
    background-color: var(--tp-common-white);
    transition: all 0.3s ease;
    border-right: 1px solid var(--tp-border-1);
}

.woocommerce nav.woocommerce-pagination ul li:last-child a,
.woocommerce nav.woocommerce-pagination ul li:last-child span {
    border-right: none;
}

/* Current page */
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--tp-theme-1);
    color: var(--tp-common-white);
    font-weight: 600;
    font-family: var(--tp-ff-heading);
}

/* Hover state */
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:focus {
    background: var(--tp-common-pink-2);
    color: var(--tp-heading-primary);
}

/* Previous/Next buttons */
.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li a.next {
    font-size: 14px;
    background: var(--tp-grey-2);
    font-family: var(--tp-ff-heading);
}

.woocommerce nav.woocommerce-pagination ul li a.prev:hover,
.woocommerce nav.woocommerce-pagination ul li a.next:hover {
    background: var(--tp-common-pink-3);
}

/* Responsive design */
@media (max-width: 480px) {
    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li span {
        padding: 8px 12px;
        min-width: 35px;
        font-size: 14px;
    }
    
    .woocommerce nav.woocommerce-pagination ul li a.prev,
    .woocommerce nav.woocommerce-pagination ul li a.next {
        font-size: 12px;
    }
}


/* woocommerce sidebar widget styling */
/* WooCommerce Sidebar Widget General Styling */
.woocommerce-sidebar .widget,
.widget-area .widget {
    background-color: var(--tp-common-white) !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05) !important;
    padding: 25px !important;
    margin-bottom: 0px !important;
    font-family: var(--tp-ff-body) !important;
}

/* Widget Title */
.woocommerce-sidebar .widget h2,
.woocommerce-sidebar .widget h3,
.widget-area .widget .widget-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--tp-heading-primary) !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--tp-border-1) !important;
    position: relative !important;
    font-family: var(--tp-ff-heading) !important;
}

.woocommerce-sidebar .widget h2:after,
.woocommerce-sidebar .widget h3:after,
.widget-area .widget .widget-title:after {
    content: '' !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    width: 50px !important;
    height: 3px !important;
    background: var(--tp-theme-1) !important;
    border-radius: 10px !important;
}

/* Price Filter Widget */
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #bec0c3 !important;
    border-radius: 20px !important;
    height: 4px !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: var(--tp-theme-1) !important;
    border-radius: 20px !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background: #7f54b3 !important;
    border: 2px solid var(--tp-theme-1) !important;
    width: 16px !important;
    height: 16px !important;
    top: -6px !important;
    cursor: pointer !important;
}

.woocommerce .widget_price_filter .price_slider_amount {
    display: flex !important;
    flex-direction: column-reverse !important;
    text-align: left !important;
    line-height: 2.4 !important;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
    background: var(--tp-theme-1) !important;
    color: var(--tp-common-white) !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    padding: 8px 15px !important;
    margin-top: 15px !important;
    transition: all 0.3s ease !important;
    font-family: var(--tp-ff-heading) !important;
}

.woocommerce .widget_price_filter .price_slider_amount .button:hover {
    opacity: 0.9 !important;
    transform: translateY(-2px) !important;
}

.woocommerce .widget_price_filter .price_label {
    font-size: 14px !important;
    color: var(--tp-text-body) !important;
}

/* Product Categories Widget */
.woocommerce-sidebar .widget_product_categories ul,
.widget-area .widget_product_categories ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-sidebar .widget_product_categories ul li,
.widget-area .widget_product_categories ul li {
    padding: 8px 0 !important;
    border-bottom: 1px solid var(--tp-border-2) !important;
    position: relative !important;
    color: var(--tp-text-body) !important;
    font-size: 15px !important;
}

.woocommerce-sidebar .widget_product_categories ul li:last-child,
.widget-area .widget_product_categories ul li:last-child {
    border-bottom: none !important;
}

.woocommerce-sidebar .widget_product_categories ul li a,
.widget-area .widget_product_categories ul li a {
    color: var(--tp-text-body) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    display: inline-block !important;
    padding-left: 5px !important;
}

.woocommerce-sidebar .widget_product_categories ul li a:hover,
.widget-area .widget_product_categories ul li a:hover {
    color: var(--tp-theme-1) !important;
    transform: translateX(3px) !important;
}

.woocommerce-sidebar .widget_product_categories ul li a:before,
.widget-area .widget_product_categories ul li a:before {
    content: '›' !important;
    margin-right: 8px !important;
    color: var(--tp-theme-1) !important;
    font-size: 18px !important;
    line-height: 0 !important;
    position: relative !important;
    top: 2px !important;
}

.woocommerce-sidebar .widget_product_categories .count,
.widget-area .widget_product_categories .count {
    background-color: var(--tp-common-pink-1) !important;
    color: var(--tp-text-body) !important;
    font-size: 12px !important;
    padding: 2px 8px !important;
    border-radius: 20px !important;
    float: right !important;
    margin-top: 2px !important;
}

/* Product Search Widget */
.woocommerce-product-search,
.widget_product_search form {
    position: relative !important;
}

.woocommerce-product-search .search-field,
.widget_product_search .search-field {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid var(--tp-border-1) !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    color: var(--tp-text-body) !important;
    background-color: var(--tp-grey-1) !important;
    transition: all 0.3s ease !important;
    font-family: var(--tp-ff-body) !important;
}

.woocommerce-product-search .search-field:focus,
.widget_product_search .search-field:focus {
    outline: none !important;
    border-color: var(--tp-common-pink-3) !important;
    box-shadow: 0 0 0 3px rgba(251, 63, 82, 0.1) !important;
}

.woocommerce-product-search button,
.widget_product_search button {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    height: 100% !important;
    padding: 0 15px !important;
    background: var(--tp-theme-1) !important;
    color: var(--tp-common-white) !important;
    border: none !important;
    border-radius: 0 6px 6px 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    font-family: var(--tp-ff-heading) !important;
}

.woocommerce-product-search button:hover,
.widget_product_search button:hover {
    opacity: 0.9 !important;
}

/* Recent Products, Featured Products, Top Rated Products Widgets */
.woocommerce ul.product_list_widget li {
    padding: 12px 0 !important;
    border-bottom: 1px solid var(--tp-border-2) !important;
    display: flex !important;
    align-items: center !important;
}

.woocommerce ul.product_list_widget li:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.woocommerce ul.product_list_widget li:first-child {
    padding-top: 0 !important;
}

.woocommerce ul.product_list_widget li img {
    float: left !important;
    width: 60px !important;
    height: 60px !important;
    margin-right: 15px !important;
    border-radius: 6px !important;
    object-fit: cover !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
}

.woocommerce ul.product_list_widget li a {
    font-weight: 500 !important;
    color: var(--tp-heading-primary) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 5px !important;
    display: block !important;
    font-family: var(--tp-ff-heading) !important;
}

.woocommerce ul.product_list_widget li a:hover {
    color: var(--tp-theme-1) !important;
}

.woocommerce ul.product_list_widget li .star-rating {
    margin: 5px 0 !important;
    font-size: 12px !important;
    color: var(--tp-common-pink-4) !important;
}

.woocommerce ul.product_list_widget li .amount {
    font-weight: 600 !important;
    color: var(--tp-theme-1) !important;
    font-size: 14px !important;
    font-family: var(--tp-ff-heading) !important;
}

.woocommerce ul.product_list_widget li del .amount {
    color: var(--tp-text-body) !important;
    font-weight: normal !important;
    font-size: 12px !important;
    text-decoration: line-through !important;
    margin-right: 5px !important;
}

.woocommerce ul.product_list_widget li ins {
    text-decoration: none !important;
}

/* Filter by Attribute Widget */
.woocommerce .woocommerce-widget-layered-nav-list {
    max-height: 250px !important;
    overflow-y: auto !important;
    padding-right: 10px !important;
}

.woocommerce .woocommerce-widget-layered-nav-list::-webkit-scrollbar {
    width: 5px !important;
}

.woocommerce .woocommerce-widget-layered-nav-list::-webkit-scrollbar-track {
    background: var(--tp-grey-1) !important;
    border-radius: 10px !important;
}

.woocommerce .woocommerce-widget-layered-nav-list::-webkit-scrollbar-thumb {
    background: var(--tp-border-1) !important;
    border-radius: 10px !important;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
    padding: 6px 0 !important;
    display: flex !important;
    align-items: center !important;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a {
    color: var(--tp-text-body) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:hover {
    color: var(--tp-theme-1) !important;
}

.woocommerce .woocommerce-widget-layered-nav-list .count {
    background-color: var(--tp-common-pink-1) !important;
    color: var(--tp-text-body) !important;
    font-size: 12px !important;
    padding: 2px 8px !important;
    border-radius: 20px !important;
    margin-left: auto !important;
}

/* Active Filters Widget */
.widget_layered_nav_filters ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.widget_layered_nav_filters ul li {
    margin: 0 !important;
}

.widget_layered_nav_filters ul li a {
    display: inline-block !important;
    background-color: var(--tp-common-pink-1) !important;
    color: var(--tp-text-body) !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.widget_layered_nav_filters ul li a:hover {
    background-color: var(--tp-theme-1) !important;
    color: var(--tp-common-white) !important;
}

.widget_layered_nav_filters ul li a:before {
    content: '×' !important;
    margin-right: 5px !important;
    font-weight: bold !important;
}
/* WooCommerce Shop Page Default Sorting Dropdown - Basic Styling */
.woocommerce .woocommerce-ordering select {
    padding: 8px 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    color: #333 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    width: 220px !important;
    cursor: pointer !important;
}

.woocommerce .woocommerce-ordering {
    margin-bottom: 20px !important;
}

/* Mobile responsiveness */
@media (max-width: 576px) {
    .woocommerce .woocommerce-ordering select {
        width: 100% !important;
    }
}

/* woocommerce cart page styling */
/* Cart Page Container */
.woocommerce-cart .woocommerce {
    margin: 40px 0 60px;
}

/* Cart Header */
.woocommerce-cart .woocommerce h1.entry-title,
.woocommerce-cart .woocommerce header.entry-header h1.entry-title {
    font-size: 32px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 30px;
    text-align: center;
}

/* Cart Empty Message */
.woocommerce-cart .woocommerce .cart-empty.woocommerce-info {
    background-color: #f7f7f9;
    border: none;
    border-radius: 10px;
    padding: 20px;
    font-size: 16px;
    color: #222222;
    text-align: center;
    margin-bottom: 20px;
}

.woocommerce-cart .woocommerce .return-to-shop {
    text-align: center;
    margin-top: 30px;
}

.woocommerce-cart .woocommerce .return-to-shop .button {
    background: #FF307C;
    color: #ffffff;
    font-weight: 600;
    padding: 12px 25px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.woocommerce-cart .woocommerce .return-to-shop .button:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(255, 48, 124, 0.3);
}

/* Cart Table */
.woocommerce-cart table.cart,
.woocommerce-cart table.shop_table {
    border: none;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    margin-bottom: 40px;
}

/* Table Header */
.woocommerce-cart table.cart thead,
.woocommerce-cart table.shop_table thead {
    background-color: #f0f2f5;
}

.woocommerce-cart table.cart thead th,
.woocommerce-cart table.shop_table thead th {
    font-weight: 600;
    color: #222222;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 15px;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.woocommerce-cart table.cart thead th:first-child,
.woocommerce-cart table.shop_table thead th:first-child {
    border-radius: 10px 0 0 0;
}

.woocommerce-cart table.cart thead th:last-child,
.woocommerce-cart table.shop_table thead th:last-child {
    border-radius: 0 10px 0 0;
}

/* Table Body */
.woocommerce-cart table.cart td,
.woocommerce-cart table.shop_table td {
    padding: 20px 15px;
    border-top: none;
    border-bottom: 1px solid #e9ecef;
    border-left: none;
    border-right: none;
    vertical-align: middle;
}

.woocommerce-cart table.cart tr:last-child td,
.woocommerce-cart table.shop_table tr:last-child td {
    border-bottom: none;
}

.woocommerce-cart table.cart tr:last-child td:first-child,
.woocommerce-cart table.shop_table tr:last-child td:first-child {
    border-radius: 0 0 0 10px;
}

.woocommerce-cart table.cart tr:last-child td:last-child,
.woocommerce-cart table.shop_table tr:last-child td:last-child {
    border-radius: 0 0 10px 0;
}

/* Product Thumbnail */
.woocommerce-cart table.cart img,
.woocommerce-cart table.shop_table img {
    width: 80px;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* Product Name */
.woocommerce-cart table.cart td.product-name a,
.woocommerce-cart table.shop_table td.product-name a {
    color: #222222;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.woocommerce-cart table.cart td.product-name a:hover,
.woocommerce-cart table.shop_table td.product-name a:hover {
    color: #FF307C;
}

.woocommerce-cart table.cart td.product-name .variation,
.woocommerce-cart table.shop_table td.product-name .variation {
    margin-top: 8px;
    font-size: 13px;
    color: #6c757d;
}

.woocommerce-cart table.cart td.product-name .variation dt,
.woocommerce-cart table.shop_table td.product-name .variation dt {
    font-weight: 600;
    float: left;
    clear: left;
    margin-right: 5px;
}

.woocommerce-cart table.cart td.product-name .variation dd,
.woocommerce-cart table.shop_table td.product-name .variation dd {
    margin-bottom: 5px;
}

/* Product Price */
.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.shop_table td.product-price {
    color: #6c757d;
    font-weight: 500;
    font-size: 15px;
}

/* Product Quantity */
.woocommerce-cart table.cart td.product-quantity .quantity,
.woocommerce-cart table.shop_table td.product-quantity .quantity {
    display: inline-flex;
    align-items: center;
}

.woocommerce-cart table.cart td.product-quantity .quantity .qty,
.woocommerce-cart table.shop_table td.product-quantity .quantity .qty {
    width: 70px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #e9ecef;
    border-radius: 5px;
    background-color: #ffffff;
    color: #222222;
    font-weight: 600;
    text-align: center;
}

/* Product Subtotal */
.woocommerce-cart table.cart td.product-subtotal,
.woocommerce-cart table.shop_table td.product-subtotal {
    color: #FF307C;
    font-weight: 700;
    font-size: 16px;
}

/* Remove Product Button */
.woocommerce-cart table.cart td.product-remove a.remove,
.woocommerce-cart table.shop_table td.product-remove a.remove {
    color: #6c757d !important;
    background-color: #f0f2f5;
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.woocommerce-cart table.cart td.product-remove a.remove:hover,
.woocommerce-cart table.shop_table td.product-remove a.remove:hover {
    background-color: #FF307C;
    color: #ffffff !important;
}

/* Cart Actions */
.woocommerce-cart table.cart td.actions,
.woocommerce-cart table.shop_table td.actions {
    padding: 20px;
    background-color: #f0f2f5;
    border-radius: 0 0 10px 10px;
}

/* Coupon Form */
.woocommerce-cart table.cart td.actions .coupon,
.woocommerce-cart table.shop_table td.actions .coupon {
    display: flex;
    gap: 10px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-cart table.shop_table td.actions .coupon .input-text {
    width: 200px;
    height: 45px;
    padding: 0 15px;
    border: 1px solid #e9ecef;
    border-radius: 5px;
    background-color: #ffffff;
    color: #222222;
    font-size: 14px;
    box-shadow: none;
}

.woocommerce-cart table.cart td.actions .coupon .input-text:focus,
.woocommerce-cart table.shop_table td.actions .coupon .input-text:focus {
    border-color: #3075FF;
    outline: none;
}

.woocommerce-cart table.cart td.actions .coupon .button,
.woocommerce-cart table.shop_table td.actions .coupon .button {
    background-color: #A85CC5;
    color: #ffffff;
    border: none;
    padding: 0 20px;
    height: 45px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.woocommerce-cart table.cart td.actions .coupon .button:hover,
.woocommerce-cart table.shop_table td.actions .coupon .button:hover {
    background-color: #9650b3;
    opacity: 0.9;
}

/* Update Cart Button */
.woocommerce-cart table.cart td.actions button[name="update_cart"],
.woocommerce-cart table.shop_table td.actions button[name="update_cart"] {
    background: #3075FF;
    color: #ffffff;
    border: none;
    padding: 0 20px;
    height: 45px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    float: right;
}

.woocommerce-cart table.cart td.actions button[name="update_cart"]:hover,
.woocommerce-cart table.shop_table td.actions button[name="update_cart"]:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(48, 117, 255, 0.3);
}

.woocommerce-cart table.cart td.actions button[name="update_cart"]:disabled,
.woocommerce-cart table.shop_table td.actions button[name="update_cart"]:disabled {
    background-color: #e9ecef;
    color: #6c757d;
}

/* Cart Collaterals (Cart Totals) */
.woocommerce-cart .cart-collaterals {
    margin-top: 30px;
}

.woocommerce-cart .cart-collaterals .cart_totals {
    width: 100%;
    max-width: 500px;
    float: right;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    padding: 30px;
}

.woocommerce-cart .cart-collaterals .cart_totals h2 {
    font-size: 20px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9ecef;
}

/* Cart Totals Table */
.woocommerce-cart .cart-collaterals .cart_totals table {
    border: none;
    margin-bottom: 20px;
}

.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td {
    padding: 15px 0;
    border-top: none;
    border-bottom: 1px solid #e9ecef;
    vertical-align: middle;
}

.woocommerce-cart .cart-collaterals .cart_totals table tr:last-child th,
.woocommerce-cart .cart-collaterals .cart_totals table tr:last-child td {
    border-bottom: none;
}

.woocommerce-cart .cart-collaterals .cart_totals table th {
    width: 40%;
    font-weight: 600;
    color: #222222;
    font-size: 15px;
}

.woocommerce-cart .cart-collaterals .cart_totals table td {
    text-align: right;
    color: #6c757d;
    font-size: 15px;
}

.woocommerce-cart .cart-collaterals .cart_totals table .order-total th {
    font-size: 16px;
}

.woocommerce-cart .cart-collaterals .cart_totals table .order-total td {
    font-size: 20px;
    font-weight: 700;
    color: #FF307C;
}

.woocommerce-cart .cart-collaterals .cart_totals table .order-total td strong {
    font-weight: 700;
}

/* Shipping Calculator */
.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-button {
    color: #3075FF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    margin-top: 5px;
    transition: all 0.2s ease;
}

.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-button:hover {
    color: #A85CC5;
}

.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-form {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #e9ecef;
}

.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-form .form-row {
    margin-bottom: 15px;
}

.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-form select,
.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-form input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #e9ecef;
    border-radius: 5px;
    background-color: #ffffff;
    color: #222222;
    font-size: 14px;
}

.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-form button {
    background: #3075FF;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    width: 100%;
}

.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-form button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(48, 117, 255, 0.3);
}

/* Proceed to Checkout Button */
.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
    padding: 0;
    margin-top: 20px;
}

.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button {
    background: #FF307C;
    color: #ffffff;
    font-weight: 700;
    padding: 15px 25px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 0;
    transition: all 0.3s ease;
}

.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(255, 48, 124, 0.3);
}

/* Cross-sells */
.woocommerce-cart .cross-sells {
    margin-top: 60px;
    clear: both;
}

.woocommerce-cart .cross-sells > h2 {
    font-size: 24px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}

.woocommerce-cart .cross-sells > h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: #FF307C;
    border-radius: 3px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .woocommerce-cart table.cart td.product-thumbnail,
    .woocommerce-cart table.shop_table td.product-thumbnail {
        display: none;
    }
    
    .woocommerce-cart table.cart td.actions,
    .woocommerce-cart table.shop_table td.actions {
        padding: 15px;
    }
    
    .woocommerce-cart table.cart td.actions .coupon,
    .woocommerce-cart table.shop_table td.actions .coupon {
        float: none;
        margin-bottom: 15px;
        width: 100%;
    }
    
    .woocommerce-cart table.cart td.actions .coupon .input-text,
    .woocommerce-cart table.shop_table td.actions .coupon .input-text {
        width: calc(100% - 150px);
    }
    
    .woocommerce-cart table.cart td.actions button[name="update_cart"],
    .woocommerce-cart table.shop_table td.actions button[name="update_cart"] {
        float: right;
        width: 100%;
        margin-top: 10px;
    }
    
    .woocommerce-cart .cart-collaterals .cart_totals {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .woocommerce-cart table.cart thead th,
    .woocommerce-cart table.shop_table thead th {
        font-size: 12px;
        padding: 10px 5px;
    }
    
    .woocommerce-cart table.cart td,
    .woocommerce-cart table.shop_table td {
        padding: 15px 5px;
    }
    
    .woocommerce-cart table.cart td.product-name a,
    .woocommerce-cart table.shop_table td.product-name a {
        font-size: 14px;
    }
    
    .woocommerce-cart table.cart td.product-price,
    .woocommerce-cart table.shop_table td.product-price,
    .woocommerce-cart table.cart td.product-subtotal,
    .woocommerce-cart table.shop_table td.product-subtotal {
        font-size: 14px;
    }
    
    .woocommerce-cart table.cart td.actions .coupon,
    .woocommerce-cart table.shop_table td.actions .coupon {
        flex-direction: column;
        gap: 10px;
    }
    
    .woocommerce-cart table.cart td.actions .coupon .input-text,
    .woocommerce-cart table.shop_table td.actions .coupon .input-text,
    .woocommerce-cart table.cart td.actions .coupon .button,
    .woocommerce-cart table.shop_table td.actions .coupon .button {
        width: 100%;
    }
    
    .woocommerce-cart .cart-collaterals .cart_totals {
        padding: 20px 15px;
    }
}

/*my account page styling*/
/* My Account Page Styling */

/* Main container */
.woocommerce-account .woocommerce {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 40px 0;
}

/* Navigation sidebar */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
    max-width: 260px;
    background-color: var(--tp-common-white);
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(9, 5, 47, 0.06);
    overflow: hidden;
}

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

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0;
    position: relative;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 16px 20px;
    color: var(--tp-common-black);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    border-left: 3px solid transparent;
    transition: all 0.3s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a {
    background-color: rgba(174, 52, 232, 0.05);
    border-left-color: rgba(174, 52, 232, 0.5);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: rgba(174, 52, 232, 0.08);
    border-left-color: #AE34E8;
    color: #AE34E8;
    font-weight: 600;
}

/* Add icons to navigation items */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
    display: inline-block;
    margin-right: 10px;
    font-family: 'dashicons';
    vertical-align: middle;
    font-size: 18px;
    line-height: 1;
    opacity: 0.8;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: "\f226";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "\f174";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: "\f316";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "\f230";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "\f110";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "\f310";
}

/* Content area */
.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1;
    min-width: 0;
    background-color: var(--tp-common-white);
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(9, 5, 47, 0.06);
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 22px;
    color: var(--tp-common-black);
}

.woocommerce-account .woocommerce-MyAccount-content p {
    color: var(--tp-common-black);
    font-size: 15px;
    line-height: 1.6;
}

/* Welcome message */
.woocommerce-account .woocommerce-MyAccount-content p:first-of-type {
    font-size: 16px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.woocommerce-account .woocommerce-MyAccount-content p:first-of-type strong {
    color: #AE34E8;
}

/* Tables (orders, downloads) */
.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table,
.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-downloads {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    overflow: hidden;
}

.woocommerce-account .woocommerce-MyAccount-content table th {
    background-color: rgba(0, 0, 0, 0.02);
    padding: 12px 15px;
    text-align: left;
    font-weight: 600;
    color: var(--tp-common-black);
    font-size: 14px;
}

.woocommerce-account .woocommerce-MyAccount-content table td {
    padding: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 14px;
    color: var(--tp-common-black);
}

/* Status badges */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-status {
    font-weight: 500;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .order-status {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .order-status.status-completed {
    background-color: rgba(62, 141, 255, 0.1);
    color: #3E8DFF;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .order-status.status-processing {
    background-color: rgba(174, 52, 232, 0.1);
    color: #AE34E8;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .order-status.status-on-hold {
    background-color: rgba(255, 78, 141, 0.1);
    color: #FF4E8D;
}

/* Buttons */
.woocommerce-account .woocommerce-MyAccount-content .button {
    background-color: #AE34E8;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    display: inline-block;
}

.woocommerce-account .woocommerce-MyAccount-content .button:hover {
    background-color: #9a2dd0;
    box-shadow: 0 2px 5px rgba(174, 52, 232, 0.3);
}

.woocommerce-account .woocommerce-MyAccount-content .button.view {
    background-color: transparent;
    color: #3E8DFF;
    border: 1px solid #3E8DFF;
}

.woocommerce-account .woocommerce-MyAccount-content .button.view:hover {
    background-color: #3E8DFF;
    color: white;
}

.woocommerce-account .woocommerce-MyAccount-content .button.download {
    background-color: transparent;
    color: #FF4E8D;
    border: 1px solid #FF4E8D;
}

.woocommerce-account .woocommerce-MyAccount-content .button.download:hover {
    background-color: #FF4E8D;
    color: white;
}

/* Forms */
.woocommerce-account .woocommerce-MyAccount-content form h3 {
    margin-bottom: 20px;
    font-size: 18px;
}

.woocommerce-account .woocommerce-MyAccount-content form .form-row {
    margin-bottom: 20px;
}

.woocommerce-account .woocommerce-MyAccount-content form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 14px;
    color: var(--tp-common-black);
}

.woocommerce-account .woocommerce-MyAccount-content form input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content form input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content form input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content form input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content form select,
.woocommerce-account .woocommerce-MyAccount-content form textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-content form input:focus,
.woocommerce-account .woocommerce-MyAccount-content form select:focus,
.woocommerce-account .woocommerce-MyAccount-content form textarea:focus {
    border-color: #AE34E8;
    outline: none;
    box-shadow: 0 0 0 2px rgba(174, 52, 232, 0.1);
}

/* Address display */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    position: relative;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3 {
    margin: 0;
    font-size: 16px;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address {
    font-style: normal;
    line-height: 1.6;
    font-size: 14px;
}

/* Pagination */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination {
    margin-top: 20px;
    text-align: center;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination a {
    display: inline-block;
    padding: 8px 16px;
    margin: 0 5px;
    border-radius: 4px;
    background-color: #f5f5f5;
    color: var(--tp-common-black);
    text-decoration: none;
    transition: all 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination a:hover {
    background-color: rgba(174, 52, 232, 0.1);
    color: #AE34E8;
}

/* Responsive design */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation {
        max-width: 100%;
        margin-bottom: 20px;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: wrap;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        flex: 1 1 50%;
        min-width: 150px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        border-right: 1px solid rgba(0, 0, 0, 0.05);
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        text-align: center;
        padding: 12px 10px;
        border-left: none;
        border-bottom: 3px solid transparent;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
        border-left-color: transparent;
        border-bottom-color: #AE34E8;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
        display: block;
        margin: 0 auto 5px;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content {
        padding: 20px 15px;
    }
    
    /* Responsive tables */
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table--order-downloads {
        display: block;
        overflow-x: auto;
    }
}