/**
 * Path: nplsportspro/assets/css/templates/parts/social-share.css
 * Clean Card Layout (Title > Meta > Tools)
 */

/* Main Outer Card */
.nplsp-card-wrapper {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important; /* Clean Gray Border */
    border-radius: 8px !important;
    margin-bottom: 0px !important;
	margin-top: 0px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
/* 3. LINE 3: TOOLS ROW (Share Left, Resizer Right) */
.nplsp-tools-row {
    padding: 5px 5px !important;
    background: #ffffff !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0px !important;
}

/* Share Box (Left) */
.nplsp-share-box {
    display: flex !important;
    align-items: center !important;
    gap: 0px !important;
}

.nplsp-share-text {
    font-size: 13px !important;
    color: #64748b !important;
    font-weight: 600 !important;
}

.nplsp-socials .nplsp-social-share {
	margin: 0 !important;
	padding: 0 !important;
	display: inline-flex !important;
	gap: 0px !important;
	}
.nplsp-socials .nplsp-social-share-title {
	display: none !important;
	}
.nplsp-socials .nplsp-social-share a {
	margin: 0 !important;
	padding: 6px 10px !important;
	border-radius: 4px !important;
	font-size: 14px !important;
	}

/* Resizer Box (Right) */
.nplsp-resizer-box {
    display: flex !important;
    align-items: center !important;
    gap: 0px !important;
}

.nplsp-resizer-text {
    font-size: 13px !important;
    color: #64748b !important;
    font-weight: 600 !important;
    margin-right: 5px !important;
}

.nplsp-resizer-box button {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

.nplsp-resizer-box button:hover {
	background: #3b82f6 !important;
	color: #ffffff !important;
	border-color: #3b82f6 !important;
	}

/* RESPONSIVE STANDARDS (7 Devices) */
@media (max-width: 768px) { 
    .nplsp-tools-row {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 15px !important;
		}
}
@media (max-width: 480px) { 
    .nplsp-resizer-text {
		display: none !important;
		}
}