/* קונטיינר השיר */
.rechord-song-container {
	padding-top: 2.3em;
	padding-bottom: 3em;
	line-height: 1.65; /* התיקון: הקטנת המרווח מ-2 ל-1.65 למראה צמוד וקריא */
	font-size: 21px;
	direction: rtl;
	white-space: pre-wrap; /* שומר על הרווחים שהזנת באדמין */
}


/* ------------------------------------------- */
/* התנהגות 1: עוגן לאקורד שצמוד למילה (מרחף, ללא רוחב פיזי) */
/* ------------------------------------------- */
.rechord-mark {
	position: relative;
	display: inline-block;
	width: 0; 
	overflow: visible;
}

/* העיצוב של המרקר הסגול עצמו */
.rechord-chord-label {
	position: absolute;
	bottom: 1.25em; /* התיקון: הנמכה מ-1.5em כדי להתאים לשורות הצפופות החדשות */
	right: 0; 
	transform: translateX(50%); 
	background-color: #D2BBD7;
	color: #2c3338;
	padding: 1px 4px;
	border-radius: 3px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 0.6em;
	direction: ltr; /* שומר על אקורדים עם סלאשים בכיוון הנכון */
	white-space: nowrap;
	line-height: 1.8;
}

/* ------------------------------------------- */
/* התנהגות 2: אקורדים עצמאיים (רצופים בטקסט)   */
/* ------------------------------------------- */
.rechord-mark.rechord-standalone {
	width: 0; 
	margin-left: 0; 
}

.rechord-mark.rechord-standalone .rechord-chord-label {
	position: absolute; 
	bottom: 1.5em; 
	right: 0;
	transform: translateX(50%); 
	display: inline-block;
}

/* ------------------------------------------- */
/* אינדיקציה לאקורד עם תמונת פופאפ             */
/* ------------------------------------------- */
.rechord-has-image .rechord-chord-label {
	text-decoration: underline;
	text-decoration-color: #A085A5; /* צבע סגול כהה יותר לקו התחתון */
	text-decoration-thickness: 2px;
	cursor: help;
}

/* =========================================
   עיצוב הפופאפ החדש (Tippy.js Theme)
========================================= */
/* אנחנו דורסים את העיצוב הבסיסי של Tippy כדי שייראה בדיוק כמו העיצוב שלך */
.tippy-box[data-theme~='rechord'] {
	background-color: #ffffff;
	border: 2px solid #D2BBD7;
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	color: #2c3338;
}

/* מעלים את החץ הקטן של Tippy */
.tippy-box[data-theme~='rechord'] .tippy-arrow {
	display: none;
}

/* =========================================
   תיקוני מיקום אנכי (Offset) עבור Tippy.js
========================================= */
/* 1. פופאפ רגיל (מופיע למטה) */
.tippy-box[data-placement^='bottom'] {
	margin-top: -1.5em !important;
}

/* 2. פופאפ מהופך (מופיע למעלה) */
.tippy-box[data-placement^='top'] {
	margin-bottom: 3em !important;
}

/* =========================================
   התנהגות 3: קבוצת אקורדים לסולו/מעברים (בתוך {} או אוטומטי)
========================================= */
.rechord-chord-group {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.3em; /* הרווח ביניהם כשהם צמודים */
	direction: rtl !important;
	font-family: Arial, sans-serif;
	
	/* הרמת הקבוצה למעלה כדי שתהיה בקו אחד עם האקורדים המרחפים */
	position: relative;
	top: -1.2em; 
	margin-bottom: -1.5em; 
	vertical-align: baseline;
}

/* החזרת הנפח הפיזי לאקורדים בתוך הקבוצה בלבד (כדי שידחפו אחד את השני!) */
.rechord-chord-group .rechord-mark {
	width: auto !important; 
	position: static !important; 
	margin: 0;
}

/* ביטול הריחוף המוחלט לתוויות בתוך הקבוצה */
.rechord-chord-group .rechord-chord-label {
	position: static !important;
	transform: none !important;
	display: inline-block;
}