.float_left {
  float: left !important;
}

/* Mobile Responsive Review Styles - Override main CSS */
.reviewsection .reviews_wrapper .reviews_comment_box {
  display: flex !important;
  gap: 16px !important;
  align-items: flex-start !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  padding: 24px !important;
  margin: 16px 0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
  margin-bottom: 22px !important;
}

.reviewsection .reviews_wrapper .reviews_comment_box .comment_thmb {
  flex: 0 0 60px !important;
}

.reviewsection .reviews_wrapper .reviews_comment_box .comment_thmb img {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid #f3f4f6 !important;
  background: #f9fafb !important;
}

.reviewsection .reviews_wrapper .reviews_comment_box .comment_text {
  flex: 1 !important;
  min-width: 0 !important;
  width: 100% !important;
  border: none !important;
  position: relative !important;
  margin-left: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.reviewsection .reviews_wrapper .reviews_comment_box .comment_text::before {
  display: none !important;
}

.reviewsection .reviews_wrapper .reviews_comment_box .comment_text p {
  margin: 0 0 12px 0 !important;
  color: #374151 !important;
  line-height: 1.6 !important;
  font-size: 15px !important;
}

.reviewsection .reviews_wrapper .reviews_comment_box .comment_text p strong {
  color: #111827 !important;
  font-weight: 600 !important;
}

.reviewsection .reviews_wrapper .reviews_comment_box .comment_text p small {
  color: #6b7280 !important;
  font-size: 0.875rem !important;
}

.reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta .star_rating {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 16px !important;
  flex-direction: row !important;
  width: 100% !important;
  justify-content: flex-start !important;
}

.reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta .star_rating .my-rating-7 {
  filter: grayscale(0) !important;
  display: flex !important;
  flex-direction: row !important;
}

.reviewsection .reviews_wrapper .jq-star {
  display: inline-block !important;
  margin-right: 2px !important;
  float: none !important;
}

.reviewsection .reviews_wrapper .jq-star-svg {
  width: 18px !important;
  height: 18px !important;
}

.reviewsection .reviews_wrapper .jq-star-svg path {
  stroke: #d1d5db !important;
  stroke-width: 1 !important;
}

.reviewsection .reviews_wrapper .jq-star-svg polygon {
  stroke: #d1d5db !important;
  stroke-width: 1 !important;
}

.reviewsection .reviews_wrapper .jq-star-rating {
  line-height: 1 !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 2px !important;
}

.reviewsection .reviews_wrapper .jq-star.selected polygon,
.reviewsection .reviews_wrapper .jq-star.active polygon {
  fill: #fbbf24 !important;
}

.reviewsection .reviews_wrapper .jq-star.empty polygon {
  fill: #e5e7eb !important;
}

.reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta span {
  color: #6b7280 !important;
  font-size: 0.875rem !important;
}

.reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
}

.reviewsection .reviews_wrapper .admin_replay_msg_box {
  margin-top: 12px !important;
  border-top: 1px dashed #e5e7eb !important;
  padding-top: 12px !important;
}

.reviewsection .reviews_wrapper .vendor_rating_section {
  margin-top: 16px !important;
}

/* Fix EDIT button positioning to prevent overlap with stars */
.reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta .edit-review-btn,
.reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta a[class*="edit"],
.reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta button[class*="edit"],
.reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta .editProductReview {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  display: inline-block !important;
  width: auto !important;
  max-width: 120px !important;
  padding: 10px 20px !important;
  background: #e74c3c !important;
  color: white !important;
  border: none !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  z-index: 10 !important;
  pointer-events: auto !important;
}

.reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta .edit-review-btn:hover,
.reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta a[class*="edit"]:hover,
.reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta button[class*="edit"]:hover,
.reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta .editProductReview:hover {
  background: #c0392b !important;
  transform: translateY(-1px) !important;
}

/* Mobile responsive improvements */
@media (max-width: 768px) {
  .reviewsection .reviews_wrapper .reviews_comment_box {
    margin: 12px 8px !important;
    padding: 20px !important;
    gap: 12px !important;
    border-radius: 12px !important;
  }
  .reviewsection .reviews_wrapper .reviews_comment_box .comment_thmb {
    flex: 0 0 50px !important;
  }
  .reviewsection .reviews_wrapper .reviews_comment_box .comment_thmb img {
    width: 50px !important;
    height: 50px !important;
  }
  .reviewsection .reviews_wrapper .jq-star-svg {
    width: 16px !important;
    height: 16px !important;
  }
}

@media (max-width: 576px) {
  .reviewsection .reviews_wrapper .reviews_comment_box {
    margin: 8px 4px !important;
    padding: 16px !important;
    gap: 10px !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  .reviewsection .reviews_wrapper .reviews_comment_box .comment_thmb {
    flex: none !important;
    margin-bottom: 8px !important;
  }
  .reviewsection .reviews_wrapper .reviews_comment_box .comment_text {
    text-align: center !important;
    width: 100% !important;
  }
  .reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta .star_rating {
    justify-content: center !important;
    flex-direction: row !important;
    margin-bottom: 12px !important;
  }
  
  .reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta .star_rating .my-rating-7 {
    flex-direction: row !important;
  }
  
  .reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta .edit-review-btn,
  .reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta a[class*="edit"],
  .reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta button[class*="edit"],
  .reviewsection .reviews_wrapper .reviews_comment_box .reviews_meta .editProductReview {
    margin: 8px auto !important;
    max-width: 100px !important;
  }
}

/* Address Card Styling */
.address_card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin: 20px 0;
  padding: 0;
  border: none;
}

.address_card .card-body {
  padding: 25px;
}

.address_card .row {
  margin: 0;
}

.address_card .col-md-8,
.address_card .col-md-4 {
  padding: 0 15px;
}

.address_card .prd_name {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #333 !important;
  display: block !important;
  margin-bottom: 15px !important;
  line-height: 1.2 !important;
}

.address_card span:not(.prd_name) {
  display: block;
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 3px;
}

.address_card .col-md-4 span:not(.prd_name) {
  margin-bottom: 8px;
}

.address_card .col-md-4 .prd_name {
  margin-bottom: 20px !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .address_card .col-md-8,
  .address_card .col-md-4 {
    padding: 0 10px;
    margin-bottom: 20px;
  }
  
  .address_card .card-body {
    padding: 20px;
  }
}

.display_float {
  display: flex;
}

.display_flex {
	display: flex !important;
}

.breadcrumb_active {
	color: #e74c3c;
	font-size: initial !important;
}

.brand_list_checkbox {
	width: 15px;
	height: 12px;
	margin-right: 5px;
}

.brand_list_label {
	font-size: 14px;
    color: var(--theme-dark);
}

.brands_filter_btn {
	 height: 30px;
    line-height: 30px;
    padding: 0 20px;
    text-transform: capitalize;
    color: #ffffff;
    background: #442f6a;
    border: 0;
    border-radius: 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    float: right;
}
.brand_lists {
    margin-bottom: 8px;
}

.ml-15 {
    margin-left: 15px;
}


.approx_value {
  font-size: 14px;
  font-style: italic;
  line-height: 23px;
  margin: 20px 0 0 0;
  text-align: right;
}

ul.dropdown-menu.dropdown-menu-end.shareproductdetails.share_links{
    transform: translate(-100px, 50px)!important;
    overflow: hidden;
}

.menu_items.select_pincode {
    text-align: left;
}

.pincode_lable {
    text-align: center;
    font-size: large;
    font-weight: bold;
    color: #e74c3c;
    margin-top: 10px;
    margin-bottom: 10px;
}


.input-group{
  display: table;
  border-collapse: collapse;
  width:100%;

}

.input-group > div{
  display: table-cell;
  border: 1px solid #ddd;
  vertical-align: middle;  
}

.input-group-icon{
  background:#eee;
  color: #777;
  padding: 0 12px;
}

.input-group-area{
  width:100%;
}

.input-group input{
  border: 0;
  display: block;
  width: 100%;
  /*padding: 8px;*/
}

.myorder_search_input {
  height: 34.22222px !important;
}

.myorder_search_btn a {
    background: #442f6a;
    border: 0;
    color: #fff;
    height: 32px;
    font-size: 12px;
    padding-top: 6px;
    text-transform: capitalize;
    font-weight: 600;
    border-radius: 15px;
}
.myorder_search_or {
  margin-top: 6px!important;
  margin-bottom: 0px!important;
}
.search_order_id_input {
  /*text-transform: uppercase;*/
  font-weight: 400;
  width: 219px !important;
}

.order_search_btn {
  /* margin-left: 30px!important; */
}
.admin_replay_box_myorder {
  width: 600px !important;
  margin-top: 15px; 
}
.reviwe_publish_msg {
  font-weight: 400;
  font-size: medium;
}

a.breadcrumb_active {
    color: #e74c3c !important;
}
/*.login_links a {
  overflow: auto !important;
}*/

.login_links a {
  text-decoration: none !important;
}

.login_links a:hover {
  text-decoration: underline !important;
}

/* Hearder Menu  Custome CSS */ 

.header_area .logo {
    padding-right: 15px !important;
}

