/* 
Theme Name: Southgate Mall 2026
Theme URI: https://www.southgatemall.co.za/
Description: Elegant theme custom-made for Southgate Mall
Author: Kemoso
Author URI: https://kemoso.com/
Template: hello-elementor
Version: 2.0.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
*/
/* ===== SGM LAYOUT FIXES — May 2026 ===== */
html { overflow-x: hidden; }
footer, .site-footer, footer.elementor-section { position: relative; z-index: 1; }
.elementor-nav-menu--dropdown, .elementor-nav-menu__container { z-index: 9999 !important; }
#blog-title.elementor-page-title {display:block}
#blog-copy-container {padding-top:0}
.featured-stores-container .elementor-widget-text-editor {
    background-color: #F3712152;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-f8f124f);
    border-radius: 5px 5px 5px 5px;
    padding: 3px 3px 3px 3px;
    margin: 0px 5px 0px 0px;	
}
#bottom-logo.elementor-widget-image a img[src$=".svg"] {width:100%}

/* SGM Promo Card - competition badge colour */
.e-loop-item.promo-cat-competition .sgm-promo-badge p {
    background: #F37121 !important;
}


/* === SGM Brand Update — 3rd party plugin overrides only === */

/* Directorist */
.directorist-btn-search,
.directorist-search-form__submit {
    background-color: #E95D0C !important;
    border-color: #E95D0C !important;
}/*
.directorist-badge,
.directorist-listing-category a {
    background-color: #E95D0C !important;
    color: #fff !important;
}*/
.directorist-icon-heart,
.directorist-listing-card__favourite {
    color: #E95D0C !important;
}
/* Branded fallback tile — replaces grey mountain placeholder */
.directorist-single-listing-img-wrap .directorist-no-thumbnail,
.directorist-listing-card__img-wrap:not(:has(img[src*="http"])) {
    background-color: #2C5034 !important;
}

/* ElementsKit footer (post 78) — globals don't reach EK templates */
.ekit-template-content-footer .widget-title,
.elementor-location-footer .widget-title {
    color: #E69A3A !important;
}
.elementor-location-footer .elementor-button.go-btn,
.ekit-template-content-footer input[type="submit"] {
    background-color: #E95D0C !important;
    border-color: #E95D0C !important;
}
/* Remove social icon coloured circle backgrounds in footer */
.elementor-location-footer .elementor-social-icon {
    background-color: transparent !important;
    border: none !important;
}
.elementor-location-footer .elementor-social-icon svg,
.elementor-location-footer .elementor-social-icon i {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.sib-email-area, .sib-FIRSTNAME-area, .sib-LASTNAME-area {
	color:#fff;
}

.sib-default-btn [type-submit] {
	border-color:var(--e-global-color-accent);
	color:var(--e-global-color-accent);
}

/* Home category buttons: let the widget span the card, centre the button,
   and allow the label to wrap instead of being clipped */
.elementor-widget-elementskit-button:has(.home-category-button) {
    width: 100%;
    max-width: 100%;
}
.elementor-widget-elementskit-button:has(.home-category-button) .ekit-btn-wraper {
    display: flex;
    justify-content: center;
}
.ekit-wid-con .elementskit-btn.home-category-button {
    width: max-content;      /* one line when there's room… */
    max-width: 100%;         /* …wrap when there isn't */
    box-sizing: border-box;
    white-space: normal;
    text-align: center;
    line-height: 1.25;
}
.ekit-wid-con .elementskit-btn.home-category-button svg {
    flex: 0 0 auto;          /* keep the icon from squashing */
}

/* Laptop widths: cards are narrow, so tighten the button a little */
@media only screen and (max-width: 1550px) and (min-width: 1025px) {
    .ekit-wid-con .elementskit-btn.home-category-button {
        font-size: 14px;
        padding: 12px 16px;
    }
}

/* Hide Mall Map in the header top bar until the new map designs arrive */
.elementor-repeater-item-d14a2ec {
    display: none !important;
}