/*!
Theme Name:   JayedStock
Theme URI:    https://jayed.me
Author:       Jayed 
Author URI:   https://jayed.me
Description:  JayedStock is a custom high-performance WooCommerce theme
Version:      1.0.0
Tested up to: 6.7
Requires PHP: 7.4
License:      Private
Text Domain:  jayedstock
Tags:         e-commerce, woocommerce, tailwindcss, ajax, spa
*/






.woocommerce-page .woocommerce {
   margin: 0;
   padding: 0;
}


.storefront-full-width-content #primary,
.storefront-full-width-content #main {
   width: 100%;
   margin: 0;
   padding: 0;
}


.woocommerce-MyAccount-navigation ul {
   border: none !important;
   background: none !important;
}

.woocommerce-MyAccount-navigation ul li {
   border: none !important;
   list-style: none !important;
}




.woocommerce-cart table.shop_table {
   border: none;
}

.woocommerce-cart table.shop_table td {
   vertical-align: middle;
}


.woocommerce-cart .quantity {
   display: inline-block;
}


.cart_totals {
   background: transparent;
}

.cart_totals h2 {
   display: none;
}

.cart_totals table {
   width: 100%;
   border: none;
}

.cart_totals th,
.cart_totals td {
   padding: 0.875rem 0;
   border: none;
   border-bottom: 1px solid #f1f5f9;
}

.cart_totals th {
   font-weight: 500;
   color: #64748b;
   font-size: 0.875rem;
   text-align: left;
}

.cart_totals td {
   text-align: right;
   color: #1e293b;
   font-weight: 500;
}

.cart_totals .order-total th,
.cart_totals .order-total td {
   font-size: 1.125rem;
   font-weight: 700;
   color: #0f172a;
   padding-top: 1.25rem;
   padding-bottom: 0;
   border-bottom: none;
}


.cart_totals .shipping-calculator-button {
   color: #2563eb;
   text-decoration: none;
   font-size: 0.875rem;
   font-weight: 500;
}

.cart_totals .shipping-calculator-button:hover {
   text-decoration: underline;
}


.wc-proceed-to-checkout {
   padding: 0;
   margin-top: 1.5rem;
}

.wc-proceed-to-checkout .checkout-button {
   display: block;
   width: 100%;
   padding: 1rem;
   background-color: #2563eb;
   color: white;
   text-align: center;
   font-weight: 600;
   font-size: 1rem;
   border-radius: 0.75rem;
   text-decoration: none;
   transition: all 0.2s;
   border: none;
}

.wc-proceed-to-checkout .checkout-button:hover {
   background-color: #1d4ed8;
   transform: translateY(-1px);
   box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}


.woocommerce-info {
   padding: 2rem;
   text-align: center;
   background: #eff6ff;
   border: 1px solid #dbeafe;
   border-radius: 0.75rem;
   color: #1e40af;
}








#order_review .shop_table {
   width: 100%;
   border-collapse: collapse;
   background: transparent;
   border: none;
}

#order_review .shop_table th,
#order_review .shop_table td {
   padding: 1rem 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   vertical-align: middle;
}

#order_review .shop_table thead th {
   font-weight: 600;
   text-align: left;
   color: #94a3b8;
   font-size: 0.8125rem;
   text-transform: uppercase;
   letter-spacing: 0.05em;
}

#order_review .shop_table tbody td {
   color: #e2e8f0;
}

#order_review .shop_table tbody .product-name {
   font-weight: 500;
}

#order_review .shop_table tbody .product-total {
   text-align: right;
   font-variant-numeric: tabular-nums;
}

#order_review .shop_table tfoot th {
   color: #94a3b8;
   font-weight: 500;
   text-align: left;
}

#order_review .shop_table tfoot td {
   text-align: right;
   color: #e2e8f0;
   font-variant-numeric: tabular-nums;
}

#order_review .shop_table tfoot .order-total th,
#order_review .shop_table tfoot .order-total td {
   border-bottom: none;
   padding-top: 1.5rem;
   font-size: 1.25rem;
   font-weight: 700;
   color: #fff;
}



