/*
Theme Name: Blocksy Child
Template: blocksy
Description: Child theme for Blocksy (Pres Schadeherstel)
Version: 1.0.0
*/

/* Zorg dat Blocksy header rows dropdowns niet afknijpen */
.ct-header [data-row]{
  overflow: visible !important;
}

/* Verberg de standaard submenu onder "Diensten" (anders witte dropdown vakken) */
/* Alleen desktop dropdown van het normale menu blokkeren */
@media (min-width: 981px){
  .ps-has-mega > .sub-menu,
  .ps-has-mega > .ct-menu-dropdown,
  .ps-has-mega > .ct-dropdown{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}

/* Op mobiel niets forceren verbergen */
@media (max-width: 980px){
  .ps-has-mega > .sub-menu,
  .ps-has-mega > .ct-menu-dropdown,
  .ps-has-mega > .ct-dropdown{
    display: initial !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    height: auto !important;
    overflow: visible !important;
  }
}

/* Zorg dat hover/focus op het menu-item stabiel blijft */
.ps-has-mega{ position: static; }

/* Toetsenbordvriendelijk */
.ps-has-mega:focus-within > a,
.ps-has-mega:hover > a{
  outline: none;
}

/*
 * Opmerking:
 * Extra Mega Menu styling hoort idealiter in /assets/mega-menu/mega-menu.css
 * en wordt dan via /inc/mega-menu/mega-menu.php enqueued.
 * Deze basisregels blijven hier als 'failsafe' zodat er niets kapot gaat.
 */

.info-page-template .entry-content {
	max-width: 860px;
	margin: 0 auto;
	line-height: 1.75;
	font-size: 18px;
}

.info-page-template .entry-content h2,
.info-page-template .entry-content h3 {
	margin-top: 2rem;
	margin-bottom: 0.75rem;
}

.info-page-template .entry-content p,
.info-page-template .entry-content ul,
.info-page-template .entry-content ol {
	margin-bottom: 1.1rem;
}

.info-page-template .entry-content a {
	text-decoration: underline;
}

.info-related-posts {
	margin-top: 4rem;
}

.info-post-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.info-post-card {
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
}

.info-post-card__link {
	display: block;
	padding: 18px;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.info-post-card h3 {
	margin-bottom: 10px;
	font-size: 20px;
}

.info-post-card p {
	margin-bottom: 12px;
	font-size: 15px;
	line-height: 1.6;
}

@media (max-width: 999px) {
	.info-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.info-post-grid {
		grid-template-columns: 1fr;
	}
}