/*
Theme Name: Hello Elementor Child
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Shik
Author URI: 
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor
*/

.grecaptcha-badge,.grecaptcha-logo{visibility: hidden !important;}
header.site-header{display:none !important;}

/* accessible effects */
.elementor-invisible {
    visibility: visible!important;
    opacity: 0
}
a{
    outline: none;
}

/* large screens */
@media (min-width: 767px){

}

/* mobile */
@media (max-width: 767px) {
  .elementor-widget-shik_gallery img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: none !important;
	aspect-ratio: revert-layer;
  }
  .elementor-widget-shik_gallery .spg-full.spg-fixed .spg-full-img{
	position: relative!important;
	top: auto!important;
	bottom: auto!important;
	left: auto!important;
	right: auto!important;
	width: 100%!important;
	height: var(--spg-full-h)!important;
  }
  .elementor-widget-shik_gallery .spg-full.spg-fixed{width: 91vw !important;}
}

/* ==========================================
   OBGAL
========================================== */

.obgal {
    --obgal-gap: 4vw;

    /* רוחב התמונות הרגילות */
    --obgal-small-width: 760px;

    /* רוחב זוג Portrait */
    --obgal-portrait-width: 1100px;

    /* גובה תמונת Hero */
    --obgal-hero-height: 85vh;
}


/* ביטול העיצוב המקורי של Elementor */
.obgal .gallery {
    display: flex !important;
    flex-direction: column;
    align-items: center;

    width: 100%;
    margin: 0 !important;
    gap: var(--obgal-gap);
}

.obgal .gallery-item {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================
   LANDSCAPE רגילה
========================================== */

.obgal .obgal-landscape-small {
    width: min(
        var(--obgal-small-width),
        calc(100% - 40px)
    ) !important;

    margin-inline: auto !important;
}

.obgal .obgal-landscape-small img {
    display: block;

    width: 100%;
    height: auto;
}


/* ==========================================
   LANDSCAPE FULL WIDTH / FIXED
========================================== */

.obgal .obgal-landscape-full {
    width: 100vw !important;
    max-width: none !important;

    height: var(--obgal-hero-height);
    min-height: 600px;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


/* ==========================================
   שתי תמונות PORTRAIT
========================================== */

.obgal .obgal-portrait-row {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: var(--obgal-gap);

    width: min(
        var(--obgal-portrait-width),
        calc(100% - 40px)
    );

    margin-inline: auto;
}

.obgal .obgal-portrait-row .gallery-item {
    width: 100% !important;
}

.obgal .obgal-portrait-row img {
    display: block;

    width: 100%;
    height: auto;
}


/* ==========================================
   PORTRAIT בודדת
========================================== */

.obgal .obgal-single-portrait {
    width: min(
        540px,
        calc(100% - 40px)
    ) !important;

    margin-inline: auto !important;
}

.obgal .obgal-single-portrait img {
    display: block;

    width: 100%;
    height: auto;
}


/* ==========================================
   SAFARI
   ביטול FIXED בלבד בספארי
========================================== */

/*
Safari תומך ב-selector הזה,
Chrome לא נכנס לתנאי.
*/

@supports (-webkit-touch-callout: none) {

    .obgal .obgal-landscape-full {
        background-attachment: scroll;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .obgal {
        --obgal-gap: 12px;
        --obgal-hero-height: 70vh;
    }

    .obgal .obgal-landscape-small {
        width: calc(100% - 24px) !important;
    }

    .obgal .obgal-portrait-row {
        grid-template-columns: 1fr;

        width: calc(100% - 24px);
    }

    .obgal .obgal-single-portrait {
        width: calc(100% - 24px) !important;
    }

    .obgal .obgal-landscape-full {
        min-height: 450px;
    }
}

/*********************/