#payment {
   background: transparent !important;
   border-radius: 0;
}

#payment .payment_methods {
   padding: 1.5rem 0 !important;
   margin: 0 !important;
   border: none !important;
   border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

#payment .payment_methods li {
   margin-bottom: 1rem;
   list-style: none;
}

#payment .payment_methods li label {
   color: #fff;
   font-weight: 600;
   font-size: 0.9375rem;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
}

#payment .payment_methods li input[type="radio"] {
   accent-color: #0F72E5;
   width: 1.125rem;
   height: 1.125rem;
}

#payment .payment_box {
   background: rgba(255, 255, 255, 0.05) !important;
   color: #cbd5e1 !important;
   border: none !important;
   border-radius: 0.75rem;
   padding: 1rem 1.25rem !important;
   margin: 0.75rem 0 0 1.5rem !important;
   font-size: 0.875rem;
   line-height: 1.6;
}

#payment .payment_box::before {
   display: none;
}


#payment .woocommerce-terms-and-conditions-wrapper {
   margin: 1.5rem 0;
   color: #94a3b8;
   font-size: 0.875rem;
}

#payment .woocommerce-terms-and-conditions-wrapper a {
   color: #60a5fa;
   text-decoration: underline;
}

#payment .woocommerce-terms-and-conditions-wrapper label {
   font-weight: 400;
   font-size: 0.875rem;
}


#payment .place-order {
   padding: 0 !important;
   margin-top: 0 !important;
   background: transparent !important;
}

#payment #place_order {
   width: 100%;
   padding: 1rem 2rem;
   background: linear-gradient(135deg, #0F72E5 0%, #1d4ed8 100%);
   color: #fff;
   font-weight: 700;
   font-size: 1rem;
   border: none;
   border-radius: 0.75rem;
   cursor: pointer;
   transition: all 0.3s ease;
   box-shadow: 0 4px 15px rgba(15, 114, 229, 0.3);
}

#payment #place_order:hover {
   transform: translateY(-2px);
   box-shadow: 0 8px 25px rgba(15, 114, 229, 0.4);
}

#payment #place_order:active {
   transform: translateY(0);
}



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

.woocommerce-MyAccount-navigation li {
   margin-bottom: 0;
}

.woocommerce-MyAccount-navigation li a {
   display: flex;
   align-items: center;
   gap: 0.75rem;
   padding: 0.625rem 1rem;
   border-radius: 0.5rem;
   color: #475569;
   font-weight: 500;
   font-size: 0.875rem;
   text-decoration: none;
   transition: all 0.15s ease;
}

.woocommerce-MyAccount-navigation li a:hover {
   background-color: #f8fafc;
   color: #1e293b;
}

.woocommerce-MyAccount-navigation li.is-active a {
   background-color: #eff6ff;
   color: #2563eb;
   font-weight: 600;
}




.woocommerce-MyAccount-content table {
   width: 100%;
   border-collapse: collapse;
   margin-bottom: 1.5rem;
}

.woocommerce-MyAccount-content table thead th {
   background-color: #f8fafc;
   padding: 0.75rem 1rem;
   font-weight: 600;
   text-align: left;
   color: #64748b;
   font-size: 0.75rem;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   border-bottom: 2px solid #e2e8f0;
}

.woocommerce-MyAccount-content table tbody td {
   padding: 1rem;
   background-color: #fff;
   border-bottom: 1px solid #f1f5f9;
   color: #475569;
   font-size: 0.875rem;
}

.woocommerce-MyAccount-content table tbody tr:last-child td {
   border-bottom: none;
}

.woocommerce-MyAccount-content table tbody tr:hover td {
   background-color: #fafafa;
}


.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content .woocommerce-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 0.5rem 1rem;
   background-color: #fff;
   border: 1px solid #e2e8f0;
   border-radius: 0.5rem;
   font-size: 0.875rem;
   font-weight: 500;
   color: #475569;
   text-decoration: none;
   transition: all 0.15s ease;
   cursor: pointer;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content .woocommerce-button:hover {
   border-color: #cbd5e1;
   background-color: #f8fafc;
}


