From a7076f1b2e5a7c45c7b6c18d1ee64cb6f09a6eab Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Thu, 11 Dec 2025 15:28:13 +0100
Subject: [PATCH] FEATURE Adding new style variation 'stacked-background' to
 custom video block and updating section wrapper attributes for improved
 flexibility

---
 plugins/carhop-blocks/acf-blocks/custom-video/block.json    | 6 ++++++
 .../carhop-blocks/acf-blocks/custom-video/custom-video.php  | 4 +++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/plugins/carhop-blocks/acf-blocks/custom-video/block.json b/plugins/carhop-blocks/acf-blocks/custom-video/block.json
index cf931bf..e193437 100644
--- a/plugins/carhop-blocks/acf-blocks/custom-video/block.json
+++ b/plugins/carhop-blocks/acf-blocks/custom-video/block.json
@@ -17,6 +17,12 @@
 			"full"
 		]
 	},
+	"styles": [
+		{
+			"name": "stacked-background",
+			"label": "Fond empilé"
+		}
+	],
 	"acf": {
 		"mode": "auto",
 		"renderTemplate": "custom-video.php"
diff --git a/plugins/carhop-blocks/acf-blocks/custom-video/custom-video.php b/plugins/carhop-blocks/acf-blocks/custom-video/custom-video.php
index 05fc014..240551e 100644
--- a/plugins/carhop-blocks/acf-blocks/custom-video/custom-video.php
+++ b/plugins/carhop-blocks/acf-blocks/custom-video/custom-video.php
@@ -3,7 +3,9 @@ $custom_video_id = get_field('custom_video_id');
 
 ?>
 
-<section class="block-custom-video custom-video content-section">
+
+
+<section <?php echo  get_block_wrapper_attributes(array('class' => 'block-custom-video custom-video content-section')) ?>>
 	<div style="position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden;">
 		<iframe id="ik-vod-<?php echo $custom_video_id; ?>" class="ik-player-1jhvl2upwockr ik-embed" src="https://player.vod2.infomaniak.com/embed/<?php echo $custom_video_id; ?>" width="100%" height="100%" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0" allowfullscreen crossorigin="anonymous" frameborder="0" allow="autoplay; fullscreen; picture-in-picture"></iframe>
 	</div>