/*
Theme Name: Felisa
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0.1760685382
Updated: 2025-10-17 09:16:22

*/

.content-col .elementor-widget-image {
    position: relative;
    z-index: 10;
    margin-bottom: 0 !important;
    transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.content-col .menu {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    z-index: 5;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, 80px);
    transition: all 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.content-col.coming-soon .menu {
    left: 50%;
    top: 60%;
    transform: translate(-50%, 0px)!important;
}

.content-col.coming-soon:hover .elementor-widget-image {transform: translateY(-60px)!important;}
.content-col.coming-soon:hover .menu {transform: translate(-50%, 20px)!important;}

.content-col:hover .elementor-widget-image {
    transform: translateY(-90px);
}

.content-col:hover .menu {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 20px);
}

.content-col .menu p {
    margin: 0 0 6px 0;
    text-align: center;
}

.content-col .menu a {color:#000;}
.content-col .menu a:hover {color:#9b2423;}

.menu p {font-size:1.65rem; font-family: "Krona One Regular", sans-serif !important; color:#000; -webkit-font-smoothing: antialiased; }

.menu p:last-of-type {margin-bottom:0!important;}



@media (max-width: 767.98px) {
.menu p {font-size:22px;}

.content-col:hover .elementor-widget-image {
    transform: translateY(-70px);
}	
	
.content-col.coming-soon:hover .elementor-widget-image {transform: translateY(-30px)!important;}	
}


.diner,
.felisa {
  position: relative;
  overflow: hidden;
}

.diner > .elementor-widget-image:not(.feny-effekt) img,
.felisa > .elementor-widget-image:not(.feny-effekt) img {
  filter: brightness(0.75) contrast(1.05) !important; /* darker start */
  transition: filter 0.6s ease !important;
}

.diner:hover > .elementor-widget-image:not(.feny-effekt) img,
.felisa:hover > .elementor-widget-image:not(.feny-effekt) img {
  filter: brightness(1.05) contrast(1.05) !important;
}


.diner .elementor-widget-button .elementor-button, .felisa .elementor-widget-button .elementor-button, .felisa-v3 .elementor-widget-button .elementor-button, .diner-v3 .elementor-widget-button .elementor-button    {border-radius:50px;}
.diner .elementor-widget-button .elementor-button, .diner-v3 .elementor-widget-button .elementor-button  {background:#9d2423!important;}
.felisa .elementor-widget-button .elementor-button, .felisa-v3 .elementor-widget-button .elementor-button  {background:#CF831A!important;}


/* Videós verzió */
.diner-v2,
.felisa-v2 {
  position: relative;
  overflow: hidden;
  min-height: 80vh;
}

.diner-v2 > .elementor-widget-html,
.felisa-v2 > .elementor-widget-html {
  position: absolute;
  inset: 0;          
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;        
}

.diner-v2 > .elementor-widget-html > .elementor-widget-container,
.felisa-v2 > .elementor-widget-html > .elementor-widget-container {
  position: absolute;
  inset: 0;
}

.diner-v2 > .elementor-element:not(.elementor-widget-html),
.felisa-v2 > .elementor-element:not(.elementor-widget-html) {
  position: relative;
  z-index: 2;
}

.flag-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;    
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(.22,.61,.36,1);
}

.diner-v2:hover .flag-video,
.felisa-v2:hover .flag-video { opacity: 0.2; }

.diner-v2 > .elementor-widget-image img,
.felisa-v2 > .elementor-widget-image img {
  filter: brightness(0.75) contrast(1.05) !important;
  transition: filter 0.6s ease !important;
}
.diner-v2:hover > .elementor-widget-image img,
.felisa-v2:hover > .elementor-widget-image img {
  filter: brightness(1.05) contrast(1.05) !important;
}

.diner-v2 .elementor-widget-button .elementor-button,
.felisa-v2 .elementor-widget-button .elementor-button { border-radius: 50px; }
.diner-v2 .elementor-widget-button .elementor-button { background:#9d2423!important; }
.felisa-v2 .elementor-widget-button .elementor-button { background:#CF831A!important; }



/* =================================================== */
/* v3 — Videos visible by default, play only on hover/move */
/* =================================================== */

.diner-v3,
.felisa-v3 {
  position: relative;
  overflow: hidden;
  min-height: 80vh;
}

.diner-v3 > .elementor-widget-html,
.felisa-v3 > .elementor-widget-html {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

.diner-v3 > .elementor-widget-html > .elementor-widget-container,
.felisa-v3 > .elementor-widget-html > .elementor-widget-container {
  position: absolute;
  inset: 0;
}

.diner-v3 > .elementor-element:not(.elementor-widget-html),
.felisa-v3 > .elementor-element:not(.elementor-widget-html) {
  position: relative;
  z-index: 2;
}
.diner-v3 .flag-video,
.felisa-v3 .flag-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0.25;         
  transition: opacity 0.6s cubic-bezier(.22,.61,.36,1);
}
.diner-v3.is-hot .flag-video,
.felisa-v3.is-hot .flag-video {
  opacity: 0.45;         
}


.diner-v3 > .elementor-widget-image img,
.felisa-v3 > .elementor-widget-image img {
  filter: brightness(0.75) contrast(1.05) !important;
  transition: filter 0.6s ease !important;
}
.diner-v3.is-hot > .elementor-widget-image img,
.felisa-v3.is-hot > .elementor-widget-image img {
  filter: brightness(1.05) contrast(1.05) !important;
}



/* Background video layer fills column and doesn't block taps */
.diner-v3 > .elementor-widget-html,
.felisa-v3 > .elementor-widget-html {
  position: absolute; inset: 0; width: 100%; height: 100%;
  pointer-events: none; z-index: 0;
}
.diner-v3 > .elementor-widget-html > .elementor-widget-container,
.felisa-v3 > .elementor-widget-html > .elementor-widget-container { position: absolute; inset: 0; }

/* Content above video */
.diner-v3 > .elementor-element:not(.elementor-widget-html),
.felisa-v3 > .elementor-element:not(.elementor-widget-html) { position: relative; z-index: 2; }

/* Posters/paused videos visible by default */
.diner-v3 .flag-video, .felisa-v3 .flag-video {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; display: block;
  opacity: 0.25; transition: opacity .6s cubic-bezier(.22,.61,.36,1);
}
.diner-v3.is-hot .flag-video, .felisa-v3.is-hot .flag-video { opacity: 0.45; }



/* Allow vertical scrolling inside/over the columns on touch devices */
@media (hover: none) and (pointer: coarse) {
  .diner-v3,
  .felisa-v3 {
    touch-action: pan-y; /* don't block vertical scroll */
  }
}