/*===================================================================================*/
/*	CUSTOM CSS STYLES
/*===================================================================================*/

.languages{
	margin-left: 20px!important;
}
.main-logo{
	max-width:800px!important;
	height:auto;
}	
@media (max-width: 767px) {
	.main-logo{
		max-width:100%;
	}
}

#tab-images .panel,
#tab-images .panel-body {
  position: relative !important;
  overflow: visible !important;
}
#actor_photos.gallery,
#actor_photos.gallery .photobox,
#actor_photos.gallery a {
  position: static !important;
  display: flex !important;
  /*flex-wrap: wrap !important;*/
  align-items: center;
}
#actor_photos.gallery a img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  float: none !important;
  margin: 6px !important;
}
.photobox,
.photobox .phbox,
.photobox a,
.photobox img {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
}

/* ---- FINAL EDGE FIX ATTEMPT: Layout/Stacking Issues ---- */
@supports (-webkit-appearance:none) and (stroke-color:transparent) { 
    /* Detect Microsoft Edge specifically */

    /* Ensure standard images within columns display correctly */
    .col-lg-5 img.img-thumbnail.hidden-xs, 
    img.rounded.img-thumbnail {
        max-width: 100% !important; 
        height: auto !important; 
        display: block !important;
        margin: 0 auto 15px auto !important;
        position: static !important;
        transform: none !important;
    }

    /* FIX for carousels stacking/white background/positioning issues */
    /* Target the main carousel container and ensure it's not hidden by overflow */
    #owl-main, #tab-images {
        overflow: visible !important; /* Critical: Stops clipping/hiding */
        position: relative !important; /* Establishes positioning context for its children */
        width: 100% !important; /* Ensure it takes up the full width */
        background-color: transparent !important;
        /* Force Edge to re-render the element on its own layer */
        transform: translateZ(0); 
    }

    /* Target the inner workings of the Owl Carousel */
    .owl-carousel .owl-stage-outer {
        overflow: visible !important; 
    }
    
    /* Ensure individual carousel items (the slides) get the correct width from the JS */
    /* If they stack, it means their calculated width is 100% instead of a fraction */
    .owl-carousel .owl-item {
        float: left !important; /* Ensure they float next to each other */
        /* You may need to manually specify a width here if JS fails: */
        /* width: 200px !important; */ /* Use this only if the above doesn't work */
    }

    /* Make sure all parent elements allow overflow */
    .panel, .panel-body, .caption, .col-lg-5, .row {
        overflow: visible !important;
        position: relative !important; 
        transform: none !important;
    }
}