/* My CSS */

.artwork-list-sec .recent-purchases li {}

.artwork-list-sec .recent-purchases li .review-rating {
    display: none;
}

.artwork-list-sec .recent-purchases li span.price {
    display: none;
}

.artwork-list-sec .recent-purchases li a.button {
    display: none;
}

.ht-products .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-ratting-wrap + .ht-product-action {
    justify-content: center;
}
.woocommerce-js .sold-individually .button.single_add_to_cart_button{
	margin-left:0;
}
.elementor-button {
    font-size: 16px;
    padding: 12px 30px;
    line-height: 24px;
}
.styled-img-rec::after {
    content: "";
    border:1px solid #ed3812;
    position: absolute;
  display:flex;
  align-items: center;
  justify-content: center;
  margin:auto auto!important;
    width: 60%;
    height: 80%;
    z-index: -1;
  top:10%;
    left:20%;
  
}
.wpcf7 input.wpcf7-form-control {
	color: #000;
}
.wpcf7 input.wpcf7-form-control.wpcf7-submit {
	color: #fff;
    background: #ed3812;
	width: 100%;
}
.wpcf7 input.wpcf7-form-control:not([type=submit]):focus, .wpcf7 select.wpcf7-form-control:focus, .wpcf7 textarea.wpcf7-form-control:focus {
	    color: #000;
    border-color: #ed3812;
}
h6.elementor-icon-box-title {
    margin-bottom: 0;
}
.img-gallery-area img.swiper-slide-image {
    height: 300px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -10px;
}
.products-area .wpr-grid-image-wrap {
    height: 300px;
    object-fit: cover;
    object-position: center;
}
.gallery-area figure.gallery-item a img {
    height: 350px;
    object-fit: cover;
    object-position: center;
}
.cats-grid-area .ht-category-image.ht-category-image-zoom img {
    height: 350px;
    object-fit: cover;
    object-position: center;
}
.cats-grid-area .ht-category-wrap .ht-category-content {
    padding: 5px 25px 25px;
}
.fullwidth-btn .elementor-button-wrapper a {
    display: inline-block;
    width: 100%;
}
.remove-mb p {
    margin-bottom: 10px;
}
.ast-single-post .email-link p a {
    color: #000;
    text-decoration: none;
    display: inline-block;
}
.wl_button_price {
    margin-top: 30px;
}
#jp-relatedposts {
    display: none !important;
}
.single-related-product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background: #000;
    text-align: center;
    width: 100%;
}
.single-related-product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover, .single-related-product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:active, .single-related-product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:focus {
    background: #ED3812;
}
.single-related-product .review-rating {
    display: none;
}
.single-related-product .related.products li.ast-article-single {
    background: #f8f8f8;
    padding: 10px;
    border-radius: 5px;
}
.single-related-product .elementor-widget-container section.related.products h2 {
    text-align: center !important;
    margin-bottom: 30px !important;
}
button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover .button:hover, .ast-custom-button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus, body .wp-block-file .wp-block-file__button:hover, body .wp-block-file .wp-block-file__button:focus, .woocommerce-js a.button:hover, .woocommerce button.button:hover, .woocommerce .woocommerce-message a.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce button.button.alt.disabled:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover, [CLASS*="wc-block"] button:hover, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping):hover, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout:hover, .woocommerce button.button.alt.disabled.wc-variation-selection-needed:hover, [CLASS*="wc-block"] .wc-block-components-button:hover, [CLASS*="wc-block"] .wc-block-components-button:focus {
    color: #ffffff;
    background-color: #ED3812;
    border-color: #ED3812;
}
.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], #comments .submit, .search .search-submit, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, body .wp-block-file .wp-block-file__button, .search .search-submit, .woocommerce-js a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce input.button.alt, .woocommerce input.button, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit, .woocommerce button.button.alt.disabled, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .wc-block-grid__product-onsale, [CLASS*="wc-block"] button, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping), .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout, .woocommerce button.button.alt.disabled.wc-variation-selection-needed, [CLASS*="wc-block"] .wc-block-components-button {
    border-color: #000000;
    background-color: #000000;
}
.wc-block-components-product-name {
    color: #000;
    font-weight: 700;
}
.copyright p {
    margin-bottom: 0;
}

/* =====================================================================
   Voskan's Art — Additional CSS (Appearance > Customize > Additional CSS)
   Scope: WooCommerce archives (Artworks = Shop page /shop/), sitewide Woo
   buttons/notices/vocabulary helpers, and header nav polish.
   Built against Astra 4.14 + WooCommerce 11.x classic templates.
   Tokens: ink #111111 · secondary #666666 · accent #8A3B2E
           image ground #F4F4F2 · rule #E6E6E6
   ===================================================================== */

:root{
  --va-ink:#111111; --va-sec:#666666; --va-accent:#8A3B2E;
  --va-ground:#F4F4F2; --va-rule:#E6E6E6;
  --va-serif:'Cormorant Garamond', Georgia, serif;
  --va-sans:'Manrope', 'Helvetica Neue', Arial, sans-serif;
}

/* ---------------------------------------------------------------------
   1. ARTWORKS ARCHIVE — page frame
   body.ast-woo-shop-archive = Shop + product category/attribute archives
   --------------------------------------------------------------------- */
.ast-woo-shop-archive .site-content > .ast-container{
  max-width:1240px; padding-left:40px; padding-right:40px;
}
@media (max-width:767px){
  .ast-woo-shop-archive .site-content > .ast-container{ padding-left:20px; padding-right:20px; }
}
/* Remove Astra's sidebar divider line and boxed backgrounds */
.ast-woo-shop-archive.ast-left-sidebar #primary,
.ast-woo-shop-archive.ast-left-sidebar #secondary{ border:0 !important; }
.ast-woo-shop-archive #primary{ padding-top:24px; padding-bottom:80px; }
@media (min-width:922px){
  .ast-woo-shop-archive.ast-left-sidebar #primary{ padding-left:48px; }
  .ast-woo-shop-archive.ast-left-sidebar #secondary{ padding-right:0; padding-top:24px; }
}

/* ---- Intro: H1 "Artworks" + one-line description ----
   Works with Astra banner Layout 1 (.ast-archive-description inside #primary)
   and Layout 2 (.ast-archive-entry-banner full width above content). */
.ast-woo-shop-archive .ast-archive-entry-banner[data-post-type="product"]{
  background:#fff !important; min-height:0 !important; padding:64px 40px 24px !important; text-align:left !important;
}
.ast-woo-shop-archive .ast-archive-entry-banner[data-post-type="product"] .ast-container{
  max-width:1160px; padding:0; margin:0 auto; display:flex; flex-direction:column; gap:14px; align-items:flex-start;
}
.ast-woo-shop-archive section.ast-archive-description{
  background:transparent !important; border:0 !important; padding:40px 0 24px !important; margin:0 !important;
}
.ast-woo-shop-archive .ast-archive-title,
.ast-woo-shop-archive .woocommerce-products-header__title.page-title{
  font-family:var(--va-serif) !important; font-weight:500 !important; font-size:56px !important;
  line-height:1.05 !important; color:var(--va-ink) !important; margin:0 0 14px !important; text-transform:none !important;
}
.ast-woo-shop-archive .ast-archive-description p,
.ast-woo-shop-archive .ast-archive-entry-banner p,
.ast-woo-shop-archive .term-description p,
.ast-woo-shop-archive .page-description p{
  font-family:var(--va-sans); font-size:16px; line-height:1.6; color:var(--va-sec); max-width:640px; margin:0;
}
@media (max-width:767px){
  .ast-woo-shop-archive .ast-archive-title,
  .ast-woo-shop-archive .woocommerce-products-header__title.page-title{ font-size:40px !important; }
  .ast-woo-shop-archive .ast-archive-entry-banner[data-post-type="product"]{ padding:40px 20px 16px !important; }
}
/* Breadcrumb not in mockup on the archive */
.ast-woo-shop-archive .ast-archive-description .ast-breadcrumbs-wrapper,
.ast-woo-shop-archive .ast-archive-entry-banner .ast-breadcrumbs-wrapper,
.ast-woo-shop-archive .woocommerce-breadcrumb{ display:none; }

/* ---- Results bar: "13 artworks"  ·  sort select ---- */
.ast-woo-shop-archive .woocommerce-result-count{
  font-family:var(--va-sans); font-size:14px; color:var(--va-sec); margin:0 0 20px; line-height:44px;
}
.ast-woo-shop-archive .woocommerce-ordering{ margin:0 0 20px; }
.woocommerce-ordering select.orderby{
  font-family:var(--va-sans); font-size:14px; color:var(--va-ink); background-color:#fff;
  border:1px solid var(--va-rule); border-radius:0; padding:12px 40px 12px 14px; min-height:44px; box-shadow:none;
}
.woocommerce-ordering select.orderby:focus{ border-color:var(--va-ink); outline:none; }
/* Options not in the mockup. Hidden in Chrome/Firefox/Edge; Safari ignores hidden
   <option>s, so they stay there (harmless). "rating" disappears anyway once product
   reviews are disabled. */
.woocommerce-ordering select.orderby option[value="popularity"],
.woocommerce-ordering select.orderby option[value="rating"]{ display:none; }

/* ---------------------------------------------------------------------
   2. ARTWORK CARDS (product loop)
   --------------------------------------------------------------------- */
.ast-woo-shop-archive ul.products{
  display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)); column-gap:28px; row-gap:36px; margin:0 !important;
}
.ast-woo-shop-archive ul.products::before,
.ast-woo-shop-archive ul.products::after{ display:none !important; }
@media (max-width:921px){ .ast-woo-shop-archive ul.products{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:544px){ .ast-woo-shop-archive ul.products{ grid-template-columns:1fr; } }

.ast-woo-shop-archive ul.products li.product{
  width:auto !important; margin:0 !important; padding:0 !important; float:none !important;
  text-align:center; background:transparent; box-shadow:none !important; border:0;
}
/* Image: uncropped (contain) on the #F4F4F2 ground, fixed 340 px frame */
.ast-woo-shop-archive ul.products li.product .astra-shop-thumbnail-wrap{ position:relative; margin:0 0 12px; }
.ast-woo-shop-archive ul.products li.product .astra-shop-thumbnail-wrap img,
.ast-woo-shop-archive ul.products li.product a img{
  display:block; width:100% !important; height:340px !important; object-fit:contain; object-position:center;
  background:var(--va-ground); margin:0 !important; border-radius:0; box-shadow:none; transition:none; transform:none !important;
}
@media (max-width:544px){
  .ast-woo-shop-archive ul.products li.product .astra-shop-thumbnail-wrap img,
  .ast-woo-shop-archive ul.products li.product a img{ height:300px !important; }
}
/* Astra "swap image on hover" second image: hide (set Shop Hover Style = None too) */
.ast-woo-shop-archive ul.products li.product .show-on-hover{ display:none !important; }

/* Text stack: title · artist · medium · dimensions · price */
.ast-woo-shop-archive ul.products li.product .astra-shop-summary-wrap{
  display:flex; flex-direction:column; gap:3px; padding:0; text-align:center; align-items:center;
}
.ast-woo-shop-archive ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--va-serif) !important; font-size:22px !important; font-weight:500 !important;
  line-height:1.2; color:var(--va-ink); margin:0 !important; padding:0 !important; text-transform:none; letter-spacing:0;
}
.ast-woo-shop-archive ul.products li.product .ast-loop-product__link:hover .woocommerce-loop-product__title{ color:var(--va-accent); }
.ast-woo-shop-archive ul.products li.product .ast-woo-product-category{ display:none; }  /* category line not in mockup */
/* Short description holds the 3 caption lines (artist / medium / dimensions) */
.ast-woo-shop-archive ul.products li.product .ast-woo-shop-product-description{
  font-family:var(--va-sans); font-size:13px; line-height:1.6; color:var(--va-sec); margin:0; padding:0;
}
.ast-woo-shop-archive ul.products li.product .ast-woo-shop-product-description p{ margin:0; }
.ast-woo-shop-archive ul.products li.product .ast-woo-shop-product-description p::first-line{ font-size:14px; } /* artist line */
.ast-woo-shop-archive ul.products li.product .price{
  font-family:var(--va-sans); font-size:15px !important; font-weight:600; color:var(--va-ink) !important; margin:6px 0 0 !important; display:block;
}
.ast-woo-shop-archive ul.products li.product .price del{ display:none; }   /* no sale styling on a gallery */
.ast-woo-shop-archive ul.products li.product .price ins{ text-decoration:none; }
/* No retail chrome on cards */
.ast-woo-shop-archive ul.products li.product .button,
.ast-woo-shop-archive ul.products li.product .added_to_cart,
.ast-woo-shop-archive ul.products li.product .star-rating,
.ast-woo-shop-archive ul.products li.product .ast-on-card-button,
.ast-woo-shop-archive ul.products li.product .ast-quick-view-trigger,
.woocommerce span.onsale{ display:none !important; }

/* Sold works: badge on the image, no price (brief §8) */
.ast-woo-shop-archive ul.products li.product.outofstock .price{ display:none !important; }
ul.products li.product .ast-shop-product-out-of-stock{
  position:absolute; top:12px; left:12px; bottom:auto; right:auto; z-index:2;
  background:var(--va-ink) !important; color:#fff !important; font-family:var(--va-sans);
  font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; line-height:1; padding:7px 10px; margin:0; border:0;
}

/* Pagination: square, quiet */
.woocommerce nav.woocommerce-pagination{ margin-top:48px; }
.woocommerce nav.woocommerce-pagination ul{ border:0 !important; display:flex; justify-content:center; gap:8px; }
.woocommerce nav.woocommerce-pagination ul li{ border:0 !important; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  min-width:40px; height:40px; line-height:38px; padding:0 10px; border:1px solid var(--va-rule) !important; border-radius:0 !important;
  font-family:var(--va-sans); font-size:13px; color:var(--va-ink); background:#fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{ background:var(--va-ink) !important; color:#fff !important; border-color:var(--va-ink) !important; }

/* ---------------------------------------------------------------------
   3. "REFINE" SIDEBAR (Astra "WooCommerce Sidebar" widget area)
   --------------------------------------------------------------------- */
.ast-woo-shop-archive #secondary .widget{ margin:0 0 28px; padding:0; border:0; background:transparent; }
.ast-woo-shop-archive #secondary .va-refine{
  font-family:var(--va-serif); font-size:26px; font-weight:500; color:var(--va-ink);
  border-bottom:1px solid var(--va-rule); padding:0 0 12px; margin:0;
}
.ast-woo-shop-archive #secondary .widget-title,
.ast-woo-shop-archive #secondary .widget h2:not(.va-refine),
.ast-woo-shop-archive #secondary .widget h3{
  font-family:var(--va-sans) !important; font-size:12px !important; font-weight:400 !important; letter-spacing:.12em;
  text-transform:uppercase; color:var(--va-sec) !important; margin:0 0 8px !important; padding:0; border:0;
}
/* Attribute filters (Filter Products by Attribute, list) + price-band links: checkbox look */
.ast-woo-shop-archive #secondary ul.woocommerce-widget-layered-nav-list,
.ast-woo-shop-archive #secondary ul.va-filter-links{ list-style:none; margin:0; padding:0; }
.ast-woo-shop-archive #secondary .woocommerce-widget-layered-nav-list__item,
.ast-woo-shop-archive #secondary ul.va-filter-links li{ margin:0; padding:0; border:0; }
.ast-woo-shop-archive #secondary .woocommerce-widget-layered-nav-list__item a,
.ast-woo-shop-archive #secondary ul.va-filter-links a{
  display:flex; align-items:center; gap:10px; padding:6px 0; font-family:var(--va-sans); font-size:14px;
  color:var(--va-ink); text-decoration:none;
}
.ast-woo-shop-archive #secondary .woocommerce-widget-layered-nav-list__item a::before,
.ast-woo-shop-archive #secondary ul.va-filter-links a::before{
  content:""; flex:0 0 16px; width:16px; height:16px; border:1px solid var(--va-ink); background:#fff; box-sizing:border-box;
}
.ast-woo-shop-archive #secondary .woocommerce-widget-layered-nav-list__item.chosen a::before{ background:var(--va-ink); }
.ast-woo-shop-archive #secondary .woocommerce-widget-layered-nav-list__item.chosen a::after{ content:none; } /* drop Woo's "x" icon */
.ast-woo-shop-archive #secondary .woocommerce-widget-layered-nav-list__item a:hover,
.ast-woo-shop-archive #secondary ul.va-filter-links a:hover{ color:var(--va-accent); }
.ast-woo-shop-archive #secondary .woocommerce-widget-layered-nav-list .count{ display:none; } /* counts not in mockup */
/* Active filters ("Clear" chips) */
.ast-woo-shop-archive #secondary .widget_layered_nav_filters ul{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.ast-woo-shop-archive #secondary .widget_layered_nav_filters ul li{ float:none; margin:0; }
.ast-woo-shop-archive #secondary .widget_layered_nav_filters ul li a{
  border:1px solid var(--va-rule); padding:6px 10px; font-size:12px; color:var(--va-ink); text-decoration:none; display:inline-block;
}
.ast-woo-shop-archive #secondary .widget_layered_nav_filters ul li a::before{ color:var(--va-sec); }
/* Mobile: keep filters compact (Astra places the sidebar below the grid on small screens) */
@media (max-width:921px){
  .ast-woo-shop-archive #secondary{ border-top:1px solid var(--va-rule) !important; margin-top:40px; padding-top:32px; }
}

