/*
Theme Name: GGWD
Author: Giulio Gualtieri
Author URI: https://seolog.net/web-designer-freelance/
Description: Tema WordPress by Giulio Gualtieri
Requires at least: 6.3
Requires PHP: 8.0
Version: 0.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ggwd
*/

/** -------------------------------------------------------------------------------- */
/* // ! HTML 5 VIDEO */
/** -------------------------------------------------------------------------------- */
.my-video-dimensions{
  width: 100% !important;
  height: 100vh !important;

}

.my-video-dimensions{max-height: 600px;object-fit: cover;max-width: 1150px;}
.my-video-dimensions-full{max-height: 100vh;object-fit: cover;max-width: 100%;}
@media(min-width:1440px){
  .my-video-dimensions {max-height: 100%;object-fit: cover;max-width: 1150px;}
  .my-video-dimensions-full{max-height: 100vh;object-fit: cover;max-width: 100%;}
}
@media(max-width:768px){
  .my-video-dimensions-full{height: 105vh;max-height: 105vh;max-width: 105%;object-fit: cover;margin-top: -100px;position: relative;z-index: -1;}
}
.row-video-full {padding-left:0px!important;padding-right:0px!important}

.video-container {
      position: relative;
      width: 100%;
      aspect-ratio: 16 / 9;
      overflow: hidden;
    }

    video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .video-overlay {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.25); /* Optional dark overlay */
    }

    .video-overlay img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
    }

    .play-icon {
      width: 80px;
      height: 80px;
      z-index: 2;
    }

    .play-icon svg {
      width: 100%;
      height: 100%;
      fill: white;
      transition: transform 0.2s ease;
    }

    .video-overlay:hover .play-icon svg {
      transform: scale(1.1);
    }