/**
 * GEMKIBO — Wishlist page + empty state + share modal (Faza 5)
 */

.gk-wishlist { background: #FAF8F4; color: #1F3D14; }
.gk-wishlist__container { max-width: 1440px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 57.6px); }
.gk-wishlist__container--cta { max-width: 720px; text-align: center; }

.gk-home .gk-wishlist h1,
.gk-home .gk-wishlist h2,
.gk-home .gk-wishlist h3 { color: inherit; }

/* ─── HERO ─── */
.gk-wishlist__hero {
	background: #FFFFFF;
	padding: clamp(110px, 14vh, 160px) 0 clamp(32px, 5vh, 48px);
	border-bottom: 1px solid #ECE6DC;
}
.gk-wishlist__breadcrumb {
	display: flex; align-items: center; gap: 6px;
	font-family: 'Inter', sans-serif; font-size: 13px;
	color: #5A6354;
	margin: 0 0 24px;
}
.gk-wishlist__breadcrumb a { color: #1F3D14; text-decoration: none; }
.gk-wishlist__breadcrumb a:hover { color: #5DA935; }
.gk-wishlist__breadcrumb svg { opacity: 0.4; }
.gk-wishlist__hero-row {
	display: flex; align-items: flex-end; justify-content: space-between;
	gap: 24px; flex-wrap: wrap;
}
/* FIX 2026-05-30: usunięty AI-pill, czysty zielony eyebrow na jasnym hero */
.gk-wishlist__hero-eyebrow {
	display: inline-block; padding: 0;
	background: none; border: 0;
	color: #4F9028;
	font-family: 'Inter', sans-serif;
	font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;
	margin: 0 0 16px;
}
.gk-wishlist__hero-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(32px, 5vw, 52px); font-weight: 700;
	line-height: 1.1; letter-spacing: -0.02em;
	color: #1F3D14;
	margin: 0 0 8px;
}
.gk-wishlist__hero-meta {
	font-family: 'Inter', sans-serif;
	font-size: 14.5px; color: #5A6354;
	margin: 0;
}
.gk-wishlist__hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.gk-wishlist__share-btn {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 12px 22px;
	border-radius: 9999px;
	font-family: 'Inter', sans-serif;
	font-size: 13px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

/* ─── GRID ─── */
.gk-wishlist__grid-section { padding: clamp(40px, 6vh, 60px) 0 clamp(60px, 10vh, 100px); }
.gk-wishlist__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 24px;
}
.gk-wishlist__card {
	background: #FFFFFF;
	border: 1px solid #ECE6DC;
	border-radius: 16px;
	overflow: hidden;
	display: flex; flex-direction: column;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.gk-wishlist__card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 40px rgba(31, 61, 20, 0.08);
	border-color: #5DA935;
}
.gk-wishlist__card-media {
	display: block;
	aspect-ratio: 4/5;
	background: linear-gradient(135deg, #FAF8F4 0%, #ECE6DC 100%);
	background-size: cover; background-position: center;
}
.gk-wishlist__card-body { padding: 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.gk-wishlist__card-name {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 18px; font-weight: 700;
	color: #1F3D14;
	text-decoration: none;
	line-height: 1.25;
	margin: 0;
}
.gk-wishlist__card-name:hover { color: #5DA935; }
.gk-wishlist__card-price {
	font-family: 'Inter', sans-serif;
	font-size: 17px; font-weight: 800;
	color: #5DA935;
	margin: 0;
}
.gk-wishlist__card-price del { color: #9CA396; font-weight: 500; font-size: 14px; margin-right: 4px; }
.gk-wishlist__card-oos {
	font-family: 'Inter', sans-serif;
	font-size: 12.5px; color: #DC2626;
	margin: 0;
}
.gk-wishlist__card-actions {
	display: flex; gap: 8px; margin-top: auto; padding-top: 12px;
}
.gk-wishlist__card-add {
	flex: 1;
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	padding: 10px 14px;
	background: #FFFFFF;
	color: #1F3D14;
	border: 1.5px solid #1F3D14;
	border-radius: 9999px;
	font-family: 'Inter', sans-serif;
	font-size: 12px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	transition: background .15s ease, color .15s ease;
}
.gk-wishlist__card-add:hover { background: #1F3D14; color: #FFFFFF; }
.gk-wishlist__card-add:disabled { opacity: 0.5; cursor: not-allowed; background: transparent; }
.gk-wishlist__card-remove {
	all: unset;
	display: inline-flex; align-items: center; justify-content: center;
	width: 40px; height: 40px;
	background: transparent;
	color: #5A6354;
	border: 1.5px solid #ECE6DC;
	border-radius: 50%;
	cursor: pointer;
	flex-shrink: 0;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.gk-wishlist__card-remove:hover { background: #DC2626; color: #FFFFFF; border-color: #DC2626; }
.gk-wishlist__card.is-removing { opacity: 0.4; pointer-events: none; transform: scale(0.96); }

/* ─── EMPTY STATE ─── */
.gk-wishlist__empty {
	padding: clamp(80px, 14vh, 140px) 0;
	text-align: center;
	background: #FFFFFF;
}
.gk-wishlist__empty-icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 120px; height: 120px;
	background: rgba(93, 169, 53, 0.08);
	border-radius: 50%;
	color: #5DA935;
	margin: 0 auto 24px;
}
.gk-wishlist__empty-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(28px, 4vw, 40px); font-weight: 700;
	color: #1F3D14;
	margin: 0 0 12px;
}
.gk-wishlist__empty-lead {
	font-family: 'Inter', sans-serif;
	font-size: 17px; line-height: 1.55;
	color: #5A6354;
	max-width: 520px;
	margin: 0 auto 32px;
}
.gk-wishlist__empty-cta {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 14px 28px;
	border-radius: 9999px;
	font-family: 'Inter', sans-serif;
	font-size: 13.5px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
	text-decoration: none;
}

/* ─── CTA ─── */
.gk-wishlist__cta { padding: clamp(60px, 10vh, 100px) 0; background: #1F3D14; color: #FAF8F4; text-align: center; }
.gk-wishlist__section-eyebrow {
	font-family: 'Inter', sans-serif;
	font-size: 11px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase;
	color: #74E518;
	margin: 0 0 12px;
}
.gk-wishlist__cta-title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: clamp(28px, 4vw, 40px); font-weight: 700;
	color: #FAF8F4;
	margin: 0 0 12px;
}
.gk-wishlist__cta-lead {
	font-family: 'Inter', sans-serif;
	font-size: 17px; color: rgba(250, 248, 244, 0.80);
	margin: 0 0 28px;
}
.gk-wishlist__cta-btn {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 14px 28px;
	border-radius: 9999px;
	font-family: 'Inter', sans-serif;
	font-size: 13.5px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
	text-decoration: none;
}

/* ─── SHARE MODAL ─── */
.gk-wishlist-share {
	position: fixed; inset: 0; z-index: 9999;
	display: flex; align-items: center; justify-content: center;
	opacity: 0; visibility: hidden;
	transition: opacity .25s ease, visibility 0s linear .25s;
}
.gk-wishlist-share.is-open { opacity: 1; visibility: visible; transition: opacity .25s ease; }
.gk-wishlist-share__backdrop {
	position: absolute; inset: 0;
	background: rgba(31, 61, 20, 0.65);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.gk-wishlist-share__panel {
	position: relative;
	max-width: 480px;
	width: calc(100% - 32px);
	background: #FFFFFF;
	border-radius: 20px;
	padding: 36px 32px;
	box-shadow: 0 32px 80px rgba(0, 0, 0, 0.25);
	transform: scale(0.95);
	transition: transform .3s cubic-bezier(.16,1,.3,1);
}
.gk-wishlist-share.is-open .gk-wishlist-share__panel { transform: scale(1); }
.gk-wishlist-share__close {
	all: unset;
	position: absolute; top: 14px; right: 14px;
	width: 40px; height: 40px;
	border: 1.5px solid #ECE6DC;
	border-radius: 50%;
	color: #1F3D14;
	cursor: pointer;
	display: flex; align-items: center; justify-content: center;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.gk-wishlist-share__close:hover { background: #1F3D14; color: #FFFFFF; border-color: #1F3D14; }
.gk-wishlist-share__title {
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 26px; font-weight: 700;
	color: #1F3D14;
	margin: 0 0 8px;
}
.gk-wishlist-share__lead {
	font-family: 'Inter', sans-serif;
	font-size: 14.5px; line-height: 1.55;
	color: #5A6354;
	margin: 0 0 24px;
}
.gk-wishlist-share__link-row {
	display: flex; gap: 8px;
	margin-bottom: 28px;
}
.gk-wishlist-share__link {
	flex: 1; min-width: 0;
	padding: 12px 14px;
	background: #FAF8F4;
	border: 1.5px solid #ECE6DC;
	border-radius: 10px;
	font-family: 'Inter', monospace;
	font-size: 13px;
	color: #1F3D14;
	outline: none;
}
.gk-wishlist-share__link:focus { border-color: #5DA935; }
.gk-wishlist-share__copy {
	all: unset;
	display: inline-flex; align-items: center; gap: 6px;
	padding: 12px 20px;
	background: #FFFFFF;
	color: #1F3D14;
	border: 1.5px solid #1F3D14;
	border-radius: 10px;
	font-family: 'Inter', sans-serif;
	font-size: 12.5px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
	cursor: pointer;
	transition: background .15s, color .15s;
	white-space: nowrap;
}
.gk-wishlist-share__copy:hover { background: #1F3D14; color: #FFFFFF; }
.gk-wishlist-share__copy.is-copied { background: #5DA935; color: #FFFFFF; border-color: #5DA935; }
.gk-wishlist-share__socials-label {
	font-family: 'Inter', sans-serif;
	font-size: 11px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase;
	color: #5A6354;
	margin: 0 0 12px;
}
.gk-wishlist-share__socials-row { display: flex; gap: 10px; }
.gk-wishlist-share__social {
	display: inline-flex; align-items: center; justify-content: center;
	width: 44px; height: 44px;
	background: #FAF8F4;
	border: 1.5px solid #ECE6DC;
	color: #5A6354;
	border-radius: 50%;
	text-decoration: none;
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.gk-wishlist-share__social:hover { background: #1F3D14; color: #FFFFFF; border-color: #1F3D14; }

@media (max-width: 540px) {
	.gk-wishlist__hero-row { flex-direction: column; align-items: flex-start; }
	.gk-wishlist-share__panel { padding: 28px 24px; }
	.gk-wishlist-share__link-row { flex-direction: column; }
}