/* ==========================================================================
   Social icons v2 (3.10.34, item 22): full-colour brand icons. Homepage only.
   - A floating rail on the LEFT (owner 25.10: as on the original site; the right
     edge has the floating contact buttons), only where the free margin beside
     the content can hold it, so it never sits over content.
   - Otherwise an inline row under "השראה מהבתים שלכם", as in the client's mockup.
   Overrides the v1 rail rules in home-v3.css / rc3-gap.css.
   ========================================================================== */

/* The floating rail shows ONLY where the side margin beside the content container can hold
   it (social-rail.js measures and adds html.sg-rail-float, and centres the rail in that
   margin). Everywhere else the inline row under "השראה מהבתים שלכם" carries the icons. */
.sg-srail.sg-srail--v2 { display: none; }
html.sg-rail-float .sg-srail.sg-srail--v2 {
	display: block;
	position: fixed;
	inset-inline: auto;
	inset-block-start: 50%;
	transform: translateY(-50%);
	z-index: 60;
	transition: opacity .25s ease, visibility 0s linear 0s;
}
/* Over the footer (which has its own icons) the rail steps aside. */
html.sg-rail-float .sg-srail.sg-srail--v2.is-off { opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility 0s linear .25s; }
html.sg-rail-float .sg-social-row { display: none; }
.sg-srail--v2 .sg-srail__list { gap: 10px; }
.sg-srail--v2 .sg-srail__link,
.sg-social-row__link {
	display: grid;
	place-items: center;
	inline-size: 44px;
	block-size: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	box-shadow: 0 3px 10px rgba(34, 37, 43, .22);
	transition: transform .2s ease;
}
.sg-srail--v2 .sg-srail__link:hover, .sg-social-row__link:hover { transform: scale(1.06); }
.sg-srail--v2 .sg-srail__link:focus-visible, .sg-social-row__link:focus-visible { outline: 3px solid #8C6B26; outline-offset: 3px; }
/* the brand discs draw their own colours: no stroke/fill overrides from v1 */
.sg-srail--v2 svg.sg-srail__icon,
.sg-social-row svg.sg-srail__icon {
	inline-size: 100%;
	block-size: 100%;
	stroke: none !important;
	fill: initial !important;
	color: inherit !important;
}
.sg-srail--v2 .sg-srail__cap,
.sg-social-row__cap {
	margin-block-start: 4px;
	padding: 1px 6px;
	border-radius: 8px;
	background: rgba(255, 255, 255, .92);
	color: #22252b;
	font-size: .66rem;
	font-weight: 700;
	line-height: 1.3;
	white-space: nowrap;
}

/* The inline row: centred under the heading's subtitle. */
.sg-social-row {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 14px;
	list-style: none;
	margin: 14px 0 0;
	padding: 0;
}
.sg-social-row__item { display: flex; flex-direction: column; align-items: center; }
@media (prefers-reduced-motion: reduce) {
	html.sg-rail-float .sg-srail.sg-srail--v2, .sg-srail--v2 .sg-srail__link, .sg-social-row__link { transition: none; }
}

/* Item 2 (3.10.34): the "השראה מהבתים שלכם" heading is a link; it keeps the heading's look. */
.sg-work__title-link { color: inherit; text-decoration: none; }
.sg-work__title-link:hover, .sg-work__title-link:focus-visible { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 2px; }