/* ---------------------------------------------------------------------
   4. SITEWIDE WOOCOMMERCE — buttons, notices, gallery restraint
   --------------------------------------------------------------------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce .single_add_to_cart_button, .woocommerce-page .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order, .wc-block-components-button:not(.is-link){
  font-family:var(--va-sans) !important; font-size:13px !important; font-weight:600 !important;
  letter-spacing:1.8px !important; text-transform:uppercase !important; line-height:1 !important;
  border-radius:0 !important; padding:17px 30px !important; box-shadow:none !important;
  background:var(--va-accent) !important; color:#fff !important; border:1px solid var(--va-accent) !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce .single_add_to_cart_button:hover, .woocommerce #payment #place_order:hover,
.wc-block-components-button:not(.is-link):hover{
  background:var(--va-ink) !important; border-color:var(--va-ink) !important; color:#fff !important;
}
/* Secondary (outlined) actions: "View selections", "Return to artworks", "Update selections" */
.woocommerce a.added_to_cart, .woocommerce a.wc-backward, .woocommerce a.button.wc-forward:not(.checkout):not(.checkout-button),
.woocommerce button[name="update_cart"], .woocommerce button[name="apply_coupon"]{
  background:transparent !important; color:var(--va-ink) !important; border:1px solid var(--va-ink) !important;
}
.woocommerce a.added_to_cart:hover, .woocommerce a.wc-backward:hover, .woocommerce a.button.wc-forward:not(.checkout):not(.checkout-button):hover,
.woocommerce button[name="update_cart"]:hover, .woocommerce button[name="apply_coupon"]:hover{
  background:var(--va-ink) !important; color:#fff !important;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error,
.wc-block-components-notice-banner{
  border-radius:0 !important; border:1px solid var(--va-rule) !important; border-top:2px solid var(--va-ink) !important;
  background:#fff !important; color:var(--va-ink) !important; font-family:var(--va-sans); font-size:14px; box-shadow:none !important;
}
.woocommerce-message::before, .woocommerce-info::before{ color:var(--va-ink) !important; }
.woocommerce .quantity .qty{ border-radius:0; }
/* Each work is unique (sold individually): no quantity steppers/inputs */
.woocommerce .quantity, .ast-qty-placeholder{ display:none !important; }
/* Prices: Manrope, ink — never accent */
.woocommerce .price, .woocommerce-Price-amount{ color:var(--va-ink); }
/* Ratings are not part of the gallery voice */
.woocommerce .star-rating, .woocommerce .woocommerce-product-rating{ display:none !important; }
/* Related products (detail page) reuse the card look */
.single-product .related ul.products li.product .astra-shop-thumbnail-wrap img{
  height:300px !important; object-fit:contain; background:var(--va-ground); width:100% !important;
}
.single-product .related ul.products li.product .button{ display:none !important; }

/* ---------------------------------------------------------------------
   5. HEADER NAV (Elementor Icon List with CSS class "va-nav", inside the
      UAE header "Voskan — Header v2"). Active-page underline via body class.
   --------------------------------------------------------------------- */
.va-nav .elementor-icon-list-item > a,
.va-nav .elementor-icon-list-item > .elementor-icon-list-text{
  padding:12px 0; border-bottom:1px solid transparent; transition:color .15s;
}
.va-nav .elementor-icon-list-icon{ display:none !important; }    /* no icons, no indent */
.va-nav .elementor-icon-list-text{ padding-left:0 !important; }
/* nth-child: 1 Home · 2 Artworks · 3 Artists · 4 Exhibitions & Fairs · 5 Sold · 6 About */
body.home .va-nav .elementor-icon-list-item:nth-child(1) > a,
body.woocommerce-shop .va-nav .elementor-icon-list-item:nth-child(2) > a,
body.post-type-archive-product .va-nav .elementor-icon-list-item:nth-child(2) > a,
body.single-product .va-nav .elementor-icon-list-item:nth-child(2) > a,
body.tax-product_cat .va-nav .elementor-icon-list-item:nth-child(2) > a{
  border-bottom-color:currentColor;
}
/* For Artists / Exhibitions & Fairs / Sold / About, replace 0 with the real page IDs
   (Pages > hover the page > "post=ID"), e.g. body.page-id-123 */
body.page-id-1653 .va-nav .elementor-icon-list-item:nth-child(3) > a,
body.page-id-1720 .va-nav .elementor-icon-list-item:nth-child(4) > a,
body.page-id-1723 .va-nav .elementor-icon-list-item:nth-child(5) > a,
body.page-id-1693 .va-nav .elementor-icon-list-item:nth-child(6) > a{
  border-bottom-color:currentColor;
}
/* Small screens: nav becomes one swipeable row instead of wrapping onto 3 lines */
@media (max-width:767px){
  .va-nav .elementor-icon-list-items.elementor-inline-items{
    flex-wrap:nowrap !important; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; white-space:nowrap;
    margin-right:0 !important; margin-left:0 !important;
  }
  .va-nav .elementor-icon-list-items.elementor-inline-items::-webkit-scrollbar{ display:none; }
  .va-nav{ max-width:100%; }
}
/* Header sits above content, white, with the 1 px rule (set in template; this guards Astra resets) */
.va-header{ position:relative; z-index:20; }
/* =====================================================================
   Voskan's Art: Additional CSS, part 2 (append BELOW artworks.css)
   A. Artworks intro sentence fix (Astra 4.14.1 has no custom archive description)
   B. Artwork detail page = ShopLentor single-product template
      "Voskan — Artwork detail" (widgets carry va-* CSS classes)
   ===================================================================== */

/* ---------------------------------------------------------------------
   A. ARTWORKS INTRO: rendered after the "Artworks" H1, Shop page only
   (body.woocommerce-shop). Skip this block if a description already shows.
   --------------------------------------------------------------------- */
body.woocommerce-shop .ast-archive-title::after,
body.woocommerce-shop .woocommerce-products-header__title.page-title::after{
  content:"Original, one-of-a-kind paintings. Each work is signed, gallery wrapped, and ships from Los Angeles with a certificate of authenticity.";
  display:block; max-width:640px; margin-top:14px;
  font-family:var(--va-sans); font-size:16px; font-weight:400; line-height:1.6; letter-spacing:0;
  color:var(--va-sec); text-transform:none;
}

/* ---------------------------------------------------------------------
   B1. Page frame: let the Elementor template set the width
   --------------------------------------------------------------------- */
.single-product:has(.va-work) .site-content > .ast-container{ max-width:none; padding-left:0; padding-right:0; }
.single-product:has(.va-work) #primary{ margin:0; padding:0; width:100%; }
.single-product:has(.va-work) .woocommerce-breadcrumb{ display:none; }   /* Astra/Woo crumb; we use the eyebrow link */
.single-product .va-work .va-eyebrow a{ color:var(--va-sec); text-decoration:none; }
.single-product .va-work .va-eyebrow a:hover{ color:var(--va-accent); }

/* ---------------------------------------------------------------------
   B2. Gallery: uncropped main image on #F4F4F2, 4-up thumbnails
   --------------------------------------------------------------------- */
.va-gallery .woocommerce-product-gallery{ width:100% !important; float:none !important; margin:0 !important; opacity:1 !important; }
.va-gallery .woocommerce-product-gallery__wrapper{ margin:0; }
.va-gallery .woocommerce-product-gallery__image,
.va-gallery .woocommerce-product-gallery__image a{ display:block; background:var(--va-ground); }
.va-gallery .woocommerce-product-gallery__image img,
.va-gallery .woocommerce-product-gallery__image a > img.wp-post-image{
  width:100% !important; height:640px !important; object-fit:contain; object-position:center;
  background:var(--va-ground); margin:0 !important; border-radius:0;
}
@media (max-width:921px){ .va-gallery .woocommerce-product-gallery__image img{ height:520px !important; } }
@media (max-width:544px){ .va-gallery .woocommerce-product-gallery__image img{ height:380px !important; } }
.va-gallery .woocommerce-product-gallery__trigger{   /* lightbox magnifier: square, quiet */
  border-radius:0 !important; background:#fff !important; border:1px solid var(--va-rule); top:12px !important; right:12px !important;
}
.va-gallery .flex-control-thumbs{
  display:grid !important; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; margin:14px 0 0 !important; padding:0;
}
.va-gallery .flex-control-thumbs li{ width:auto !important; float:none !important; margin:0 !important; padding:0 !important; list-style:none; }
.va-gallery .flex-control-thumbs li img{
  width:100% !important; height:110px !important; object-fit:cover; opacity:.65; border:0; margin:0 !important; cursor:pointer; transition:opacity .15s;
}
.va-gallery .flex-control-thumbs li img.flex-active,
.va-gallery .flex-control-thumbs li img:hover{ opacity:1; outline:1px solid var(--va-ink); outline-offset:-1px; }
.va-gallery .onsale, .single-product .onsale{ display:none !important; }

/* ---------------------------------------------------------------------
   B3. Details column
   --------------------------------------------------------------------- */
.va-work .va-title .product_title,
.va-work .va-title h1{
  font-family:var(--va-serif) !important; font-weight:500 !important; font-size:48px !important; line-height:1.05 !important;
  color:var(--va-ink) !important; margin:0 !important; text-transform:none; letter-spacing:0;
}
@media (max-width:544px){ .va-work .va-title .product_title{ font-size:36px !important; } }

/* By-line = FIRST line of the short description ("Voskan Galstian"), prefixed "by " */
.va-byline .woocommerce-product-details__short-description{ margin:0; }
.va-byline .woocommerce-product-details__short-description p{
  font-family:var(--va-sans); font-size:15px; line-height:24px; color:var(--va-ink); margin:0;
  max-height:24px; overflow:hidden;               /* lines 2-3 (medium, size) live in the spec list */
}
.va-byline .woocommerce-product-details__short-description p:not(:first-child){ display:none; }
.va-byline .woocommerce-product-details__short-description p:first-child::before{ content:"by "; }

.va-price .price,
.va-price p.price{
  font-family:var(--va-sans) !important; font-size:26px !important; font-weight:600 !important; color:var(--va-ink) !important; margin:0 !important;
}
.va-price .price del{ display:none; } .va-price .price ins{ text-decoration:none; }

/* Spec list: the Additional-information table drawn as "Label: value" lines, mockup order */
.va-specs h2{ display:none !important; }                     /* "Additional information" heading */
.va-specs table.shop_attributes{
  display:block; border:0 !important; margin:0 !important; width:100%; background:transparent;
}
.va-specs table.shop_attributes tbody{ display:flex; flex-direction:column; }
.va-specs table.shop_attributes tr{ display:block; background:transparent !important; border:0 !important; }
.va-specs table.shop_attributes th,
.va-specs table.shop_attributes td{
  display:inline; padding:0 !important; border:0 !important; background:transparent !important; width:auto;
  font-family:var(--va-sans); font-size:14px; line-height:1.8; font-weight:400; font-style:normal; color:#333333; text-align:left;
}
.va-specs table.shop_attributes td p{ display:inline; margin:0; padding:0; }
.va-specs table.shop_attributes th::after{ content:": "; }
/* Labels that came from the old site carry a trailing colon ("Year Created:") or the wrong
   wording: hide the raw label and print a clean one instead */
.va-specs tr[class*="--attribute_year"] th,
.va-specs tr[class*="--attribute_medium"] th,
.va-specs tr[class*="--attribute_dimensions"] th{ font-size:0 !important; }
.va-specs tr[class*="--attribute_year"] th::after{ content:"Year: "; font-size:14px; }
.va-specs tr[class*="--attribute_medium"] th::after{ content:"Medium: "; font-size:14px; }
.va-specs tr[class*="--attribute_dimensions"] th::after{ content:"Dimensions: "; font-size:14px; }
/* Order: Artist · Medium · Year · Style · Dimensions (then the static Presentation/Type lines) */
.va-specs tr.woocommerce-product-attributes-item--attribute_pa_artist{ order:1; }
.va-specs tr[class*="--attribute_medium"]{ order:2; }
.va-specs tr[class*="--attribute_year"]{ order:3; }
.va-specs tr.woocommerce-product-attributes-item--attribute_pa_style{ order:4; }
.va-specs tr[class*="--attribute_dimensions"]{ order:5; }
.va-specs tr{ order:9; }
/* Not shown on the detail page (still used by filters/shipping) */
.va-specs tr.woocommerce-product-attributes-item--attribute_pa_orientation,
.va-specs tr.woocommerce-product-attributes-item--attribute_styles,
.va-specs tr.woocommerce-product-attributes-item--attribute_title,
.va-specs tr.woocommerce-product-attributes-item--attribute_ready-to-hang,
.va-specs tr.woocommerce-product-attributes-item--attribute_frame,
.va-specs tr.woocommerce-product-attributes-item--attribute_packaging,
.va-specs tr.woocommerce-product-attributes-item--weight,
.va-specs tr.woocommerce-product-attributes-item--dimensions{ display:none !important; }
.va-spec-static p{ font-size:14px; line-height:1.8; color:#333333; margin:-18px 0 0; }   /* joins the list above */

.va-copyright p{ font-size:13px; line-height:1.6; color:var(--va-sec); margin:0; }
.va-note p, .va-assure p{ font-size:13px; line-height:1.6; color:var(--va-sec); margin:0; }
.va-assure a{ color:var(--va-ink); text-decoration:underline; text-underline-offset:3px; }
.va-assure a:hover{ color:var(--va-accent); }
.va-assure{ border-top:1px solid var(--va-rule); padding-top:16px; }

/* Acquire (Woo add-to-cart form) + Inquire: full-width stacked buttons */
.va-acquire form.cart{ display:block; margin:0 !important; padding:0; border:0; }
.va-acquire form.cart .quantity{ display:none !important; }
.va-acquire .single_add_to_cart_button{
  display:block; width:100% !important; float:none !important; margin:0 !important; text-align:center;
  padding:19px 28px !important; letter-spacing:1.8px !important;
}
.va-inquire .elementor-button{ width:100%; }
.va-acquire .stock.in-stock{ display:none; }      /* "Available" not shown */

/* Sold work: price and installment note go away, "Sold" shows as a quiet label */
.product.outofstock .va-price,
.product.outofstock .va-note{ display:none !important; }
.product.outofstock .va-acquire .stock.out-of-stock{
  display:block; margin:0; padding:17px 28px; text-align:center; border:1px solid var(--va-ink);
  font-family:var(--va-sans); font-size:13px; font-weight:600; letter-spacing:1.8px; text-transform:uppercase; color:var(--va-ink);
}

/* ---------------------------------------------------------------------
   B4. Inquiry band (Contact Form 7 inside #inquire)
   --------------------------------------------------------------------- */
.va-inquiry .wpcf7{ width:100%; max-width:640px; }
.va-inquiry .wpcf7 p{ margin:0 0 14px; }
.va-inquiry .wpcf7 label{ font-family:var(--va-sans); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--va-sec); display:block; }
.va-inquiry .wpcf7 input[type="text"], .va-inquiry .wpcf7 input[type="email"], .va-inquiry .wpcf7 input[type="tel"],
.va-inquiry .wpcf7 textarea{
  width:100%; margin-top:6px; padding:12px 14px; border:1px solid var(--va-rule); border-radius:0; background:#fff;
  font-family:var(--va-sans); font-size:15px; color:var(--va-ink); box-shadow:none; text-transform:none; letter-spacing:0;
}
.va-inquiry .wpcf7 textarea{ height:140px; }
.va-inquiry .wpcf7 input:focus, .va-inquiry .wpcf7 textarea:focus{ border-color:var(--va-ink); outline:none; }
.va-inquiry .wpcf7 input[type="submit"]{
  width:100%; background:var(--va-ink); color:#fff; border:1px solid var(--va-ink); border-radius:0; padding:18px 28px;
  font-family:var(--va-sans); font-size:13px; font-weight:600; letter-spacing:1.8px; text-transform:uppercase; cursor:pointer;
}
.va-inquiry .wpcf7 input[type="submit"]:hover{ background:var(--va-accent); border-color:var(--va-accent); }
.va-inquiry .wpcf7-response-output{ border-radius:0; font-size:14px; margin:12px 0 0 !important; }
html{ scroll-behavior:smooth; }

/* ---------------------------------------------------------------------
   B5. "More by Voskan Galstian": related works, same card as the Artworks grid
   --------------------------------------------------------------------- */
.va-related section.related{ width:100%; margin:0; padding:0; border:0; }
.va-related section.related > h2{
  font-family:var(--va-serif) !important; font-weight:500 !important; font-size:40px !important; letter-spacing:.02em;
  text-align:center; color:var(--va-ink); margin:0 0 40px !important; text-transform:none;
}
.va-related ul.products{
  display:grid !important; grid-template-columns:repeat(4, minmax(0,1fr)); column-gap:28px; row-gap:36px; margin:0 !important;
}
.va-related ul.products::before, .va-related ul.products::after{ display:none !important; }
@media (max-width:921px){ .va-related ul.products{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:544px){ .va-related ul.products{ grid-template-columns:1fr; } }
.va-related ul.products li.product{ width:auto !important; margin:0 !important; padding:0 !important; float:none !important; text-align:center; }
.va-related ul.products li.product .astra-shop-thumbnail-wrap{ position:relative; margin:0 0 12px; }
.va-related ul.products li.product img{
  width:100% !important; height:300px !important; object-fit:contain; background:var(--va-ground); margin:0 !important; transform:none !important;
}
.va-related ul.products li.product .show-on-hover{ display:none !important; }
.va-related ul.products li.product .astra-shop-summary-wrap{ display:flex; flex-direction:column; gap:3px; align-items:center; text-align:center; }
.va-related ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--va-serif) !important; font-size:22px !important; font-weight:500 !important; color:var(--va-ink); margin:0 !important; padding:0 !important;
}
.va-related ul.products li.product .ast-woo-shop-product-description{ font-size:13px; line-height:1.6; color:var(--va-sec); margin:0; }
.va-related ul.products li.product .ast-woo-shop-product-description p{ margin:0; }
.va-related ul.products li.product .ast-woo-shop-product-description p::first-line{ font-size:14px; }
.va-related ul.products li.product .price{ font-family:var(--va-sans); font-size:15px !important; font-weight:600; color:var(--va-ink) !important; margin:6px 0 0 !important; }
.va-related ul.products li.product.outofstock .price{ display:none !important; }
.va-related ul.products li.product .button,
.va-related ul.products li.product .added_to_cart,
.va-related ul.products li.product .ast-woo-product-category,
.va-related ul.products li.product .star-rating{ display:none !important; }

