/*
	#	Mac & Apple device services (templates/mac-services.php, templates/mac-service.php)
	Small additions on top of the studio design system (styles/ml_studio.css):
	the included list, the FAQ, the booking embed, the trademark line.
	-------------------------------------------------------------------------------*/

	#hero.studio.mac .st-badge a													{ color:inherit; text-decoration:none; border-bottom:1px solid RGBA(255,255,255, .3); }
	#hero.studio.mac .st-badge a:hover												{ border-bottom-color:#FFF; }

	#hero.studio.mac .st-head a														{ font-weight:600; color:var(--st-coral-deep); text-decoration:none; white-space:nowrap; }


	/*	What's included
	-------------------------------------------------------------------------------*/
	#hero.studio .mac-list															{ margin:0; padding:0;  list-style:none;  display:grid; gap:4px; }
	#hero.studio .mac-list li														{ padding:14px 0;  border-top:1px solid RGBA(11,43,44, .1);  display:grid; gap:14px; grid-template-columns:36px 1fr; align-items:center; }
	#hero.studio .mac-list li:first-child											{ border-top:0; }
	#hero.studio .mac-list span														{ line-height:1.5; font-size:17px; color:var(--st-ink); }


	/*	Ways (cards without links)
	-------------------------------------------------------------------------------*/
	#hero.studio .mac-way															{ cursor:default; }
	#hero.studio .mac-way:hover														{ transform:none; }


	/*	FAQ
	-------------------------------------------------------------------------------*/
	#hero.studio .mac-faq															{ display:grid; gap:12px; align-content:start; }
	#hero.studio .mac-faq details													{ border:1px solid RGBA(11,43,44, .12); border-radius:16px;  background:#FFF; }
	#hero.studio .mac-faq summary													{ padding:18px 52px 18px 22px;  position:relative;  list-style:none; cursor:pointer;  line-height:1.35; font-size:17px; font-weight:600; color:var(--st-ink); }
	#hero.studio .mac-faq summary::-webkit-details-marker							{ display:none; }
	#hero.studio .mac-faq summary::after											{ position:absolute; top:50%; right:22px;  transform:translateY(-50%);  content:'+';  line-height:1; font-size:22px; font-weight:500; color:var(--st-coral-deep);  transition:transform .2s; }
	#hero.studio .mac-faq details[open] summary::after								{ transform:translateY(-50%) rotate(45deg); }
	#hero.studio .mac-faq details p													{ margin:0; padding:0 22px 20px;  line-height:1.6; font-size:16px; color:var(--st-text); }


	/*	Booking embed
	-------------------------------------------------------------------------------*/
	#hero.studio .mac-book-wrap .st-head											{ margin-bottom:28px; }
	#hero.studio .mac-book															{ max-width:720px; margin:0 auto; }
	#hero.studio .mac-book--soon													{ padding:28px 30px;  border-radius:20px;  background:#FFF;  border:1px solid RGBA(11,43,44, .12);  text-align:center; }
	#hero.studio .mac-book--soon p													{ margin:0;  line-height:1.6; font-size:17px; color:var(--st-text); }
	#hero.studio .mac-book a,
	#hero.studio .mac-book__alt a													{ font-weight:600; color:var(--st-coral-deep); text-decoration:none; }
	#hero.studio .mac-book__alt														{ margin:18px 0 0;  text-align:center; line-height:1.5; font-size:15px; color:var(--st-text); }


	/*	Trademark line
	-------------------------------------------------------------------------------*/
	#hero.studio .mac-legal															{ padding:22px 24px 30px;  text-align:center; line-height:1.5; font-size:12.5px; color:#8a9a9b; }


	@media (max-width: 699px) {

		#hero.studio .mac-list span													{ font-size:16px; }
		#hero.studio .mac-faq summary												{ font-size:16px; }

	}