.shop_menu_toggle {
  width: 200px;
}

.hire_menu_toggle {
  width: 182px !important;
}
.vendor_rating_title {
  margin-top: 20px !important;
  padding-bottom: 0px !important;
}
.display_tag{
  background: #dc3545 !important;
}
#searchLocations {
  position: relative;
}
#location_pincode_list {
  left: 0;
  right: 0;
  width: auto;
  top: 50px;
  overflow-y: scroll;
  height: auto;
  max-height: 150px;
  border-radius: 0 0 8px 8px;
  border-bottom-right-radius: 10px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
}
#location_pincode_list::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;  
}
.main_menu .categories_menu_toggle {
  -webkit-animation: _1OMYGl .3s ease forwards;
  animation: _1OMYGl .3s ease forwards;
  border-radius: 3px;
  box-shadow: 0 4px 16px 0 rgb(0 0 0 / 20%);
}
.categories_menu_toggle>ul>li:hover ul.categories_mega_menu{
  -webkit-animation: _1OMYGl .3s ease forwards;
  animation: _1OMYGl .3s ease forwards;
  border-radius: 3px;
  box-shadow: 0 4px 16px 0 rgb(0 0 0 / 20%);
}
h2.myorder_search_or{
  text-align: center;
  font-size: 16px;
  padding-bottom: 0px;
}
.myorder_search_btn button{
  padding: 5px 20px;
  line-height: 22px;
  height: auto !important;
}

/* Product Details Page Custome css*/
.vendor_rating_section {
  margin-top: 15px;
}

.vendor_star_rating {
  float: left;
  margin-bottom: 15px;
}

.admin_replay_msg_box.comment_text {
    margin-top: 21px;
    margin-left: 3px;
}

/* My Orders and Cart UI Improvements */

/* Theme Color Variables */
:root {
    --theme-primary: #e74c3c;
    --theme-primary-dark: #c0392b;
    --theme-secondary: #442f6a;
    --theme-accent: #F62B39;
    --theme-success: #28a745;
    --theme-warning: #ffc107;
    --theme-info: #17a2b8;
    --theme-light: #f8f9fa;
    --theme-dark: #333;
    --theme-muted: #6c757d;
}

/* Debug: Ensure this file is loaded */
body {
    --custom-css-loaded: true;
}

/* Add a visible indicator that custom CSS is loaded */
.manageaddress::before {
    content: "Custom CSS Loaded ✓";
    position: fixed;
    top: 10px;
    right: 10px;
    background: var(--theme-success);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    font-size: 12px;
    z-index: 9999;
    display: none; /* Hide debug indicator */
}

/* Ensure CSS is loaded with high specificity */
body .manageaddress {
    padding: 2rem 0 !important;
    background-color: var(--theme-light) !important;
    min-height: 80vh !important;
    margin-top: 2rem !important;
}

body .contact_message.my_account_forms {
    background: white !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important;
    padding: 2rem !important;
    margin-bottom: 2rem !important;
}

body .contact_message.my_account_forms h3 {
    color: var(--theme-dark) !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    border-bottom: 3px solid var(--theme-primary) !important;
    padding-bottom: 0.5rem !important;
    display: inline-block !important;
}

/* Force override of existing styles */
.manageaddress {
    padding: 2rem 0 !important;
    background-color: #f8f9fa !important;
    min-height: 80vh !important;
    margin-top: 2rem !important;
}

.manageaddress .container-fluid,
.manageaddress .container {
    margin-top: 1rem !important;
    padding-top: 1rem !important;
}

.contact_message.my_account_forms {
    background: white !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important;
    padding: 2rem !important;
    margin-bottom: 2rem !important;
}

.contact_message.my_account_forms h3 {
    color: #333 !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    border-bottom: 3px solid #dc3545 !important;
    padding-bottom: 0.5rem !important;
    display: inline-block !important;
}

/* Form Labels */
.form-label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--theme-dark) !important;
    margin-bottom: 0.5rem !important;
    display: block !important;
}

/* Improved spacing for form elements */
#myOrderSearch .row > div {
    margin-bottom: 1rem;
}

/* Better alignment for search form */
#myOrderSearch .row {
    align-items: flex-end;
}

/* Cart item improvements */
.cart-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    margin-bottom: 1rem;
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.cart-item:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.cart-item:last-child {
    margin-bottom: 0;
}

.cart-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid #f8f9fa;
    flex-shrink: 0;
}

.cart-item-details {
    flex: 1;
    min-width: 0;
}

.cart-item-details h4 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--theme-dark) !important;
    margin-bottom: 0.25rem !important;
    line-height: 1.3 !important;
    word-wrap: break-word !important;
}

.cart-item-details .category {
    font-size: 12px !important;
    color: var(--theme-muted) !important;
    background: var(--theme-light) !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 4px !important;
    display: inline-block !important;
    margin-bottom: 0.5rem !important;
}

.cart-item-details .quantity {
    font-size: 13px !important;
    color: var(--theme-dark) !important;
    margin-bottom: 0.25rem !important;
}

.cart-item-details .price {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--theme-primary) !important;
    margin-bottom: 0.25rem !important;
}

.cart-item-details .sold-by {
    font-size: 12px !important;
    color: var(--theme-muted) !important;
    margin-bottom: 0.5rem !important;
}

.cart-item-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.cart-item .remove-item {
    background: #dc3545;
    color: white;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cart-item .remove-item:hover {
    background: #c82333;
    transform: scale(1.1);
}

/* Order status improvements */
.order-status {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.order-status .status-badge {
    margin: 0;
}

/* Better button styling */
.cart_button a i {
    margin-right: 0.5rem;
}

/* Improved cart summary */
.cart-summary {
    background: var(--theme-light) !important;
    border-radius: 10px !important;
    padding: 1rem !important;
    margin-top: 1rem !important;
}

.cart-summary h4 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--theme-dark) !important;
    margin-bottom: 1rem !important;
    text-align: center !important;
}

.cart-summary .summary-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0.5rem 0 !important;
    border-bottom: 1px solid #e9ecef !important;
}

.cart-summary .summary-row:last-child {
    border-bottom: none !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: var(--theme-primary) !important;
}

/* Loading and empty states */
.loading-container {
    text-align: center;
    padding: 2rem;
}

.empty-state {
    text-align: center !important;
    padding: 3rem 2rem !important;
    color: var(--theme-muted) !important;
}

.empty-state i {
    font-size: 3rem !important;
    color: #dee2e6 !important;
    margin-bottom: 1rem !important;
}

.empty-state h3 {
    font-size: 1.25rem !important;
    margin-bottom: 1rem !important;
    color: var(--theme-dark) !important;
}

.empty-state p {
    margin-bottom: 2rem !important;
}

/* Responsive improvements */
@media (max-width: 768px) {
    .cart-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .cart-item-actions {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .cart-item img {
        width: 50px;
        height: 50px;
    }
    
    .cart-item-details h4 {
        font-size: 13px;
    }
    
    .cart-item-details .category {
        font-size: 11px;
    }
    
    .cart-item-details .quantity,
    .cart-item-details .price,
    .cart-item-details .sold-by {
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .cart-item {
        padding: 0.75rem;
    }
    
    .cart-item img {
        width: 40px;
        height: 40px;
    }
    
    .cart_button a {
        padding: 0.6rem 1rem;
        font-size: 13px;
    }
    
    .cart_button a i {
        margin-right: 0.25rem;
    }
}

/* Orders Section Styling */
.manageaddress {
    padding: 2rem 0;
    background-color: #f8f9fa;
    min-height: 80vh;
}

.contact_message.my_account_forms {
    background: white;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    padding: 2rem;
    margin-bottom: 2rem;
}

.contact_message.my_account_forms h3 {
    color: #333;
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 3px solid #dc3545;
    padding-bottom: 0.5rem;
    display: inline-block;
}

/* Search Form Improvements */
.sidebar_widget {
    background: var(--theme-light) !important;
    border-radius: 10px !important;
    padding: 1.5rem !important;
    margin-bottom: 2rem !important;
}

.widget_inner {
    background: transparent;
}

.widget_list.widget_categories {
    background: transparent;
}

#myOrderSearch {
    background: white !important;
    border-radius: 10px !important;
    padding: 1.5rem !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    margin-top: 1rem !important;
}

#myOrderSearch .row {
    align-items: center;
    gap: 1rem;
}

.myorder_search_input {
    height: 45px !important;
    border: 2px solid #e9ecef !important;
    border-radius: 8px !important;
    padding: 0.75rem 1rem !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    background: white !important;
    width: 100% !important;
}

.myorder_search_input:focus {
    border-color: var(--theme-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(230, 56, 141, 0.15) !important;
    outline: none !important;
}

.myorder_search_or {
    margin: 0 !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--theme-muted) !important;
    background: var(--theme-light) !important;
    padding: 0.5rem !important;
    border-radius: 8px !important;
}

.myorder_search_btn button {
    background: var(--theme-primary) !important;
    border: none !important;
    color: white !important;
    padding: 0.75rem 2rem !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    height: 45px !important;
    width: 100% !important;
}