/* Woo default tabs / upsells / meta if anything leaks in from theme hooks */
.single-product:has(.va-work) .woocommerce-tabs,
.single-product:has(.va-work) .product_meta,
.single-product:has(.va-work) .up-sells{ display:none !important; }

/* A2. Shop banner h1 has no class on this site (Astra 4.10.1 archive banner): same intro sentence */
body.woocommerce-shop .ast-archive-entry-banner h1::after{
  content:"Original, one-of-a-kind paintings. Each work is signed, gallery wrapped, and ships from Los Angeles with a certificate of authenticity.";
  display:block; max-width:640px; margin-top:14px;
  font-family:var(--va-sans); font-size:16px; font-weight:400; line-height:1.6; letter-spacing:0;
  color:var(--va-sec); text-transform:none;
}

/* No installment / pay-later messaging anywhere (PayPal "Starting at $x/mo" message) */
.ppcp-messages, .single-product .ppcp-messages{ display:none !important; }

/* =====================================================================
   Voskan's Art: Additional CSS, part 3 (append BELOW artworks.css + detail.css)
   Selections (Cart page /cart/) + Acquire (Checkout page /checkout/)
   Primary target: WooCommerce Cart & Checkout BLOCKS (staging uses blocks).
   Section C covers the classic [woocommerce_cart]/[woocommerce_checkout]
   shortcode branch; harmless if unused.
   ===================================================================== */

/* ---------------------------------------------------------------------
   0. Page frame + title (Astra page title "Selections" / "Acquire")
   --------------------------------------------------------------------- */
