/* PCGAME.LK skin for WooCommerce Cart, Checkout and My Account (classic + block versions). */
.pcg-skin {
  --pcg-bg: #eeeff2; --pcg-surface: #fff; --pcg-line: #dcdde2; --pcg-line-soft: #e6e7eb;
  --pcg-text: #1a1a1e; --pcg-text-2: #3f4148; --pcg-muted: #5f6168;
  --pcg-accent: #f49304; --pcg-accent-text: #b35f00; --pcg-on-accent: #1a1a1e; --pcg-tint: #fef0dd;
  --pcg-body: 'Manrope', system-ui, sans-serif;
  --pcg-display: 'Chakra Petch', 'Manrope', sans-serif;
  color: var(--pcg-text); font-family: var(--pcg-body);
}
body.pcg-skin { background: var(--pcg-bg) !important; }
.pcg-skin .woocommerce, .pcg-skin .wp-block-woocommerce-cart, .pcg-skin .wp-block-woocommerce-checkout { font-family: var(--pcg-body); color: var(--pcg-text); }
.pcg-skin .woocommerce h1, .pcg-skin .woocommerce h2, .pcg-skin .woocommerce h3,
.pcg-skin .entry-title, .pcg-skin .elementor-heading-title { font-family: var(--pcg-display); text-transform: uppercase; letter-spacing: .02em; color: var(--pcg-text); }
.pcg-skin .woocommerce a { color: var(--pcg-accent-text); }
.pcg-skin .woocommerce a:hover { color: var(--pcg-text); }

