/*!
Theme Name: Hadjiyiannis Child
Theme URI: https://redwolfogilvy.cy
Description: Hadjiyiannis by Redwolf Ogilvy [MT]
Author: Redwolf Ogilvy LTD
Author URI: https://redwolfogilvy.cy
Template: hadjiyiannis
Version: 1.0.0
Text Domain: hadjiyiannis
*/

 /* Add your custom style here */



/*
#view-hover-wrapper #view-hover {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    pointer-events: none; 
}

#view-hover-wrapper:hover #view-hover {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto; 
}
*/

/* ================================
   Hidden State (Default)
================================ */

/* Hidden State */
#view-hover-wrapper #view-hover {
    max-height: 0;
    overflow: hidden;

    opacity: 0;
    transform: translateY(30px);

    transition: 
        max-height 0.5s ease-in-out,
        opacity 0.5s ease 0.15s,
        transform 0.5s ease 0.15s;

    pointer-events: none;
}


/* Hover State */
#view-hover-wrapper:hover #view-hover {
    max-height: 300px;

    opacity: 1;
    transform: translateY(0);

    pointer-events: auto;
}



.elementor-pagination .page-numbers.current {
    color: var( --e-global-color-uicore_accent );
    border: 1px solid var( --e-global-color-uicore_accent );
    border-radius: 50px;
    padding: 5px 10px 5px 10px;
    line-height: 16px;
    display: inline-block;
    margin-top: 2px;
}







.rw-subcat-grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns: repeat(var(--rw-cols, 1), minmax(0, 1fr));
  gap: 10px 20px;
}
.rw-subcat-item a{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
.rw-subcat-thumb{
  width:40px;
  height:40px;
  object-fit:cover;
}
.rw-subcat-count{ opacity:.7; margin-left:6px; }





li.rw-hy-mega-menu ul.dropdown-menu {
    background: transparent!important;
}



/* Force-align anchors inside nav/mega menu contexts */
.nav .rw-catmega .rw-catmega__title a{
  text-align: var(--rw-title-align, left)!important;
}

.nav .rw-catmega .rw-catmega__subcats a.rw-catmega__subcat{
  text-align: var(--rw-subcats-text-align, left)!important;
}





.plus-navigation-wrap .plus-navigation-inner .navbar-nav>li.menu-item.menu-item-has-children:hover a:before {
    border-width: 1px!important;
    width: 100%;
    bottom: 0px;
}



#view-hover .neutral-link span.elementor-icon-list-text a {
    color: inherit;
}



/*
.bg-zoom {
    overflow: hidden;
    position: relative;
}

.bg-zoom::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.6s ease;
    z-index: 0;
    pointer-events: none;
}

.bg-zoom > * {
    position: relative;
    z-index: 1;
}

.bg-zoom:hover::before {
    transform: scale(1.08);
}


*/



/* Triple class to beat Elementor's 3-class specificity; !important as safety net.
   This sets up the card as the clipping window and a dedicated zoomable layer. */
.bg-zoom.bg-zoom.bg-zoom {
  overflow: hidden !important;
  position: relative;
  background-color: #191919 !important;   /* matches the dark section behind the cards, kills the corner halo */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;    /* extra insurance against subpixel GPU bleed */
}

.bg-zoom.bg-zoom.bg-zoom::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;                 /* rounded clip on the transformed layer */
  background-image: inherit;              /* pulls the DCE-dynamic Featured Image */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transform: scale(1);
  transform-origin: center center;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
  z-index: 0;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.bg-zoom.bg-zoom.bg-zoom:hover::after {
  transform: scale(1.08);
}

.bg-zoom.bg-zoom.bg-zoom::before {
  z-index: 1 !important;                  /* keep the existing gradient overlay above the image */
}

.bg-zoom.bg-zoom.bg-zoom > * {
  position: relative;
  z-index: 2;                             /* keep titles/meta above everything */
}index: 2;
}