/*
Theme Name: Athestate Child
Theme URI: https://ath.estate
Description: Child theme for Houzez - Athestate customizations (ATHESTATE text, logo sizing)
Author: Athestate
Template: houzez
Version: 1.0.0
*/

/* Import parent theme styles */
@import url("../houzez/style.css");

/* ========================================================================
   HEADER - ATHESTATE TEXT + LOGO STYLING
   ======================================================================== */

/* Prevent logo from being stretched */
.header-v5 .logo img,
.houzez-header .logo img {
    max-width: 200px;
    width: auto;
    height: 50px;
    object-fit: contain;
}

/* ATHESTATE text container */
.as-brand-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-left: 0;
    position: relative;
    width: 100% !important;
    max-width: none !important;
}

/* Logo image: pulled out of flex flow, centered horizontally in header */
.as-brand-wrap > a:nth-of-type(2) {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.as-brand-text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #0A1F3D;
    letter-spacing: 1.5px;
    line-height: 1;
    white-space: nowrap;
    user-select: none;
}

.as-brand-text a {
    color: #0A1F3D;
    text-decoration: none;
    transition: color 0.2s ease;
}

.as-brand-text a:hover {
    color: #C8A95B;
}

/* Tablet (max-width: 991px) - reduce text size, keep both */
@media (max-width: 991px) {
    .as-brand-text {
        font-size: 18px;
    }
    .as-brand-wrap {
        gap: 10px;
    }
}

/* Mobile (max-width: 767px) - hide ATHESTATE text, keep logo only */
@media (max-width: 767px) {
    .as-brand-text {
        display: none;
    }
}

/* Logo LEFT alignment for header-v5 (was center via space-between) */
.header-v5 .header-top .d-flex {
    justify-content: flex-start !important;
}

.header-v5 .header-top .as-brand-wrap {
    flex: 0 0 auto;
}

/* Push user-nav to the right while keeping the logo on the left */
.header-v5 .header-top .login-register {
    margin-left: auto !important;
}

/* Hide the empty social-icons slot (it was consuming 1/3 of header width) */
.header-v5 .header-social-icons {
    display: none !important;
}

/* Make sure logo container uses the brand wrapper */
.logo {
    display: flex;
    align-items: center;
}

.logo .as-brand-text {
    margin-right: 15px;
}