.myorder_search_btn button:hover {
    background: var(--theme-primary-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(230, 56, 141, 0.3) !important;
}

#search_error {
    margin-top: 1rem;
    padding: 0.75rem;
    /* background: #f8d7da; */
    /* border: 1px solid #f5c6cb; */
    border-radius: 8px;
    color: #721c24;
    font-size: 14px;
    width: 100%;
    clear: both;
    display: block;
}

/* Hide empty error box */
#search_error:empty {
    display: none !important;
}

/* Hide error box when it only contains whitespace */
#search_error:blank {
    display: none !important;
}

/* Additional hiding for empty error box */
#search_error:not(:empty) {
    display: block !important;
}

/* Force hide empty error box with JavaScript fallback */
#search_error {
    min-height: 0 !important;
}

#search_error:empty {
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
}

/* Order Items Styling */
.myorder_search_container {
    margin-top: 2rem;
    width: 120% !important;
    max-width: 120% !important;
}

/* Ensure order cards use full width with increased width */
.manageaddress .col-md-8 .card {
    width: 120% !important;
    max-width: 120% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Side-by-side layout for orders and cart - High specificity to override Bootstrap */
body .manageaddress .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    align-items: flex-start !important;
    gap: 20px !important;
}

/* Increase width of search form */
.manageaddress .col-md-8 .sidebar_widget {
    width: 120% !important;
    max-width: 120% !important;
}

body .manageaddress .col-md-8 {
    flex: 0 0 calc(70% - 10px) !important;
    max-width: calc(70% - 10px) !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    width: calc(70% - 10px) !important;
}

body .manageaddress .col-md-4 {
    flex: 0 0 calc(30% - 10px) !important;
    max-width: calc(30% - 10px) !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    width: calc(30% - 10px) !important;
}

/* Ensure proper alignment with maximum specificity */
body .manageaddress .col-md-8,
body .manageaddress .col-md-4 {
    display: block !important;
    float: none !important;
}

/* Force override Bootstrap grid system */
.manageaddress .row .col-md-8 {
    flex: 0 0 calc(70% - 10px) !important;
    max-width: calc(70% - 10px) !important;
    width: calc(70% - 10px) !important;
}

.manageaddress .row .col-md-4 {
    flex: 0 0 calc(30% - 10px) !important;
    max-width: calc(30% - 10px) !important;
    width: calc(30% - 10px) !important;
}

/* Additional override for specific structure */
.manageaddress .row .col-md-8.myorder_search_container {
    flex: 0 0 calc(70% - 10px) !important;
    max-width: calc(70% - 10px) !important;
    width: calc(70% - 10px) !important;
}

.manageaddress .row .col-md-4.col-xs-3 {
    flex: 0 0 calc(30% - 10px) !important;
    max-width: calc(30% - 10px) !important;
    width: calc(30% - 10px) !important;
}

/* Nuclear option - override everything */
html body .manageaddress .row .col-md-8 {
    flex: 0 0 calc(70% - 10px) !important;
    max-width: calc(70% - 10px) !important;
    width: calc(70% - 10px) !important;
    /* min-width: calc(70% - 10px) !important; */
}

html body .manageaddress .row .col-md-4 {
    flex: 0 0 calc(30% - 10px) !important;
    max-width: calc(30% - 10px) !important;
    width: calc(30% - 10px) !important;
    /* min-width: calc(30% - 10px) !important; */
}

/* Custom layout classes - highest priority */
.col-12 .custom-layout-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    align-items: flex-start !important;
    gap: 20px !important;
    width: 100% !important;
}

.col-12 .custom-orders-section {
    flex: 0 0 75% !important;
    max-width: 75% !important;
    width: 75% !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.col-12 .custom-cart-section {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* Mobile responsive for side-by-side layout */
@media (max-width: 768px) {
    .manageaddress .row,
    .col-12 .custom-layout-row {
        flex-direction: column !important;
        gap: 0 !important;
    }
    
    .manageaddress .col-md-8,
    .manageaddress .col-md-4,
    .col-12 .custom-orders-section,
    .col-12 .custom-cart-section {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .manageaddress .col-md-4,
    .col-12 .custom-cart-section {
        margin-top: 2rem !important;
    }
}

/* Tablet responsive - maintain wider orders section */
@media (min-width: 769px) and (max-width: 1024px) {
    body .manageaddress .col-md-8,
    .col-12 .custom-orders-section {
        flex: 0 0 70% !important;
        max-width: 70% !important;
        width: 70% !important;
        min-width: 70% !important;
    }
    
    body .manageaddress .col-md-4,
    .col-12 .custom-cart-section {
        flex: 0 0 30% !important;
        max-width: 30% !important;
        width: 30% !important;
        min-width: 30% !important;
    }
}

/* Cart Section Styling */
.col-md-4 .contact_message.my_account_forms {
    position: sticky !important;
    top: 100px !important;
    height: fit-content !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
    background: white !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important;
    padding: 1.5rem !important;
    margin-bottom: 2rem !important;
    border: 1px solid #e9ecef !important;
}

.col-md-4 .contact_message.my_account_forms h3 {
    color: #333;
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 3px solid #dc3545;
    padding-bottom: 0.5rem;
    display: inline-block;
}

/* Cart Items Layout */
#cartItemLayout {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 0.5rem;
}

#cartItemLayout::-webkit-scrollbar {
    width: 6px;
}

#cartItemLayout::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

#cartItemLayout::-webkit-scrollbar-thumb {
    background: #dc3545;
    border-radius: 3px;
}

#cartItemLayout::-webkit-scrollbar-thumb:hover {
    background: #e74c3c;
}

/* Cart Item Styling */
.cart-item,
.cart_item {
    background: white !important;
    border: 1px solid #e9ecef !important;
    border-radius: 10px !important;
    padding: 1rem !important;
    margin-bottom: 1rem !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    position: relative !important;
}

.cart-item:hover,
.cart_item:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px) !important;
}

.cart-item:last-child,
.cart_item:last-child {
    margin-bottom: 0 !important;
}

.cart_img {
    flex-shrink: 0 !important;
}

.cart_img img {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 2px solid #f8f9fa !important;
}

.cart_info {
    flex: 1 !important;
    min-width: 0 !important;
}

.cart_info a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--theme-dark) !important;
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.3 !important;
}

.cart_info a:hover {
    color: var(--theme-primary) !important;
}

.cart_info .quantity {
    font-size: 12px !important;
    color: var(--theme-muted) !important;
    display: block !important;
    margin-bottom: 0.25rem !important;
}

.cart_info .price_cart {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--theme-primary) !important;
    display: block !important;
    margin-bottom: 0.25rem !important;
}

.cart_remove {
    flex-shrink: 0 !important;
}

.cart_remove a {
    background: #dc3545 !important;
    color: white !important;
    border: none !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

.cart_remove a:hover {
    background: #c82333 !important;
    transform: scale(1.1) !important;
    color: white !important;
}

/* Fix for missing close icon in cart remove */
.cart_remove a:before {
    content: "×" !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: white !important;
    line-height: 1 !important;
}

.cart_remove a i {
    display: none !important;
}

/* Shopping list items styling */
.shopping_list_items {
    background: white !important;
    border: 1px solid #e9ecef !important;
    border-radius: 10px !important;
    padding: 1rem !important;
    margin-bottom: 1rem !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
}

.shopping_list_items:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px) !important;
}

.shopping_list_items img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    border: 2px solid #f8f9fa !important;
}

.shopping_list_items h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--theme-dark) !important;
    margin-bottom: 0.5rem !important;
}

.shopping_list_items h3 a {
    color: var(--theme-dark) !important;
    text-decoration: none !important;
}

.shopping_list_items h3 a:hover {
    color: var(--theme-primary) !important;
}

.shopping_list_items .fs-lg {
    font-size: 14px !important;
    color: var(--theme-muted) !important;
    margin-bottom: 0.25rem !important;
}

.shopping_list_items .fs-sm {
    font-size: 12px !important;
    color: var(--theme-muted) !important;
    margin-bottom: 0.25rem !important;
}

.cartItemRemove {
    background: #dc3545 !important;
    color: white !important;
    border: none !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

.cartItemRemove:hover {
    background: #c82333 !important;
    transform: scale(1.1) !important;
    color: white !important;
}

/* Fix for missing close icon - show X instead of red circle */
.cartItemRemove:before {
    content: "×" !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: white !important;
    line-height: 1 !important;
}

.cartItemRemove i {
    display: none !important;
}

.cart-item:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.cart-item:last-child {
    margin-bottom: 0;
}

/* Cart Item Image */
.cart-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid #f8f9fa;
}

/* Cart Item Details */
.cart-item h4 {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.25rem;
    line-height: 1.3;
}

.cart-item .category {
    font-size: 12px;
    color: #6c757d;
    background: #f8f9fa;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.cart-item .quantity {
    font-size: 13px;
    color: #495057;
    margin-bottom: 0.25rem;
}

.cart-item .price {
    font-size: 14px;
    font-weight: 700;
    color: #dc3545;
    margin-bottom: 0.25rem;
}

.cart-item .sold-by {
    font-size: 12px;
    color: #6c757d;
    margin-bottom: 0.5rem;
}

