/**
 * Lemax Share buttons – count, primary, More button, modal. Theme-friendly.
 */
.lemax-share-wrap {
	position: relative;
}

.lemax-share-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
}

/* Share count: number on top, label below (stacked) */
.lemax-share-count {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-right: 0;
	font-weight: 600;
	line-height: 1.2;
}

.lemax-share-count-num {
	font-size: 16px;
    font-weight: 500;
    line-height: 17px;
	color: #555;
}

.lemax-share-count-label {
	font-size: 9px;
    font-weight: 500;
	color: #555;
    line-height: 9px;
}

/* Small icon-only buttons (no text) */
.lemax-share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	padding: 0;
	border-radius: 4px;
	text-decoration: none;
	transition: transform 0.3s ease, opacity 0.3s ease !important;
	border: 0;
	cursor: pointer;
	position: relative;
}
.lemax-share-btn:hover {
	opacity: 0.9;
	transform: translateY(-4px);
	transition: transform 0.3s ease, opacity 0.3s ease !important;
}

.lemax-share-btn .lemax-share-btn-icon {
	width: 16px;
	height: 16px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.lemax-share-more {
	background: #95D03A;
	color: #fff;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	padding: 0;
}

.lemax-share-more .lemax-share-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.lemax-share-more .lemax-share-icon svg {
	width: 1.25em;
	height: 1.25em;
	vertical-align: middle;
}

/* Modal: full share list (dark theme like reference) */
.lemax-share-modal {
	position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    box-sizing: border-box;
    overflow: hidden;	
}

.lemax-share-modal[hidden] {
	display: none !important;
}

.lemax-share-modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.8);
}

.lemax-share-modal-content {
	position: relative;
    border-radius: 8px;
    max-width: 1000px;
    overflow: auto;
    width: 100%;
    background: #fff;
    padding: 30px;
    height: 80.5vh;
}

.lemax-share-modal-close {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #555;
	border: 0;
	border-radius: 50%;
	color: #fff;
	font-size: 1.25rem;
	line-height: 1;
	cursor: pointer;
	opacity: 0.9;
	padding: 0;
}

.lemax-share-modal-close:hover {
	opacity: 1;
	background: #666;
}

.lemax-share-modal-title {
	margin: 0 0 1.25rem;
	font-size: 1.25rem;
	color: #000;
	font-weight: 600;
}

/* Vertical list: one row per network (like reference screenshot) */
.lemax-share-modal-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* Modal buttons: horizontal row with icon + label, brand colors, full width */
.lemax-share-modal-grid .lemax-share-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 48px;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    font-size: 0.95rem;
    line-height: 1.2;
    transition: opacity 0.15s ease;
    flex-basis: calc(20% - 16px);
    flex-grow: 1;
    max-width: calc(20% - 8px);
}

.lemax-share-modal-grid .lemax-share-btn:hover {
	opacity: 0.9;
	color: #fff;
}

.lemax-share-modal-grid .lemax-share-btn .lemax-share-btn-icon {
	width: 24px;
	height: 24px;
	margin-right: 0.75rem;
	flex-shrink: 0;
	filter: brightness(0) invert(1);
}

.lemax-share-modal-grid .lemax-share-btn .lemax-share-btn-label {
	display: block;
	word-break: break-word;
	font-size: 14px;
}