.woocommerce-cart .site-content > .ast-container,
.woocommerce-checkout .site-content > .ast-container{ max-width:1240px; padding-left:40px; padding-right:40px; }
@media (max-width:767px){
  .woocommerce-cart .site-content > .ast-container,
  .woocommerce-checkout .site-content > .ast-container{ padding-left:20px; padding-right:20px; }
}
.woocommerce-cart .entry-header, .woocommerce-checkout .entry-header{ margin:48px 0 16px; text-align:left; }
.woocommerce-cart .entry-title, .woocommerce-checkout .entry-title{
  font-family:var(--va-serif) !important; font-weight:500 !important; font-size:52px !important; line-height:1.05 !important;
  color:var(--va-ink) !important; text-transform:none; letter-spacing:0;
}
@media (max-width:544px){ .woocommerce-cart .entry-title, .woocommerce-checkout .entry-title{ font-size:38px !important; } }
/* Intro paragraph block placed above the Cart/Checkout block (class va-intro) */
.va-intro{ font-family:var(--va-sans); font-size:16px; line-height:1.6; color:#3A3835; max-width:620px; margin:0 0 32px !important; }
.va-studio-note, .va-confirm-note{ font-family:var(--va-sans); font-size:13px; line-height:1.6; color:var(--va-sec); max-width:620px; }
.va-studio-note a, .va-confirm-note a, .va-intro a{ color:var(--va-ink); text-decoration:underline; text-underline-offset:3px; }

/* Shared form look (blocks): square, 1 px rule, Manrope */
.wc-block-components-text-input input,
.wc-block-components-text-input input[type],
.wc-block-components-combobox .components-combobox-control__input,
.wc-blocks-components-select__select,
.wc-block-components-textarea,
.wc-block-checkout__order-notes textarea{
  border:1px solid #CFC9BF !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important;
  font-family:var(--va-sans) !important; font-size:15px !important; color:var(--va-ink) !important;
}
.wc-block-components-text-input input:focus,
.wc-blocks-components-select__select:focus,
.wc-block-components-textarea:focus{ border-color:var(--va-ink) !important; outline:none !important; box-shadow:none !important; }
.wc-block-components-text-input label,
.wc-blocks-components-select__label,
.wc-block-components-combobox .components-combobox-control__label{
  font-family:var(--va-sans) !important; color:var(--va-sec) !important; letter-spacing:.04em;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]{ border-radius:0 !important; border-color:var(--va-ink) !important; }
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked{ background:var(--va-ink) !important; }
.wc-block-components-checkbox .wc-block-components-checkbox__mark{ fill:#fff !important; }

/* Quantity: each work is unique */
.wc-block-components-quantity-selector,
.wc-block-components-order-summary-item__quantity,
.wc-block-components-sale-badge{ display:none !important; }

/* ---------------------------------------------------------------------
   A. ACQUIRE (Checkout block)
   --------------------------------------------------------------------- */
/* Layout: the work (order summary) on the LEFT, sticky; the form on the right (mockup 04) */
.wc-block-checkout.is-large .wc-block-components-sidebar-layout{ flex-wrap:nowrap; align-items:flex-start; gap:56px; }
.wc-block-checkout.is-large .wc-block-checkout__sidebar{
  order:-1; width:42% !important; padding:0 !important; position:sticky; top:24px;
}
.wc-block-checkout.is-large .wc-block-checkout__main{ width:58% !important; padding:0 !important; }

/* Step headings "1  Collector", "2  Delivery", "3  Payment" */
.wc-block-components-checkout-step{ margin-bottom:40px !important; }
.wc-block-components-checkout-step__heading{ margin:0 0 16px !important; }
.wc-block-components-checkout-step__title{
  font-family:var(--va-serif) !important; font-size:28px !important; font-weight:500 !important;
  color:var(--va-ink) !important; text-transform:none !important; letter-spacing:0 !important; line-height:1.2 !important;
}
.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title::before{
  content:counter(checkout-step) "\00a0\00a0\00a0" !important; font-family:var(--va-serif); font-weight:500;
}
.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container::after{ display:none !important; } /* vertical line */
.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__heading-container::before,
.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__heading::before{ display:none !important; }
.wc-block-components-checkout-step__description{ font-size:13px !important; color:var(--va-sec) !important; }

/* Delivery options as selectable cards (shipping rates = radio control) */
.wc-block-checkout__shipping-option .wc-block-components-radio-control,
.wc-block-checkout__shipping-method .wc-block-components-radio-control{ display:flex; flex-direction:column; gap:10px; border:0 !important; }
.wc-block-checkout__shipping-option .wc-block-components-radio-control__option,
.wc-block-checkout__shipping-option .wc-block-components-radio-control-accordion-option{
  border:1px solid var(--va-rule) !important; border-radius:0 !important; background:#fff !important;
  padding:18px 20px 18px 52px !important; margin:0 !important; box-shadow:none !important;
}
.wc-block-checkout__shipping-option .wc-block-components-radio-control__option--checked-option-highlighted,
.wc-block-checkout__shipping-option .wc-block-components-radio-control__option-checked{
  border-color:var(--va-ink) !important; background:var(--va-ground) !important;
}
.wc-block-checkout__shipping-option .wc-block-components-radio-control__option::after{ display:none !important; } /* divider lines */
.wc-block-components-radio-control__input{ border-color:var(--va-ink) !important; }
.wc-block-components-radio-control__input:checked::before{ background:var(--va-ink) !important; }
.wc-block-checkout__shipping-option .wc-block-components-radio-control__label{ font-size:15px !important; font-weight:600 !important; color:var(--va-ink) !important; }
.wc-block-checkout__shipping-option .wc-block-components-radio-control__secondary-label{ font-size:15px !important; font-weight:600 !important; color:var(--va-ink) !important; }
.wc-block-checkout__shipping-option .wc-block-components-radio-control__description,
.wc-block-checkout__shipping-option .wc-block-components-radio-control__secondary-description{ font-size:13px !important; color:var(--va-sec) !important; }
/* Ship / Pick up toggle (only if block "Local pickup" is enabled) */
.wc-block-checkout__shipping-method-option{ border-radius:0 !important; border-color:var(--va-rule) !important; }
.wc-block-checkout__shipping-method-option--selected{ border-color:var(--va-ink) !important; box-shadow:inset 0 0 0 1px var(--va-ink) !important; }

/* Payment options: same cards */
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option,
.wc-block-checkout__payment-method .wc-block-components-radio-control__option{
  border:1px solid var(--va-rule) !important; border-radius:0 !important; box-shadow:none !important;
}
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-checkout__payment-method .wc-block-components-radio-control__option--checked-option-highlighted{ border-color:var(--va-ink) !important; }
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option::after,
.wc-block-checkout__payment-method .wc-block-components-radio-control__option::after{ display:none !important; }

/* Express (PayPal / Venmo) row: keep it quiet */
.wc-block-components-express-payment--checkout{ border-radius:0 !important; }
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container::before,
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container::after{ border-radius:0 !important; }
.wc-block-components-express-payment__title{ font-family:var(--va-sans) !important; font-size:12px !important; letter-spacing:.12em; text-transform:uppercase; color:var(--va-sec) !important; }
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__content{ border-radius:0 !important; border-color:var(--va-rule) !important; }
.wc-block-components-express-payment-continue-rule{ font-size:12px !important; letter-spacing:.12em; text-transform:uppercase; color:var(--va-sec) !important; }

/* Order notes, terms */
.wc-block-checkout__add-note{ margin-top:8px !important; }
.wc-block-checkout__terms{ border-top:1px solid #E3DFD7; padding-top:28px !important; margin-top:8px !important; font-size:14px !important; line-height:1.6; color:#3A3835; }
.wc-block-checkout__terms a{ color:var(--va-ink); text-decoration:underline; text-underline-offset:3px; }

/* Actions: Complete acquisition (accent) + Return to selections */
.wc-block-checkout__actions_row{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:flex-start !important; }
.wc-block-components-checkout-place-order-button{
  width:auto !important; min-width:260px; min-height:0 !important; padding:19px 32px !important;
  background:var(--va-accent) !important; color:#fff !important; border:1px solid var(--va-accent) !important; border-radius:0 !important;
  font-family:var(--va-sans) !important; font-size:13px !important; font-weight:600 !important; letter-spacing:1.8px !important; text-transform:uppercase !important;
}
.wc-block-components-checkout-place-order-button:hover{ background:var(--va-ink) !important; border-color:var(--va-ink) !important; }
.wc-block-components-checkout-return-to-cart-button{
  order:2; color:var(--va-ink) !important; font-size:13px !important; letter-spacing:1.8px; text-transform:uppercase; font-weight:600;
  text-decoration:none !important; padding:19px 0 !important;
}
.wc-block-components-checkout-return-to-cart-button svg{ display:none; }
@media (max-width:700px){ .wc-block-components-checkout-place-order-button{ width:100% !important; } }

/* The work (order summary, left column) */
.wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title-text,
.wc-block-checkout__sidebar .wc-block-components-title{
  font-family:var(--va-sans) !important; font-size:12px !important; font-weight:400 !important; letter-spacing:.12em; text-transform:uppercase; color:var(--va-sec) !important;
}
.wc-block-checkout__sidebar .wc-block-components-order-summary,
.wc-block-checkout__sidebar .wc-block-components-totals-wrapper{ border:0 !important; padding-left:0 !important; padding-right:0 !important; }
.wc-block-checkout__sidebar .wc-block-components-order-summary-item{
  display:flex !important; flex-direction:column; gap:12px; padding:0 0 20px !important; margin-bottom:12px; border-bottom:1px solid #E3DFD7;
}
.wc-block-checkout__sidebar .wc-block-components-order-summary-item__image{ width:100% !important; max-width:none !important; padding:0 !important; margin:0 !important; }
.wc-block-checkout__sidebar .wc-block-components-order-summary-item__image img{
  width:100% !important; max-width:none !important; height:420px !important; object-fit:contain; background:var(--va-ground);
}
@media (max-width:921px){ .wc-block-checkout__sidebar .wc-block-components-order-summary-item__image img{ height:300px !important; } }
.wc-block-checkout__sidebar .wc-block-components-order-summary-item__description{ padding:0 !important; }
.wc-block-checkout__sidebar .wc-block-components-product-name{
  font-family:var(--va-serif) !important; font-size:30px !important; font-weight:400 !important; line-height:1.15; color:var(--va-ink) !important;
}
.wc-block-checkout__sidebar .wc-block-components-product-metadata,
.wc-block-checkout__sidebar .wc-block-components-product-metadata__description{ font-size:14px !important; line-height:1.6; color:var(--va-sec) !important; }
.wc-block-checkout__sidebar .wc-block-components-order-summary-item__total-price,
.wc-block-checkout__sidebar .wc-block-components-order-summary-item__individual-prices{ font-size:15px !important; color:var(--va-ink) !important; }
/* Totals: "Work / Delivery / Sales tax / Total due" look */
.wc-block-components-totals-item{ font-size:15px !important; }
.wc-block-components-totals-item__label{ color:var(--va-sec) !important; }
.wc-block-components-totals-item__value{ color:var(--va-ink) !important; }
.wc-block-components-totals-item__description{ font-size:13px !important; color:var(--va-sec) !important; }
.wc-block-components-totals-footer-item{ border-top:1px solid #E3DFD7; padding-top:12px !important; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{ font-weight:600 !important; color:var(--va-ink) !important; font-size:16px !important; }
.wc-block-components-totals-coupon{ display:none !important; }   /* coupons are switched off; belt and braces */

/* ---------------------------------------------------------------------
   B. SELECTIONS (Cart block)
   --------------------------------------------------------------------- */
.wc-block-cart .wc-block-cart-items{ border-collapse:collapse; }
.wc-block-cart .wc-block-cart-items__header{ font-size:12px !important; letter-spacing:.12em; text-transform:uppercase; color:var(--va-sec); }
.wc-block-cart .wc-block-cart-items__row{ border-bottom:1px solid var(--va-rule) !important; }
.wc-block-cart .wc-block-cart-item__image img{
  width:140px !important; height:140px !important; object-fit:contain; background:var(--va-ground); max-width:none;
}
.wc-block-cart .wc-block-cart-item__image{ width:156px !important; padding-right:16px !important; }
.wc-block-cart .wc-block-components-product-name{
  font-family:var(--va-serif) !important; font-size:24px !important; font-weight:500 !important; color:var(--va-ink) !important; text-decoration:none !important;
}
.wc-block-cart .wc-block-components-product-metadata{ font-size:13px !important; color:var(--va-sec) !important; }
.wc-block-cart .wc-block-cart-item__remove-link{
  font-size:12px !important; letter-spacing:.12em; text-transform:uppercase; color:var(--va-sec) !important; text-decoration:underline !important;
}
.wc-block-cart .wc-block-cart-item__total .wc-block-components-product-price__value,
.wc-block-cart .wc-block-formatted-money-amount{ font-weight:600; color:var(--va-ink); }
.wc-block-cart .wc-block-cart__totals-title{
  font-family:var(--va-sans) !important; font-size:12px !important; font-weight:400 !important; letter-spacing:.12em; text-transform:uppercase; color:var(--va-sec) !important;
}
.wc-block-cart__submit-button{
  border-radius:0 !important; min-height:0 !important; padding:19px 28px !important; background:var(--va-accent) !important; color:#fff !important;
  font-family:var(--va-sans) !important; font-size:13px !important; font-weight:600 !important; letter-spacing:1.8px !important; text-transform:uppercase !important; border:1px solid var(--va-accent) !important;
}
.wc-block-cart__submit-button:hover{ background:var(--va-ink) !important; border-color:var(--va-ink) !important; }
.wp-block-woocommerce-cart-cross-sells-block{ display:none !important; }   /* no upsell chrome */
/* Empty selections state (content edited in the Empty Cart inner block) */
.wp-block-woocommerce-empty-cart-block{ text-align:center; padding:40px 0 80px; }
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title,
.wp-block-woocommerce-empty-cart-block h2{
  font-family:var(--va-serif) !important; font-weight:500 !important; font-size:36px !important; color:var(--va-ink) !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title::before{ display:none !important; } /* sad-face icon */
.wp-block-woocommerce-empty-cart-block .wp-block-separator{ display:none; }
.wp-block-woocommerce-empty-cart-block .wp-block-button__link{
  border-radius:0 !important; background:transparent !important; color:var(--va-ink) !important; border:1px solid var(--va-ink) !important;
  font-family:var(--va-sans); font-size:13px; font-weight:600; letter-spacing:1.8px; text-transform:uppercase; padding:16px 32px !important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button__link:hover{ background:var(--va-ink) !important; color:#fff !important; }

/* Notices inside blocks */
.wc-block-components-notice-banner{ border-radius:0 !important; }

/* ---------------------------------------------------------------------
   C. CLASSIC SHORTCODE BRANCH (only if the check finds [woocommerce_cart]/[woocommerce_checkout])
   --------------------------------------------------------------------- */
.woocommerce-checkout form.checkout .col2-set .col-1,
.woocommerce-checkout form.checkout .col2-set .col-2{ width:100%; float:none; }
.woocommerce-checkout form.checkout h3,
.woocommerce-checkout #order_review_heading{
  font-family:var(--va-serif) !important; font-size:28px !important; font-weight:500 !important; text-transform:none !important; letter-spacing:0;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection{
  border:1px solid #CFC9BF !important; border-radius:0 !important; padding:14px 16px; font-family:var(--va-sans); font-size:15px; box-shadow:none;
}
.woocommerce form .form-row label{ font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--va-sec); }
.woocommerce-checkout #payment{ background:transparent !important; border-radius:0 !important; }
.woocommerce-checkout #payment ul.payment_methods{ border:1px solid var(--va-rule) !important; padding:0 !important; }
.woocommerce-checkout #payment ul.payment_methods li{ padding:16px 20px !important; border-bottom:1px solid var(--va-rule); }
.woocommerce-checkout #payment div.payment_box{ background:var(--va-ground) !important; border-radius:0 !important; }
.woocommerce-checkout #payment div.payment_box::before{ display:none; }
.woocommerce-checkout-review-order-table{ border:0 !important; }
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td{ border:0 !important; border-bottom:1px solid #E3DFD7 !important; font-size:15px; padding:10px 0 !important; }
.woocommerce-checkout-review-order-table .order-total th, .woocommerce-checkout-review-order-table .order-total td{ font-weight:600; }
.woocommerce ul#shipping_method li{ border:1px solid var(--va-rule); padding:14px 16px !important; margin:0 0 10px !important; }
.woocommerce ul#shipping_method li:has(input:checked){ border-color:var(--va-ink); background:var(--va-ground); }
.woocommerce-cart table.shop_table{ border:0 !important; border-radius:0 !important; }
.woocommerce-cart table.shop_table td{ border-top:1px solid var(--va-rule) !important; }
.woocommerce-cart table.cart img{ width:120px; height:120px; object-fit:contain; background:var(--va-ground); }
.woocommerce-cart .product-quantity, .woocommerce-cart .coupon{ display:none !important; }
.woocommerce-cart .cart-empty.woocommerce-info{ text-align:center; font-family:var(--va-serif); font-size:28px; border:0 !important; background:transparent !important; }
.woocommerce-cart .cart-empty.woocommerce-info::before{ display:none; }


/* =====================================================================
   Voskan's Art: Additional CSS, part 4 — ARTISTS PAGE (append BELOW the
   existing artworks.css / detail.css / checkout.css blocks).
   Scoped to the page body that contains the template's .va-roster, so
   nothing here leaks to other pages. Uses the --va-* variables defined
   at the top of artworks.css.
   ===================================================================== */

/* 1. Page frame: no Astra title/box, template sets the width */
body.page:has(.va-roster) .entry-header{ display:none; }
body.page:has(.va-roster) .site-content > .ast-container{ max-width:none; padding-left:0; padding-right:0; }
body.page:has(.va-roster) .site-main > article,
body.page:has(.va-roster) .ast-article-single{ padding:0 !important; margin:0 !important; background:transparent; }

/* 2. Smooth anchor jumps that clear the site header */
html:has(.va-roster){ scroll-behavior:smooth; }
body:has(.va-roster) .va-artist,
body:has(.va-roster) .va-submit{ scroll-margin-top:96px; }

/* 3. Portrait + work images: no rounding, quiet hover */
body:has(.va-roster) .va-roster .elementor-widget-image img,
body:has(.va-roster) .va-artist .elementor-widget-image img{ border-radius:0; transition:opacity .25s ease; }
body:has(.va-roster) .va-roster a:hover img,
body:has(.va-roster) .va-artist a:hover img{ opacity:.88; }

/* 4. Headings/links: ink by default, accent on hover, no underline */
body:has(.va-roster) .va-roster .elementor-heading-title a,
body:has(.va-roster) .va-artist .elementor-heading-title a{ color:inherit; text-decoration:none; transition:color .2s; }
body:has(.va-roster) .va-roster .elementor-heading-title a:hover,
body:has(.va-roster) .va-artist .elementor-heading-title a:hover{ color:var(--va-accent); }
body:has(.va-roster) .va-textlink a{ border-bottom:1px solid transparent; padding-bottom:2px; }
body:has(.va-roster) .va-textlink a:hover{ color:var(--va-accent); border-bottom-color:var(--va-accent); }

/* 5. Text editor paragraph spacing inside intros */
body:has(.va-roster) .va-artist .elementor-widget-text-editor p{ margin:0; }

/* 6. Placeholder guard: on the LIVE site, image slots still showing the
   token / empty src get a neutral block instead of a broken image. */
body:has(.va-roster) .va-roster img[src=""], body:has(.va-roster) .va-artist img[src=""],
body:has(.va-roster) .va-roster img[src*="IMG:"], body:has(.va-roster) .va-artist img[src*="IMG:"]{
  visibility:hidden; background:#D9D6D0; }

/* 7. Dark submissions band: button hover = white fill, ink text */
body:has(.va-roster) .va-submit .elementor-button:hover{ background:#fff !important; color:var(--va-ink) !important; }

/* 8. Responsive */
@media (max-width:1024px){
  body:has(.va-roster) .va-artist .elementor-heading-title{ word-break:normal; }
}
@media (max-width:767px){
  body:has(.va-roster) .va-roster .e-con.e-child{ --width:100%; }
  body:has(.va-roster) .va-artist .elementor-widget-image img{ height:auto !important; aspect-ratio:1/1; }
  body:has(.va-roster) .va-submit{ text-align:left; }
}

/* Artists roster card images: fill frame, no bars (page 1653) */
.page-id-1653 .elementor-element-f251a10 .elementor-widget-container,
.page-id-1653 .elementor-element-6bf15ebd .elementor-widget-container,
.page-id-1653 .elementor-element-f251a10 a,
.page-id-1653 .elementor-element-6bf15ebd a{display:block;width:100%;height:100%;background:transparent !important;}
.page-id-1653 .elementor-element-f251a10,
.page-id-1653 .elementor-element-6bf15ebd{background:transparent !important;overflow:hidden;}
.page-id-1653 .elementor-element-f251a10 img,
.page-id-1653 .elementor-element-6bf15ebd img{width:100% !important;height:100% !important;max-width:100% !important;object-fit:cover !important;object-position:50% 25% !important;background:transparent !important;}

.page-id-1653 .elementor-element-f251a10 img,
.page-id-1653 .elementor-element-6bf15ebd img{height:auto !important;aspect-ratio:16/9;}

/* =====================================================================
   Voskan's Art: Additional CSS, part 5 — ABOUT PAGE (append BELOW
   artists.css). Scoped to the page containing .va-about-hero.
   Uses the --va-* variables from artworks.css.
   ===================================================================== */

/* 1. Page frame */
body.page:has(.va-about-hero) .entry-header{ display:none; }
body.page:has(.va-about-hero) .site-content > .ast-container{ max-width:none; padding-left:0; padding-right:0; }
body.page:has(.va-about-hero) .site-main > article,
body.page:has(.va-about-hero) .ast-article-single{ padding:0 !important; margin:0 !important; background:transparent; }

/* 2. Portrait: square corners, sticky beside the long bio on desktop */
body:has(.va-about-hero) .va-portrait img{ border-radius:0; display:block; }
@media (min-width:1025px){
  body:has(.va-about-hero) .va-about-hero > .e-con-inner > .e-con:first-child{ position:sticky; top:96px; }
}

/* 3. Bio paragraphs */
body:has(.va-about-hero) .va-bio p{ margin:0 0 16px; max-width:640px; }
body:has(.va-about-hero) .va-bio p:last-child{ margin-bottom:0; }

/* 4. CV button: hidden while its link is still the placeholder */
body:has(.va-about-hero) .va-cv-btn a[href*="%5BCV"],
body:has(.va-about-hero) .va-cv-btn a[href*="[CV"]{ display:none; }

/* 5. Pull quote */
body:has(.va-about-hero) .va-quote blockquote,
body:has(.va-about-hero) .va-quote .elementor-heading-title{ margin:0; padding:0; border:0; font-style:italic; text-align:center; }

/* 6. Studio text link + grid */
body:has(.va-about-hero) .va-studio a{ color:var(--va-ink); border-bottom:1px solid var(--va-rule); text-decoration:none; }
body:has(.va-about-hero) .va-studio a:hover{ color:var(--va-accent); border-bottom-color:var(--va-accent); }
body:has(.va-about-hero) .va-studio img{ border-radius:0; display:block; }

/* 7. CV lists: year in a fixed column */
body:has(.va-about-hero) .va-cv-list p{ margin:0 0 10px; color:#333; }
body:has(.va-about-hero) .va-cv-year{ display:inline-block; min-width:64px; color:var(--va-sec); font-variant-numeric:tabular-nums; }
body:has(.va-about-hero) .va-textlink a{ text-decoration:none; border-bottom:1px solid transparent; padding-bottom:2px; }
body:has(.va-about-hero) .va-textlink a:hover{ color:var(--va-accent); border-bottom-color:var(--va-accent); }

@media (max-width:767px){
  body:has(.va-about-hero) .va-cv-year{ min-width:56px; }
  body:has(.va-about-hero) .va-studio img{ height:auto !important; aspect-ratio:1/1; }
}

/* Fix: related works = one row of 4 (per mockup), all images visible */
.va-related ul.products.products{ grid-template-columns:repeat(4, minmax(0,1fr)) !important; }
.va-related ul.products li.product:nth-child(n+5){ display:none !important; }
.va-related ul.products li.product img{ opacity:1 !important; visibility:visible !important; }
@media (max-width:921px){ .va-related ul.products.products{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; } }
@media (max-width:544px){ .va-related ul.products.products{ grid-template-columns:1fr !important; } }

/* =====================================================================
   Voskan's Art: Additional CSS, part 6 — EXHIBITIONS & FAIRS (append
   BELOW about.css). Scoped to the page containing .va-ex-intro.
   ===================================================================== */
body.page:has(.va-ex-intro) .entry-header{ display:none; }
body.page:has(.va-ex-intro) .site-content > .ast-container{ max-width:none; padding-left:0; padding-right:0; }
body.page:has(.va-ex-intro) .site-main > article,
body.page:has(.va-ex-intro) .ast-article-single{ padding:0 !important; margin:0 !important; background:transparent; }

html:has(.va-ex-intro){ scroll-behavior:smooth; }
body:has(.va-ex-intro) .va-ex-group, body:has(.va-ex-intro) .va-dealers{ scroll-margin-top:96px; }

/* Tabs: anchor links styled as the mockup's filter pills. The active pill
   follows the section the visitor jumped to (:target), Current by default. */
body:has(.va-ex-intro) .va-tab .elementor-button{ border-radius:0; }
body:has(.va-ex-intro) .va-tab .elementor-button:hover{ border-color:var(--va-ink) !important; color:var(--va-ink) !important; }
body:has(#upcoming:target, #past:target) .va-tab-on .elementor-button{ background:#fff !important; color:var(--va-ink) !important; border-color:var(--va-rule) !important; }
body:has(#upcoming:target) .va-tab a[href="#upcoming"],
body:has(#past:target) .va-tab a[href="#past"]{ background:var(--va-ink) !important; color:#fff !important; border-color:var(--va-ink) !important; }

/* Event + dealer cards */
body:has(.va-ex-intro) .va-ex-group img{ border-radius:0; display:block; }
body:has(.va-ex-intro) .va-textlink a{ text-decoration:none; border-bottom:1px solid var(--va-ink); padding-bottom:2px; }
body:has(.va-ex-intro) .va-textlink a:hover{ color:var(--va-accent); border-bottom-color:var(--va-accent); }
body:has(.va-ex-intro) .va-dealers .e-con.e-child{ align-self:stretch; }

/* Unfilled image slots: neutral block instead of a broken image */
body:has(.va-ex-intro) img[src=""], body:has(.va-ex-intro) img[src*="IMG:"]{ visibility:hidden; }
body:has(.va-ex-intro) .va-ex-group .elementor-widget-image:has(img[src*="IMG:"], img[src=""]){ background:#2B2B2B; }

@media (max-width:767px){
  body:has(.va-ex-intro) .va-tabs{ width:100%; }
  body:has(.va-ex-intro) .va-ex-group .elementor-widget-image img{ height:240px !important; }
}

/* =====================================================================
   Voskan's Art: Additional CSS, part 7 — SOLD PAGE (append BELOW
   exhibitions.css). Scoped to the page containing .va-sold-grid.
   The grid is the WooCommerce [products category="sold"] shortcode.
   ===================================================================== */
body.page:has(.va-sold-grid) .entry-header{ display:none; }
body.page:has(.va-sold-grid) .site-content > .ast-container{ max-width:none; padding-left:0; padding-right:0; }
body.page:has(.va-sold-grid) .site-main > article,
body.page:has(.va-sold-grid) .ast-article-single{ padding:0 !important; margin:0 !important; background:transparent; }

/* No prices, no buttons, no ratings, no Astra/Woo sale or out-of-stock flags */
.va-sold-grid ul.products li.product .price,
.va-sold-grid ul.products li.product .button,
.va-sold-grid ul.products li.product .added_to_cart,
.va-sold-grid ul.products li.product .star-rating,
.va-sold-grid ul.products li.product .onsale,
.va-sold-grid ul.products li.product .ast-shop-product-out-of-stock,
.va-sold-grid ul.products li.product .ast-on-card-button,
.va-sold-grid ul.products li.product .ast-woo-product-category{ display:none !important; }

/* Grid: 3 up, generous gaps; uncropped images on the pale ground */
.va-sold-grid ul.products{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 28px; margin:0 !important; }
.va-sold-grid ul.products::before, .va-sold-grid ul.products::after{ display:none !important; }
.va-sold-grid ul.products li.product{ width:auto !important; margin:0 !important; float:none !important; text-align:center; }
.va-sold-grid ul.products li.product .astra-shop-thumbnail-wrap,
.va-sold-grid ul.products li.product a.woocommerce-LoopProduct-link{ position:relative; display:block; }
.va-sold-grid ul.products li.product img{ width:100%; height:360px; object-fit:contain; background:var(--va-ground); margin:0 0 14px !important; border-radius:0; }

/* "Sold" badge on the image */
.va-sold-grid ul.products li.product .astra-shop-thumbnail-wrap::after{
  content:"Sold"; position:absolute; top:14px; left:14px; padding:6px 12px; background:#fff; color:var(--va-ink);
  font-family:var(--va-sans); font-size:11px; letter-spacing:.12em; text-transform:uppercase; }

/* Caption: title (serif) + "Voskan Galstian" (short description first line in the loop is not shown by Woo, so add the name) */
.va-sold-grid ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--va-serif) !important; font-size:22px !important; font-weight:500 !important; color:var(--va-ink) !important; margin:0 0 4px !important; }
.va-sold-grid ul.products li.product .woocommerce-loop-product__title::after{
  content:"Voskan Galstian"; display:block; margin-top:6px; font-family:var(--va-sans); font-size:14px; font-weight:400; color:var(--va-sec); }

/* Commission band button hover */
.va-commission .elementor-button:hover{ background:#fff !important; color:var(--va-ink) !important; }

@media (max-width:1024px){ .va-sold-grid ul.products{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px){ .va-sold-grid ul.products{ grid-template-columns:1fr; } .va-sold-grid ul.products li.product img{ height:300px; } }

/* 2026-10 artwork image frames on white (heights unchanged) */
body:not(#_) ul.products li.product .astra-shop-thumbnail-wrap img,
body:not(#_) ul.products li.product a img,
body:not(#_) .single-product .related ul.products li.product .astra-shop-thumbnail-wrap img,
body:not(#_) .va-related ul.products li.product img,
body:not(#_) .va-gallery .woocommerce-product-gallery__image a,
body:not(#_) .va-gallery .woocommerce-product-gallery__image img,
body:not(#_) .va-gallery .woocommerce-product-gallery__image a > img.wp-post-image,
body:not(#_) .va-sold-grid ul.products li.product img,
body:not(#_) .elementor-widget-woocommerce-products li.product img,
body:not(#_) .va-artist .elementor-widget-image img,
body:not(#_) .va-roster .elementor-widget-image img,
body:not(#_) .wc-block-checkout__sidebar .wc-block-components-order-summary-item__image img,
body:not(#_) .wc-block-cart .wc-block-cart-item__image img,
body:not(#_) .woocommerce-cart table.cart img { background: #FFFFFF !important; background-color: #FFFFFF !important; }
/* Home picks + Artists work cards: Elementor image frames on white */
body:not(#_) .elementor-1564 .elementor-widget-image > .elementor-widget-container,
body:not(#_) .elementor-1653 .elementor-widget-image > .elementor-widget-container { background-color: #FFFFFF !important; }

/* Responsive fixes R1-R8 */
@media (max-width:921px){
  body.home #ast-mobile-header,
  body.home .ast-mobile-header-wrap,
  body.home .ast-mobile-popup-drawer{ display:none !important; }
}
@media (max-width:767px){
  body.home .va-nav{ max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  body.home .va-nav .elementor-icon-list-items{ flex-wrap:nowrap !important; white-space:nowrap; }
  body.home .va-nav::-webkit-scrollbar{ display:none; }
}
@media (max-width:767px){
  .va-header .va-nav{ scroll-padding-inline:20px; scroll-snap-type:x proximity;
    -webkit-mask-image:linear-gradient(90deg,#000 85%,transparent); mask-image:linear-gradient(90deg,#000 85%,transparent); }
  .va-header .va-nav .elementor-icon-list-item{ scroll-snap-align:start; }
  .va-header .va-nav .elementor-icon-list-item:first-child{ padding-left:0; }
}
@media (max-width:921px){
  .woocommerce-shop .site-content > .ast-container{ display:flex; flex-direction:column; }
  .woocommerce-shop #secondary{ order:-1; width:100%; margin:0 0 24px; padding:16px 0; border-bottom:1px solid var(--va-rule); }
  .woocommerce-shop #primary{ order:0; width:100%; }
  .woocommerce-shop #secondary .widget{ margin-bottom:12px; }
}
@media (max-width:767px){
  .woocommerce-shop #secondary .sidebar-main{ display:grid; grid-template-columns:1fr 1fr; gap:4px 16px; }
}
@media (max-width:1024px){
  .va-related ul.products li.product img{ width:100% !important; height:300px !important; object-fit:contain; background:var(--va-ground); }
}
.elementor-widget-image img[src*="elementor/assets/images/placeholder"]{ opacity:0; }
.elementor-widget-image:has(img[src*="elementor/assets/images/placeholder"]){ background:#E9E7E3; }
body.page .entry-header .entry-title{ font-family:var(--va-serif); font-weight:500; font-size:56px; line-height:1.05; margin:48px 0 8px; }
@media (max-width:767px){ body.page .entry-header .entry-title{ font-size:40px; margin-top:32px; } }
body.page .entry-content > h2{ font-size:30px; margin-top:32px; }
@media (max-width:767px){ .woocommerce-cart .cart-empty, .woocommerce-cart .wc-empty-cart-message{ text-wrap:balance; } }

/* =====================================================================
   Voskan's Art: responsive fixes v2 — DELTAS ONLY (append BELOW R1–R8).
   Diagnosed on live staging DOM 2026-10-18 (headless Chrome, 390/768).
   ===================================================================== */

/* R2 v2. HOME hero nav still wraps.
   Cause: the hero Icon List on the live Home page has NO "va-nav" class
   (it came from the v1 template), so "body.home .va-nav" matches nothing.
   Its list is 376px wide inside a 350px column, so it wraps; Selections
   then drops to its own line. Target the hero's inline icon list instead
   (Home has only one inline Icon List). Operator alternative: add CSS
   class "va-nav" to that widget (Advanced > CSS Classes) and keep R2. */
@media (max-width:767px){
  body.home .elementor-widget-icon-list.elementor-icon-list--layout-inline{
    max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  body.home .elementor-widget-icon-list.elementor-icon-list--layout-inline::-webkit-scrollbar{ display:none; }
  body.home .elementor-widget-icon-list.elementor-icon-list--layout-inline .elementor-icon-list-items{
    flex-wrap:nowrap !important; justify-content:flex-start !important; white-space:nowrap; }
}

/* R3 v2. Site-header swipe nav cut off at the left ("ISTS").
   Cause: not the scroll position. The Icon List is right-aligned
   (justify-content:flex-end), so on a narrow screen the row overflows to
   the LEFT, where it can't be scrolled (first item at x = -177px).
   Left-align on mobile so the overflow goes right and can be swiped. */
@media (max-width:767px){
  .va-header .va-nav .elementor-icon-list-items{ justify-content:flex-start !important; flex-wrap:nowrap !important; }
}

/* R4 v2. /shop/ Refine filters still at the bottom.
   Cause: Astra sets the sidebar container to flex-direction:column-reverse
   on tablet/mobile, so order:-1 puts #secondary LAST. Force normal column. */
@media (max-width:921px){
  .woocommerce-shop .site-content > .ast-container{ flex-direction:column !important; }
}

/* R5 v2. Detail page "More by…" thumbnails still 150px wide at 768.
   Cause: the grid has 330px tracks but Astra gives each li a fixed
   percentage/px width. Let the li fill its grid track. */
@media (max-width:1024px){
  .va-related ul.products li.product{ width:auto !important; max-width:none !important; }
  .va-related ul.products li.product img{ width:100% !important; }
}
/* =====================================================================
   Voskan's Art: responsive fixes v3 — DELTA (append BELOW v2).
   R5 v3. Detail page "More by Voskan Galstian" thumbnails at 768 were
   still 150px wide inside 330px columns.
   Cause (CDP matched-rules on live staging): ShopLentor/WooLentor sets
     .woolentorducts-columns-tablet-2 ul.products[class*="columns-"] li.product
       { width:calc(50% - 15px) !important }
   which out-specifies the v2 rule (0,4,2 vs 0,3,2), giving 50% of a
   330px grid track. Also a 15px right margin. Beat it with a more specific
   selector. Verified by injecting this rule into live staging at 768: image
   width 150px → 330px.
   ===================================================================== */
@media (max-width:1024px){
  body .va-related ul.products[class*="columns-"] li.product.product{
    width:auto !important; max-width:none !important; margin-right:0 !important; }
}

/* G1. NEW BREAKAGE on artwork detail pages at 390 (not from v2): the main gallery
   image is now 640px tall on phones (a 350x~230 painting floating in a tall
   white box). Cause: a later rule added on staging
     .va-gallery .woocommerce-product-gallery__image img,
     .va-gallery .woocommerce-product-gallery__image a > img.w…
       { height:640px !important; object-fit:contain; … }
   has no media query and comes after detail.css's mobile 380px / tablet 520px
   rules, so it wins at every width. Restore the responsive heights (same
   selectors + body for specificity, placed last). */
@media (max-width:1024px){
  body .va-gallery .woocommerce-product-gallery__image img,
  body .va-gallery .woocommerce-product-gallery__image a > img.wp-post-image,
  body .va-gallery .woocommerce-product-gallery__image a > img.wp-post-image.wp-post-image{ height:520px !important; }
}
@media (max-width:767px){
  body .va-gallery .woocommerce-product-gallery__image img,
  body .va-gallery .woocommerce-product-gallery__image a > img.wp-post-image,
  body .va-gallery .woocommerce-product-gallery__image a > img.wp-post-image.wp-post-image{ height:380px !important; }
}
/* R8 v4. Selections empty state: "yet." still wraps alone at 390.
   Cause: the empty-cart heading is a block-editor H2 (.wp-block-heading),
   not .cart-empty / .wc-empty-cart-message, so R8 matched nothing. */
@media (max-width:767px){
  .woocommerce-cart h2.wp-block-heading{ text-wrap:balance; }
}

/* =====================================================================
   Voskan's Art: HOME "Recently Added" (replaces manual Curator's Picks)
   Section = container 46aa5a4a, CSS ID #curators-picks, Home page 1564.
   Grid = WooCommerce [products] shortcode (newest first). Astra renders
   the cards (Title + Short description + Price); this hides price/buttons
   so Home stays price-free and matches the gallery cards.
   Append at the END of Additional CSS.
   ===================================================================== */
#curators-picks ul.products .price,
#curators-picks ul.products .button,
#curators-picks ul.products .added_to_cart,
#curators-picks ul.products .star-rating,
#curators-picks ul.products .onsale,
#curators-picks ul.products .ast-on-card-button,
#curators-picks ul.products .ast-woo-product-category{ display:none !important; }

#curators-picks .woocommerce{ width:100%; }
#curators-picks ul.products{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:36px 28px; margin:0 !important; }
#curators-picks ul.products::before, #curators-picks ul.products::after{ display:none !important; }
#curators-picks ul.products li.product{ width:auto !important; margin:0 !important; float:none !important; text-align:center; }
#curators-picks ul.products li.product img{ width:100% !important; height:380px !important; object-fit:contain; background:#FFFFFF; margin:0 0 12px !important; border-radius:0; }
#curators-picks .woocommerce-loop-product__title{ font-family:var(--va-serif) !important; font-size:22px !important; font-weight:500 !important; color:var(--va-ink) !important; margin:0 0 4px !important; }
#curators-picks .woocommerce-loop-product__title:hover{ color:var(--va-accent) !important; }
#curators-picks ul.products li.product .ast-woo-shop-product-description,
#curators-picks ul.products li.product .woocommerce-product-details__short-description{ font-family:var(--va-sans); font-size:13px; line-height:1.5; color:var(--va-sec); }

/* If the shortcode ever returns nothing, hide the whole section */
#curators-picks:not(:has(li.product)){ display:none !important; }

@media (max-width:1024px){ #curators-picks ul.products{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  #curators-picks ul.products li.product img{ height:320px !important; } }
@media (max-width:600px){ #curators-picks ul.products{ grid-template-columns:1fr; } }
/* =====================================================================
   Voskan's Art: card size line from the "Dimensions:" attribute (FINAL)
   Plugin: Product Description and Attributes Loop (GMWPDL) v4.0,
   Attributes only, labels off. Real markup (sibling AFTER the Astra summary):
     li.product > .astra-shop-thumbnail-wrap
                > .astra-shop-summary-wrap > a(title) · .ast-woo-shop-product-description · .price
                > .gmwpdl-product-details > .product-attributes > div × N
   Rule: "Dimensions:" must be the FIRST attribute on every product.
   Append at the END of Additional CSS (replaces the interim one-liner).
   ===================================================================== */

/* 1. Only the first attribute (= Dimensions) */
.gmwpdl-product-details .product-attributes > div:not(:first-child){ display:none !important; }

/* 2. Put the line under the medium line, above the price: flatten the
      summary wrapper so its children and the plugin block share one
      flex column inside the card, then order them. */
ul.products li.product{ display:flex !important; flex-direction:column; }
ul.products li.product .astra-shop-summary-wrap{ display:contents !important; }
ul.products li.product > *,
ul.products li.product .astra-shop-summary-wrap > *{ order:10; }
ul.products li.product .astra-shop-thumbnail-wrap{ order:1; }
ul.products li.product .astra-shop-summary-wrap > .ast-loop-product__link{ order:2; }
ul.products li.product .astra-shop-summary-wrap > .ast-woo-shop-product-description{ order:3; margin-bottom:0 !important; padding-bottom:0 !important; }
ul.products li.product > .gmwpdl-product-details{ order:4; }
ul.products li.product .astra-shop-summary-wrap > .price{ order:5; margin-top:8px !important; }

/* 3. Caption style = artist/medium lines */
ul.products li.product .ast-woo-shop-product-description p{ margin:0 !important; }
ul.products li.product > .gmwpdl-product-details,
ul.products li.product > .gmwpdl-product-details .product-attributes,
ul.products li.product > .gmwpdl-product-details .product-attributes > div{
  margin:0 !important; padding:0 !important; border:0; background:none;
  font-family:var(--va-sans); font-size:13px; font-weight:400; line-height:1.5; letter-spacing:0;
  color:var(--va-sec); text-align:center; }

/* 4. Artists page (1653), once Voskan's works use [products ids=…] in a container with class "va-artist-works" */
.va-artist-works ul.products .price, .va-artist-works ul.products .button, .va-artist-works ul.products .added_to_cart,
.va-artist-works ul.products .star-rating, .va-artist-works ul.products .onsale,
.va-artist-works ul.products .ast-on-card-button, .va-artist-works ul.products .ast-woo-product-category{ display:none !important; }
.va-artist-works .woocommerce{ width:100%; }
.va-artist-works ul.products{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:36px 28px; margin:0 !important; }
.va-artist-works ul.products::before, .va-artist-works ul.products::after{ display:none !important; }
.va-artist-works ul.products li.product{ width:auto !important; margin:0 !important; float:none !important; text-align:center; }
.va-artist-works ul.products li.product img{ width:100% !important; height:320px !important; object-fit:contain; background:#FFFFFF; margin:0 0 12px !important; border-radius:0; }
.va-artist-works .woocommerce-loop-product__title{ font-family:var(--va-serif) !important; font-size:20px !important; font-weight:500 !important; color:var(--va-ink) !important; margin:0 0 4px !important; }
@media (max-width:1024px){ .va-artist-works ul.products{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px){ .va-artist-works ul.products{ grid-template-columns:1fr; } .va-artist-works ul.products li.product img{ height:280px !important; } }
/* =====================================================================
   Artists page (1653): roster card fix. Append at the END of Additional CSS.
   Cause: a leftover rule targets ONLY the first two portrait widgets by
   element ID:
     .page-id-1653 .elementor-element-f251a10 img,
     .page-id-1653 .elementor-element-6bf15ebd img
       { height:auto !important; aspect-ratio:16/9 }  (plus height:100% !important)
   so Voskan's and Fabbi's images render 207px tall (16:9 of 368px) while
   Blanchard's widget (7d3a633) keeps its 320px setting. His name sits 113px
   lower and looks like a second row. Cleanest: delete that rule from
   Additional CSS. This file overrides it either way, by class, so new
   cards and real portraits follow automatically.
   ===================================================================== */

/* 1. Row: equal columns, top-aligned; hidden cards take no space */
body .va-roster .e-con.e-child:has(> .e-con.e-child .elementor-widget-image){
  display:flex !important; flex-wrap:wrap !important; align-items:flex-start !important;
  justify-content:center; gap:36px 28px !important; }
body .va-roster .e-con.e-child > .e-con.e-child:has(.elementor-widget-image){
  flex:1 1 0 !important; min-width:200px; max-width:calc(25% - 21px); width:auto !important; --width:auto; }
@media (max-width:1024px){
  body .va-roster .e-con.e-child > .e-con.e-child:has(.elementor-widget-image){ flex:1 1 calc(50% - 14px) !important; max-width:calc(50% - 14px); } }
@media (max-width:600px){
  body .va-roster .e-con.e-child > .e-con.e-child:has(.elementor-widget-image){ flex:1 1 100% !important; max-width:100%; } }

/* 2. Same portrait box on every card (beats the ID rule: higher specificity, later) */
body .va-roster .e-con .elementor-widget-image img{
  width:100% !important; height:320px !important; aspect-ratio:auto !important;
  object-fit:cover !important; object-position:center !important; display:block; border-radius:0; }
@media (max-width:600px){ body .va-roster .e-con .elementor-widget-image img{ height:300px !important; } }

/* 3. Empty portrait = very light box the same size (Elementor placeholder or empty src) */
body .va-roster .elementor-widget-image:has(img[src*="elementor/assets/images/placeholder"]),
body .va-roster .elementor-widget-image:has(img[src=""]),
body .va-roster .elementor-widget-image:has(img:not([src])){ background:#F4F4F2 !important; }
body .va-roster .elementor-widget-image img[src*="elementor/assets/images/placeholder"],
body .va-roster .elementor-widget-image img[src=""]{ opacity:0 !important; }

/* Names/epithets line up under the box (link wrapper inline-block on some cards adds a 7px line-box gap) */
body .va-roster .e-con .elementor-widget-image a{ display:block !important; }
body .va-roster .e-con .elementor-widget-image{ margin-bottom:0 !important; }

/* =====================================================================
   Home (1564) "Highlighted Artists" (container 75bd5dd1): same card rules
   as the Artists roster (roster-fix.css). Append at the END of Additional CSS.
   Cause of blank portraits: the image widgets' own Elementor Style setting
   (Style > Image > Opacity) is 0. Elementor prints
     .elementor-1564 .elementor-element.elementor-element-2da97439 img{opacity:0}
   so even Voskan's loaded photo is invisible. Real fix: in Elementor, reset
   Opacity on image widgets 2da97439 / 120f1220 / 44dcfbac. Rule 3 below
   overrides it meanwhile; Elementor placeholders stay hidden.
   ===================================================================== */

/* 1. Row: equal columns, top-aligned; hidden cards take no space */
body .elementor-element-75bd5dd1 .e-con.e-child:has(> .e-con.e-child .elementor-widget-image){
  display:flex !important; flex-wrap:wrap !important; align-items:flex-start !important;
  justify-content:center; gap:36px 28px !important; }
body .elementor-element-75bd5dd1 .e-con.e-child > .e-con.e-child:has(.elementor-widget-image){
  flex:1 1 0 !important; min-width:200px; max-width:calc(25% - 21px); width:auto !important; --width:auto; }
@media (max-width:1024px){
  body .elementor-element-75bd5dd1 .e-con.e-child > .e-con.e-child:has(.elementor-widget-image){ flex:1 1 calc(50% - 14px) !important; max-width:calc(50% - 14px); } }
@media (max-width:600px){
  body .elementor-element-75bd5dd1 .e-con.e-child > .e-con.e-child:has(.elementor-widget-image){ flex:1 1 100% !important; max-width:100%; } }

/* 2. Same portrait box on every card */
body .elementor-element-75bd5dd1 .e-con .elementor-widget-image a{ display:block !important; }
body .elementor-element-75bd5dd1 .e-con .elementor-widget-image{ margin-bottom:0 !important; }
body .elementor-element-75bd5dd1 .e-con .elementor-widget-image img{
  width:100% !important; height:320px !important; aspect-ratio:auto !important;
  object-fit:cover !important; object-position:center !important; display:block !important; border-radius:0; }
@media (max-width:600px){ body .elementor-element-75bd5dd1 .e-con .elementor-widget-image img{ height:300px !important; } }

/* 3. Real portraits visible (undo the widget's opacity:0) */
body .elementor-element-75bd5dd1 .elementor-widget-image img:not([src*="elementor/assets/images/placeholder"]):not([src=""]){ opacity:1 !important; }

/* 4. Empty portrait = #F4F4F2 box of the same size */
body .elementor-element-75bd5dd1 .elementor-widget-image:has(img[src*="elementor/assets/images/placeholder"]),
body .elementor-element-75bd5dd1 .elementor-widget-image:has(img[src=""]),
body .elementor-element-75bd5dd1 .elementor-widget-image:has(img:not([src])){ background:#F4F4F2 !important; }
body .elementor-element-75bd5dd1 .elementor-widget-image img[src*="elementor/assets/images/placeholder"],
body .elementor-element-75bd5dd1 .elementor-widget-image img[src=""]{ opacity:0 !important; }
/* =====================================================================
   Voskan's Art: "Christie's feel" typography (site-wide override)
   Christie's (christies.com design-system CSS, checked 2026-10-18) uses
   ABC Arizona Serif (light 300) for headings and ABC Arizona Sans
   (300 body, 500 uppercase nav/buttons). Both are licensed (Dinamo).
   Free stand-ins here: Newsreader (serif) + Work Sans (sans).
   Append at the END of Additional CSS. If WordPress strips @import from
   Additional CSS, load the fonts via Elementor > Site Settings > Global
   Fonts (Google fonts) instead and delete the @import line.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,300;6..72,400;6..72,500&family=Work+Sans:wght@300;400;500;600&display=swap');

:root{
  --va-serif:'Newsreader', Georgia, 'Times New Roman', serif;
  --va-sans:'Work Sans', 'Helvetica Neue', Arial, sans-serif;
  --e-global-typography-primary-font-family:'Newsreader';
  --e-global-typography-secondary-font-family:'Newsreader';
  --e-global-typography-text-font-family:'Work Sans';
  --e-global-typography-accent-font-family:'Work Sans';
}

/* 1. Body text: sans, light (Christie's body = 16px / 300 / 1.4) */
body, body p, body li, body td, body th, body label, body input, body select, body textarea,
body .elementor-widget-text-editor, body .elementor-icon-list-text,
body p.elementor-heading-title, body span.elementor-heading-title{
  font-family:var(--va-sans) !important; }
body, body p, body .elementor-widget-text-editor{ font-weight:300; }

/* 2. Headings: serif, light, no tracking (Christie's h2 48px/300, h3 20-24px/300, lh 1.2) */
body h1, body h2, body h3, body h4, body h5, body h6,
body .elementor-heading-title:is(h1,h2,h3,h4,h5,h6),
body .entry-title, body .woocommerce-loop-product__title, body .product_title,
body .ast-archive-title, body .woocommerce-products-header__title{
  font-family:var(--va-serif) !important; font-weight:300 !important; letter-spacing:0 !important; }
body blockquote, body blockquote .elementor-heading-title{ font-family:var(--va-serif) !important; font-weight:300 !important; }

/* Wordmark (header/footer div heading) stays serif, slightly heavier */
body .va-header div.elementor-heading-title, body .va-footer div.elementor-heading-title,
body .elementor-location-header div.elementor-heading-title{
  font-family:var(--va-serif) !important; font-weight:400 !important; letter-spacing:.06em !important; }

/* 3. Nav (header + footer): Christie's = sans 14px / 500 / uppercase / normal tracking */
body .va-nav .elementor-icon-list-text, body .va-header .elementor-icon-list-text,
body .main-header-menu a, body .ast-builder-menu a{
  font-family:var(--va-sans) !important; font-size:14px !important; font-weight:500 !important;
  letter-spacing:0 !important; text-transform:uppercase !important; }
body .va-footer .elementor-icon-list-text{ font-family:var(--va-sans) !important; font-weight:300 !important; letter-spacing:0 !important; }

/* 4. Buttons: sans 14px / 500 / uppercase / normal tracking */
body .elementor-button, body .elementor-button .elementor-button-text,
body .button, body button, body input[type=submit], body .wp-element-button,
body .single_add_to_cart_button, body .checkout-button, body #place_order, body .wc-block-components-button{
  font-family:var(--va-sans) !important; font-size:14px !important; font-weight:500 !important;
  letter-spacing:0 !important; text-transform:uppercase !important; }

/* 5. Small-caps labels/eyebrows (Christie's 12-14px sans uppercase, 300-400) */
body .va-eyebrow .elementor-heading-title, body .va-specs th,
body p.elementor-heading-title[style*="uppercase"]{ font-family:var(--va-sans) !important; font-weight:400 !important; letter-spacing:.02em !important; }

/* 6. WooCommerce: product titles serif light, prices sans */
body .woocommerce-loop-product__title{ font-size:20px !important; }
body .price, body .woocommerce-Price-amount, body .amount{ font-family:var(--va-sans) !important; font-weight:500 !important; letter-spacing:0 !important; }
body.woocommerce-cart, body.woocommerce-checkout,
body .wc-block-cart, body .wc-block-checkout, body .woocommerce form .form-row input.input-text{
  font-family:var(--va-sans) !important; }
body .wc-block-components-product-name, body .woocommerce-cart-form .product-name a{ font-family:var(--va-serif) !important; font-weight:400 !important; }

/* =====================================================================
   Live fixes 2026-10-18: nav active underline, Artists gap, mobile nav
   Append at the END of Additional CSS.
   ===================================================================== */

/* 1. Active-page underline by link target, not by position.
      First cancel the old nth-child underline everywhere. */
body .va-nav .elementor-icon-list-item > a{ border-bottom-color:transparent !important; }

body.home .va-nav a[href="/"],
body.home .va-nav a[href="https://voskansart.com/"],
body.woocommerce-shop .va-nav a[href*="/shop/"],
body.post-type-archive-product .va-nav a[href*="/shop/"],
body.single-product .va-nav a[href*="/shop/"],
body.tax-product_cat .va-nav a[href*="/shop/"],
body.tax-product_tag .va-nav a[href*="/shop/"],
body.page-id-1693 .va-nav a[href*="/about/"],
body.page-id-1720 .va-nav a[href*="/exhibitions-and-fairs/"],
body.page-id-1653 .va-nav a[href*="/artists/"],
body.page-id-1723 .va-nav a[href*="/sold/"]{
  border-bottom-color:currentColor !important; }

/* 2. Artists page white gap. Cause: Astra sets #page{display:flex;
      flex-direction:column;min-height:100vh} and #page .site-content
      {flex-grow:1}. The roster and the per-artist sections are all set
      Hidden on Desktop, so /artists/ is only about 1235px tall; on any
      window taller than that, .site-content stretches and the extra
      height shows as white between the dark band and the footer.
      Fix: the content stops growing and the footer takes the spare
      height instead, so the band sits directly on the footer and any
      leftover space falls below the copyright line. */
body.page-id-1653 #page .site-content{ flex-grow:0 !important; }
body.page-id-1653 #page #colophon{ flex-grow:1; }

/* 3. Phones: header nav wraps onto two centered lines instead of an
      overflowing row (SOLD was cut off). Overrides the older swipe-row rules. */
@media (max-width:767px){
  body .va-header .va-nav,
  body .va-nav{ max-width:100% !important; overflow:visible !important; scroll-snap-type:none !important; }
  body .va-nav .elementor-icon-list-items,
  body .va-nav .elementor-icon-list-items.elementor-inline-items,
  body .va-header .va-nav .elementor-icon-list-items{
    flex-wrap:wrap !important; justify-content:center !important; white-space:normal !important;
    overflow:visible !important; row-gap:2px; column-gap:18px; margin:0 !important; }
  body .va-nav .elementor-icon-list-items > .elementor-icon-list-item,
  body .va-header .va-nav .elementor-icon-list-item:first-child{
    margin:0 !important; padding:0 !important; }
  body .va-nav .elementor-icon-list-items > .elementor-icon-list-item::after{ display:none !important; }
  body .va-nav .elementor-icon-list-item > a{ padding:8px 0 !important; }
  body .va-nav .elementor-icon-list-text{ font-size:12px !important; letter-spacing:.02em !important; white-space:nowrap; }
}

/* 3b. Home hero nav (Icon List 24cff8c8, no va-nav class; adding va-nav to it also works): same two-line wrap */
@media (max-width:767px){
  body.home .elementor-element-24cff8c8, body.home .elementor-element-24cff8c8 > .elementor-widget-container{ max-width:100% !important; overflow:visible !important; }
  html body.home .elementor-element.elementor-element-24cff8c8 ul.elementor-icon-list-items.elementor-inline-items{
    flex-wrap:wrap !important; justify-content:center !important; white-space:normal !important;
    row-gap:2px; column-gap:18px; margin:0 !important; }
  body.home .elementor-element-24cff8c8 .elementor-icon-list-item{ margin:0 !important; padding:0 !important; }
  body.home .elementor-element-24cff8c8 .elementor-icon-list-item::after{ display:none !important; }
  body.home .elementor-element-24cff8c8 .elementor-icon-list-text{ font-size:12px !important; letter-spacing:.02em !important; white-space:nowrap; }
}
/* Live fixes 2026-10-18: text selection color */
::selection{background:#F8C3B7 !important;color:#1a1a1a !important;}
::-moz-selection{background:#F8C3B7 !important;color:#1a1a1a !important;}
/* ==========================================================================
   voskansart.com: mobile + tablet tightening (PROPOSAL, NOT APPLIED)
   Scope: @media (max-width:1024px) [tablet] and (max-width:767px) [phone]
   Element IDs observed live on 2026-10-18:
     Inner-page header (HFE template 1577): container .elementor-element-1d5a1b03,
       logo .elementor-element-6f78213a, nav wrapper .elementor-element-3ec99b8d,
       icon-list nav .elementor-element-6bb2ab44, Selections btn .elementor-element-392c2798
     Home header (in page 1564): .elementor-element-40aa3b3c, logo .elementor-element-c8df078,
       nav wrapper .elementor-element-1d93a575, nav .elementor-element-24cff8c8,
       Selections btn .elementor-element-3d91593c
     Footer (HFE template 1579): .elementor-1579, root .elementor-element-7497ad91
     Shop: Astra #secondary (filters), ul.products, .ast-archive-entry-banner (H1)
   System:
     side padding   phone 20px | tablet 32px (desktop unchanged)
     spacing scale  8 / 16 / 24 / 32 / 48 / 64  (section padding phone 48px, tablet 64px)
     headings       H1 34/44  H2 26/32  H3 20/22  card title 17/19  (phone/tablet), Newsreader 400
     grid           phone 2 cols (gap 16) | tablet 3 cols, no sidebar | desktop unchanged
     header         row 1: logo left + Selections right (compact); row 2: nav in ONE
                    scrollable line. Long-term: swap the icon-list for HFE "Navigation Menu"
                    widget with a hamburger at <=1024px and Selections as a bag icon + count.
   NOTE: the site's existing Additional CSS has conflicting <=767px rules for
   .va-nav/.va-header and for body.home ...24cff8c8 (one sets nowrap+scroll, a later "body .va-nav ..." block forces
   wrap+center with !important). Delete that later block when applying this file;
   the html body ... prefixes below only exist to win over it.
   ========================================================================== */

:root{
  --va-accent:#8A3B2E;
  --va-pad-x:32px;
  --va-sec-y:64px;
  --va-s1:8px; --va-s2:16px; --va-s3:24px; --va-s4:32px; --va-s5:48px; --va-s6:64px;
}

/* ------------------------------ TABLET ≤1024 ------------------------------ */
@media (max-width:1024px){

  /* --- One side-padding value for every top-level Elementor container --- */
  .elementor > .e-con.e-parent,
  .elementor > .elementor-section{
    --padding-left:var(--va-pad-x) !important;
    --padding-right:var(--va-pad-x) !important;
  }
  .elementor > .e-con.e-parent > .e-con-inner{ padding-left:0; padding-right:0; }
  .ast-container,
  .ast-archive-entry-banner .ast-container{ padding-left:var(--va-pad-x); padding-right:var(--va-pad-x); }

  /* --- Section spacing scale --- */
  .elementor > .e-con.e-parent:not(.elementor-element-10d12a6){   /* not the home hero */
    --padding-top:var(--va-sec-y) !important;
    --padding-bottom:var(--va-sec-y) !important;
  }

  /* --- Header: logo + Selections on row 1, nav on one line on row 2 --- */
  html body .elementor-element-1d5a1b03,
  html body .elementor-element-40aa3b3c > .e-con-inner{
    display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:space-between !important;
    row-gap:12px !important; column-gap:16px !important;
    --padding-top:16px !important; --padding-bottom:12px !important;
  }
  /* flatten the nav wrapper so its children (nav + button) become header flex items */
  .elementor-element-3ec99b8d,
  .elementor-element-1d93a575{ display:contents !important; }
  .elementor-element-6f78213a, .elementor-element-c8df078{ order:1; }
  .elementor-element-392c2798, .elementor-element-3d91593c{ order:2; margin-left:auto; }
  .elementor-element-6bb2ab44, .elementor-element-24cff8c8{ order:3; flex:1 0 100%; width:100% !important; }

  html body .elementor-element-6bb2ab44 .elementor-icon-list-items.elementor-inline-items,
  html body .elementor-element-24cff8c8 .elementor-icon-list-items.elementor-inline-items,
  html body.home .elementor-element.elementor-element-24cff8c8 ul.elementor-icon-list-items.elementor-inline-items{
    display:flex !important; white-space:nowrap !important; overflow-y:hidden !important; flex-wrap:nowrap !important; justify-content:flex-start !important;
    gap:0 24px !important; margin:0 !important;
    overflow-x:auto !important; -webkit-overflow-scrolling:touch; scrollbar-width:none;
  }
  .elementor-element-6bb2ab44 .elementor-icon-list-items::-webkit-scrollbar,
  .elementor-element-24cff8c8 .elementor-icon-list-items::-webkit-scrollbar{ display:none; }
  .elementor-element-6bb2ab44 .elementor-icon-list-item,
  .elementor-element-24cff8c8 .elementor-icon-list-item{ margin-inline:0 !important; flex:0 0 auto; }
  .elementor-element-6bb2ab44 .elementor-icon-list-item a,
  .elementor-element-24cff8c8 .elementor-icon-list-item a{
    min-height:44px; display:flex; align-items:center; white-space:nowrap;
  }
  .elementor-element-6bb2ab44 .elementor-icon-list-text,
  .elementor-element-24cff8c8 .elementor-icon-list-text{ opacity:1 !important; }  /* "EXHIBITIONS" fade */

  .elementor-element-392c2798 .elementor-button,
  .elementor-element-3d91593c .elementor-button{ padding:10px 14px; min-height:40px; font-size:12px; }

  /* logo: same brand face on every page (home uses Cormorant Garamond today) */
  .elementor-element-6f78213a .elementor-heading-title,
  .elementor-element-c8df078 .elementor-heading-title{
    font-family:"Newsreader", serif !important; font-size:24px !important; letter-spacing:.06em;
  }

  /* --- Heading scale (one size per level, one weight) --- */
  h1, .entry-title, .product_title, .ast-archive-entry-banner h1,
  .elementor-widget-heading h1.elementor-heading-title{
    font-family:"Newsreader", serif; font-weight:400 !important;
    font-size:44px !important; line-height:1.1 !important; margin:0 0 var(--va-s2);
  }
  h2:not(.woocommerce-loop-product__title):not(.widget-title),
  .elementor-widget-heading h2.elementor-heading-title{
    font-size:32px !important; line-height:1.15 !important; font-weight:400;
  }
  h3, .elementor-widget-heading h3.elementor-heading-title{ font-size:22px !important; line-height:1.25 !important; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:19px !important; }

  /* one alignment: left everywhere except the home hero */
  .elementor > .e-con:not(.elementor-element-10d12a6) .elementor-widget-heading .elementor-heading-title,
  .elementor > .e-con:not(.elementor-element-10d12a6) .elementor-widget-text-editor{ text-align:left !important; }

  /* --- Shop: drop the sidebar, filters become a compact strip above the grid --- */
  .woocommerce-page.ast-left-sidebar #content > .ast-container{ display:flex; flex-direction:column; }
  .woocommerce-page.ast-left-sidebar #secondary,
  .woocommerce-page.ast-left-sidebar #primary{ width:100% !important; max-width:100%; float:none; margin:0; padding:0; border:0; }
  #secondary, #secondary .sidebar-main, #secondary .ast-filter-wrap{ width:100% !important; max-width:none !important; }
  #secondary .sidebar-main{ display:block !important; }
  #secondary .ast-filter-wrap{ display:grid !important; grid-template-columns:repeat(4, minmax(0,1fr)); gap:var(--va-s2); }
  #secondary .ast-filter-wrap > #custom_html-2{ grid-column:1 / -1; }          /* "Refine" */
  #secondary .widget{ margin:0 !important; }
  #secondary .widget ul li{ margin:0; padding:6px 0; }
  #secondary{ padding-bottom:var(--va-s3) !important; border-bottom:1px solid #E6E6E6; margin-bottom:var(--va-s3); }

  /* --- Product grid: 3 columns, equal image boxes so titles align --- */
  html body.woocommerce ul.products,
  html body.woocommerce-page ul.products,
  html body .elementor-element-055f585 ul.products,      /* home "Recently Added" */
  html body .elementor-element-aaccb75 ul.products{      /* product "More by Voskan Galstian" */
    display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:var(--va-s4) var(--va-s3) !important;
  }
  .woocommerce ul.products::before, .woocommerce ul.products::after{ display:none !important; }
  .woocommerce ul.products li.product{ width:auto !important; margin:0 !important; float:none !important; text-align:left; }
  html body ul.products li.product .astra-shop-thumbnail-wrap,
  html body ul.products li.product a.woocommerce-LoopProduct-link{ height:auto !important; min-height:0 !important; }
  html body ul.products li.product img,
  html body #curators-picks ul.products li.product img,   /* home: overrides fixed 320px/380px height */
  .woocommerce ul.products li.product img{
    width:100% !important; height:auto !important; aspect-ratio:4/5; object-fit:contain; background:#F4F2EF; margin-bottom:var(--va-s2) !important;
  }

  /* home "Recently Added" shows 4 works: 2 x 2 on tablet and phone, no orphan */
  html body #curators-picks ul.products{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; }

  /* related works (WooLentor widget aaccb75) */
  html body .elementor-element.elementor-element-aaccb75 ul.products.columns-3{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; }
  html body .elementor-element.elementor-element-aaccb75 > .elementor-widget-container > h2,
  html body .elementor-element.elementor-element-aaccb75 h2:not(.woocommerce-loop-product__title){ font-size:32px !important; font-weight:400 !important; }

  /* --- Product page --- */
  .single-product #wcpay-express-checkout-element:empty,
  .single-product #wcpay-express-checkout-element:not(:has(iframe[height]:not([height="0"]))){ margin:0 !important; min-height:0 !important; }
  .single-product form.cart{ margin-bottom:var(--va-s2) !important; }
  .single-product .woocommerce-product-gallery{ margin-bottom:var(--va-s4) !important; }
  .single-product .woocommerce-product-gallery img{ width:100%; height:auto; }
  .single-product .product .summary .single_add_to_cart_button,
  .single-product a[href="#inquire"]{ width:100%; min-height:52px; }

  /* --- About: image fills its column at tablet instead of half width --- */
  .page-id-1693 .elementor-element-7b76cdcd .elementor-widget-image,
  .page-id-1693 .elementor-element-7b76cdcd .elementor-widget-image img{ width:100% !important; max-width:100% !important; height:auto; }

  /* --- Cart (Woo blocks): thumbnail never overlaps title/price --- */
  .wc-block-cart-items__row{
    display:grid !important; grid-template-columns:96px 1fr auto; column-gap:var(--va-s2); align-items:start;
  }
  .wc-block-cart-item__image{ width:96px !important; padding:0 !important; }
  .wc-block-cart-item__image img{ width:96px !important; height:auto; max-width:none; }
  .wc-block-cart-item__product{ padding:0 !important; min-width:0; }

  /* --- Express checkout buttons: equal widths --- */
  .wc-block-components-express-payment__event-buttons{
    display:grid !important; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--va-s1) !important;
  }
  .wc-block-components-express-payment__event-buttons > li{ width:100% !important; margin:0 !important; }
  .wc-block-components-express-payment__event-buttons > li > *,
  .wc-block-components-express-payment__event-buttons iframe{ width:100% !important; }

  /* --- Footer: 2 tidy columns --- */
  .elementor-1579 .elementor-element-7497ad91{ --padding-top:var(--va-s5) !important; --padding-bottom:var(--va-s4) !important; }
  .elementor-1579 .elementor-element-7497ad91 > .e-con-inner > .e-con,
  .elementor-1579 .elementor-element-66eb8f54{ display:grid !important; grid-template-columns:1fr 1fr; gap:var(--va-s4) var(--va-s3); }
  .elementor-1579 .elementor-icon-list-item a{ min-height:36px; display:flex; align-items:center; }
  #ast-scroll-top{ bottom:88px !important; right:16px !important; }
}

/* ------------------------------ PHONE ≤767 ------------------------------ */
@media (max-width:767px){
  :root{ --va-pad-x:20px; --va-sec-y:48px; }

  /* header */
  .elementor-element-6f78213a .elementor-heading-title,
  .elementor-element-c8df078 .elementor-heading-title{ font-size:20px !important; }
  html body .elementor-element-6bb2ab44 .elementor-icon-list-items.elementor-inline-items,
  html body .elementor-element-24cff8c8 .elementor-icon-list-items.elementor-inline-items,
  html body.home .elementor-element.elementor-element-24cff8c8 ul.elementor-icon-list-items.elementor-inline-items{ gap:0 20px !important; margin-right:calc(-1 * var(--va-pad-x)) !important; padding-right:var(--va-pad-x); }
  .elementor-element-6bb2ab44 .elementor-icon-list-text,
  .elementor-element-24cff8c8 .elementor-icon-list-text{ font-size:12px !important; letter-spacing:.08em; }

  /* headings */
  h1, .entry-title, .product_title, .ast-archive-entry-banner h1,
  .elementor-widget-heading h1.elementor-heading-title{ font-size:34px !important; }
  h2:not(.woocommerce-loop-product__title):not(.widget-title),
  .elementor-widget-heading h2.elementor-heading-title{ font-size:26px !important; }
  h3, .elementor-widget-heading h3.elementor-heading-title{ font-size:20px !important; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:17px !important; }
  .elementor-element-64853a55 .elementor-heading-title{ font-size:38px !important; }  /* home hero H1 stays the largest */

  /* shop filters: 2-up compact grid, then the artworks */
  #secondary .ast-filter-wrap{ grid-template-columns:1fr 1fr; gap:var(--va-s2) var(--va-s3); }
  #secondary .widget-title{ margin-bottom:4px !important; }
  #secondary .widget ul li{ padding:4px 0; font-size:14px; }
  .woocommerce-result-count, .woocommerce-ordering{ margin-bottom:var(--va-s2) !important; }

  /* grid: 2 columns */
  html body.woocommerce ul.products,
  html body.woocommerce-page ul.products,
  html body .elementor-element-055f585 ul.products,
  html body .elementor-element-aaccb75 ul.products{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:var(--va-s3) var(--va-s2) !important; }
  .woocommerce ul.products li.product .price{ font-size:14px; }
  .woocommerce ul.products li.product p,
  .woocommerce ul.products li.product .va-card-meta{ font-size:12px; line-height:1.4; }

  html body .elementor-element.elementor-element-aaccb75 ul.products.columns-3{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; }
  html body .elementor-element.elementor-element-aaccb75 h2:not(.woocommerce-loop-product__title){ font-size:26px !important; }

  /* buttons: primary CTAs full width, same height */
  .elementor-widget-button:not(.elementor-element-392c2798):not(.elementor-element-3d91593c) .elementor-button,
  .wc-block-components-button:not(.wc-block-components-express-payment *),
  .single-product .single_add_to_cart_button,
  .single-product a[href="#inquire"]{
    width:100%; min-height:52px; justify-content:center;
  }
  .elementor-widget-button:not(.elementor-element-392c2798):not(.elementor-element-3d91593c){ width:100% !important; }

  /* product page */
  .single-product .product_title{ margin-top:var(--va-s1) !important; }
  .single-product .summary p, .single-product .summary li{ font-size:15px; }

  /* cart */
  .wc-block-cart-items__row{ grid-template-columns:80px 1fr; }
  .wc-block-cart-item__image, .wc-block-cart-item__image img{ width:80px !important; }
  .wc-block-cart-item__total{ grid-column:2; text-align:left !important; }
  .wc-block-cart-item__prices{ display:none; }   /* price is already shown in the total column */

  /* express checkout: one per row, full width */
  .wc-block-components-express-payment__event-buttons{ grid-template-columns:1fr; }

  /* footer: brand full width, then Gallery | Social, then Legal */
  .elementor-1579 .elementor-element-7497ad91 > .e-con-inner > .e-con,
  .elementor-1579 .elementor-element-66eb8f54{ grid-template-columns:1fr 1fr; }
  .elementor-1579 .elementor-element-24be171c{ grid-column:1 / -1; }
  .elementor-1579 .elementor-heading-title{ color:#555 !important; }     /* section labels: contrast >= 4.5:1 */
  #ast-scroll-top{ bottom:24px !important; right:12px !important; width:40px; height:40px; }
  .elementor-1579 .elementor-widget-text-editor:last-child,
  .elementor-1579 [class*="copyright"]{ padding-right:56px; }        /* clear the back-to-top button */

  /* low-contrast "VIEW WORKS FOR SALE →" on Other Artists */
  .elementor-element-dedd1fb a{ color:#111 !important; min-height:44px; display:inline-flex; align-items:center; }
}
/* home-header-fix.css: add AFTER mobile-tighten.css in Additional CSS */

@media (max-width:1024px){
  /* 1. Home hero (10d12a6) is full-bleed: cancel the global side padding mobile-tighten gave it,
        which stacked with the header container's own padding (40px inset instead of 20px) */
  html body .elementor > .e-con.e-parent.elementor-element-10d12a6{ --padding-left:0px !important; --padding-right:0px !important; }
  /* 2. Home header container gets exactly the inner-page inset (20px phone / 32px tablet) */
  html body .elementor-element.elementor-element-40aa3b3c{ --padding-left:var(--va-pad-x) !important; --padding-right:var(--va-pad-x) !important; }

  /* 3. Cart thumbnail: beat the old ".wc-block-cart ... 156px / 140px !important" rules */
  html body .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image{ width:auto !important; padding:0 !important; }
  html body .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img{ width:96px !important; height:auto !important; aspect-ratio:auto; }
  /* 4. Cart row: image | details | line total, total stays in its own column */
  html body .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row{ grid-template-columns:96px minmax(0,1fr) auto !important; column-gap:16px !important; }
  html body .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total{ grid-column:3 !important; grid-row:1 !important; text-align:right !important; justify-content:flex-end; }

  /* 4b. unit price under the title duplicates the line total (one-of-a-kind works, qty 1), hide it */
  html body .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices{ display:none !important; }

  /* 5. Checkout: "Express checkout" label is a small caption, not a 26-32px H2 */
  html body .wc-block-components-express-payment h2.wc-block-components-express-payment__title.wc-block-components-express-payment__title{ font-family:"Work Sans", sans-serif !important; font-size:11px !important; letter-spacing:.12em !important; text-transform:uppercase; font-weight:400 !important; line-height:1.4 !important; }

  /* 6. Footer: 66eb8f54 is a BOXED container, so its columns live in .e-con-inner.
        mobile-tighten made the outer box a grid, which squeezed .e-con-inner into column 1.
        Outer box back to block; the 2-column grid goes on .e-con-inner
        (brand full width, Gallery | Social, Legal under Social) */
  html body .elementor-1579 .elementor-element.elementor-element-66eb8f54{ display:block !important; }
  html body .elementor-1579 .elementor-element-66eb8f54 > .e-con-inner{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; grid-auto-flow:row !important; gap:32px 24px !important; width:100% !important; max-width:none !important; }
  html body .elementor-1579 .elementor-element-66eb8f54 > .e-con-inner > .e-con{ width:auto !important; max-width:none !important; min-width:0 !important; }
  html body .elementor-1579 .elementor-element-24be171c{ grid-column:1 / -1 !important; }
  html body .elementor-1579 .elementor-element-51ff0db0{ grid-column:1 !important; grid-row:2 / span 2 !important; }
  html body .elementor-1579 .elementor-element-6ee9b9a8{ grid-column:2 !important; grid-row:2 !important; }
  html body .elementor-1579 .elementor-element-114b7dd8{ grid-column:2 !important; grid-row:3 !important; }
  /* copyright row stays a normal block, not the 2-col grid mobile-tighten applied to it */
  html body .elementor-1579 .elementor-element.elementor-element-6d49da25{ display:flex !important; }
}

@media (max-width:767px){
  /* 3b/4b. phone thumbnail 80px */
  html body .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row{ grid-template-columns:80px minmax(0,1fr) auto !important; }
  html body .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img{ width:80px !important; }
  /* 6b. footer side inset = page inset (20px); the grid's extra 20px padding is removed */
  html body .elementor-1579 .elementor-element.elementor-element-66eb8f54,
  html body .elementor-1579 .elementor-element.elementor-element-6d49da25{ --padding-left:0px !important; --padding-right:0px !important; padding-left:0 !important; padding-right:0 !important; }
}

/* Header: same tablet/mobile padding on inner pages (1577) and Home (1564) */
@media (max-width: 1024px) {
html body .elementor > .e-con.e-parent.elementor-element-1d5a1b03, html body .elementor-element.elementor-element-40aa3b3c { --padding-top: 16px !important; --padding-bottom: 12px !important; }
}
@media (max-width: 767px) {
html body .elementor-element-1d5a1b03 > .e-con-inner, html body .elementor-element-40aa3b3c > .e-con-inner { column-gap: 6px !important; }
}

/* Hamburger (UAE Navigation Menu): thin 3-line icon + thin X, 44x44 tap target */
@media (max-width: 1024px) {
.elementor-widget-navigation-menu .hfe-nav-menu__toggle { width: 44px; height: 44px; display: flex !important; align-items: center; justify-content: center; padding: 0 !important; margin-left: auto; }
.elementor-widget-navigation-menu .hfe-nav-menu-icon { position: relative; width: 22px; height: 16.5px; font-size: 0; line-height: 0; padding: 0 !important; border: 0 !important; }
.elementor-widget-navigation-menu .hfe-nav-menu-icon svg, .elementor-widget-navigation-menu .hfe-nav-menu-icon i { display: none !important; }
.elementor-widget-navigation-menu .hfe-nav-menu-icon::before, .elementor-widget-navigation-menu .hfe-nav-menu-icon::after { content: ""; position: absolute; left: 0; width: 22px; height: 1.5px; background: currentColor; transition: transform .2s ease, top .2s ease; }
.elementor-widget-navigation-menu .hfe-nav-menu-icon::before { top: 0; box-shadow: 0 7.5px 0 currentColor; }
.elementor-widget-navigation-menu .hfe-nav-menu-icon::after { top: 15px; }
.elementor-widget-navigation-menu .hfe-active-menu .hfe-nav-menu-icon::before { top: 7.5px; box-shadow: none; transform: rotate(45deg); }
.elementor-widget-navigation-menu .hfe-active-menu .hfe-nav-menu-icon::after { top: 7.5px; transform: rotate(-45deg); }
/* Overflow fix: the closed (hidden) menu's link text spilled past the 44px widget and widened the page */
.elementor-widget-navigation-menu .hfe-nav-menu__toggle:not(.hfe-active-menu) + nav { overflow: hidden; max-width: 100%; }
}
/* ==========================================================================
   buttons-sleek.css: ghost (outlined) buttons, site-wide.  Add AFTER
   mobile-tighten.css and home-header-fix.css in Additional CSS.
   Ghost buttons covered (Elementor button widgets):
     header Selections: 392c2798 (inner header 1577), 3d91593c (Home)   [.va-selections]
     light on dark: 73d35305 Explore the Gallery, 1a74d338 Inquire about commissions (Sold),
                    1e6400a4 Submission guidelines (Other Artists)
     dark on light: 105be6ef View all artworks, 272f4ffb View available work (About),
                    42fd95ff Inquire (product template)
     empty cart:    .wp-block-woocommerce-empty-cart-block .wp-block-button__link (Browse my works)
   Not touched: Acquire (filled accent), Continue to Acquire, Send inquiry (filled),
                checkout/express payment buttons.
   Size targets: desktop ~40px, tablet ~36px, phone ~33px; header Selections 36 / 34 / 31px.
   ========================================================================== */

/* 1. Base ghost style: 1px border at 65% of the text colour, Work Sans 500, 12px, .12em, uppercase */
html body .elementor-element.elementor-widget-button:is(.elementor-element-392c2798,.elementor-element-3d91593c,.elementor-element-73d35305,.elementor-element-1a74d338,.elementor-element-1e6400a4,.elementor-element-105be6ef,.elementor-element-272f4ffb,.elementor-element-42fd95ff) .elementor-button.elementor-button,
html body .wp-block-woocommerce-empty-cart-block .wp-block-button .wp-block-button__link.wp-element-button{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:auto !important; min-width:0 !important; min-height:0 !important; height:auto !important;
  padding:13px 26px !important;
  font-family:"Work Sans", sans-serif !important; font-weight:500 !important; font-size:12px !important;
  line-height:1 !important; letter-spacing:.12em !important; text-transform:uppercase !important;
  border-width:1px !important; border-style:solid !important; border-radius:0 !important;
  border-color:rgba(17,17,17,.65) !important;                         /* fallback */
  border-color:color-mix(in srgb, currentColor 65%, transparent) !important;
  background-color:transparent !important; box-shadow:none !important;
  transition:background-color .2s ease, color .2s ease, border-color .2s ease !important;
}
html body .elementor-element.elementor-widget-button:is(.elementor-element-392c2798,.elementor-element-3d91593c,.elementor-element-73d35305,.elementor-element-1a74d338,.elementor-element-1e6400a4,.elementor-element-105be6ef,.elementor-element-272f4ffb,.elementor-element-42fd95ff) .elementor-button .elementor-button-text{
  font:inherit !important; letter-spacing:inherit !important; line-height:1 !important; text-transform:inherit !important;
}

/* 2. Colour variants. Dark text on light backgrounds: */
html body .elementor-element.elementor-widget-button:is(.elementor-element-392c2798,.elementor-element-105be6ef,.elementor-element-272f4ffb,.elementor-element-42fd95ff) .elementor-button.elementor-button,
html body .wp-block-woocommerce-empty-cart-block .wp-block-button .wp-block-button__link.wp-element-button{ color:#111 !important; }
/*    light text on the hero / dark sections */
html body .elementor-element.elementor-widget-button:is(.elementor-element-3d91593c,.elementor-element-73d35305,.elementor-element-1a74d338,.elementor-element-1e6400a4) .elementor-button.elementor-button{
  color:#fff !important; border-color:rgba(255,255,255,.65) !important;
  border-color:color-mix(in srgb, currentColor 65%, transparent) !important;
}

/* 3. Hover/focus: subtle fill in the text colour, inverted text */
html body .elementor-element.elementor-widget-button:is(.elementor-element-392c2798,.elementor-element-105be6ef,.elementor-element-272f4ffb,.elementor-element-42fd95ff) .elementor-button.elementor-button:is(:hover,:focus-visible),
html body .wp-block-woocommerce-empty-cart-block .wp-block-button .wp-block-button__link.wp-element-button:is(:hover,:focus-visible){
  background-color:#111 !important; color:#fff !important; border-color:#111 !important;
}
html body .elementor-element.elementor-widget-button:is(.elementor-element-3d91593c,.elementor-element-73d35305,.elementor-element-1a74d338,.elementor-element-1e6400a4) .elementor-button.elementor-button:is(:hover,:focus-visible){
  background-color:#fff !important; color:#111 !important; border-color:#fff !important;
}

/* 4. Never stretch: widget wrappers shrink to the button (undoes the old full-width/justify rules);
      Inquire now sits left-aligned under the full-width Acquire */
html body .elementor-element.elementor-widget-button:is(.elementor-element-392c2798,.elementor-element-3d91593c,.elementor-element-73d35305,.elementor-element-1a74d338,.elementor-element-1e6400a4,.elementor-element-105be6ef,.elementor-element-272f4ffb,.elementor-element-42fd95ff){
  min-height:0 !important;
}
html body .elementor-element.elementor-widget-button:is(.elementor-element-73d35305,.elementor-element-1a74d338,.elementor-element-1e6400a4,.elementor-element-105be6ef,.elementor-element-272f4ffb,.elementor-element-42fd95ff) .elementor-button-wrapper{
  display:block; width:auto !important;
}
html body .elementor-element.elementor-element-42fd95ff.elementor-widget-button{ width:auto !important; max-width:100%; text-align:left !important; }

/* 5. Header Selections, desktop: a touch tighter, same 36px height as before */
html body .elementor-element.elementor-widget-button:is(.elementor-element-392c2798,.elementor-element-3d91593c) .elementor-button.elementor-button{
  padding:11.5px 18px !important; font-size:11px !important;
}

/* 6. Filled buttons: height only, so the product column has one rhythm (44px) */
html body.single-product .va-acquire .single_add_to_cart_button.button,
html body .wpcf7 input.wpcf7-submit{
  min-height:44px !important; height:44px !important; padding-top:0 !important; padding-bottom:0 !important; line-height:44px !important;
}

/* ------------------------------ TABLET ≤1024 ------------------------------ */
@media (max-width:1024px){
  html body .elementor-element.elementor-widget-button:is(.elementor-element-73d35305,.elementor-element-1a74d338,.elementor-element-1e6400a4,.elementor-element-105be6ef,.elementor-element-272f4ffb,.elementor-element-42fd95ff) .elementor-button.elementor-button,
  html body .wp-block-woocommerce-empty-cart-block .wp-block-button .wp-block-button__link.wp-element-button{
    padding:11.5px 24px !important; font-size:11px !important;             /* ~36px */
  }
  html body .elementor-element.elementor-widget-button:is(.elementor-element-392c2798,.elementor-element-3d91593c) .elementor-button.elementor-button{
    padding:10.5px 16px !important; font-size:11px !important;             /* ~34px */
  }
  /* 7. undo mobile-tighten's 52px min-height / 100% width on Inquire */
  html body.single-product a[href="#inquire"].elementor-button{ width:auto !important; min-height:0 !important; }
}

/* ------------------------------ PHONE ≤767 ------------------------------- */
@media (max-width:767px){
  html body .elementor-element.elementor-widget-button:is(.elementor-element-73d35305,.elementor-element-1a74d338,.elementor-element-1e6400a4,.elementor-element-105be6ef,.elementor-element-272f4ffb,.elementor-element-42fd95ff),
  html body .elementor-element.elementor-widget-button:is(.elementor-element-73d35305,.elementor-element-1a74d338,.elementor-element-1e6400a4,.elementor-element-105be6ef,.elementor-element-272f4ffb,.elementor-element-42fd95ff) .elementor-button.elementor-button,
  html body .wp-block-woocommerce-empty-cart-block .wp-block-button .wp-block-button__link.wp-element-button{
    width:auto !important;                                                 /* never full width */
  }
  html body .elementor-element.elementor-widget-button:is(.elementor-element-73d35305,.elementor-element-1a74d338,.elementor-element-1e6400a4,.elementor-element-105be6ef,.elementor-element-272f4ffb,.elementor-element-42fd95ff) .elementor-button.elementor-button,
  html body .wp-block-woocommerce-empty-cart-block .wp-block-button .wp-block-button__link.wp-element-button{
    padding:10px 22px !important; font-size:11px !important;               /* ~33px */
  }
  /* 8. header Selections on phones: 31px, 11px text, 13px side padding, centred with logo + hamburger */
  html body .elementor-element.elementor-widget-button:is(.elementor-element-392c2798,.elementor-element-3d91593c){ align-self:center !important; margin-top:0 !important; margin-bottom:0 !important; }
  html body .elementor-element.elementor-widget-button:is(.elementor-element-392c2798,.elementor-element-3d91593c) .elementor-button.elementor-button{
    padding:9px 13px !important; font-size:11px !important; letter-spacing:.1em !important;
  }
}
/* VA: shop cards, painting sits right above its title */
html body.woocommerce:not(.single-product) ul.products li.product a img{ object-position:center bottom !important; }
@media (max-width:767px){ html body.woocommerce:not(.single-product) ul.products li.product a img{ height:220px !important; } }
/* end */
/* VA: wall-label card typography */
html body ul.products li.product .woocommerce-loop-product__title{
  font-family:Newsreader,Georgia,serif !important; font-weight:400 !important; font-style:normal !important;
  font-size:21px !important; line-height:1.25 !important; color:#111 !important; letter-spacing:.005em !important; margin:0 0 3px !important; }
html body ul.products li.product .ast-woo-shop-product-description,
html body ul.products li.product .ast-woo-shop-product-description p{
  font-family:Newsreader,Georgia,serif !important; font-style:italic !important; font-weight:300 !important;
  font-size:15px !important; line-height:1.4 !important; color:#555 !important; margin:0 !important; }
html body ul.products li.product .ast-woo-shop-product-description p::first-line{ font-size:inherit !important; }
html body ul.products li.product [class*="gmwpdl"]{
  font-family:"Work Sans",Arial,sans-serif !important; font-style:normal !important; font-weight:300 !important;
  font-size:12px !important; letter-spacing:.04em !important; color:#777 !important; margin-top:4px !important; }
html body ul.products li.product [class*="gmwpdl"] *{ font:inherit !important; color:inherit !important; letter-spacing:inherit !important; }
html body ul.products li.product .price,
html body ul.products li.product .price *{
  font-family:"Work Sans",Arial,sans-serif !important; font-weight:400 !important; font-size:14px !important;
  letter-spacing:.03em !important; color:#111 !important; }
html body ul.products li.product .price{ margin-top:8px !important; }
@media (max-width:767px){
  html body ul.products li.product .woocommerce-loop-product__title{ font-size:18px !important; }
  html body ul.products li.product .ast-woo-shop-product-description,
  html body ul.products li.product .ast-woo-shop-product-description p{ font-size:14px !important; }
  html body ul.products li.product [class*="gmwpdl"]{ font-size:11px !important; }
  html body ul.products li.product .price, html body ul.products li.product .price *{ font-size:13px !important; }
}
/* end */
/* VA: Recently Added matches My Works cards + hide Artist filter */
html body #curators-picks ul.products li.product .price{ display:block !important; }
html body #curators-picks ul.products li.product .price,
html body #curators-picks ul.products li.product .price *{ font-size:15px !important; }
html body #curators-picks ul.products li.product .price{ margin:8px 0 0 !important; }
html body #curators-picks ul.products li.product img{ object-position:center bottom !important; }
html body #curators-picks .woocommerce-loop-product__title{ margin:0 !important; }
body.woocommerce #woocommerce_layered_nav-4{ display:none !important; }
@media (max-width:767px){
  html body #curators-picks .woocommerce-loop-product__title{ font-size:17px !important; }
  html body #curators-picks ul.products li.product img{ margin-bottom:12px !important; }
}
/* end */
/* VA: rows only as tall as their tallest painting (desktop/tablet) */
@media (min-width:768px){
  html body.woocommerce:not(.single-product) ul.products li.product a img,
  html body #curators-picks ul.products li.product img{ height:auto !important; max-height:340px !important; object-fit:contain !important; width:auto !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; }
  html body.woocommerce:not(.single-product) ul.products li.product .astra-shop-thumbnail-wrap,
  html body #curators-picks ul.products li.product .astra-shop-thumbnail-wrap{ margin-top:auto !important; }
}
/* end */