/*
Theme Name: Halstein Child
Theme URI: https://halstein.qodeinteractive.com
Description: A child theme of Halstein
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: halstein
Template: halstein
*/

/* ===============================================
   Blog Carousel - Force 4:3 Aspect Ratio (Dọc 3 : Ngang 4)
   =============================================== */

/* Container hình ảnh với padding-bottom technique */
.qodef-addons-blog-slider .qodef-e-media-image {
    position: relative;
    overflow: hidden;
    padding-bottom: 75%; /* Tỷ lệ 3/4 = 0.75 = 75% (dọc 3, ngang 4) */
    height: 0;
}

/* Link bao bọc hình phải absolute để fill container */
.qodef-addons-blog-slider .qodef-e-media-image a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

/* Hình ảnh fill và crop đều */
.qodef-addons-blog-slider .qodef-e-media-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover; /* Crop hình để vừa khít không bị méo */
    object-position: center;
}

/* ===============================================
   Footer Padding Customization
   =============================================== */

/* Giảm padding top và bottom của Footer Top Area xuống 50px */
#qodef-page-footer-top-area-inner {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

/* ===============================================
   Header Top Menu - Hide
   =============================================== */

/* Ẩn phần top menu (email, phone, hours, language) trong header */
.qodef-tabbed-header-top-wrapper,
.qodef-tabbed-header-top-area {
    display: none !important;
}

/* Ẩn nút "Info" (side area opener) trong header */
.qodef-widget-holder.qodef--one,
.widget_halstein_core_side_area_opener,
.qodef-side-area-opener {
    display: none !important;
}