/* Remove Item Button */
.cart-item .remove-item {
    background: #dc3545;
    color: white;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-left: auto;
}

.cart-item .remove-item:hover {
    background: #c82333;
    transform: scale(1.1);
}

/* Cart Summary */
.mini_cart_table {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 2px solid #e9ecef;
}

.cart_total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    font-weight: 600;
}

.cart_total .price a {
    background: var(--theme-primary) !important;
    color: white !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    transition: all 0.3s ease !important;
}

.cart_total .price a:hover {
    background: var(--theme-primary-dark) !important;
    transform: translateY(-1px) !important;
}

/* Cart Footer Buttons */
.mini_cart_footer {
    margin-top: 1.5rem !important;
}

.cart_button {
    margin-bottom: 1rem !important;
}

.cart_button a {
    display: block !important;
    padding: 0.75rem 1.5rem !important;
    text-align: center !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    border: 2px solid transparent !important;
    width: 100% !important;
}

.cart_button:first-child a {
    background: white !important;
    color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
}

.cart_button:first-child a:hover {
    background: var(--theme-primary) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(230, 56, 141, 0.3) !important;
}

.cart_button:last-child a {
    background: var(--theme-primary) !important;
    color: white !important;
    border-color: var(--theme-primary) !important;
}

.cart_button:last-child a:hover {
    background: var(--theme-primary-dark) !important;
    border-color: var(--theme-primary-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(153, 39, 126, 0.3) !important;
}

/* Pagination Styling */
.pagination-container {
    display: flex !important;
    justify-content: center !important;
    margin: 30px 0 !important;
}

.pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

.pagination ul {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
}

.pagination li {
    margin: 0 !important;
}

.pagination ul li a {
    width: 40px !important;
    height: 40px !important;
    border: 1px solid #e0e0e0 !important;
    background: white !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-size: 14px !important;
    color: #333 !important;
    text-decoration: none !important;
    margin: 0 !important;
}

.pagination ul li a:hover {
    border-color: #ccc !important;
    background: #f8f8f8 !important;
}

.pagination ul li.current a {
    background: #e74c3c !important;
    border-color: #e74c3c !important;
    color: white !important;
}

.pagination ul li.current a:hover {
    background: #c0392b !important;
    border-color: #c0392b !important;
}

.pagination ul li a.prev-btn,
.pagination ul li a.next-btn {
    font-size: 12px !important;
}

/* Dots/Ellipsis styling */
.pagination ul li.dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pagination ul li.dots span {
    font-size: 14px !important;
    color: #666 !important;
    font-weight: bold !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    display: inline-block !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .manageaddress {
        margin-top: 1rem !important;
        padding: 1rem 0 !important;
    }
    
    .manageaddress .container-fluid,
    .manageaddress .container {
        padding: 0 1rem !important;
        margin-top: 0.5rem !important;
    }
    
    .contact_message.my_account_forms {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    #myOrderSearch .row {
        flex-direction: column;
        gap: 1rem;
    }
    
    #myOrderSearch .col-md-3,
    #myOrderSearch .col-md-1,
    #myOrderSearch .col-md-2 {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    
    .myorder_search_or {
        order: -1;
        margin-bottom: 1rem !important;
    }
    
    .col-md-4 .contact_message.my_account_forms {
        position: static;
        margin-top: 2rem;
    }
    
    .cart-item {
        padding: 0.75rem !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1rem !important;
    }
    
    .cart-item img {
        width: 50px !important;
        height: 50px !important;
    }
    
    .cart-item h4 {
        font-size: 13px !important;
    }
    
    .cart-item .category {
        font-size: 11px !important;
    }
    
    .cart-item .quantity,
    .cart-item .price,
    .cart-item .sold-by {
        font-size: 12px !important;
    }
    
    /* Mobile order cards improvements */
    .order-card,
    .card {
        margin: 1.5rem 0.5rem 1rem 0.5rem !important;
        border-radius: 10px !important;
    }
    
    /* Override Bootstrap mt-3 class for mobile */
    .manageaddress .card.mt-3 {
        margin-top: 1.5rem !important;
    }
    
    .manageaddress .card.mt-3:first-child {
        margin-top: 2rem !important;
    }
    
    /* Mobile product layout improvements */
    .myorder_cart_body .row {
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    .myorder_cart_body .col-md-2,
    .myorder_cart_body .col-md-6,
    .myorder_cart_body .col-md-4 {
        width: 100% !important;
        margin-bottom: 0 !important;
    }
    
    /* Mobile status badges */
    .status-badge {
        font-size: 11px !important;
        padding: 0.2rem 0.5rem !important;
    }
}

@media (max-width: 576px) {
    .contact_message.my_account_forms {
        padding: 1rem;
    }
    
    .contact_message.my_account_forms h3 {
        font-size: 1.25rem;
    }
    
    .myorder_search_input {
        height: 40px !important;
        font-size: 13px;
    }
    
    .myorder_search_btn button {
        height: 40px;
        font-size: 13px;
        padding: 0.5rem 1.5rem;
    }
    
    .cart-item {
        padding: 0.5rem !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.75rem !important;
    }
    
    .cart-item img {
        width: 40px !important;
        height: 40px !important;
    }
    
    /* Extra small mobile improvements */
    .order-card,
    .card {
        margin: 0 0.25rem 1rem 0.25rem !important;
    }
    
    .card-header,
    .card-body {
        padding: 0.75rem !important;
    }
    
    .order-number {
        font-size: 1rem !important;
    }
    
    .order-total {
        font-size: 1rem !important;
    }
    
    .prd_name {
        font-size: 14px !important;
    }
    
    .prd_info {
        font-size: 12px !important;
    }
    
    .theme-btn-color-outline {
        font-size: 11px !important;
        padding: 0.5rem 0.75rem !important;
    }
    
    .cart_button a {
        padding: 0.6rem 1rem;
        font-size: 13px;
    }
}

/* Loading States */
.loading {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #dc3545;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Empty States */
.empty-cart,
.empty-orders {
    text-align: center !important;
    padding: 3rem 2rem !important;
    color: var(--theme-muted) !important;
}

.empty-cart i,
.empty-orders i {
    font-size: 3rem !important;
    color: #dee2e6 !important;
    margin-bottom: 1rem !important;
}

.empty-cart h3,
.empty-orders h3 {
    font-size: 1.25rem !important;
    margin-bottom: 1rem !important;
    color: var(--theme-dark) !important;
}

.empty-cart p,
.empty-orders p {
    margin-bottom: 2rem !important;
}

/* Empty cart in side panel */
.empty-cart {
    padding: 2rem 1rem !important;
}

.empty-cart i {
    font-size: 2rem !important;
    color: var(--theme-muted) !important;
    margin-bottom: 0.5rem !important;
}

.empty-cart h5 {
    font-size: 1rem !important;
    color: var(--theme-muted) !important;
    margin-bottom: 0.5rem !important;
}

.empty-cart p {
    font-size: 0.9rem !important;
    color: var(--theme-muted) !important;
    margin-bottom: 0 !important;
}

/* Status Badges */
.status-badge {
    display: inline-block !important;
    padding: 0.25rem 0.75rem !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.status-delivered {
    background: #d4edda !important;
    color: #155724 !important;
    border: 1px solid #c3e6cb !important;
}

.status-out-for-delivery {
    background: #fff3cd !important;
    color: #856404 !important;
    border: 1px solid #ffeaa7 !important;
}

.status-pending {
    background: #f8d7da !important;
    color: #721c24 !important;
    border: 1px solid #f5c6cb !important;
}

/* Theme-based status badges */
.status-waiting {
    background: #fff3cd !important;
    color: #856404 !important;
    border: 1px solid #ffeaa7 !important;
}

.status-confirmed {
    background: #d1ecf1 !important;
    color: #0c5460 !important;
    border: 1px solid #bee5eb !important;
}

.status-cancelled {
    background: #f8d7da !important;
    color: #721c24 !important;
    border: 1px solid #f5c6cb !important;
}

/* Order Card Styling */
.order-card,
.card {
    background: white !important;
    border: 1px solid #e9ecef !important;
    border-radius: 15px !important;
    padding: 1.5rem !important;
    margin-top: 2rem !important;
    margin-bottom: 1.5rem !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

/* Order card header styling */
.card-header {
    background: #f8f9fa !important;
    border-bottom: 2px solid var(--theme-primary) !important;
    border-radius: 15px 15px 0 0 !important;
    padding: 1.5rem !important;
    margin: -1.5rem -1.5rem 1.5rem -1.5rem !important;
}

/* Override Bootstrap mt-3 class specifically for order cards */
.manageaddress .card.mt-3 {
    margin-top: 2rem !important;
}

.manageaddress .card.mt-3:first-child {
    margin-top: 2.5rem !important;
}

.card:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px) !important;
}

/* First order card spacing */
.manageaddress .card:first-child {
    margin-top: 2.5rem !important;
}

/* Additional spacing for order cards */
.manageaddress .card + .card {
    margin-top: 1.5rem !important;
}

/* Force override Bootstrap mt-3 with higher specificity */
.manageaddress .card.mt-3,
.manageaddress .card.mt-3:not(:first-child) {
    margin-top: 2rem !important;
}

.manageaddress .card.mt-3:first-child {
    margin-top: 2.5rem !important;
}

.card-header {
    background: var(--theme-light) !important;
    border-bottom: 2px solid var(--theme-primary) !important;
    border-radius: 15px 15px 0 0 !important;
    padding: 1rem 1.5rem !important;
}

.card-body {
    padding: 1.5rem !important;
}

.myorder_cart_body {
    padding: 1rem !important;
    border-bottom: 1px solid #e9ecef !important;
}

.myorder_cart_body:last-child {
    border-bottom: none !important;
}

.prd_name {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--theme-dark) !important;
    display: block !important;
    margin-bottom: 0.5rem !important;
}

.prd_name a {
    color: var(--theme-dark) !important;
    text-decoration: none !important;
}

.prd_name a:hover {
    color: var(--theme-primary) !important;
}

.prd_info {
    font-size: 14px !important;
    /* color: var(--theme-muted) !important; */
    display: block !important;
    margin-bottom: 0.25rem !important;
}

.prd_price {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--theme-primary) !important;
}

.order_status_card {
    background: var(--theme-light) !important;
    border-radius: 8px !important;
    padding: 1rem !important;
    margin-top: 1rem !important;
}

.order_status_card .card-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--theme-dark) !important;
    margin-bottom: 0.5rem !important;
}

