/*
Theme Name: Arigato Subscription
Theme URI: https://arigato-subscription.example/
Author: Arigato Subscription
Description: A dark, WooCommerce-ready landing theme for YouTube Premium Lite and full YouTube Premium plan selection.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: arigato-subscription
*/

body.arigato-wp {
  margin: 0;
  color: #f7f4f0;
  background: #0b0b0c;
}

body.admin-bar .site-header { top: 32px; }

@media screen and (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
}

/* Native WordPress and WooCommerce pages retain the same dark storefront frame. */
.wp-page-content,
.woocommerce-shell {
  box-sizing: border-box;
  max-width: 1180px;
  min-height: 72vh;
  margin: 0 auto;
  padding: clamp(116px, 12vw, 168px) 24px 80px;
  color: #f7f4f0;
  background: #0b0b0c;
  font-family: Manrope, Arial, sans-serif;
}

.wp-page-content__article {
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 20px;
  background: #141416;
}

.wp-page-content__header h1,
.wp-page-content__article h1,
.woocommerce-shell h1,
.woocommerce-shell h2,
.woocommerce-shell h3 { color: #f7f4f0; }

.wp-page-content__body,
.woocommerce-shell { line-height: 1.65; }

.wp-page-content__body a,
.woocommerce-shell a { color: #ff9baa; }

.wp-page-content__button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  display: inline-block;
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  color: #fff;
  background: #ee1743;
  font-weight: 800;
  text-decoration: none;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .select2-container--default .select2-selection--single,
.woocommerce .select2-container--default .select2-selection--multiple {
  border-color: rgba(255, 255, 255, .2);
  color: #f7f4f0;
  background: #141416;
}

.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  border-color: rgba(255, 255, 255, .16);
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout-review-order,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border-color: rgba(255, 255, 255, .16);
  background: #141416;
}