/* Network button colors */
.lemax-share-facebook { background: #1877f2; color: #fff; }
.lemax-share-x { background: #000; color: #fff; }
.lemax-share-pinterest { background: #bd081c; color: #fff; }
.lemax-share-email { background: #555; color: #fff; }
.lemax-share-linkedin { background: #0a66c2; color: #fff; }
.lemax-share-whatsapp { background: #25d366; color: #fff; }
.lemax-share-telegram { background: #0088cc; color: #fff; }
.lemax-share-reddit { background: #ff4500; color: #fff; }
.lemax-share-tumblr { background: #36465d; color: #fff; }
.lemax-share-vk { background: #4a76a8; color: #fff; }
.lemax-share-weibo { background: #e6162d; color: #fff; }
.lemax-share-skype { background: #00aff0; color: #fff; }
.lemax-share-viber { background: #7360f2; color: #fff; }
.lemax-share-messenger { background: #0084ff; color: #fff; }
.lemax-share-print { background: #607d8b; color: #fff; }
.lemax-share-pocket { background: #ef3f56; color: #fff; }
.lemax-share-buffer { background: #000; color: #fff; }
.lemax-share-flipboard { background: #e12828; color: #fff; }
.lemax-share-digg { background: #000; color: #fff; }
.lemax-share-xing { background: #006567; color: #fff; }
.lemax-share-odnoklassniki { background: #ed812b; color: #fff; }
.lemax-share-blogger { background: #ff5722; color: #fff; }
.lemax-share-gmail { background: #ea4335; color: #fff; }
.lemax-share-outlook { background: #0078d4; color: #fff; }
.lemax-share-yahoomail { background: #6001d2; color: #fff; }
.lemax-share-sms { background: #ffbd00; color: #fff; }
.lemax-share-sharethis { background: #95D03A; color: #fff; }
.lemax-share-bluesky { background: #097AFE; color: #fff; }
.lemax-share-stumbleupon { background: #eb4924; color: #fff; }
.lemax-share-line { background: #00c300; color: #fff; }
.lemax-share-evernote { background: #5ba525; color: #fff; }
.lemax-share-instapaper { background: #000; color: #fff; }
.lemax-share-wordpress { background: #21759b; color: #fff; }
.lemax-share-livejournal { background: #00b0ea; color: #fff; }
.lemax-share-threads { background: #000; color: #fff; }
.lemax-share-snapchat { background: #fffc00; color: #000; }
.lemax-share-wechat { background: #4EC034; color: #fff; }
.lemax-share-trello { background: #0D63DE; color: #fff; }
.lemax-share-yummly { background: #E16120; color: #fff; }
.lemax-share-meneame { background: #ff6400; color: #fff; }
.lemax-share-mailru { background: #168de2; color: #fff; }
.lemax-share-delicious { background: #205cc0; color: #fff; }
.lemax-share-diigo { background: #5285c4; color: #fff; }
.lemax-share-renren { background: #005baa; color: #fff; }
.lemax-share-naver { background: #07bc5e; color: #fff; }
.lemax-share-plurk { background: #FF574D; color: #fff; }
.lemax-share-nextdoor { background: #8ed500; color: #fff; }
.lemax-share-hackernews { background: #ff4000; color: #fff; }
.lemax-share-kakao { background: #F9DD4A; color: #000; }
.lemax-share-kooapp { background: #FACB05; color: #000; }
.lemax-share-tencentqq { background: #5790F7; color: #fff; }
.lemax-share-douban { background: #2e963d; color: #fff; }
.lemax-share-fark { background: #6a6a9c; color: #fff; }
.lemax-share-googlebookmarks { background: #4285F4; color: #fff; }
.lemax-share-microsoftteams { background: #515bc1; color: #fff; }
.lemax-share-pinboard { background: #1f36f2; color: #fff; }
.lemax-share-qzone { background: #F1C40F; color: #000; }
.lemax-share-refind { background: #4286f4; color: #fff; }
.lemax-share-surfingbird { background: #6dd3ff; color: #fff; }
.lemax-share-threema { background: #000; color: #fff; }
a.lemax-share-btn.lemax-share-diaspora { background: #000; color: #fff; }
a.lemax-share-btn.lemax-share-iorbix { background: #364447; color: #fff; }
a.lemax-share-btn.lemax-share-kindleit { background: #363C3D; color: #fff; }
a.lemax-share-btn.lemax-share-houzz { background: #4DBC15; color: #fff; }

@media (max-width: 991px) {
	.lemax-share-modal-grid .lemax-share-btn {
		flex-basis: calc(25% - 16px);
		max-width: calc(25% - 8px);
	}
}

@media (max-width: 767px) {
	.lemax-share-modal-grid .lemax-share-btn {
		flex-basis: calc(33.333% - 16px);
		max-width: calc(33.333% - 8px);
	}
}

@media (max-width: 575px) {
	.lemax-share-modal-content {
		padding: 30px 15px 30px 20px;
	}
	.lemax-share-modal-grid .lemax-share-btn {
		flex-basis: calc(50% - 16px);
		max-width: calc(50% - 8px);
	}
}