.woocommerce-MyAccount-content .button.alt,
.woocommerce-MyAccount-content .woocommerce-button.button {
   background-color: #2563eb;
   border-color: #2563eb;
   color: #fff;
}

.woocommerce-MyAccount-content .button.alt:hover,
.woocommerce-MyAccount-content .woocommerce-button.button:hover {
   background-color: #1d4ed8;
   border-color: #1d4ed8;
   color: #fff;
}


.woocommerce-MyAccount-content p {
   color: #64748b;
   line-height: 1.6;
}

.woocommerce-MyAccount-content a {
   color: #2563eb;
   text-decoration: none;
}

.woocommerce-MyAccount-content a:hover {
   text-decoration: underline;
}




.woocommerce-message,
.woocommerce-info {
   padding: 1rem 1.5rem;
   margin-bottom: 1.5rem;
   border-radius: 0.75rem;
   border: none;
   background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
   color: #1e40af;
   font-weight: 500;
}

.woocommerce-message::before,
.woocommerce-info::before {
   color: #0F72E5;
}

.woocommerce-error {
   padding: 1rem 1.5rem;
   margin-bottom: 1.5rem;
   border-radius: 0.75rem;
   border: none;
   background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
   color: #991b1b;
}

.woocommerce-error::before {
   color: #ef4444;
}



.woocommerce-form-login,
.woocommerce-form-register {
   max-width: 100%;
}

.woocommerce-form-login .form-row,
.woocommerce-form-register .form-row {
   margin-bottom: 1.25rem;
}

.woocommerce-form-login label,
.woocommerce-form-register label {
   display: block;
   font-weight: 600;
   margin-bottom: 0.5rem;
   color: #334155;
   font-size: 0.875rem;
}

.woocommerce-form-login input.input-text,
.woocommerce-form-register input.input-text {
   width: 100%;
   padding: 0.875rem 1rem;
   border: 1px solid #e2e8f0;
   border-radius: 0.75rem;
   background-color: #f8fafc;
   font-size: 0.9375rem;
   transition: all 0.2s ease;
}

.woocommerce-form-login input.input-text:focus,
.woocommerce-form-register input.input-text:focus {
   outline: none;
   border-color: #0F72E5;
   background-color: #fff;
   box-shadow: 0 0 0 3px rgba(15, 114, 229, 0.1);
}

.woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-form-register .woocommerce-form-register__submit {
   width: 100%;
   padding: 0.875rem 2rem;
   background: linear-gradient(135deg, #0F72E5 0%, #1d4ed8 100%);
   color: #fff;
   font-weight: 700;
   font-size: 1rem;
   border: none;
   border-radius: 0.75rem;
   cursor: pointer;
   transition: all 0.3s ease;
   box-shadow: 0 4px 15px rgba(15, 114, 229, 0.3);
}

.woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce-form-register .woocommerce-form-register__submit:hover {
   transform: translateY(-2px);
   box-shadow: 0 8px 25px rgba(15, 114, 229, 0.4);
}



@media (max-width: 1024px) {

   .woocommerce-checkout .form-row input.input-text,
   .woocommerce-checkout .form-row textarea,
   .woocommerce-checkout .form-row select {
      padding: 0.75rem 0.875rem;
      font-size: 1rem;
      /* Prevent zoom on iOS */
   }

   #payment #place_order {
      padding: 0.875rem 1.5rem;
      font-size: 1rem;
   }
}

@media (max-width: 640px) {
   .woocommerce-MyAccount-content table {
      font-size: 0.875rem;
   }

   .woocommerce-MyAccount-content table thead {
      display: none;
   }

   .woocommerce-MyAccount-content table tbody td {
      display: block;
      padding: 0.5rem 1rem;
      border-bottom: none;
   }

   .woocommerce-MyAccount-content table tbody td::before {
      content: attr(data-title) ": ";
      font-weight: 600;
      color: #64748b;
   }

   .woocommerce-MyAccount-content table tbody tr {
      display: block;
      border-bottom: 1px solid #e2e8f0;
      padding: 1rem 0;
   }
}