/* Panels */
.pcg-skin .woocommerce table.shop_table, .pcg-skin .cart_totals, .pcg-skin #order_review, .pcg-skin .woocommerce-billing-fields,
.pcg-skin .woocommerce-additional-fields, .pcg-skin .woocommerce-MyAccount-content, .pcg-skin .woocommerce-MyAccount-navigation,
.pcg-skin .woocommerce form.login, .pcg-skin .woocommerce form.register, .pcg-skin .woocommerce form.checkout_coupon,
.pcg-skin .wc-block-cart__main, .pcg-skin .wc-block-cart__sidebar, .pcg-skin .wc-block-checkout__main, .pcg-skin .wc-block-checkout__sidebar {
  background: var(--pcg-surface); border: 1px solid var(--pcg-line-soft) !important; border-radius: 14px; padding: 20px;
}
.pcg-skin .woocommerce table.shop_table { border-collapse: separate; padding: 0; overflow: hidden; }
.pcg-skin .woocommerce table.shop_table th { font: 700 12px var(--pcg-body); text-transform: uppercase; letter-spacing: .06em; color: var(--pcg-muted); background: #f4f4f6; }
.pcg-skin .woocommerce table.shop_table th, .pcg-skin .woocommerce table.shop_table td { border-color: var(--pcg-line-soft) !important; padding: 14px 16px; }
.pcg-skin .woocommerce table.shop_table img { border-radius: 8px; }
.pcg-skin .woocommerce .order-total .amount, .pcg-skin .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { color: var(--pcg-text); font: 700 20px var(--pcg-display); }
.pcg-skin .woocommerce .amount { font-weight: 700; }

/* Buttons */
.pcg-skin .woocommerce a.button, .pcg-skin .woocommerce button.button, .pcg-skin .woocommerce input.button, .pcg-skin .woocommerce #respond input#submit,
.pcg-skin .woocommerce a.button.alt, .pcg-skin .woocommerce button.button.alt, .pcg-skin .woocommerce #place_order, .pcg-skin .checkout-button,
.pcg-skin .wc-block-components-button:not(.is-link), .pcg-skin .wc-block-cart__submit-button, .pcg-skin .wc-block-components-checkout-place-order-button {
  background: var(--pcg-accent) !important; color: var(--pcg-on-accent) !important; border: none !important; border-radius: 10px !important;
  font: 800 15px var(--pcg-body) !important; min-height: 46px; padding: 0 22px !important; box-shadow: none !important; text-shadow: none !important; transition: filter .15s;
}
.pcg-skin .woocommerce a.button:hover, .pcg-skin .woocommerce button.button:hover, .pcg-skin .woocommerce #place_order:hover,
.pcg-skin .wc-block-components-button:not(.is-link):hover { filter: brightness(1.06); }
.pcg-skin .woocommerce button.button:disabled, .pcg-skin .woocommerce button.button[disabled] { opacity: .5; }
.pcg-skin .woocommerce a.remove { color: #8a1c1c !important; border-radius: 8px; }
.pcg-skin .woocommerce a.remove:hover { background: #fdecec !important; }

/* Fields */
.pcg-skin .woocommerce form .form-row label, .pcg-skin .wc-block-components-text-input label { font: 700 14px var(--pcg-body); color: var(--pcg-text-2); }
.pcg-skin .woocommerce .input-text, .pcg-skin .woocommerce form select, .pcg-skin .select2-container .select2-selection,
.pcg-skin .woocommerce input.qty, .pcg-skin .wc-block-components-text-input input, .pcg-skin .wc-blocks-components-select__select {
  box-sizing: border-box; min-height: 46px; border: 1px solid var(--pcg-line) !important; border-radius: 10px !important; background: #fff; color: var(--pcg-text); font: 500 15px var(--pcg-body); padding: 0 14px; box-shadow: none;
}
.pcg-skin .select2-container .select2-selection__rendered { line-height: 44px !important; }
.pcg-skin .woocommerce form .input-text:focus, .pcg-skin .woocommerce form select:focus, .pcg-skin .wc-block-components-text-input input:focus {
  border-color: var(--pcg-accent) !important; outline: 3px solid rgba(244,147,4,.25); outline-offset: 0;
}
.pcg-skin .woocommerce textarea.input-text { padding: 12px 14px; min-height: 110px; }

/* Payment methods */
.pcg-skin #payment { background: transparent; border-radius: 12px; }
.pcg-skin #payment ul.payment_methods { border: none; padding: 0; margin: 16px 0; list-style: none; }
.pcg-skin #payment ul.payment_methods li { border: 1px solid var(--pcg-line-soft); border-radius: 12px; padding: 14px 16px; margin-bottom: 10px; background: #fff; }
.pcg-skin #payment ul.payment_methods li:has(input:checked) { border-color: var(--pcg-accent); background: var(--pcg-tint); }
.pcg-skin #payment div.payment_box { background: #fff; color: var(--pcg-text-2); border-radius: 10px; padding: 10px 14px; margin-top: 10px; }
.pcg-skin #payment div.payment_box::before { display: none; }
.pcg-skin input[type="radio"], .pcg-skin input[type="checkbox"] { accent-color: var(--pcg-accent); }

/* Notices */
.pcg-skin .woocommerce-message, .pcg-skin .woocommerce-info, .pcg-skin .woocommerce-error, .pcg-skin .wc-block-components-notice-banner {
  border: 1px solid var(--pcg-line-soft) !important; border-left: 4px solid var(--pcg-accent) !important; border-radius: 12px; background: #fff; color: var(--pcg-text); font-family: var(--pcg-body); padding: 14px 18px 14px 48px; margin: 0 0 20px; position: relative;
}
.pcg-skin .woocommerce-message::before, .pcg-skin .woocommerce-info::before, .pcg-skin .woocommerce-error::before { left: 18px; top: 14px; }
.pcg-skin .woocommerce-error { border-left-color: #c43a3a !important; }
.pcg-skin .woocommerce-message::before, .pcg-skin .woocommerce-info::before { color: var(--pcg-accent-text); }

/* My Account navigation */
.pcg-skin .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.pcg-skin .woocommerce-MyAccount-navigation a { display: block; padding: 10px 14px; border-radius: 8px; color: var(--pcg-text-2) !important; font-weight: 700; text-decoration: none; }
.pcg-skin .woocommerce-MyAccount-navigation a:hover { background: #f1f1f4; }
.pcg-skin .woocommerce-MyAccount-navigation .is-active a { background: var(--pcg-tint); color: var(--pcg-accent-text) !important; box-shadow: inset 3px 0 0 var(--pcg-accent); }

/* Empty cart */
.pcg-skin .cart-empty { font: 700 20px var(--pcg-display); text-align: center; padding: 28px; }
.pcg-skin .return-to-shop { text-align: center; }

@media (max-width: 760px) {
  .pcg-skin .woocommerce table.shop_table_responsive tr td { padding: 10px 14px; }
  .pcg-skin .woocommerce-MyAccount-navigation ul { display: flex; overflow-x: auto; gap: 6px; scrollbar-width: none; }
  .pcg-skin .woocommerce-MyAccount-navigation a { white-space: nowrap; border: 1px solid var(--pcg-line); }
  .pcg-skin .woocommerce #place_order, .pcg-skin .checkout-button { width: 100%; }
}
