/* Body Styling */
body {
  background-color: #0e0e0e;
  color: #b3b3b3;
  font-family: 'Courier New', Courier, monospace;
}

/* Clean Text for Titles */
h1, h2, h3, h4, h5 {
  color: #b3b3b3;
  text-shadow: none;
}

/* Minimal Links */
a {
  color: #b3b3b3;
  text-decoration: none;
  transition: color 0.3s;
}

a:hover {
  color: #787878;
}

/* Card & Content Boxes */
.card, .info-box {
  background-color: #1a1a1a;
  border: 1px solid #333;
  padding: 15px;
  margin: 20px 0;
  box-shadow: none;
}

.card:hover, .info-box:hover {
  background-color: #1a1a1a;
}

/* Dark buttons */
button, .btn {
  background-color: #333;
  color: #fff;
  border: 1px solid #444;
  padding: 10px 20px;
  transition: background-color 0.3s;
  cursor: pointer;
}

button:hover, .btn:hover {
  background-color: #444;
}

/* Table styling for data display */
table {
  width: 100%;
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid #333;
}

th, td {
  padding: 10px;
  text-align: left;
}

th {
  background-color: #222;
  color: #b3b3b3;
}

td {
  color: #b3b3b3;
}

/* Input fields */
input, select, textarea {
  background-color: #333;
  color: #fff;
  border: 1px solid #444;
  padding: 10px;
}

input:hover, select:hover, textarea:hover {
  border-color: #666;
}

/* Styling for Filters */
#filters label {
  margin-right: 15px;
  font-weight: bold;
  color: #b3b3b3;
}

#filters select, #filters input {
  padding: 10px;
  margin-right: 10px;
  border: 1px solid #444;
  background-color: #1a1a1a;
  color: #b3b3b3;
  border-radius: 5px;
  width: 200px;
}

#filters button {
  padding: 10px 20px;
  background-color: #444;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

#filters button:hover {
  background-color: #555;
}

/* Styling for the table */
#credit-card-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

#credit-card-table th, #credit-card-table td {
  border: 1px solid #444;
  padding: 12px;
  text-align: left;
}

#credit-card-table th {
  background-color: #222;
  color: #fff;
}

#credit-card-table td {
  background-color: #1a1a1a;
  color: #b3b3b3;
}

/* Table row hover effect */
#credit-card-table tr:hover {
  background-color: #333;
}

/* Button styling in the table */
#credit-card-table button {
  padding: 8px 15px;
  background-color: #444;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

#credit-card-table button:hover {
  background-color: #555;
}

/* Notification Styling */
.notification {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 15px;
  border-radius: 5px;
  z-index: 1000;
  font-weight: bold;
  color: #fff;
}

.notification.success {
  background-color: #28a745; /* Green for success */
}

.notification.error {
  background-color: #dc3545; /* Red for error */
}

.notification.show {
  display: block;
  animation: fadeIn 0.5s ease, fadeOut 0.5s ease 6.5s forwards; /* Shows for 7 seconds */
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeOut {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: 0; transform: translateY(-20px); }
}

/* Confirmation Modal Styling */
.modal {
  display: none;
  position: fixed;
  z-index: 1001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-content {
  background-color: #1a1a1a;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #444;
  width: 80%;
  max-width: 500px;
  color: #b3b3b3;
  border-radius: 5px;
  position: relative;
}

.modal-content h2 {
  margin-top: 0;
  color: #b3b3b3;
}

.modal-content p {
  margin-bottom: 20px;
}

.modal-buttons {
  text-align: right;
  margin-top: 20px;
}

.modal-buttons button {
  padding: 10px 20px;
  margin-left: 10px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.modal-buttons .confirm-btn {
  background-color: #28a745;
  color: #fff;
}

.modal-buttons .confirm-btn:hover {
  background-color: #218838;
}

.modal-buttons .cancel-btn {
  background-color: #dc3545;
  color: #fff;
}

.modal-buttons .cancel-btn:hover {
  background-color: #c82333;
}

.close {
  color: #b3b3b3;
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: #fff;
  text-decoration: none;
}

/* General Pagination Styles */
#pagination, 
#dumps-table-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 5px;
}

#pagination button, 
#dumps-table-pagination button {
    background-color: #444;
    color: #fff;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

#pagination button.active, 
#dumps-table-pagination button.active {
    background-color: #888;
    font-weight: bold;
    color: #fff;
}

