/*
	* SHARED '�sterlindet' on all departments with 'osterlindet.dk' in the domain name - Site and Booking V3 - colors and other shared styles
		- Move color or layout specific �sterlindet (not GP or EP) styles into here from client-[department].css if the styles are to be shared.

	--- COLORS KEY ---
	* BASE COLOR 1:	Osterlinder YELLOW:	HEX:#fbb914		RGB:251,185,20		(active state,)
	 					Dark:			HEX:#faab10		RGB:250,171,16     	(button border)
	---				
	* BASE COLOR 2:	Osterlinder RED:	HEX:#db211b		RGB:219,33,27
						Dark 			HEX:#c1110e 	RGB:193,17,14
	---

*/

/* ----- 
 	TYPE and TEXT blocks
 ----- */

/* ----- 
 	FORM AND BUTTONS 
 ----- */


/* ----- 
	COLOR and BACKGROUND 
----- */


#logo img{
	visibility: hidden;
}

#logo span{
	background-image:url(../images/logo-osterlindet-white.png);
}

.render-print-version #logo img{
	visibility: visible;
}

.render-print-version #logo span{
	background-image:none;
}


/************************************************************************************************

																																		BOOKING BOOKING V3
																																			
************************************************************************************************/




/**

  IFRAME MY BOOKing

 */

 
body.iframe_body {
	font-family: "Manrope", sans-serif;
    background: none transparent;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  
  .iframe_body {
	padding: 2rem;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 1rem;
	h2:first-child {
	  font-size: 1.5rem;
	  color: #78716c;
	  margin-bottom: 1rem;
	}
	
	p,
	.validationerror {
	  color: #78716c;
	  line-height: 1.6;
	  font-size: 0.9rem;
	  margin-bottom: 1rem;
	  display: flex;
	}
	
	label {
	  font-size: 0.8rem;
	  line-height: 1.5;
	  color: #78716c;
	  display: block;
	  margin-bottom: 0.25rem;
	}
	
	input[type="email"],
	input[type="text"] {
	  padding: 0.75rem 1rem;
	  font-size: 0.875rem;
	  border: 1px solid #e7e5e4;
	  border-radius: 0.5rem;
	  background: #fafaf9;
	  width: 100%;
	  margin-bottom: 1rem;
	  transition: border-color 0.2s ease;
	}
	
	input[type="email"]:focus,
	input[type="text"]:focus {
	  border-color: #22c55e;
	  outline: none;
	}
	
	input[type="button"],
	input[type="submit"] {
	  cursor: pointer;
	  background-color: #22c55e;
	  color: #fff;
	  font-size: 1rem;
	  font-weight: 600;
	  padding: 0.85rem 1.25rem;
	  border: none;
	  border-radius: 0.75rem;
	  width: 100%;
	  transition: background-color 0.2s ease;
	  background-image: none;
	}
	
	input[type="button"]:hover,
	input[type="submit"]:hover {
	  background-color: #16a34a;
	}
	
	.bookingbox-row {
	  margin-bottom: 1.5rem;
	}
	
	.bookingbox-row-indent {
	  margin-left: 0;
	}
	
	.validationerror {
	  font-weight: 500;
	  font-size: 0.85rem;
	  color: #f87171;
	}

	.mybookings-items {
		background-color: #fefefe;
		border: 1px solid #e7e5e4;
		border-radius: 1rem;
		margin-bottom: 1.5rem;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
		padding: 1rem;
		transition: box-shadow 0.2s ease;
		cursor: pointer;
	  }
	  
	  .mybookings-items:hover {
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	  }
	  
	  .mybookings-items .box-inner {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	  }
	  
	  .mybookings-items h2.box-title {
		font-size: 1.1rem;
		color: #44403c;
		margin: 0;
	  }
	  
	  .mybookings-items h2.box-title a {
		text-decoration: none;
		color: inherit;
	  }
	  
	  .mybookings-items .box-desc {
		color: #78716c;
		font-size: 0.9rem;
		line-height: 1.6;
	  }
	  
	  .mybookings-items .box-image img {
		max-width: 100%;
		height: auto;
		border-radius: 0.5rem;
		margin-bottom: 0.5rem;
	  }
	  
	  .mybookings-items .category-readmore a.button {
		background-color: #22c55e;
		color: #fff;
		padding: 0.5rem 1rem;
		font-weight: 600;
		border-radius: 0.75rem;
		text-decoration: none;
		display: inline-block;
		transition: background-color 0.2s ease;
	  }
	  
	  .mybookings-items .category-readmore a.button:hover {
		background-color: #16a34a;
	  }
	  
  }