/*
Theme Name: Optyczne Rebrand
Theme URI: https://optyczne.pl/
Author: Optyczne
Author URI: https://optyczne.pl/
Description: Autorski motyw dla rebrandingu Optyczne. Czysta, minimalna baza gotowa do dalszej pracy.
Version: 0.4.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: optyczne-rebrand
Tags: custom, responsive, optical, eyewear
*/

/* =========================================================
   Ten plik jest wymagany przez WordPressa (nagłówek motywu).
   Główne style znajdują się w assets/css/main.css (TailwindCSS).
   ========================================================= */

/* =========================================================
   WooCommerce — nadpisania kontrolek generowanych przez wtyczkę.
   Celowo POZA @layer Tailwinda: CSS WooCommerce jest nielayerowany,
   więc tylko nielayerowane reguły go pokonują. Zmienne --color-* /
   --radius-* pochodzą z @theme w main.css (ujawnione na :root).
   ========================================================= */

/* Sortowanie produktów (własny select) */
.shop-ordering { margin: 0; }
.shop-ordering select {
	appearance: none;
	-webkit-appearance: none;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232f6e57' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	border: 1px solid var(--color-hairline);
	border-radius: var(--radius-sm);
	color: var(--color-ink);
	font: inherit;
	font-size: 0.9375rem;
	padding: 0.625rem 2.25rem 0.625rem 1rem;
	cursor: pointer;
}
.shop-ordering select:focus-visible {
	outline: 2px solid var(--color-pine);
	outline-offset: 2px;
}

/* Paginacja produktów (markup paginate_links) */
.shop-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	height: 2.5rem;
	padding: 0 0.75rem;
	border: 1px solid var(--color-hairline);
	border-radius: var(--radius-sm);
	color: var(--color-ink);
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.18s, color 0.18s;
}
.shop-pagination .page-numbers:hover { background-color: var(--color-mint); color: var(--color-forest); }
.shop-pagination .page-numbers.current { background-color: var(--color-emerald); color: #fff; border-color: var(--color-emerald); }
.shop-pagination .page-numbers.dots { border-color: transparent; }

/* Logo — stała wysokość, odporne na `.woocommerce img{height:auto}` (0,1,1).
   Selektory poniżej mają (0,1,2), więc wygrywają na stronach sklepu. */
header img.site-logo { height: 2.25rem; width: auto; }
@media ( min-width: 640px ) { header img.site-logo { height: 2.5rem; } }
.site-footer img.site-logo { height: 2.75rem; width: auto; }

/* Miniatury produktów — utrzymują kadr 4:3 mimo `.woocommerce img{height:auto}`. */
a.optyk-thumb { display: block; aspect-ratio: 4 / 3; overflow: hidden; }
a.optyk-thumb img { width: 100%; height: 100%; object-fit: cover; }