#pagination button:hover, 
#dumps-table-pagination button:hover {
    background-color: #555;
}

#pagination button.disabled, 
#dumps-table-pagination button.disabled {
    background-color: #666;
    cursor: not-allowed;
}

#pagination button.pagination-arrow, 
#dumps-table-pagination button.pagination-arrow {
    font-weight: bold;
    padding: 8px 16px;
    background-color: #333;
}

/* Styling for the dumps table */
#dumps-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    background-color: #1a1a1a;
}

#dumps-table th, #dumps-table td {
    border: 1px solid #444;
    padding: 12px;
    text-align: left;
}

#dumps-table th {
    background-color: #222;
    color: #fff;
}

#dumps-table td {
    background-color: #1a1a1a;
    color: #b3b3b3;
}

#dumps-table tr:hover {
    background-color: #333;
}

#dumps-table button {
    padding: 8px 15px;
    background-color: #444;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

#dumps-table button:hover {
    background-color: #555;
}
#filters {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); /* Grid layout to fit more evenly */
    gap: 15px; /* Space between each filter */
    padding: 20px;
    background-color: #222; /* Adjust to your preferred background */
    color: #fff; /* Text color */
    border-radius: 8px;
}

#filters div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#filters label {
    font-weight: bold;
    margin-bottom: 5px;
    color: #ccc;
}

#filters select, #filters input {
    width: 100%;
    padding: 8px;
    background-color: #333; /* Darker background */
    border: 1px solid #444; /* Border color */
    border-radius: 4px;
    color: #fff; /* Text color */
}

#filters select option, #filters input::placeholder {
    color: #aaa; /* Placeholder and option color */
}

.product-section {
    margin-bottom: 30px;
    padding: 20px;
    background-color: #222; /* Dark background for contrast */
    border-radius: 8px;
}

table {
    width: 100%;
    border-collapse: collapse;
}

table th, table td {
    border: 1px solid #444;
    padding: 10px;
    text-align: left;
    color: #fff; /* Text color */
    background-color: #333; /* Background color for table rows */
}

th {
    background-color: #444; /* Darker background for table headers */
    font-weight: bold;
    color: #eee; /* Light color for headers */
}

tr:nth-child(even) {
    background-color: #3a3a3a; /* Slightly lighter color for even rows */
}

.verified-badge {
    background-color: #4CAF50;
    color: white;
    padding: 3px 5px;
    border-radius: 4px;
    font-size: 0.8em;
}

button.buy-now {
    padding: 8px 15px;
    background-color: #007bff; /* Blue color for buttons */
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button.buy-now:hover {
    background-color: #0056b3; /* Darker blue on hover */
}
/* Netflix Section Scoped Styling */
#netflix-section {
  margin-bottom: 30px;
  padding: 20px;
  background-color: #222;
  border-radius: 8px;
}

#netflix-section h2 {
  color: #eee;
  text-align: center;
  font-size: 2em;
  margin-bottom: 20px;
}

/* Table Styling */
#netflix-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #1a1a1a;
  color: #b3b3b3;
}

#netflix-table th, #netflix-table td {
  border: 1px solid #444;
  padding: 15px; /* Increased padding for readability */
  text-align: center; /* Center align for uniform look */
}

#netflix-table th {
  background-color: #222;
  color: #fff;
  font-weight: bold;
}

#netflix-table td {
  background-color: #1a1a1a;
}

#netflix-table tr:hover {
  background-color: #333;
}

/* Button Styling in the Netflix Table */
#netflix-section .buy-now {
  padding: 8px 15px;
  background-color: #444; /* Match the site's dark button color */
  color: #fff; /* White text */
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.3s, box-shadow 0.3s ease;
}