.order_status_card .date {
    font-size: 14px !important;
    color: var(--theme-muted) !important;
    margin-bottom: 0 !important;
}

.theme-btn-color-outline {
    background: var(--theme-primary) !important;
    color: white !important;
    border: none !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.theme-btn-color-outline:hover {
    background: var(--theme-primary-dark) !important;
    transform: translateY(-1px) !important;
    color: white !important;
}

.total_amt {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--theme-primary) !important;
}

.ord_date {
    font-size: 14px !important;
    color: var(--theme-muted) !important;
    margin-left: 1rem !important;
}

.order-card:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.order-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #f8f9fa;
}

.order-number {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: var(--theme-dark) !important;
}

.order-date {
    font-size: 0.9rem !important;
    color: var(--theme-muted) !important;
}

.order-location {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    font-size: 0.9rem !important;
    color: var(--theme-muted) !important;
}

.order-total {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: var(--theme-primary) !important;
}

.order-items {
    margin-top: 1rem;
}

.order-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    /* padding: 1rem 0; */
    /* border-bottom: 1px solid #f8f9fa; */
}

.order-item:last-child {
    border-bottom: none;
}

.order-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid #f8f9fa;
}

.order-item-details {
    flex: 1;
}

.order-item-details h5 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--theme-dark) !important;
    margin-bottom: 0.25rem !important;
}

.order-item-details .category {
    font-size: 12px !important;
    color: var(--theme-muted) !important;
    background: var(--theme-light) !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 4px !important;
    display: inline-block !important;
    margin-bottom: 0.5rem !important;
}

.order-item-details .sold-by {
    font-size: 12px !important;
    color: var(--theme-muted) !important;
    margin-bottom: 0.25rem !important;
}

.order-item-details .quantity {
    font-size: 13px !important;
    color: var(--theme-dark) !important;
    margin-bottom: 0.5rem !important;
}

.order-item-status {
    text-align: right !important;
}

.order-item-status .status-badge {
    margin-bottom: 0.5rem !important;
}

