/* -------------------------------------------------------------------------
 * myPOS badge – "Официален представител на myPOS" (21.10.2026).
 * ---------------------------------------------------------------------- */

.kp-mypos-badge {
	display: inline-flex; align-items: center; gap: 14px;
	padding: 10px 18px 10px 14px;
	background: #fff;
	border: 1px solid var(--kp-line);
	border-radius: var(--kp-radius-sm);
	box-shadow: var(--kp-shadow);
	color: #181818;
	text-decoration: none;
	text-align: left;
	line-height: 1.2;
	transition: border-color .15s ease, box-shadow .15s ease;
}
a.kp-mypos-badge:hover { border-color: #c9d1cc; box-shadow: var(--kp-shadow-lg); color: #181818; }
.kp-mypos-badge__logo { flex: none; width: auto; height: 40px; }
.kp-mypos-badge__text {
	display: flex; flex-direction: column;
	padding-left: 14px;
	border-left: 1px solid #d3d8d5;
}
.kp-mypos-badge__text strong { font-size: .95rem; font-weight: 700; }
.kp-mypos-badge__text span { font-size: .95rem; font-weight: 700; }

/* Homepage hero: under the lead text. */
.kp-mypos-badge--hero { margin-top: 18px; }

/* /mypos/ page and myPOS product pages. */
.kp-mypos-badge--page { margin-top: 20px; }
.kp-mypos-badge--product { margin: 4px 0 16px; padding: 8px 14px 8px 12px; box-shadow: none; }
.kp-mypos-badge--product .kp-mypos-badge__logo { height: 34px; }
.kp-mypos-badge--product .kp-mypos-badge__text strong,
.kp-mypos-badge--product .kp-mypos-badge__text span { font-size: .875rem; }

/* Footer: white on the dark band. */
.kp-mypos-badge--footer {
	margin-top: 18px;
	background: transparent;
	border-color: rgba(255, 255, 255, .18);
	box-shadow: none;
	color: #fff;
}
a.kp-mypos-badge--footer:hover { border-color: rgba(255, 255, 255, .4); box-shadow: none; color: #fff; }
.kp-mypos-badge--footer .kp-mypos-badge__text { border-left-color: rgba(255, 255, 255, .25); }

/* Header: compact, no card, only on wide screens (phones get it in the hero). */
.kp-mypos-badge--header { display: none; }
@media (min-width: 1280px) {
	.kp-mypos-badge--header {
		display: inline-flex; gap: 10px;
		margin-left: 18px; padding: 0 0 0 18px;
		background: none; border: 0; border-left: 1px solid var(--kp-line);
		border-radius: 0; box-shadow: none;
	}
	a.kp-mypos-badge--header:hover { box-shadow: none; opacity: 1; } /* no change on hover, still a link */
	.kp-mypos-badge--header .kp-mypos-badge__logo { height: 30px; }
	.kp-mypos-badge--header .kp-mypos-badge__text { padding-left: 0; border-left: 0; }
	.kp-mypos-badge--header .kp-mypos-badge__text strong,
	.kp-mypos-badge--header .kp-mypos-badge__text span { font-size: .75rem; }
}

/* Brand green (21.10.2026: green instead of black, as requested). */
body.kp .kp-mypos-badge,
body.kp a.kp-mypos-badge,
body.kp a.kp-mypos-badge:hover { color: var(--kp-primary); }
body.kp .kp-mypos-badge:not(.kp-mypos-badge--header):not(.kp-mypos-badge--footer) { border-color: rgba(18, 135, 63, .25); }
body.kp a.kp-mypos-badge:not(.kp-mypos-badge--header):not(.kp-mypos-badge--footer):hover { border-color: rgba(18, 135, 63, .5); }
body.kp .kp-mypos-badge__text { border-left-color: rgba(18, 135, 63, .25); }
/* Footer: white on the dark green band, no outline box. */
body.kp .kp-mypos-badge--footer,
body.kp a.kp-mypos-badge--footer,
body.kp a.kp-mypos-badge--footer:hover { color: #fff; border: 0; padding-left: 0; padding-right: 0; }
body.kp a.kp-mypos-badge--footer:hover { color: #fff; } /* no colour change on hover, still a link */
body.kp .kp-mypos-badge--footer .kp-mypos-badge__text { border-left-color: rgba(255, 255, 255, .25); }

/* Phone/tablet menu (☰): badge at the top of the drawer. */
/* (drawer rules: see the end of the file) */

/* Phones: a little smaller, still on one card. */
@media (max-width: 599px) {
	.kp-mypos-badge { gap: 12px; padding: 9px 14px 9px 12px; }
	.kp-mypos-badge__logo { height: 34px; }
	.kp-mypos-badge__text { padding-left: 12px; }
	.kp-mypos-badge__text strong,
	.kp-mypos-badge__text span { font-size: .875rem; }
}

/* Phone/tablet menu (☰): full-width row at the top of the drawer. */
.kp-mypos-badge--drawer { display: flex; width: 100%; margin: 0; padding: 16px 4px; border-radius: 0; box-shadow: none; background: none; }
body.kp .kp-mypos-badge--drawer,
body.kp a.kp-mypos-badge--drawer:hover { border: 0; border-bottom: 1px solid var(--kp-line); box-shadow: none; } /* full width, no outer border – like the menu rows */
.kp-mypos-badge--drawer .kp-mypos-badge__logo { height: 40px; }
.kp-mypos-badge--drawer .kp-mypos-badge__text strong,
.kp-mypos-badge--drawer .kp-mypos-badge__text span { font-size: 1rem; }
body.kp .kp-drawer .kp-mypos-badge.kp-mypos-badge--drawer,
body.kp .kp-drawer a.kp-mypos-badge.kp-mypos-badge--drawer:hover { border-color: var(--kp-line); } /* same grey line as the menu rows */