#netflix-section .buy-now:hover {
  background-color: #555; /* Darker shade on hover */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3); /* Adds subtle shadow for depth */
}

/* Pagination Controls */
#netflix-table-pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

#netflix-table-pagination button {
  background-color: #444;
  color: #fff;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s;
}

#netflix-table-pagination button.active {
  background-color: #888;
  font-weight: bold;
}

#netflix-table-pagination button:hover {
  background-color: #555;
}

/* Modal Styling */
#buyModal {
  display: none;
  position: fixed;
  z-index: 1001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}

#buyModal .modal-content {
  background-color: #1a1a1a;
  border: 1px solid #444;
  padding: 20px;
  border-radius: 5px;
  max-width: 500px;
  width: 80%;
  color: #b3b3b3;
  position: relative;
}

#buyModal .modal-header h2 {
  margin-top: 0;
  color: #b3b3b3;
}

#buyModal .modal-buttons {
  text-align: right;
  margin-top: 20px;
}

#buyModal .confirm-btn {
  background-color: #28a745;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

#buyModal .confirm-btn:hover {
  background-color: #218838;
}

#buyModal .cancel-btn {
  background-color: #dc3545;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

#buyModal .cancel-btn:hover {
  background-color: #c82333;
}

#buyModal .close {
  color: #b3b3b3;
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 28px;
  cursor: pointer;
}
#buyModal .close:hover,
#buyModal .close:focus {
  color: #fff;
  text-decoration: none;
}

.auction-item {
    background-color: #333;
    padding: 15px;
    margin: 15px 0;
    border-radius: 5px;
    color: #fff;
}

#notification-area {
    color: #4caf50;
    padding: 10px;
}

#confirmation-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Orders Table Styling */
.order-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #121212; /* Dark background for the table */
    color: #E0E0E0; /* Light text for better readability */
}

.order-table th {
    background-color: #1E0E37; /* Dark purple header background */
    color: #FFFFFF; /* White text for header */
    font-weight: bold;
    text-align: left;
    padding: 12px;
}

.order-table td {
    padding: 12px;
    border-bottom: 1px solid #333333; /* Subtle border between rows */
}

.order-table tr:nth-child(even) {
    background-color: #1E1E1E; /* Slightly lighter shade for alternate rows */
}

.order-table tr:hover {
    background-color: #333333; /* Darker shade on hover */
}

.order-table a {
    color: #BA55D3; /* Purple color for "View" links */
    text-decoration: none;
    font-weight: bold;
}

.order-table a:hover {
    text-decoration: underline;
}

/* Aligning Actions Column */
.order-table .actions {
    text-align: right;
}

/* General Container */
.supportcandy-container {
    background-color: #1a1a1a !important; /* Dark background */
    color: #e0e0e0 !important; /* Light text */
    border-radius: 8px !important;
    padding: 20px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important;
}

/* Form Fields */
.supportcandy-container input,
.supportcandy-container select,
.supportcandy-container textarea {
    background-color: #2b2b2b !important; /* Dark input fields */
    color: #e0e0e0 !important; /* Light text inside inputs */
    border: 1px solid #444 !important; /* Subtle border */
    border-radius: 5px !important;
    padding: 10px !important;
    margin-bottom: 15px !important;
}

/* Rich Text Editor */
.supportcandy-container .wp-editor-container {
    background-color: #2b2b2b !important;
    border: 1px solid #444 !important;
    color: #e0e0e0 !important;
}

