/**
 * Divi CSS specificity fix for Video Grid Pro.
 *
 * Divi's theme stylesheet uses long, deeply-nested selector chains
 * (".et-db #et-boc .et-l ...") and list/image resets that beat this plugin's
 * simple class-based rules - which strips captions, pager styling, play
 * buttons, etc. inside a Divi layout. These re-assert the grid's own styling
 * with matching (or higher) specificity. Only enqueued when Divi is detected.
 */

/* ---------- Caption ---------- */
.et_pb_module .img_caption_,
.et-db #et-boc .et-l .img_caption_ {
	background: rgba(80, 80, 80, 0.75) !important;
	bottom: 0 !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: normal !important;
	left: 0 !important;
	letter-spacing: 0 !important;
	line-height: 20px !important;
	margin: 0 !important;
	padding: 4px !important;
	position: absolute !important;
	width: 100% !important;
	max-height: 55px !important;
	text-align: left !important;
}

/* ---------- Pager / pagination ---------- */
.et_pb_module .navigation_grid_p1,
.et-db #et-boc .et-l .navigation_grid_p1 {
	clear: both !important;
	padding-top: 20px !important;
	text-align: inherit !important;
}
.et_pb_module .navigation_grid_p1 ul,
.et-db #et-boc .et-l .navigation_grid_p1 ul {
	list-style: none !important;
	font-size: 12px !important;
	padding: 0 !important;
	margin: 0 !important;
}
.et_pb_module div.navigation_grid_p1 ul.page-numbers li,
.et-db #et-boc .et-l div.navigation_grid_p1 ul.page-numbers li {
	display: inline !important;
	list-style: none !important;
}
.et_pb_module div.navigation_grid_p1 ul.page-numbers li a,
.et-db #et-boc .et-l div.navigation_grid_p1 ul.page-numbers li a {
	display: block !important;
	float: left !important;
	padding: 4px 9px !important;
	margin-right: 7px !important;
	border: 1px solid #efefef !important;
	text-decoration: none !important;
}
.et_pb_module div.navigation_grid_p1 ul.page-numbers li span.current,
.et-db #et-boc .et-l div.navigation_grid_p1 ul.page-numbers li span.current {
	display: block !important;
	float: left !important;
	padding: 4px 9px !important;
	margin-right: 7px !important;
	border: 1px solid #efefef !important;
	background-color: #f5f5f5 !important;
}
.et_pb_module div.navigation_grid_p1 ul.page-numbers li span.dots,
.et-db #et-boc .et-l div.navigation_grid_p1 ul.page-numbers li span.dots {
	display: block !important;
	float: left !important;
	padding: 4px 9px !important;
	margin-right: 7px !important;
}
.et_pb_module .page-numbers,
.et-db #et-boc .et-l .page-numbers {
	padding: 0 !important;
	margin: 0 !important;
}

/* ---------- Tile image reset (Divi forces its own img rules) ---------- */
.et_pb_module .thum_div_ img,
.et-db #et-boc .et-l .thum_div_ img {
	max-width: none !important;
}

/* ---------- Play button overlays ---------- */
.et_pb_module .playbtnCss_video__,
.et_pb_module .playbtnCss_zoom__,
.et_pb_module .playbtnCss_link__,
.et-db #et-boc .et-l .playbtnCss_video__,
.et-db #et-boc .et-l .playbtnCss_zoom__,
.et-db #et-boc .et-l .playbtnCss_link__ {
	box-sizing: content-box !important;
}