/*
Theme Name: SkillTanker Store
Theme URI: https://skilltanker.com
Author: SkillTanker
Author URI: https://skilltanker.com
Description: A modern, high-converting eCommerce theme for WordPress and WooCommerce, optimized for online shoppers across Bangladesh with BDT (৳) currency, Cash on Delivery, nationwide shipping, and responsive mobile-first performance.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: skilltanker-store
Tags: e-commerce, custom-logo, custom-menu, featured-images, full-width-template, translation-ready, woocommerce
*/

/* Core Theme Color System & Fallback Font Stack */
:root {
  --color-brand-primary: #087F5B;
  --color-brand-dark: #04513A;
  --color-brand-light: #EAF7F1;
  --color-brand-accent: #F4B942;
  --color-brand-surface: #F7F9F8;
  --color-brand-text: #161616;
  --color-brand-muted: #666666;
  --color-brand-border: #E5E7EB;
}

body {
  font-family: 'Plus Jakarta Sans', 'Hind Siliguri', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #161616;
  background-color: #F7F9F8;
  -webkit-font-smoothing: antialiased;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #F7F9F8;
}
::-webkit-scrollbar-thumb {
  background: #D1D5DB;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #9CA3AF;
}

/* ==========================================================================
   WooCommerce UI Normalization & Enhancement for SkillTanker Store
   ========================================================================== */

/* Form Fields */
.woocommerce form .form-row {
  margin-bottom: 1rem;
}

.woocommerce form .form-row label {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #161616;
  margin-bottom: 0.375rem;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.skilltanker-checkout-fields input[type="text"],
.skilltanker-checkout-fields input[type="email"],
.skilltanker-checkout-fields input[type="tel"],
.skilltanker-checkout-fields textarea,
.skilltanker-checkout-fields select {
  width: 100%;
  padding: 0.625rem 0.875rem;
  background-color: #F7F9F8;
  border: 1px solid #E5E7EB;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  color: #161616;
  transition: all 0.2s ease;
  outline: none;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.skilltanker-checkout-fields input:focus,
.skilltanker-checkout-fields textarea:focus,
.skilltanker-checkout-fields select:focus {
  background-color: #ffffff;
  border-color: #087F5B;
  box-shadow: 0 0 0 2px rgba(8, 127, 91, 0.2);
}

/* Tables */
table.shop_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
}

table.shop_table th {
  padding: 0.75rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #666666;
  border-bottom: 1px solid #E5E7EB;
  text-align: left;
}

table.shop_table td {
  padding: 0.875rem 0.5rem;
  border-bottom: 1px solid #E5E7EB;
}

/* Payment Methods List */
#payment ul.payment_methods {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

#payment ul.payment_methods li {
  padding: 0.875rem 1rem;
  background-color: #F7F9F8;
  border: 1px solid #E5E7EB;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

#payment ul.payment_methods li:hover {
  border-color: rgba(8, 127, 91, 0.4);
}

#payment ul.payment_methods li input[type="radio"] {
  accent-color: #087F5B;
  margin-right: 0.5rem;
}

#payment ul.payment_methods li label {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #161616;
  cursor: pointer;
}

#payment .payment_box {
  margin-top: 0.5rem;
  padding: 0.75rem;
  font-size: 0.75rem;
  color: #666666;
  background-color: #ffffff;
  border-radius: 0.5rem;
  border: 1px solid #E5E7EB;
}

/* Order Place Button */
#place_order {
  width: 100%;
  padding: 0.875rem 1.5rem;
  background-color: #087F5B;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.75rem;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 6px -1px rgba(8, 127, 91, 0.2);
  transition: all 0.2s ease;
}

#place_order:hover {
  background-color: #04513A;
}

/* Quantity input in WooCommerce */
.woocommerce .quantity .qty {
  width: 3.5rem;
  text-align: center;
  padding: 0.375rem 0.25rem;
  border-radius: 0.5rem;
  border: 1px solid #E5E7EB;
  font-weight: 700;
  font-size: 0.8125rem;
}

/* Single Product Add to Cart Button */
.single_add_to_cart_button {
  padding: 0.875rem 1.5rem;
  background-color: #087F5B;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.75rem;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.single_add_to_cart_button:hover {
  background-color: #04513A;
}

/* WooCommerce Notices */
.woocommerce-notice,
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  padding: 0.875rem 1.25rem;
  border-radius: 0.75rem;
  font-size: 0.8125rem;
  margin-bottom: 1.5rem;
  list-style: none;
}

.woocommerce-message {
  background-color: #EAF7F1;
  color: #04513A;
  border: 1px solid rgba(8, 127, 91, 0.3);
}

.woocommerce-error {
  background-color: #FEF2F2;
  color: #991B1B;
  border: 1px solid #FECACA;
}

.woocommerce-info {
  background-color: #F0F9FF;
  color: #075985;
  border: 1px solid #BAE6FD;
}

/* Pagination */
.woocommerce-pagination ul {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 0.75rem;
  border: 1px solid #E5E7EB;
  background-color: #ffffff;
  color: #161616;
  text-decoration: none;
  transition: all 0.2s ease;
}

.woocommerce-pagination ul li a:hover {
  background-color: #EAF7F1;
  color: #04513A;
  border-color: #087F5B;
}

.woocommerce-pagination ul li span.current {
  background-color: #087F5B;
  color: #ffffff;
  border-color: #087F5B;
}