/*
 * Tersa Shop Child — mobilne / tablet korekcije.
 *
 * Ne mijenja dizajn: samo ispravlja prelijevanja, preklapanja,
 * premale dodirne površine i pravila koja gube od WooCommerce CSS-a.
 * Učitava se zadnji (prioritet 100), vidi functions.php.
 */

/* iOS Safari u landscapeu ne napuhuje font */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Onemogućen "Dodaj u košaricu" — product-extras.css namjerava #4a4a4a,
   ali woocommerce.css (async) `button.button.alt.disabled` ima veću
   specifičnost pa nakon učitavanja gumb postaje ljubičast (#7f54b3, 50%). */
.woocommerce .product-single .single_add_to_cart_button.button.alt.disabled,
.woocommerce .product-single .single_add_to_cart_button.button.alt:disabled,
.woocommerce .product-single .single_add_to_cart_button.button.alt.wc-variation-is-unavailable,
.woocommerce .product-single .single_add_to_cart_button.button.alt.wc-variation-selection-needed {
  background-color: #4a4a4a;
  color: #ffffff;
  opacity: 1;
}

/* WooCommerce obavijest — base.css namjerava accent gumb,
   woocommerce.css `.woocommerce-message .button` ga prebija u lila. */
body .woocommerce-message > a.button,
body .woocommerce-info > a.button {
  background-color: var(--c-accent);
  color: #ffffff;
}

body .woocommerce-message > a.button:hover,
body .woocommerce-message > a.button:focus-visible,
body .woocommerce-info > a.button:hover,
body .woocommerce-info > a.button:focus-visible {
  background-color: var(--c-accent-hover);
  color: #ffffff;
}

/* =========================================================
   Tablet (641–1100px): naslovi naslovnice bez bočnog razmaka
   ========================================================= */
@media (min-width: 641px) and (max-width: 1100px) {
  .home-shop-categories__inner,
  .home-bestsellers__inner {
    padding-inline: 18px;
  }
}

/* =========================================================
   Mobitel (≤767px)
   ========================================================= */
@media (max-width: 767px) {
  /* Obavijest: ikona je absolute na 24px i prekrivala je prvo slovo
     centriranog teksta — ikona ide iznad teksta, gumb ispod. */
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error {
    width: auto;
    margin-inline: 16px;
    padding: 46px 16px 16px;
  }

  .woocommerce-message::before,
  .woocommerce-info::before,
  .woocommerce-error::before {
    left: 50%;
    top: 16px;
    transform: translateX(-50%);
  }

  .woocommerce-message > a.button,
  .woocommerce-info > a.button,
  .woocommerce-error > a.button {
    float: none;
    display: block;
    width: 100%;
    margin: 12px 0 0;
    padding: 14px 20px;
    border-radius: 5px;
  }

  /* Košarica (WC Blocks): fiksni stupac 132px + cijena izlazio je
     21px (375px) do 60px (320px) izvan ekrana. */
  .wc-block-cart.is-mobile table.wc-block-cart-items,
  .wc-block-cart.is-small table.wc-block-cart-items {
    width: 100%;
    max-width: 100%;
  }

  .wc-block-cart.is-mobile table.wc-block-cart-items .wc-block-cart-items__row,
  .wc-block-cart.is-small table.wc-block-cart-items .wc-block-cart-items__row {
    grid-template-columns: 80px minmax(0, 1fr) 0 auto;
  }

  /* Hero točkice: vizualno 16px, dodirna površina proširena na 34px */
  .home-hero__dot::after {
    content: "";
    position: absolute;
    inset: -6px;
  }

  /* Inline linkovi: padding povećava dodirnu površinu bez pomaka layouta */
  .site-footer__menu a,
  .site-footer__legal-menu a,
  .site-footer a[href^="mailto:"],
  .tersa-breadcrumbs a,
  .woocommerce-breadcrumb a,
  .eu-projects-archive__breadcrumbs a,
  .contact-card a[href^="tel:"],
  .contact-card a[href^="mailto:"] {
    padding-block: 7px;
  }

  /* Recenzija: checkbox "spremi moje ime" bio je 13px */
  .comment-form-cookies-consent input[type="checkbox"] {
    width: 18px;
    height: 18px;
  }
}