/* Submit Button */
.supportcandy-container button[type="submit"] {
    background-color: #4caf50 !important; /* Green button */
    color: #fff !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}
.supportcandy-container button[type="submit"]:hover {
    background-color: #45a049 !important; /* Slightly darker green */
}

/* Hide Terms and Conditions Checkboxes */
.supportcandy-container .sc-terms {
    display: none !important;
}
/* Remove the navigation sidebar */
body.page-id-18199 .woocommerce-MyAccount-navigation {
    display: none !important; /* Hide the sidebar entirely */
}

/* Update woo-wallet-sidebar background color to black */
body.page-id-18199 .woo-wallet-sidebar {
    background: #000 !important; /* Full black background */
    color: #ffcc00 !important; /* Yellow text for consistency */
    border: 1px solid #333 !important; /* Subtle dark border */
    border-radius: 8px !important; /* Smooth corners */
    padding: 15px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important; /* Slight shadow for depth */
    text-align: center !important; /* Center-align content */
    transition: transform 0.3s ease !important;
}

/* woo-wallet-sidebar hover effect */
body.page-id-18199 .woo-wallet-sidebar:hover {
    transform: scale(1.02) !important; /* Slight zoom on hover */
    box-shadow: 0 6px 15px rgba(255, 255, 0, 0.2) !important; /* Subtle yellow glow */
}

/* Update card background color to black */
body.page-id-18199 .card {
    background: #000 !important; /* Full black background */
    color: #ffcc00 !important; /* Yellow text for consistency */
    border: 1px solid #333 !important; /* Subtle dark border */
    border-radius: 8px !important; /* Smooth corners */
    padding: 15px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important; /* Slight shadow for depth */
    text-align: center !important; /* Center-align content */
    transition: transform 0.3s ease !important;
}

/* Card hover effect */
body.page-id-18199 .card:hover {
    transform: scale(1.02) !important; /* Slight zoom on hover */
    box-shadow: 0 6px 15px rgba(255, 255, 0, 0.2) !important; /* Subtle yellow glow */
}

/* Full-width content without sidebar */
body.page-id-18199 .woocommerce-MyAccount-content {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 20px !important;
    background: #111 !important; /* Full dark background */
    border-radius: 10px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7) !important;
    color: #fff !important; /* Default text color */
}

/* Wallet balance styling */
body.page-id-18199 .woocommerce-Price-amount.amount {
    color: #ffcc00 !important; /* Flat yellow for wallet balance */
    font-size: 20px !important; /* Mellowed-down font size */
    font-weight: normal !important; /* Subtle font weight */
    text-shadow: none !important; /* Remove any glow effect */
    display: inline-block !important;
    margin-bottom: 10px !important;
}

/* Remove the top gap for the balance amount */
body.page-id-18199 .woocommerce-Price-amount.amount bdi {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Style the page header (e.g., "Balance") */
body.page-id-18199 h1,
body.page-id-18199 h2,
body.page-id-18199 h3 {
    color: #ffcc00 !important; /* Yellow for headers */
    font-weight: bold !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
}

/* Style the input field for entering amount */
body.page-id-18199 input[type="number"] {
    width: 100% !important;
    padding: 12px !important;
    font-size: 16px !important;
    border: 1px solid #444 !important;
    border-radius: 5px !important;
    background: #222 !important; /* Dark input background */
    color: #fff !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

/* Placeholder styling */
body.page-id-18199 input::placeholder {
    color: #888 !important;
}

/* Style the "Enter Amount" text */
body.page-id-18199 .woocommerce-MyAccount-content label {
    color: #ffcc00 !important; /* Flat yellow for labels */
    font-size: 14px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    margin-bottom: 5px !important;
}

/* Style the Add button with class="woo-add-to-wallet" */
body.page-id-18199 .woo-add-to-wallet {
    background-color: #ff4500 !important; /* Orange-red for buttons */
    color: #fff !important;
    font-size: 16px !important;
    padding: 12px 20px !important;
    border: none !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    width: 100% !important;
    transition: background-color 0.3s ease !important, transform 0.3s ease !important;
}

body.page-id-18199 .woo-add-to-wallet:hover {
    background-color: #cc3700 !important; /* Darker red on hover */
    transform: scale(1.02) !important; /* Slight hover effect */
}

/* Remove any unnecessary horizontal lines */
body.page-id-18199 hr {
    display: none !important;
}

/* Adjust spacing for Balance and Enter Amount fields */
body.page-id-18199 .woocommerce-MyAccount-content .balance-section {
    margin-bottom: 10px !important;
}

body.page-id-18199 .woocommerce-MyAccount-content input[type="number"] {
    margin-top: 5px !important; /* Reduce spacing above input field */
}

/* Target links or unstyled text */
body.page-id-18199 a {
    color: #ffcc00 !important; /* Yellow for links */
    text-decoration: none !important;
    font-weight: bold !important;
}

body.page-id-18199 a:hover {
    color: #ffff00 !important; /* Brighter yellow on hover */
    text-decoration: underline !important;
}
/* Hide unnecessary sections */
body.page-id-18198 .woocommerce-billing-fields,
body.page-id-18198 .woocommerce-additional-fields,
body.page-id-18198 .woocommerce-shipping-fields,
body.page-id-18198 .woocommerce-account-fields {
    display: none !important;
}

/* Hide "Your Order" section */
body.page-id-18198 .col2-set {
    display: none !important;
}

/* Hide coupon section */
body.page-id-18198 .woocommerce-form-coupon-toggle {
    display: none !important;
}

/* Hide "Pay Now" button */
body.page-id-18198 #pay-now-button {
    display: none !important;
}

/* Hide unwanted payment method and progress bar */
body.page-id-18198 .wc_payment_method.payment_method_blockonomics,
body.page-id-18198 .woocommerce_status_bar {
    display: none !important;
}

/* Style "Pay with Bitcoin" button */
body.page-id-18198 button#place_order {
    background-color: #ff4500 !important; /* Red color */
    color: #fff !important;
    border: none !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    display: block !important;
    margin: 20px auto !important; /* Center the button */
    width: auto !important;
    transition: background-color 0.3s ease !important;
}

