/* =====================================================================
   Eden Design – conservative CSS polish for edendino.co.il (28.10.2026)

   Loaded ONLY when the design is switched on, by
   wp-content/mu-plugins/eden-design.php:
     - preview:  add ?eden_design=preview to any URL (a cookie keeps it on
                 while browsing), ?eden_design=off to stop
     - live:     wp option update eden_design_live 1   (0 = off)
   Every rule is scoped to body.eden-design-on, so nothing here can affect
   visitors while the design is off. Brand colours, logo and layouts are
   unchanged. Each block says what it fixes – delete a block to undo it.
   ===================================================================== */


/* 1. Shop grids (home "החנות של עדנדינו" + /shop/): product names were light
      yellow (#f2bd28) on white and hard to read. Use the red of the card
      borders instead. */
body.eden-design-on ul.products li.product .woocommerce-loop-product__title {
	color: #d71920;
}


/* 2. Product cards on phones: the "הוספה לסל" button wrapped onto two lines
      (a later desktop rule in the Customizer CSS overrides the mobile size)
      and buttons did not line up between neighbouring cards. */
@media (max-width: 768px) {
	body.eden-design-on ul.products li.product {
		display: flex;
		flex-direction: column;
		padding: 16px 10px 18px;
	}
	body.eden-design-on ul.products li.product .woocommerce-loop-product__title {
		font-size: 15px;
		line-height: 1.3;
		min-height: 0;
	}
	body.eden-design-on ul.products li.product .button {
		margin-top: auto;
		align-self: center;
		white-space: nowrap;
		font-size: 14px;
		padding: 10px 16px;
		box-shadow: 0 0 0 4px rgba(207, 31, 38, 0.16);
	}
}


/* 3. Footer: the white / yellow menu text sits on a bright sky-and-sun
      picture (worst on phones). A soft shadow keeps it readable; colours and
      layout stay the same. */
body.eden-design-on .elementor-location-footer .elementor-heading-title,
body.eden-design-on .elementor-location-footer .elementor-nav-menu a,
body.eden-design-on .elementor-location-footer .elementor-icon-list-text {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}


/* 4. "ימי הולדת" – package cards: hide the leftover blog meta (date /
      "אין תגובות") and, on phones, keep the description off the card border. */
body.eden-design-on .elementor-476 .elementor-element-5779637 .elementor-post__meta-data {
	display: none;
}
@media (max-width: 767px) {
	body.eden-design-on .elementor-476 .elementor-element-5779637 .elementor-post__text {
		padding: 0 16px 14px;
	}
}


/* 5. Home – "בואו להכיר אותי יותר" box: a long, all-bold, centred paragraph
      was tiring to read on phones. Slightly lighter weight and more line
      height; same colours, box and size. */
@media (max-width: 767px) {
	body.eden-design-on .elementor-9 .elementor-element-0b57974 {
		font-weight: 500;
		line-height: 1.7;
	}
}


/* 6. Cookie notice on phones: it covered about a third of the first screen.
      Same look, more compact. */
@media (max-width: 768px) {
	body.eden-design-on #cookie-notice {
		bottom: 10px;
		left: 10px;
		right: 10px;
	}
	body.eden-design-on #cookie-notice .cookie-content {
		padding: 14px 16px;
		gap: 10px;
		border-radius: 16px;
	}
	body.eden-design-on #cookie-notice .cookie-text {
		font-size: 13px;
		line-height: 1.6;
	}
	body.eden-design-on #cookie-accept {
		padding: 10px 24px;
		font-size: 14px;
	}
}


/* 7. Songs / videos playlists: two song thumbnails (screenshots of a
      different shape) were stretched. Crop them to the frame instead. */
body.eden-design-on .e-tab-thumbnail img,
body.eden-design-on img.e-tab-thumbnail {
	object-fit: cover;
}


/* 8. Links inside the new text sections (home, ימי הולדת, אטרקציות לאירועים,
      לוח הופעות, יצירת קשר): theme-default pink -> the site's red, slightly
      bolder, underline on hover. Buttons are not affected. */
body.eden-design-on .elementor-widget-text-editor.eden-seo a {
	color: #d71920;
	font-weight: 600;
	text-decoration: none;
}
body.eden-design-on .elementor-widget-text-editor.eden-seo a:hover,
body.eden-design-on .elementor-widget-text-editor.eden-seo a:focus {
	text-decoration: underline;
}


/* 9. Keyboard users: a visible focus ring on links and buttons
      (accessibility; mouse / touch users do not see it). */
body.eden-design-on a:focus-visible,
body.eden-design-on button:focus-visible {
	outline: 3px solid #ffd93d;
	outline-offset: 2px;
}


/* 10. OPTIONAL – switched off. The "שירים" page shows the same heading and
       playlist twice. Remove the comment marks to hide the second copy
       (or delete the duplicate in Elementor). */
/*
body.eden-design-on .elementor-652 .elementor-element-0a7b06e,
body.eden-design-on .elementor-652 .elementor-element-94ad080,
body.eden-design-on .elementor-652 .elementor-element-8578b4a {
	display: none;
}
*/