/* ==========================================================
   AUTH PAGES — ใช้ Header ชุดเดียวกับหน้า Home จริง ๆ
   ----------------------------------------------------------
   หลักการรอบนี้:
   - ไม่กำหนดสี/ความสูง/padding/nav button ซ้ำในไฟล์นี้
   - Header ของ Login/Register/Register Provider ใช้
     home_marketplace.css โดยตรง เพื่อให้ขนาดและตำแหน่งเท่า Home 1:1
   - ไฟล์นี้ดูแลเฉพาะพื้นที่ฟอร์ม Auth เท่านั้น
   ========================================================== */
body.page-auth.grab-home{
    min-height:100vh;
    margin:0;
    background:#fbf7ef;
}

/* Header ไม่ Override ค่า Home อีกต่อไป
   จึงไม่เกิดอาการหน้า Home สูงแบบหนึ่ง แต่ Login/Register สูงอีกแบบ */
body.page-auth .register-container{
    min-height:calc(100vh - 74px) !important;
    padding:34px 16px !important;
}

/* หน้า Auth ใช้เมนูแบบข้อความเหมือนหน้า Home
   โดยเฉพาะ "เข้าสู่ระบบ" ไม่มีพื้นหลังปุ่มแดงซ้อนอีกชั้น */
body.page-auth.grab-home .market-nav > a,
body.page-auth.grab-home .market-nav > a.active,
body.page-auth.grab-home .market-nav > .nav-login,
body.page-auth.grab-home .market-nav > .nav-login.active{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:rgba(255,255,255,.94) !important;
}

body.page-auth.grab-home .market-nav > a:hover,
body.page-auth.grab-home .market-nav > a.active:hover,
body.page-auth.grab-home .market-nav > .nav-login:hover,
body.page-auth.grab-home .market-nav > .nav-login.active:hover{
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
}

/* บอกหน้าปัจจุบันแบบไม่สร้างกรอบปุ่ม */
body.page-auth.grab-home .market-nav > a.active{
    font-weight:700 !important;
}

@media(max-width:760px){
    body.page-auth .register-container{
        min-height:calc(100vh - 64px) !important;
        padding:24px 12px !important;
    }
}


/* ==========================================================
   AUTH HEADER HARD FIX v2 — Login/Register เท่ากับ Home
   แก้กรณี CSS เก่าทับโลโก้/ความสูงของหน้า Login
   ========================================================== */
body.page-auth.grab-home > header.market-header.customer-site-header {
    width: 100% !important;
    min-height: 74px !important;
    background: #711923 !important;
    border-bottom: 1px solid #5c1119 !important;
    box-shadow: 0 4px 18px rgba(61,16,22,.16) !important;
}

body.page-auth.grab-home > header.market-header.customer-site-header > .market-header-inner.customer-site-header-inner {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 74px !important;
    margin: 0 !important;
    padding: 10px 36px 10px 72px !important;
    box-sizing: border-box !important;
}

body.page-auth.grab-home .customer-site-brand {
    display: inline-flex !important;
    align-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 auto !important;
    text-decoration: none !important;
}

body.page-auth.grab-home .customer-site-brand .brand-mark {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.page-auth.grab-home .customer-site-brand .brand-copy {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.page-auth.grab-home .customer-site-nav {
    margin-left: auto !important;
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
}

@media (max-width: 760px) {
    body.page-auth.grab-home > header.market-header.customer-site-header,
    body.page-auth.grab-home > header.market-header.customer-site-header > .market-header-inner.customer-site-header-inner {
        min-height: 64px !important;
    }
    body.page-auth.grab-home > header.market-header.customer-site-header > .market-header-inner.customer-site-header-inner {
        padding: 8px 14px !important;
    }
}