/*
Theme Name: RedditMob Light
Theme URI: https://example.com/
Author: ChatGPT
Description: Custom WooCommerce theme for Reddit accounts/services. Light + clean with orange gradient accents, card layouts, toast notices, simplified checkout.
Version: 2.0.0
License: GPL-2.0-or-later
Text Domain: redditmob-light
*/

:root {
  --rm-bg: #f5f5f7;
  --rm-surface: #ffffff;
  --rm-text: #111827;
  --rm-muted: #6b7280;
  --rm-gradient: linear-gradient(135deg, #ff6b2c, #f59e0b);
}

body {
  background: var(--rm-bg);
  color: var(--rm-text);
  font-family: system-ui, sans-serif;
  margin:0;
}

a { color:#ff6b2c; text-decoration:none }
a:hover { text-decoration:underline }

header.site-header {
  background: var(--rm-surface);
  padding: 1rem;
  border-bottom:1px solid #e5e7eb;
}
header .container {
  display:flex;justify-content:space-between;align-items:center;
}
header .site-title { font-weight:800;font-size:20px;color:var(--rm-text); }
header nav a {margin:0 0.5rem;color:var(--rm-text);font-weight:600;transition:all .3s ease;}
header nav a:hover {color:#ff6b2c;}

footer.site-footer {
  background:var(--rm-surface);
  padding:1.5rem;
  margin-top:3rem;
  text-align:center;
  color:var(--rm-muted);
  border-top:1px solid #e5e7eb;
}

.hero {
  padding:3rem 1rem;
  text-align:center;
  background:var(--rm-gradient);
  color:#fff;
}
.hero h1 {font-size:2.5rem;margin-bottom:.5rem;}
.hero p {color:#fff;}

.trust-banner {
  background:var(--rm-surface);
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:1rem;
  padding:1rem;
  font-weight:600;
  border-top:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
}

.why-choose {
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1rem;margin:2rem 0;
}
.why-choose .card {
  background:var(--rm-surface);
  border-radius:1rem;
  padding:1rem;
  text-align:center;
  box-shadow:0 1px 3px rgba(0,0,0,0.1);
  transition:transform .3s ease;
}
.why-choose .card:hover { transform:translateY(-3px); }

.faq {margin:2rem 0;}
.faq-item {
  background:var(--rm-surface);
  border-radius:.75rem;
  margin-bottom:.5rem;
  box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.faq-question {
  padding:1rem;
  cursor:pointer;
  font-weight:700;
}
.faq-answer {
  display:none;
  padding:0 1rem 1rem;
  color:var(--rm-muted);
}

.categories {
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1rem;
  margin:2rem 0;
}
.category-tile {
  background:var(--rm-surface);
  padding:2rem 1rem;
  border-radius:1rem;
  text-align:center;
  box-shadow:0 1px 3px rgba(0,0,0,0.1);
  transition:transform .3s ease;
}
.category-tile:hover { transform:translateY(-3px); }
.category-tile a {
  display:inline-block;
  margin-top:.5rem;
  padding:.5rem 1rem;
  border-radius:.5rem;
  background:var(--rm-gradient);
  color:#fff;
  font-weight:700;
  transition:all .3s ease;
}

.woocommerce ul.products li.product {
  background:var(--rm-surface);
  padding:1rem;
  border-radius:.75rem;
  box-shadow:0 1px 3px rgba(0,0,0,0.1);
  transition:transform .3s ease;
}
.woocommerce ul.products li.product:hover { transform:translateY(-3px); }
.woocommerce ul.products li.product .button {
  background:var(--rm-gradient)!important;
  color:#fff!important;
  border:none;border-radius:.5rem;
  padding:.5rem 1rem;
}

.woocommerce .woocommerce-ordering select {
  border:1px solid #e5e7eb;
  border-radius:.5rem;
  padding:.4rem .8rem;
  background:var(--rm-surface);
  box-shadow:0 1px 2px rgba(0,0,0,0.05);
}

.single-product .product {
  background:var(--rm-surface);
  padding:2rem;
  border-radius:1rem;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2rem;
}

.woocommerce-cart table.shop_table {
  background:var(--rm-surface);
  border-radius:.75rem;
  overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.woocommerce-cart .cart_totals {
  background:var(--rm-surface);
  padding:1rem;
  border-radius:.75rem;
  box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
  background:var(--rm-gradient)!important;
  color:#fff!important;
  border-radius:.5rem;
  padding:1rem;
  font-weight:700;
}

.woocommerce-checkout #customer_details,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields {display:none;}
.woocommerce-checkout form.checkout {
  background:var(--rm-surface);
  padding:2rem;
  border-radius:1rem;
  max-width:600px;
  margin:2rem auto;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
}
.woocommerce-checkout .form-row label {display:none;}
.woocommerce-checkout .form-row input {
  width:100%;
  padding:.75rem;
  border-radius:.5rem;
  border:1px solid #d1d5db;
  margin-bottom:1rem;
}
.woocommerce-checkout .button {
  background:var(--rm-gradient)!important;
  border:none;border-radius:.5rem;
  padding:.75rem 1.5rem;
  color:#fff!important;
  font-weight:700;
}
.banner-note {
  background:#fef3c7;
  padding:.75rem 1rem;
  margin-bottom:1rem;
  border-radius:.5rem;
  text-align:center;
  font-size:.9rem;
  color:#92400e;
}

/* Toast notices */
.woocommerce-notices-wrapper {
  position:fixed;
  top:1rem;
  right:1rem;
  z-index:9999;
}
.woocommerce-message, .woocommerce-error, .woocommerce-info {
  background:var(--rm-surface);
  padding:1rem 1.25rem;
  margin-bottom:.5rem!important;
  border-left:4px solid #ff6b2c;
  border-radius:.5rem;
  box-shadow:0 2px 6px rgba(0,0,0,0.1);
  animation:slideIn .4s ease;
}
@keyframes slideIn {
  from {opacity:0; transform:translateX(20px);}
  to {opacity:1; transform:translateX(0);}
}