.order-item-status .view-details {
    background: var(--theme-primary) !important;
    color: white !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.order-item-status .view-details:hover {
    background: var(--theme-primary-dark) !important;
    transform: translateY(-1px) !important;
}

/* Responsive Order Cards */
@media (max-width: 768px) {
    .order-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.5rem !important;
        padding: 1rem !important;
    }
    
    .order-item {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.75rem !important;
        padding: 1rem !important;
    }
    
    .order-item-status {
        text-align: left !important;
        width: 100% !important;
    }
    
    .order-item img {
        width: 50px !important;
        height: 50px !important;
    }
    
    /* Mobile-specific order card layout */
    .card {
        margin-bottom: 1rem !important;
        border-radius: 10px !important;
    }
    
    .card-header {
        padding: 1rem !important;
        border-radius: 10px 10px 0 0 !important;
    }
    
    .card-body {
        padding: 1rem !important;
    }
    
    /* Mobile order header layout to match image */
    .order-header-mobile {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.5rem !important;
    }
    
    .order-header-mobile .order-number {
        font-size: 1.1rem !important;
        font-weight: 700 !important;
        color: var(--theme-dark) !important;
    }
    
    .order-header-mobile .order-date {
        font-size: 0.9rem !important;
        color: var(--theme-muted) !important;
    }
    
    .order-header-mobile .order-location {
        display: flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
        font-size: 0.9rem !important;
        color: var(--theme-muted) !important;
    }
    
    .order-header-mobile .order-total {
        font-size: 1.1rem !important;
        font-weight: 700 !important;
        color: var(--theme-primary) !important;
        margin-top: 0.5rem !important;
    }
    
    /* Mobile product details layout */
    .myorder_cart_body {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1rem !important;
    }
    
    .myorder_cart_body .col-md-2 {
        width: 100% !important;
        text-align: center !important;
    }
    
    .myorder_cart_body .col-md-6 {
        width: 100% !important;
    }
    
    .myorder_cart_body .col-md-4 {
        width: 100% !important;
        text-align: left !important;
    }
    
    /* Mobile product image */
    .myorder_cart_body img {
        width: 80px !important;
        height: 80px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
    }
    
    /* Mobile product info */
    .prd_name {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: var(--theme-dark) !important;
        margin-bottom: 0.5rem !important;
    }
    
    .prd_info {
        font-size: 14px !important;
        color: var(--theme-muted) !important;
        margin-bottom: 0.25rem !important;
    }
    
    /* Mobile status and buttons */
    .order-item-status {
        width: 100% !important;
        text-align: left !important;
        margin-top: 1rem !important;
    }
    
    .theme-btn-color-outline {
        width: 100% !important;
        text-align: center !important;
        padding: 0.75rem 1rem !important;
    }
    
    /* Mobile order card header layout to match image - More specific selectors */
    .manageaddress .card-header .row {
        flex-direction: column !important;
        gap: 0.5rem !important;
        display: flex !important;
    }
    
    .manageaddress .card-header .col-md-6:first-child {
        order: 1 !important;
        width: 100% !important;
        flex: none !important;
        max-width: 100% !important;
    }
    
    .manageaddress .card-header .col-md-6:last-child {
        order: 2 !important;
        text-align: left !important;
        width: 100% !important;
        flex: none !important;
        max-width: 100% !important;
    }
    
    /* Mobile order number and date positioning */
    .manageaddress .card-header .col-md-6:first-child .row {
        flex-direction: column !important;
        gap: 0.25rem !important;
        display: flex !important;
    }
    
    .manageaddress .card-header .col-md-6:first-child .col-md-6 {
        width: 100% !important;
        margin-bottom: 0 !important;
        flex: none !important;
        max-width: 100% !important;
    }
    
    /* Mobile location and total positioning */
    .manageaddress .card-header .col-md-6:last-child .row {
        flex-direction: column !important;
        gap: 0.25rem !important;
        display: flex !important;
    }
    
    .manageaddress .card-header .col-md-6:last-child .col-md-6 {
        width: 100% !important;
        margin-bottom: 0 !important;
        flex: none !important;
        max-width: 100% !important;
    }
    
    /* Mobile product details vertical layout - More specific selectors */
    .manageaddress .myorder_cart_body .row {
        flex-direction: column !important;
        gap: 1rem !important;
        display: flex !important;
    }
    
    .manageaddress .myorder_cart_body .col-md-2 {
        order: 1 !important;
        text-align: center !important;
        width: 100% !important;
        flex: none !important;
        max-width: 100% !important;
    }
    
    .manageaddress .myorder_cart_body .col-md-6 {
        order: 2 !important;
        width: 100% !important;
        flex: none !important;
        max-width: 100% !important;
    }
    
    .manageaddress .myorder_cart_body .col-md-4 {
        order: 3 !important;
        text-align: left !important;
        width: 100% !important;
        flex: none !important;
        max-width: 100% !important;
    }
    
    /* Mobile product image sizing */
    .myorder_cart_body img {
        width: 80px !important;
        height: 80px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
        margin: 0 auto !important;
    }
    
    /* Mobile status and button positioning */
    .manageaddress .myorder_cart_body .col-md-4 {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.5rem !important;
    }
    
    .manageaddress .theme-btn-color-outline {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* Force mobile layout with higher specificity */
    .manageaddress .card .row {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    .manageaddress .card .col-md-2,
    .manageaddress .card .col-md-6,
    .manageaddress .card .col-md-4 {
        width: 100% !important;
        flex: none !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
    }
    
    .manageaddress .card .col-md-2 {
        order: 1 !important;
        text-align: center !important;
    }
    
    .manageaddress .card .col-md-6 {
        order: 2 !important;
    }
    
    .manageaddress .card .col-md-4 {
        order: 3 !important;
    }
    
    /* Mobile debug indicator - hidden */
    .manageaddress::after {
        content: "Mobile CSS Active ✓";
        position: fixed;
        top: 50px;
        right: 10px;
        background: #e74c3c;
        color: white;
        padding: 0.5rem 1rem;
        border-radius: 4px;
        font-size: 12px;
        z-index: 9999;
        display: none;
    }
}

.float-end {
    float: right !important;
}

/* Fix order item layout - View Details and Status alignment */
.myorder_cart_body .col-md-4 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
}

.myorder_cart_body .col-md-4 .btn {
    margin-bottom: 0.5rem !important;
    align-self: flex-end !important;
}

.myorder_cart_body .col-md-4 .float-end {
    align-self: flex-end !important;
    text-align: right !important;
    margin-top: 0.5rem !important;
}

/* Ensure proper spacing for order items */
.myorder_cart_body .row {
    align-items: flex-start !important;
}

/* Fix product info positioning when image is missing */
.myorder_cart_body .col-md-2 {
    min-width: 80px !important;
    width: 80px !important;
    flex-shrink: 0 !important;
}

.myorder_cart_body .col-md-6 {
    flex: 1 !important;
    padding-right: 1rem !important;
}

.myorder_cart_body .col-md-2 img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* Ensure placeholder maintains same space as image */
.myorder_cart_body .col-md-2:empty,
.myorder_cart_body .col-md-2 img[src=""],
.myorder_cart_body .col-md-2 img[src*="placeholder"],
.myorder_cart_body .col-md-2 img[src*="no-image"],
.myorder_cart_body .col-md-2 img[src*="default"] {
    width: 80px !important;
    height: 80px !important;
    background: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Placeholder icon styling */
.myorder_cart_body .col-md-2 img[src=""],
.myorder_cart_body .col-md-2 img[src*="placeholder"],
.myorder_cart_body .col-md-2 img[src*="no-image"],
.myorder_cart_body .col-md-2 img[src*="default"] {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBmaWxsPSIjRjhGOUZBIi8+CjxwYXRoIGQ9Ik0yMCAxMEMyMi43NjE0IDEwIDI1IDEyLjIzODYgMjUgMTVDMjUgMTcuNzYxNCAyMi43NjE0IDIwIDIwIDIwQzE3LjIzODYgMjAgMTUgMTcuNzYxNCAxNSAxNUMxNSAxMi4yMzg2IDE3LjIzODYgMTAgMjAgMTBaIiBmaWxsPSIjOUNBM0E2Ii8+CjxwYXRoIGQ9Ik0yMCAyMkMyMi43NjE0IDIyIDI1IDI0LjIzODYgMjUgMjciIHN0cm9rZT0iIzlDQTNBNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 40px 40px !important;
}

/* Handle broken images */
.myorder_cart_body .col-md-2 img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    background: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
}

/* Fallback for broken images */
.myorder_cart_body .col-md-2 img[src*="error"],
.myorder_cart_body .col-md-2 img[onerror] {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBmaWxsPSIjRjhGOUZBIi8+CjxwYXRoIGQ9Ik0yMCAxMEMyMi43NjE0IDEwIDI1IDEyLjIzODYgMjUgMTVDMjUgMTcuNzYxNCAyMi43NjE0IDIwIDIwIDIwQzE3LjIzODYgMjAgMTUgMTcuNzYxNCAxNSAxNUMxNSAxMi4yMzg2IDE3LjIzODYgMTAgMjAgMTBaIiBmaWxsPSIjOUNBM0E2Ii8+CjxwYXRoIGQ9Ik0yMCAyMkMyMi43NjE0IDIyIDI1IDI0LjIzODYgMjUgMjciIHN0cm9rZT0iIzlDQTNBNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 40px 40px !important;
}

/* Order Header Styling */
.order-header-info {
	font-size: 14px;
	color: #333;
	line-height: 1.4;
}

.order-header-info b {
	color: #333;
	font-weight: 600;
}

.order-header-info i {
	color: #666;
	font-size: 12px;
}

/* Custom Modal Styles - Non-Bootstrap */
.modal {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(3px);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.modal.show {
	display: flex !important;
	align-items: center;
	justify-content: center;
	opacity: 1;
}

.modal-dialog {
	position: relative;
	width: 90%;
	max-width: 500px;
	margin: 0 auto;
	background: white;
	border-radius: 16px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
	animation: modalSlideIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
	transform: scale(0.8);
	transition: transform 0.3s ease;
}

.modal.show .modal-dialog {
	transform: scale(1);
}

@keyframes modalSlideIn {
	from {
		opacity: 0;
		transform: translateY(-30px) scale(0.8);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.modal-content {
	position: relative;
	background: white;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid #e9ecef;
}

.modal-header {
	padding: 1.25rem 1.5rem;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	border-bottom: 1px solid #dee2e6;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.modal-header::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent 0%, #dee2e6 50%, transparent 100%);
}

.modal-title {
	font-size: 18px;
	font-weight: 700;
	color: #2c3e50;
	margin: 0;
	letter-spacing: -0.5px;
}

.modal-close {
	background: none;
	border: none;
	font-size: 20px;
	color: #6c757d;
	cursor: pointer;
	padding: 0;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: all 0.3s ease;
	font-weight: 300;
}

.modal-close:hover {
	background: #dc3545;
	color: white;
	transform: rotate(90deg);
}

.modal-body {
	padding: 1.5rem;
	max-height: 60vh;
	overflow-y: auto;
	background: #ffffff;
}

.modal-footer {
	padding: 1rem 1.5rem;
	background: #f8f9fa;
	border-top: 1px solid #e9ecef;
	display: flex;
	justify-content: flex-end;
	gap: 0.75rem;
	position: relative;
}

.modal-footer::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent 0%, #e9ecef 50%, transparent 100%);
}

/* Form Styles */
.form-group {
	margin-bottom: 1.25rem;
}

.form-group label {
	display: block;
	font-weight: 600;
	color: #495057;
	margin-bottom: 0.5rem;
	font-size: 14px;
	letter-spacing: 0.3px;
}

.form-control {
	width: 100%;
	padding: 0.875rem 1rem;
	border: 2px solid #e9ecef;
	border-radius: 10px;
	font-size: 14px;
	transition: all 0.3s ease;
	background: #ffffff;
	font-family: inherit;
	box-sizing: border-box;
}

.form-control:focus {
	outline: none;
	border-color: #dc3545;
	box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.1);
	background: #fafafa;
}

.form-control::placeholder {
	color: #adb5bd;
	font-style: italic;
}

.form-select {
	width: 100%;
	padding: 0.875rem 1rem;
	border: 2px solid #e9ecef;
	border-radius: 10px;
	font-size: 14px;
	background: white;
	cursor: pointer;
	transition: all 0.3s ease;
	font-family: inherit;
}

.form-select:focus {
	outline: none;
	border-color: #dc3545;
	box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.1);
}

textarea.form-control {
	resize: vertical;
	min-height: 120px;
	font-family: inherit;
	line-height: 1.5;
}

/* Button Styles */
.btn {
	padding: 0.875rem 1.75rem;
	border: none;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	position: relative;
	overflow: hidden;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-size: 13px;
	background: #e74c3c !important;
	color: white !important;
}

.btn:hover {
	background: #c0392b !important;
	color: white !important;
}

/* Theme button dark override */
.theme-btn-dark {
	background: #e74c3c !important;
	color: white !important;
	border: none !important;
	padding: 0.5rem 1rem !important;
	border-radius: 6px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
}

.theme-btn-dark:hover {
	background: #c0392b !important;
	color: white !important;
}

.btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
	transition: left 0.5s;
}

.btn:hover::before {
	left: 100%;
}

.btn-hero {
	background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;
	color: white !important;
	box-shadow: 0 4px 15px rgba(220, 53, 69, 0.3) !important;
	border: 1px solid #dc3545 !important;
}

.btn-hero:hover {
	background: linear-gradient(135deg, #c82333 0%, #bd2130 100%) !important;
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(220, 53, 69, 0.4) !important;
	border-color: #bd2130 !important;
}

.btn-hero:focus {
	background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;
	color: white !important;
	box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.2) !important;
	border-color: #dc3545 !important;
}

.btn-secondary {
	background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%) !important;
	color: white !important;
	box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3) !important;
	border: 1px solid #e74c3c !important;
}

.btn-secondary:hover {
	background: linear-gradient(135deg, #c0392b 0%, #a93226 100%) !important;
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(231, 76, 60, 0.4) !important;
	border-color: #a93226 !important;
}

.btn-secondary:focus {
	background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%) !important;
	color: white !important;
	box-shadow: 0 0 0 4px rgba(231, 76, 60, 0.2) !important;
	border-color: #e74c3c !important;
}

.rounded-pill {
	border-radius: 50px !important;
	padding: 0.75rem 2rem !important;
}

/* Product Details Section */
.form-label {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-bottom: 1rem;
	display: block;
}

.span_tag {
	font-weight: 600;
	color: #666;
	font-size: 14px;
}

.info_tag {
	color: #333;
	font-size: 14px;
}

/* Star Rating Styles */
.product_rating {
	margin-bottom: 1.5rem;
}

