/*
Theme Name: Hello Biz Child
Theme URI: https://github.com/elementor/hello-biz-child/
Description: Hello Biz Child is a child theme of Hello Biz, created by Elementor team
Author: Elementor Team
Template: hello-biz
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Version: 1.0.0
Stable tag: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-biz-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/

/* Add your custom styles here */

/*
.nav-weken { margin-bottom: 15px; }
.nav-weken a { text-decoration: none; color: #369; }
table.openingsuren { width:100%; border-collapse: collapse; }
table.openingsuren th, td { border:1px solid #ccc; padding:8px; text-align:left; }
table.openingsuren tr:nth-child(even) { background: #f9f9f9; }
*/


.openingsuren-widget { max-width: 800px; margin: 0 auto; font-family: sans-serif; color: #333; }

.week-nav {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 1em;
}

.week-label { font-weight: bold; font-size: 1.2em; color: #93C3B7; }

.openingsuren-schedule {
  width: 100%; border-collapse: collapse;
}

.openingsuren-schedule td { padding: 0.75em; vertical-align: top; border: none; background-color: #fff !important; }

.dag { width: 40%; color: #555; font-weight: 600; }

.uren {
  display: flex; flex-wrap: wrap; gap: 0.5em;
}
.sessie {
 	background: #f0f0f0; 
	padding: 0.4em 0.6em; 
	border-radius: 4px;
 	font-size: 1em;
	font-weight: 700;
}
.uitzondering {
	padding: 0.4em 0.6em;
	border-radius: 4px;
	font-size: 0.95em;
}

.uren .gesloten {
  	/*color: #a00;*/
	font-size: 0.95em;
	font-weight: 600;
}
.uren .gesloten span:first-child {
  background: #fee; padding: 0.4em 0.6em; margin-right: 0.5em;
}

@media (max-width: 767px) {
	.openingsuren-schedule, .openingsuren-schedule tr, .openingsuren-schedule td {
		display: block; width: 100%;
	}
	.openingsuren-schedule tr { margin-bottom: 1em; }
	.dag { font-weight: bold; margin-bottom: 0.3em; }
	.uren { display: block; }
	.sessie { display: inline-block; margin-right: 0.6em; }

}