/* portal.artistpr.com -- site-specific CSS (pre-dates the dark theme). */
#primary { margin-top: 4em!important; margin-bottom: 4em!important; }
body .entry-title { text-transform: uppercase; }
.woocommerce-breadcrumb, .woocommerce-result-count, .woocommerce-ordering, .woocommerce-customer-details { display: none; }
.gfield_select, #gform_fields_1_4 #input_1_58_6 { height: 3em!important; }
.ginput_container { margin-bottom: 2em; }
#gform_fields_1_2 #input_1_67 { min-height: 200px; }
.woocommerce-cart .entry-header, .woocommerce-cart header, .woocommerce-cart footer, .woocommerce-cart .woocommerce-notices-wrapper, .woocommerce-cart .actions,  .woocommerce-cart .product-quantity, .woocommerce-cart .product-subtotal, .woocommerce-cart .cart-subtotal, .woocommerce-checkout:not(.woocommerce-order-received) header, .woocommerce-checkout .entry-header, .woocommerce-checkout footer, .woocommerce-checkout .woocommerce-notices-wrapper, .woocommerce-checkout .product-quantity, .woocommerce-checkout .cart-subtotal { display: none !important; }
.woocommerce-cart .site-primary-header-wrap {min-height: unset; height: 1px!important;}
.woocommerce-cart .cross-sells .ast-loop-product__link h2 { color: #000000!important; }
@media only screen and (max-width: 921px) {
	.woocommerce-cart-form table tbody .cart_item td, #order_review .cart_item td {border: 0;}
}

/* Fix: the rule above hardcodes black text, which the dark theme would
   otherwise make invisible against the now-dark background. Corrected to
   match the original rule's exact selector (an earlier attempt at this
   fix used the wrong class name, ".woocommerce-cross-sells" instead of
   ".woocommerce-cart .cross-sells", and never actually matched). */
.woocommerce-cart .cross-sells .ast-loop-product__link h2 {
  color: var(--apr-dark-fg) !important;
}

/* ============================================================
   WooCommerce dark theme (portal only -- WooCommerce isn't active on
   studio/database/playlist, so this stays out of the shared
   dark-theme.css). Covers shop/product loops, single product, cart,
   checkout, my-account, and the common notice/table/form patterns
   WooCommerce reuses across all of those.
   ============================================================ */
.woocommerce, .woocommerce-page {
  color: var(--apr-dark-fg);
}

/* Product loops (shop, related, upsells, cross-sells) */
.woocommerce ul.products li.product,
.woocommerce div.product {
  background-color: transparent;
  color: var(--apr-dark-fg);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce div.product .product_title {
  color: var(--apr-dark-fg);
}
.woocommerce .price, .woocommerce .price ins, .woocommerce .price bdi {
  color: var(--apr-dark-fg) !important;
}
.woocommerce .price del {
  color: #999999 !important;
}

/* Buttons */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce-page a.button,
.woocommerce-page button.button, .woocommerce-page input.button {
  background-color: var(--apr-accent) !important;
  border-color: var(--apr-accent) !important;
  color: #ffffff !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: var(--apr-accent-hover) !important;
  border-color: var(--apr-accent-hover) !important;
}

/* Tables -- cart, checkout order review, my-account orders */
.woocommerce table.shop_table, .woocommerce table.shop_table th,
.woocommerce table.shop_table td, .woocommerce-page table.shop_table {
  background-color: var(--apr-dark-surface) !important;
  border-color: var(--apr-dark-border) !important;
  color: var(--apr-dark-fg) !important;
}
.woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td {
  border-color: var(--apr-dark-border) !important;
}

/* Forms -- checkout billing/shipping, coupon, my-account edit-account */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select,
.select2-container--default .select2-selection--single {
  background-color: var(--apr-dark-surface) !important;
  color: var(--apr-dark-fg) !important;
  border-color: var(--apr-dark-border) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--apr-dark-fg) !important;
}
.select2-dropdown, .select2-results__option {
  background-color: var(--apr-dark-surface) !important;
  color: var(--apr-dark-fg) !important;
}

/* Notices */
.woocommerce-message, .woocommerce-error, .woocommerce-info {
  background-color: var(--apr-dark-surface) !important;
  color: var(--apr-dark-fg) !important;
  border-top-color: var(--apr-accent) !important;
}
.woocommerce-message::before, .woocommerce-info::before {
  color: var(--apr-accent) !important;
}

/* My Account */
.woocommerce-MyAccount-navigation ul li a {
  color: var(--apr-dark-fg);
}
.woocommerce-MyAccount-navigation ul li.is-active a {
  color: var(--apr-accent);
}
.woocommerce-MyAccount-content {
  color: var(--apr-dark-fg);
}

/* Product tabs (description/reviews) on single product pages */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background-color: var(--apr-dark-surface) !important;
  color: var(--apr-dark-fg) !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
  color: var(--apr-dark-fg);
}