.product_rating h4 {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-bottom: 0.75rem;
}

.star-rating_add_product_review,
.star-rating_edit_product_review,
.star-rating {
	display: flex;
	gap: 0.25rem;
}

/* Comment Section */
.comment_title h4 {
	font-size: 16px;
	font-weight: 700;
	color: #2c3e50;
	margin-bottom: 0.5rem;
	letter-spacing: -0.3px;
}

.comment_title p {
	color: #6c757d;
	font-size: 13px;
	margin-bottom: 1.5rem;
	line-height: 1.4;
	font-style: italic;
}

.your_commend label {
	font-weight: 600;
	color: #495057;
	margin-bottom: 0.75rem;
	display: block;
	font-size: 14px;
	letter-spacing: 0.3px;
}

.your_commend textarea {
	width: 100%;
	padding: 1rem;
	border: 2px solid #e9ecef;
	border-radius: 12px;
	font-size: 14px;
	resize: vertical;
	min-height: 120px;
	font-family: inherit;
	line-height: 1.6;
	transition: all 0.3s ease;
	background: #fafafa;
}

.your_commend textarea:focus {
	outline: none;
	border-color: #dc3545;
	box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.1);
	background: white;
}

.your_commend textarea::placeholder {
	color: #adb5bd;
	font-style: italic;
}

/* Star Rating Styles */
/* .product_rating {
	margin-bottom: 1.5rem;
	padding: 1rem;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	border-radius: 12px;
	border: 1px solid #dee2e6;
}

.product_rating h4 {
	font-size: 15px;
	font-weight: 700;
	color: #2c3e50;
	margin-bottom: 0.75rem;
	letter-spacing: -0.3px;
} */

.star-rating_add_product_review,
.star-rating_edit_product_review,
.star-rating_add_review,
.star-rating_edit,
.star-rating {
	display: flex;
	gap: 0.25rem;
	justify-content: flex-start;
	padding: 0.5rem 0;
	min-height: 30px;
	align-items: center;
	flex-wrap: wrap;
}

/* Star Rating Plugin Styles - Correct classes for jquery.star-rating-svg.js */
.star-rating_add_product_review .jq-star,
.star-rating_edit_product_review .jq-star,
.star-rating_add_review .jq-star,
.star-rating_edit .jq-star,
.star-rating .jq-star {
	cursor: pointer;
	transition: all 0.2s ease;
	margin: 0 2px;
	display: inline-block;
	vertical-align: middle;
}

.star-rating_add_product_review .jq-star:hover,
.star-rating_edit_product_review .jq-star:hover,
.star-rating_add_review .jq-star:hover,
.star-rating_edit .jq-star:hover,
.star-rating .jq-star:hover {
	transform: scale(1.15);
	opacity: 0.9;
}

.star-rating_add_product_review .jq-star-svg,
.star-rating_edit_product_review .jq-star-svg,
.star-rating_add_review .jq-star-svg,
.star-rating_edit .jq-star-svg,
.star-rating .jq-star-svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* Ensure SVG stars are visible and properly sized */
.star-rating_add_product_review .jq-star svg,
.star-rating_edit_product_review .jq-star svg,
.star-rating_add_review .jq-star svg,
.star-rating_edit .jq-star svg,
.star-rating .jq-star svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* Style for active/rated stars */
.star-rating_add_product_review .jq-star polygon[class*="svg-active"],
.star-rating_add_product_review .jq-star polygon[class*="svg-rated"],
.star-rating_add_product_review .jq-star path[class*="svg-active"],
.star-rating_add_product_review .jq-star path[class*="svg-rated"],
.star-rating_edit_product_review .jq-star polygon[class*="svg-active"],
.star-rating_edit_product_review .jq-star polygon[class*="svg-rated"],
.star-rating_edit_product_review .jq-star path[class*="svg-active"],
.star-rating_edit_product_review .jq-star path[class*="svg-rated"],
.star-rating_add_review .jq-star polygon[class*="svg-active"],
.star-rating_add_review .jq-star polygon[class*="svg-rated"],
.star-rating_add_review .jq-star path[class*="svg-active"],
.star-rating_add_review .jq-star path[class*="svg-rated"],
.star-rating_edit .jq-star polygon[class*="svg-active"],
.star-rating_edit .jq-star polygon[class*="svg-rated"],
.star-rating_edit .jq-star path[class*="svg-active"],
.star-rating_edit .jq-star path[class*="svg-rated"],
.star-rating .jq-star polygon[class*="svg-active"],
.star-rating .jq-star polygon[class*="svg-rated"],
.star-rating .jq-star path[class*="svg-active"],
.star-rating .jq-star path[class*="svg-rated"] {
	fill: #ffc107 !important;
}

/* Style for hovered stars */
.star-rating_add_product_review .jq-star polygon[class*="svg-hovered"],
.star-rating_add_product_review .jq-star path[class*="svg-hovered"],
.star-rating_edit_product_review .jq-star polygon[class*="svg-hovered"],
.star-rating_edit_product_review .jq-star path[class*="svg-hovered"],
.star-rating_add_review .jq-star polygon[class*="svg-hovered"],
.star-rating_add_review .jq-star path[class*="svg-hovered"],
.star-rating_edit .jq-star polygon[class*="svg-hovered"],
.star-rating_edit .jq-star path[class*="svg-hovered"],
.star-rating .jq-star polygon[class*="svg-hovered"],
.star-rating .jq-star path[class*="svg-hovered"] {
	fill: #ffc107 !important;
	opacity: 0.8;
}

/* Style for empty stars */
.star-rating_add_product_review .jq-star polygon[class*="svg-empty"],
.star-rating_add_product_review .jq-star path[class*="svg-empty"],
.star-rating_edit_product_review .jq-star polygon[class*="svg-empty"],
.star-rating_edit_product_review .jq-star path[class*="svg-empty"],
.star-rating_add_review .jq-star polygon[class*="svg-empty"],
.star-rating_add_review .jq-star path[class*="svg-empty"],
.star-rating_edit .jq-star polygon[class*="svg-empty"],
.star-rating_edit .jq-star path[class*="svg-empty"],
.star-rating .jq-star polygon[class*="svg-empty"],
.star-rating .jq-star path[class*="svg-empty"] {
	fill: #ddd !important;
}

/* Fallback stars when plugin doesn't load */
.star-rating_add_product_review:empty::after,
.star-rating_edit_product_review:empty::after,
.star-rating_add_review:empty::after,
.star-rating_edit:empty::after,
.star-rating:empty::after {
	content: '★★★★★';
	font-size: 24px;
	color: #ddd;
	letter-spacing: 0.2em;
	display: block;
	text-align: center;
	line-height: 1;
}

.star-rating_add_product_review:empty:hover::after,
.star-rating_edit_product_review:empty:hover::after,
.star-rating_add_review:empty:hover::after,
.star-rating_edit:empty:hover::after,
.star-rating:empty:hover::after {
	color: #ffc107;
}

/* Loading state for star rating */
.star-rating_add_product_review.loading,
.star-rating_edit_product_review.loading,
.star-rating_add_review.loading,
.star-rating_edit.loading,
.star-rating.loading {
	opacity: 0.6;
	pointer-events: none;
}

.star-rating_add_product_review.loading::after,
.star-rating_edit_product_review.loading::after,
.star-rating_add_review.loading::after,
.star-rating_edit.loading::after,
.star-rating.loading::after {
	content: 'Loading stars...';
	font-size: 14px;
	color: #6c757d;
	font-style: italic;
}

/* Ensure stars are visible in modal */
.modal .star-rating_add_product_review,
.modal .star-rating_edit_product_review,
.modal .star-rating_add_review,
.modal .star-rating_edit {
	display: flex !important;
	visibility: visible !important;
}

.modal .star-rating_add_product_review .jq-star,
.modal .star-rating_edit_product_review .jq-star,
.modal .star-rating_add_review .jq-star,
.modal .star-rating_edit .jq-star {
	visibility: visible !important;
	opacity: 1 !important;
}

/* Star rating container improvements */
.star-rating_add_product_review,
.star-rating_edit_product_review,
.star-rating_add_review,
.star-rating_edit,
.star-rating {
	position: relative;
}

/* Ensure proper spacing */
.product_rating .star-rating_add_product_review,
.product_rating .star-rating_edit_product_review,
.product_rating .star-rating_add_review,
.product_rating .star-rating_edit,
.product_rating .star-rating {
	margin: 0.5rem 0;
}

/* Checkbox Styles */
.larger {
	transform: scale(1.3);
	margin-right: 0.75rem;
	accent-color: #dc3545;
}

/* Error Messages */
.red {
	color: #dc3545;
	font-size: 13px;
	margin-top: 0.5rem;
	font-weight: 500;
}

.address-form-error,
.review-form-error,
.rating-form-error {
	padding: 1rem 1.5rem;
	background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
	border-left: 4px solid #dc3545;
	margin: 0;
	border-radius: 0 8px 8px 0;
	font-weight: 500;
}

/* Vendor Details */
.vendor-details {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	padding: 1.25rem;
	border-radius: 12px;
	margin-bottom: 1.5rem;
	border: 1px solid #dee2e6;
}

