/*
Theme Name: Woo Store Final Theme v3
Theme URI: https://example.com/
Author: Abdullah
Description: Final WooCommerce theme with neat orange header (logo left, primary menu center, cart & checkout right) and AJAX shop table with category filters.
Version: 3.0
Text Domain: woo-store-final-theme-v3
*/

:root{
  --orange: #ff7f00;
  --orange-light: #ff9633;
  --green: #00A86B;
  --muted: #f6f6f6;
  --danger: #d9534f;
}

body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial;color:#222;background:var(--muted)}
a{text-decoration:none;color:inherit}

/* Header layout */
.header{background:var(--muted);color:#fff;padding:8px 0;}
.header .container{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1200px;margin:0 auto;padding:0 16px;}
.logo img{max-height:48px;width:auto;}
.primary-nav{flex:1;text-align:center;}
.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:22px;}
.primary-nav a{color:#fff;font-weight:500;}
.primary-nav a:hover{color:#fff;background:var(--orange-light);padding:6px 10px;border-radius:6px;}
.header-right{display:flex;align-items:center;gap:12px;}
.header-right a{color:#000;padding:6px 10px;border-radius:6px;}
.header-right a:hover{background:var(--orange-light);}

/* Category filters */
.category-filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0;align-items:center;justify-content:center;}
.cat-btn{padding:8px 12px;background:#fff;border-radius:999px;border:1px solid rgba(0,0,0,0.04);cursor:pointer;color:var(--orange);font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,0.04)}
.cat-btn.active{background:var(--orange);color:#fff;box-shadow:0 6px 18px rgba(255,106,0,0.12)}

/* Table styling */
.table-wrap{overflow:auto;background:#fff;border-radius:12px;padding:14px;box-shadow:0 4px 18px rgba(0,0,0,0.06)}
.shop-table{width:100%;border-collapse:collapse;background:transparent}
.shop-table th{background:transparent;text-align:left;padding:12px;border-bottom:1px solid #f0f0f0;color:#333}
.shop-table td{padding:12px;border-bottom:1px solid #f7f7f7;vertical-align:middle}
.product-image img{width:70px;height:auto;border-radius:6px}
.qty-input{width:68px;padding:6px;text-align:center;border:1px solid #eee;border-radius:6px}
.button{padding:8px 12px;border-radius:6px;border:0;cursor:pointer}
.button.green{background:var(--green);color:#fff}
.price-del{color:var(--danger);text-decoration:line-through;margin-right:8px}

/* Pagination */
.pagination{margin-top:14px;display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.page-btn{padding:6px 10px;border-radius:6px;background:#fff;border:1px solid #eee;cursor:pointer}
.page-btn.active{background:var(--orange);color:#fff;border-color:var(--orange)}

/* Footer */
footer{text-align:center;padding:20px;background:#f5f5f5;color:#555;margin-top:30px;}

@media (max-width:760px){
  .primary-nav ul{flex-wrap:wrap;}
  .shop-table th:nth-child(4),.shop-table td:nth-child(4){display:none}
}

/* custom woocomerce css */
.wc-block-cart__submit-container {
  background-color: #28a745 !important;
}
.wc-block-components-checkout-place-order-button {
  background-color: #28a745 !important;
}

/* === My Account Page Center Alignment Fix === */
body.woocommerce-account .site-content {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 100vh;
  background: #f9f9f9;
}

body.woocommerce-account .woocommerce {
  width: 100%;
  max-width: 420px;
  background: #fff;
  padding: 30px 35px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

body.woocommerce-account h2 {
  text-align: center;
  color: #333;
  margin-bottom: 25px;
  font-weight: 600;
}

body.woocommerce-account form.login,
body.woocommerce-account form.register {
  margin: 0;
}

body.woocommerce-account input.input-text {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 15px;
  font-size: 14px;
}

body.woocommerce-account .woocommerce-form-login__submit,
body.woocommerce-account .woocommerce-form-register__submit {
  background-color: #28a745;
  color: #fff;
  border: none;
  padding: 12px;
  width: 100%;
  border-radius: 6px;
  font-size: 15px;
  transition: all 0.3s ease;
}

body.woocommerce-account .woocommerce-form-login__submit:hover,
body.woocommerce-account .woocommerce-form-register__submit:hover {
  background-color: #ff7a00;
}

main.site-content {
    padding: 10px;
    background: white;
    border-radius: 20px;
    margin: 05px;
    border: 1px solid gainsboro;
}
/* checkout page */
#payment-method,.woocommerce-checkout-payment {
  display: none !important;
}
#shipping-option {
  display: none !important;
}
#contact-fields {
  display: none !important;
}
.wc-block-checkout__use-address-for-billing{
  display: none !important;	
}

/* Hide billing and shipping address on Thank You page */
.woocommerce-customer-details,
.woocommerce-order-details__title,
.woocommerce-columns--addresses,
.addresses {
  display: none !important;
}

/* Hide payment method section */
.woocommerce-order-overview__payment-method,
.woocommerce-order-overview li.method,
.woocommerce-table--order-details tfoot tr.payment_method,
.woocommerce-order-overview li.payment-method,
 {
  display: none !important;
}

/* Center align the thank you text */
.woocommerce-thankyou-order-received {
  text-align: center !important;
  font-size: 20px; /* optional */
  font-weight: 600; /* optional */
  margin: 30px 0; /* optional spacing */
}

/* Search Box */
.product-search {
  text-align: right;
  /*display: flex;*/
  gap: 10px;
  margin: 15px 0;
}
.product-search input {
  flex: 1;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.product-search button {
  background: #0073aa;
  color: #fff;
  border: none;
  padding: 8px 14px;
  border-radius: 6px;
  cursor: pointer;
}
.product-search button:hover {
  background: #005f8d;
}

/* Increase Qty font size */
.qty-input {
  font-size: 18px !important;
  padding: 4px;
  width: 70px;
  text-align: center;
}

/* Ensure Brand and Description visible */
.product-brand,
.product-desc {
  font-size: 14px;
  color: #333;
}

.related.products {
  margin-top: 40px;
}

.related.products .slick-prev,
.related.products .slick-next {
  background-color: #f97316; /* orange button */
  color: white;
  border: none;
  padding: 10px;
  border-radius: 50%;
  position: absolute;
  top: 40%;
  z-index: 10;
}

.related.products .slick-prev:hover,
.related.products .slick-next:hover {
  background-color: #16a34a; /* green hover */
}