/* Hover Effect for "Pay with Bitcoin" Button */
body.page-id-18198 button#place_order:hover {
    background-color: #cc3700 !important; /* Darker red */
}

/* Clean up extra spacing or margins */
body.page-id-18198 {
    padding: 20px 0 !important;
    text-align: center !important; /* Align content to the center */
}
/* Hide "Your Order" heading */
body.page-id-18198 #order_review_heading {
    display: none !important;
}

/* Center the order review section */
body.page-id-18198 .woocommerce-checkout-review-order {
    margin: 0 auto !important; /* Center horizontally */
    text-align: center !important; /* Center the text */
    max-width: 600px !important; /* Optional: limit the width */
}
/* Center the "Your Order" section */
body.page-id-18198 .woocommerce-checkout-review-order {
    margin: 0 auto !important; /* Center horizontally */
    text-align: center !important; /* Align the content */
    max-width: 600px !important; /* Optional: limit the width */
    padding-bottom: 20px !important; /* Add spacing at the bottom */
}

/* Center the payment section */
body.page-id-18198 .woocommerce-checkout-payment {
    margin: 0 auto !important; /* Center horizontally */
    text-align: center !important; /* Align the content */
    max-width: 600px !important; /* Optional: limit the width */
    padding-top: 20px !important; /* Add spacing at the top */
}

/* Remove the payment heading */
body.page-id-18198 #order_review_heading_payment {
    display: none !important;
}
/* Center the "Place Order" button section */
body.page-id-18198 .form-row.place-order {
    margin: 0 auto !important; /* Center horizontally */
    text-align: center !important; /* Align the content */
    max-width: 600px !important; /* Optional: limit the width */
    padding-top: 20px !important; /* Add spacing at the top */
}
/* Center the checkout woocommerce-checkout section */
body.page-id-18198 .checkout.woocommerce-checkout {
    display: flex !important; /* Enable flexbox */
    flex-direction: column !important; /* Stack elements vertically */
    align-items: center !important; /* Center all children horizontally */
    justify-content: center !important; /* Center children vertically */
    margin: 0 auto !important; /* Center the entire block */
    text-align: center !important; /* Ensure text alignment is centered */
}



/* Hide the "wc_payment_methods payment_methods methods" section */
body.page-id-18198 .wc_payment_methods.payment_methods.methods {
    display: none !important;
}

/* Adjust padding and spacing for a cleaner look */
body.page-id-18198 {
    padding: 20px !important; /* Ensure proper padding */
}