/* Modal Button Overrides */
.modal-footer .btn-hero {
	background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;
	color: white !important;
	border: 1px solid #dc3545 !important;
}

.modal-footer .btn-hero:hover {
	background: linear-gradient(135deg, #c82333 0%, #bd2130 100%) !important;
	border-color: #bd2130 !important;
}

.modal-footer .btn-secondary {
	background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%) !important;
	color: white !important;
	border: 1px solid #e74c3c !important;
}

.modal-footer .btn-secondary:hover {
	background: linear-gradient(135deg, #c0392b 0%, #a93226 100%) !important;
	border-color: #a93226 !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
	.modal-dialog {
		width: 95%;
		margin: 1rem;
		max-height: 90vh;
		max-width: 450px;
	}
	
	.modal-header,
	.modal-body,
	.modal-footer {
		padding: 1rem;
	}
	
	.modal-title {
		font-size: 16px;
	}
	
	.modal-footer {
		flex-direction: column;
		gap: 0.75rem;
	}
	
	.btn {
		width: 100%;
		justify-content: center;
		padding: 1rem 1.5rem;
		font-size: 14px;
	}
	
	.form-control,
	.form-select {
		font-size: 16px; /* Prevent zoom on iOS */
		padding: 1rem;
	}
	
	.your_commend textarea {
		font-size: 16px;
		padding: 1rem;
	}
	
	.product_rating {
		padding: 0.75rem;
	}
	
	.star-rating_add_product_review,
	.star-rating_edit_product_review,
	.star-rating {
		gap: 0.25rem;
	}
}

@media (max-width: 480px) {
	.modal-dialog {
		width: 100%;
		height: 100%;
		margin: 0;
		border-radius: 0;
		max-height: 100vh;
		max-width: 100%;
	}
	
	.modal-content {
		border-radius: 0;
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	
	.modal-body {
		flex: 1;
		overflow-y: auto;
		padding: 1rem;
	}
	
	.modal-header {
		padding: 1rem;
	}
	
	.modal-footer {
		padding: 1rem;
	}
	
	.modal-title {
		font-size: 15px;
	}
	
	.btn {
		padding: 0.875rem 1.25rem;
		font-size: 13px;
	}
}

/* Order Details Page Modern UI */
.order_details_section {
	background: #f8f9fa;
	min-height: 100vh;
	padding: 2rem 0;
}

.page-title {
	font-size: 24px;
	font-weight: 600;
	color: #333;
	margin-bottom: 2rem;
}

/* Order Header Card */
.order-header-card {
	background: white;
	border-radius: 12px;
	padding: 1.5rem;
	margin-bottom: 1.5rem;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.order-header-info h4 {
	font-size: 20px;
	font-weight: 600;
	color: #333;
	margin-bottom: 0.5rem;
}

.order-date {
	color: #666;
	font-size: 14px;
	margin: 0;
}

.total-amount {
	font-size: 24px;
	font-weight: 700;
	color: #dc3545;
}

/* Order Items Card */
.order-items-card {
	background: white;
	border-radius: 12px;
	padding: 1.5rem;
	margin-bottom: 1.5rem;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.order-items-header h5 {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin-bottom: 1rem;
}

/* Order Items List */
.order-items-list {
	margin-bottom: 2rem;
}

.order-item {
	display: flex;
	align-items: center;
	/* padding: 1rem 0; */
	/* border-bottom: 1px solid #f0f0f0; */
}

.order-item:last-child {
	border-bottom: none;
}

.order-item-image {
	width: 80px;
	height: 80px;
	margin-right: 1rem;
	flex-shrink: 0;
}

.order-item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.order-item-details {
	flex: 1;
	margin-right: 1rem;
}

.order-item-name {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-bottom: 0.5rem;
}

.order-item-info {
	font-size: 14px;
	color: #666;
	margin-bottom: 0.25rem;
}

.order-item-price {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	text-align: right;
}

/* Order Status Section */
.order-status-section {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid #f0f0f0;
}

.status-message {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.status-message.delivered {
	color: #28a745;
}

.status-message.shipped {
	color: #ffc107;
}

.status-message.inprocess {
	color: #17a2b8;
}

.status-details {
	font-size: 14px;
	color: #666;
	margin-bottom: 1.5rem;
}

/* Progress Tracker */
.progress-tracker {
	display: flex;
	/* align-items: center; */
	margin-bottom: 2rem;
}

.progress-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	flex: 1;
}

.progress-step:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 15px;
	left: 50%;
	width: 100%;
	height: 2px;
	background: #e9ecef;
	z-index: 1;
}

.progress-step.completed:not(:last-child)::after {
	background: #dc3545;
}

.step-circle {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #e9ecef;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.5rem;
	position: relative;
	z-index: 2;
}

.progress-step.completed .step-circle {
	background: #dc3545;
	color: white;
}

.step-circle i {
	font-size: 12px;
}

.step-label {
	font-size: 12px;
	color: #666;
	margin-bottom: 0.25rem;
}

.step-date {
	font-size: 10px;
	color: #999;
}

/* Action Links */
.action-links {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.action-link {
	display: flex;
	align-items: center;
	padding: 0.75rem;
	background: #f8f9fa;
	border-radius: 8px;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	transition: all 0.3s ease;
}

.action-link:hover {
	background: #e9ecef;
	color: #dc3545;
	text-decoration: none;
}

.action-link i {
	margin-right: 0.75rem;
	font-size: 16px;
}

/* Info Cards */
.info-card {
	background: white;
	border-radius: 12px;
	padding: 1.5rem;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	height: 100%;
}

.card-title {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin-bottom: 1rem;
}

.address-details p {
	margin-bottom: 0.5rem;
	color: #666;
	font-size: 14px;
}

.payment-summary {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.summary-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
}

.summary-row.total-row {
	border-top: 1px solid #f0f0f0;
	padding-top: 0.75rem;
	margin-top: 0.5rem;
	font-size: 16px;
}

/* Order More Button */
.order-more-btn {
	background: #dc3545;
	border: 1px solid #dc3545;
	color: white;
	padding: 0.75rem 2rem;
	border-radius: 25px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
}

.order-more-btn:hover {
	background: #c82333;
	border-color: #bd2130;
	color: white;
	text-decoration: none;
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(220, 53, 69, 0.3);
}

/* Mobile Responsive */
@media (max-width: 768px) {
	.order_details_section {
		padding: 1rem 0;
	}
	
	.page-title {
		font-size: 20px;
		margin-bottom: 1rem;
	}
	
	.order-header-card,
	.order-items-card,
	.info-card {
		padding: 1rem;
		margin-bottom: 1rem;
	}
	
	.order-item {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}
	
	.order-item-image {
		margin-right: 0;
		margin-bottom: 1rem;
		align-self: center;
	}
	
	.order-item-details {
		margin-right: 0;
		margin-bottom: 1rem;
		width: 100%;
	}
	
	.order-item-price {
		text-align: left;
		width: 100%;
	}
	
	.progress-tracker {
		flex-wrap: wrap;
		gap: 0rem;
        margin-bottom: 0px;
	}
	
	.progress-step {
		flex: none;
		min-width: 60px;
	}
	
	.action-links {
		margin-top: 1rem;
	}
	
	.info-card {
		margin-bottom: 1rem;
	}
}

/* Order Details Page inline css */

.order_details_section {
	margin-top: 45px;
}

.order_details_note_input {
	word-break: break-word;
}

.order_more_btn {
	margin-bottom: 15px;
}


/*order Item page function css*/

.return_request_msg {
	text-align: right;
	color: red !important;
	font-weight: 600;
}

.vendor_reject_msg {
	text-align: right;
	color: red !important;
	font-weight: 600;
}

.vendor_accept_msg {
	text-align: right;
	color: #1ccc1c !important;
	font-weight: 600;
}

.vendor_waiting_msg {
	text-align: right;
	color: #f4bd0e !important;
	font-weight: 600;
}

.dwnd_invoice_btn {
	display: grid;
}

.my_ord_item_img {
	margin-top: 30px;
}

.my_ord_action_btn {
	position: relative;
}

.reject_reason_msg {
	margin-left: 15px;
}

/* Horizontal Rule Styling */
hr {
	margin: 20px 0;
	border: none;
	border-top: 1px solid #e0e0e0;
	background: none;
}

@media (max-width: 768px) {
    html body .manageaddress  .myorder_cart_body .row .col-md-4 {
        flex: 0 0 calc(30% - 10px) !important;
        max-width: calc(30% - 10px) !important;
        width: calc(30% - 10px) !important;
        min-width: 100% !important;
    }

    html body .manageaddress .my_order_headder_color .col-md-4  {
        flex: 0 0 calc(30% - 10px) !important;
        max-width: calc(30% - 10px) !important;
        width: calc(30% - 10px) !important;
        min-width: 100% !important;
        float: inline-start !important;
    }

     html body .manageaddress .my_order_headder_color .col-md-4 .total_amt {
        float: inline-start !important;
    }

}

.gradient-text-custom{
  background: linear-gradient(135deg, #ff0000, #e79a00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 27px !important;
}