/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.12.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* =============================================
   Partner Slider - Hover Effect
   ============================================= */

/* Nền xanh overlay khi hover */
.item-sale {
    position: relative;
    transition: background-color 0.3s ease;
}

.item-sale::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(33, 150, 243, 0.6);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    pointer-events: none;
}

.item-sale:hover::before {
    opacity: 1;
}

/* Ẩn các phần tử logo, tên, địa chỉ khi hover */
.item-sale .item-hide {
    transition: opacity 0.3s ease;
}

.item-sale:hover .item-hide {
    opacity: 0;
}

/* Icon LinkedIn: mặc định ẩn, hiện ra centered khi hover */
.item-sale .elementor-widget-wrap {
    position: relative;
}

.item-sale .icon-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
    pointer-events: none;
}

.item-sale:hover .icon-center {
    opacity: 1;
    pointer-events: auto;
}

/* =============================================
   Fix: horizontal scroll on small screens (≤480px)
   Elementor Premium Carousel arrows sit at right:-20px/left:-20px
   (siblings outside .slick-list, so not clipped) and the slide peek
   bleeds content past the viewport. Pull arrows inside + clip overflow.
   ============================================= */
@media (max-width: 1024px) {
    .premium-carousel-inner .carousel-arrow.carousel-next { right: 0 !important; }
    .premium-carousel-inner .carousel-arrow.carousel-prev { left: 0 !important; }
    .premium-carousel-wrapper { overflow-x: clip; }
}

/* Header: HFE Nav Menu renders horizontal items as visibility:hidden on mobile
   (dropdown reuses the markup). Items still take layout space and push the page
   past the viewport. Clip the invisible horizontal nav on mobile. */
@media (max-width: 767px) {
    .elementor-location-header .hfe-nav-menu__layout-horizontal { overflow: hidden !important; }
}

/* Long German compound words (e.g. "Verhandlungspersönlichkeit") overflow
   narrow (≤360px) viewports. Allow break anywhere inside headings/body text. */
@media (max-width: 480px) {
    .elementor-heading-title,
    .elementor-widget-text-editor p { overflow-wrap: anywhere; word-break: break-word; }
}