/* In Arch Shop — store-wide chrome: WooCommerce notices, the cart, the
   checkout and the account pages, whatever is in the basket.

   Palette is the site's: black, white and greys, in Poppins. Loaded on every
   page like global.css, because the „added to cart" notice and the AJAX
   „Krepšelis" link appear on Elementor pages that are not WooCommerce
   pages by template (the shop grid is a widget on a normal page). Every
   selector is scoped to WooCommerce markup, so nothing bleeds elsewhere.

   The Elementor kit used to paint every link gold (#C0912C, its Primary and
   Accent globals); since 2026-09-22 the kit itself says black / #666 on
   hover (Site Settings → Typography → Link, and the two globals). The rules
   below still set WooCommerce's own link colours explicitly, because
   woocommerce.css and the Hello reset carry their own (grey, purple, navy on
   hover). Doubling a class reaches 0,2,0 without !important.

   `:not([class*="inarch-"])` on the link rules is load-bearing. Without it
   the blanket WooCommerce link rule is 0,4,1 and outranks every override
   shop.css writes for the plugin's own anchors — which is how the active
   filter pill and the „+N VISOS NUOTRAUKOS" overlay ended up black text on
   a black background. Everything this plugin renders carries an `inarch-`
   class and states its own colour, so this rule has no business reaching it. */

:root {
  --inarch-store-black: #000;
  --inarch-store-btn: #1e1e1e;
  --inarch-store-text: #333;
  --inarch-store-grey: #666;
  --inarch-store-line: #e2e2e2;
  --inarch-store-ground: #f5f5f5;
  --inarch-store-font: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
}

/* ---------- links: black, grey on hover, never gold ---------- */
.woocommerce a:not(.button):not(.elementor-button):not([class*="inarch-"]),
.woocommerce-page a:not(.button):not(.elementor-button):not([class*="inarch-"]),
a.added_to_cart.added_to_cart,
.woocommerce a.remove.remove {
  color: var(--inarch-store-black);
}
.woocommerce a:not(.button):not(.elementor-button):not([class*="inarch-"]):hover,
.woocommerce-page a:not(.button):not(.elementor-button):not([class*="inarch-"]):hover,
a.added_to_cart.added_to_cart:hover,
.woocommerce a.remove.remove:hover {
  color: var(--inarch-store-grey);
  background: transparent;
}

/* The header Menu Cart's drawer never opens (header-cart.js sends the click
   to the cart page), but its two buttons are still in the DOM and still
   inherit the kit's gold; nothing on the site may. */
.elementor-menu-cart__container a.button.button,
.elementor-menu-cart__container a.button.button:hover {
  color: #fff;
  background: var(--inarch-store-btn);
}

/* „Krepšelis" after an AJAX add on a product grid: a small underlined link
   in the site's type, not a gold word floating under the button. */
/* woocommerce.css says `.woocommerce ul.products li.product a` (0,3,3) has no
   underline; the grid is where this link lives, so match it at 0,5,3. */
.woocommerce ul.products li.product a.added_to_cart.added_to_cart,
a.added_to_cart.added_to_cart {
  font-family: var(--inarch-store-font);
  font-size: 13px;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 4px;
  margin-left: 12px;
}

/* ---------- notices: „įdėtas į krepšelį", info, errors ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error {
  font-family: var(--inarch-store-font);
  font-size: 14px;
  line-height: 1.5;
  color: var(--inarch-store-text);
  background: #fff;
  border: 1px solid var(--inarch-store-line);
  border-top: 2px solid var(--inarch-store-black);
  border-radius: 0;
  padding: 18px 24px 18px 52px;
  margin-bottom: 32px;
}
/* WooCommerce focuses the notice for screen readers (tabindex="-1"); the
   browser's blue ring on a box nobody can tab to is only noise. */
.woocommerce-message:focus,
.woocommerce-info:focus,
.woocommerce-error:focus { outline: none; }
/* The icon: WooCommerce's own glyphs, in the palette rather than green,
   lilac and purple. The error keeps a red mark because it is a signal. */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  color: var(--inarch-store-black);
  top: 19px;
  left: 22px;
}
.woocommerce-error::before { color: #c0392b; }
.woocommerce-error li { margin-bottom: 4px; }

/* The button inside a notice („Krepšelis"): the site's black button,
   not WooCommerce's lilac pill. */
.woocommerce-message .button.button,
.woocommerce-info .button.button,
.woocommerce-error .button.button {
  font-family: var(--inarch-store-font);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #fff;
  background: var(--inarch-store-btn);
  border: 1px solid var(--inarch-store-btn);
  border-radius: 0;
  padding: 10px 22px;
  line-height: 1.2;
  margin: -6px 0 -6px 16px;
}
.woocommerce-message .button.button:hover,
.woocommerce-info .button.button:hover,
.woocommerce-error .button.button:hover {
  color: var(--inarch-store-black);
  background: #fff;
  border-color: var(--inarch-store-black);
}

/* ---------- checkout: the company block ---------- */
/* Rows are toggled with the hidden attribute by checkout.js; the theme's
   `display: block` on .form-row would otherwise win over the UA default. */
.inarch-company-field[hidden] { display: none !important; }

@media (max-width: 640px) {
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error { padding: 16px 16px 16px 44px; }
  .woocommerce-message::before,
  .woocommerce-info::before,
  .woocommerce-error::before { left: 16px; top: 17px; }
  .woocommerce-message .button.button,
  .woocommerce-info .button.button,
  .woocommerce-error .button.button { display: block; margin: 12px 0 0; width: max-content; }
}