/* Sahler — jači kontrast ivica, sivog teksta i polja forme na celom sajtu (18.10.2026, korisnik: slabo se videlo).
 * Učitava se na svim stranama POSLE style.css, sahler-shop.css i sahler-drawer.css i samo pojačava
 * okvir, pozadinu, oznake i tekst koji tamo već postoje. Izvor dizajna naslovne (sahler-naslovna-gt) se ne dira,
 * pa ova pravila ostaju i posle sledećeg prenosa dizajna. */

/* Ivice i sivi tekst na celom sajtu (korisnik, 18.10.2026: „sredi bordere i vidljivost na svim stranama").
 * Dizajn ima tokene --line .12 / --line-2 .22 i sivi tekst --steel #8b9098; ovde su jači, pa se menjaju
 * svi okviri, linije između redova, kartice i opisni tekst odjednom. */
:root {
  --line: rgba(242, 243, 245, .28);
  --line-2: rgba(242, 243, 245, .42);
  --steel: #b2b6bd;
  --steel-2: #8a8f97;
  --glass: rgba(255, 255, 255, .07);
  --glass-2: rgba(255, 255, 255, .11);
}

/* Okviri sa informacijama malo svetliji od podloge. */
.pp-ship, .sahler-eta:not(.sahler-eta--compact), .woocommerce table.shop_table, .shop-filter { background-color: rgba(255, 255, 255, .05) !important; }

:root {
  --field-bg: rgba(255, 255, 255, .15);
  --field-bg-hover: rgba(255, 255, 255, .2);
  --field-border: rgba(242, 243, 245, .62);
  --field-border-hover: rgba(242, 243, 245, .85);
  --field-label: var(--ink);
  --field-placeholder: #c4c8ce;
}

/* ——— Oznake iznad polja ——— */
.field,
.woocommerce form .form-row label, .woocommerce-page form .form-row label,
.pp-reviews .abd-pr #respond label { color: var(--field-label) !important; }

/* ——— Polja: finder na naslovnoj, filter prodavnice, WooCommerce forme, količina, select2, recenzije ——— */
.field select,
.woocommerce input.input-text, .woocommerce textarea, .woocommerce select,
.woocommerce-page input.input-text, .woocommerce-page textarea, .woocommerce-page select,
.woocommerce .quantity .qty, .select2-container--default .select2-selection--single,
.select2-search--dropdown .select2-search__field,
.pp-reviews .abd-pr #respond input[type="text"], .pp-reviews .abd-pr #respond input[type="email"], .pp-reviews .abd-pr #respond textarea {
  border: 1px solid var(--field-border) !important;
  background-color: var(--field-bg) !important;
  color: var(--ink) !important;
  transition: border-color .2s, background-color .2s, box-shadow .2s;
}
/* style.css crta strelicu selecta kao pozadinsku sliku — ostaje, menja se samo boja pozadine. */
.field select { background-color: var(--field-bg) !important; }

.field select:hover:not(:disabled),
.woocommerce input.input-text:hover, .woocommerce textarea:hover, .woocommerce select:hover,
.woocommerce .quantity .qty:hover, .select2-container--default .select2-selection--single:hover,
.pp-reviews .abd-pr #respond input[type="text"]:hover, .pp-reviews .abd-pr #respond input[type="email"]:hover, .pp-reviews .abd-pr #respond textarea:hover {
  border-color: var(--field-border-hover) !important;
  background-color: var(--field-bg-hover) !important;
}

.field select:focus, .field select:focus-visible,
.woocommerce input.input-text:focus, .woocommerce textarea:focus, .woocommerce select:focus, .woocommerce .quantity .qty:focus,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single,
.pp-reviews .abd-pr #respond input[type="text"]:focus, .pp-reviews .abd-pr #respond input[type="email"]:focus, .pp-reviews .abd-pr #respond textarea:focus {
  border-color: var(--tail) !important;
  background-color: var(--field-bg-hover) !important;
  box-shadow: 0 0 0 3px rgba(255, 45, 45, .25) !important;
  outline: none;
}

/* Neaktivno polje (model pre izbora marke): vidljivo i čitljivo, ali jasno da još ne može da se bira. */
.field select:disabled, .shop-filter .field select:disabled {
  opacity: 1 !important;
  border-style: dashed !important;
  border-color: rgba(242, 243, 245, .45) !important;
  background-color: rgba(255, 255, 255, .08) !important;
  color: #b4b8bf !important;
}

/* Tekst unutar polja koji samo pomaže (placeholder). */
.woocommerce input.input-text::placeholder, .woocommerce textarea::placeholder,
.select2-search--dropdown .select2-search__field::placeholder,
.pp-reviews .abd-pr #respond input::placeholder, .pp-reviews .abd-pr #respond textarea::placeholder { color: var(--field-placeholder); opacity: 1; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--field-placeholder) !important; }

/* Strelice količine i potvrdna polja u istoj jačini okvira. */
.qty-step { border-color: var(--field-border) !important; background-color: var(--field-bg) !important; }
.qty-step::before { background-color: var(--ink) !important; }
.qty-step:hover { border-color: var(--tail) !important; background-color: rgba(255, 45, 45, .16) !important; }
.pp-reviews .abd-pr .comment-form-cookies-consent input:not(:checked) { border-color: var(--field-border) !important; background-color: var(--field-bg) !important; }

/* Okviri u kojima stoje filteri malo jasnije odvojeni od pozadine. */
.shop-filter { border-color: rgba(242, 243, 245, .3) !important; background: rgba(255, 255, 255, .05) !important; }

/* Strelica padajućeg menija na svim selectovima (u prodavnici je sahler-shop.css brisao pozadinsku sliku iz style.css). */
.field select, .woocommerce select, .woocommerce-page select {
  -webkit-appearance: none; appearance: none; padding-right: 42px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ff2d2d' stroke-width='1.8'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 16px center !important; background-size: 12px 8px !important;
}
.field select:disabled, .woocommerce select:disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23b4b8bf' stroke-width='1.6'/%3E%3C/svg%3E") !important;
}