.elementor-45 .elementor-element.elementor-element-8f3f8f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:180px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-login .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-login__logged-in-message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-45 .elementor-element.elementor-element-1ddd8b1 .elementor-field-group{margin-bottom:30px;}.elementor-45 .elementor-element.elementor-element-1ddd8b1 .elementor-form-fields-wrapper{margin-bottom:-30px;}.elementor-45 .elementor-element.elementor-element-1ddd8b1 .elementor-field-group > a{color:#000000;}body .elementor-45 .elementor-element.elementor-element-1ddd8b1 .elementor-field-group > label{padding-bottom:10px;}.elementor-45 .elementor-element.elementor-element-1ddd8b1 .elementor-form-fields-wrapper label{color:#000000;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;}.elementor-45 .elementor-element.elementor-element-1ddd8b1 .elementor-field-group .elementor-field{color:#000000;}.elementor-45 .elementor-element.elementor-element-1ddd8b1 .elementor-field-group .elementor-field, .elementor-45 .elementor-element.elementor-element-1ddd8b1 .elementor-field-subgroup label{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-45 .elementor-element.elementor-element-1ddd8b1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-45 .elementor-element.elementor-element-1ddd8b1 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-45 .elementor-element.elementor-element-1ddd8b1 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;}.elementor-45 .elementor-element.elementor-element-1ddd8b1 .elementor-login__logged-in-message{color:#000000;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-45 .elementor-element.elementor-element-5581774{--display:flex;--padding-top:20px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-45 .elementor-element.elementor-element-490f25e .elementor-button{background-color:#FFFFFF00;font-family:"Arial", Sans-serif;font-weight:500;fill:#7E573D;color:#7E573D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#7E573D;border-radius:32px 32px 32px 32px;}.elementor-45 .elementor-element.elementor-element-490f25e .elementor-button-content-wrapper{flex-direction:row;}@media(max-width:1024px){.elementor-45 .elementor-element.elementor-element-8f3f8f7{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-45 .elementor-element.elementor-element-5581774{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-45 .elementor-element.elementor-element-8f3f8f7{--content-width:1320px;}.elementor-45 .elementor-element.elementor-element-5581774{--content-width:1320px;}}@media(max-width:767px){.elementor-45 .elementor-element.elementor-element-8f3f8f7{--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-45 .elementor-element.elementor-element-490f25e .elementor-button{font-size:16px;}}/* Start custom CSS for login, class: .elementor-element-1ddd8b1 *//* 1. ปรับแต่งกล่องกรอกข้อมูล (Input Fields) */
.elementor-field-group input {
    background-color: #fcfbfa !important; /* สีครีมสว่าง ให้ฟีลอบอุ่น */
    border: 1px solid #e6dec9 !important; /* เส้นขอบสีเอิร์ธโทนอ่อน */
    border-radius: 8px !important; /* ปรับขอบให้มน ดูละมุนขึ้น */
    padding: 12px 16px !important; /* เพิ่มพื้นที่ให้กดง่ายขึ้น */
    font-size: 15px !important;
    transition: all 0.3s ease !important;
}

/* เอฟเฟกต์ตอนลูกค้าคลิกพิมพ์ (Focus) */
.elementor-field-group input:focus {
    border-color: #bfa57a !important; /* เปลี่ยนเป็นสีทอง/น้ำตาลตามโลโก้ */
    box-shadow: 0 0 0 3px rgba(191, 165, 122, 0.15) !important;
    background-color: #ffffff !important;
    outline: none !important;
}

/* 2. ปรับแต่งปุ่ม Log In (Button) */
.elementor-login .elementor-button {
    background-color: #bfa57a !important; /* ใช้สีน้ำตาลทองให้เข้ากับโลโก้ Cozy Street */
    color: #ffffff !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    border-radius: 8px !important; /* มนเท่ากับกล่องกรอก */
    padding: 12px 24px !important;
    box-shadow: 0 4px 12px rgba(191, 165, 122, 0.2) !important;
    transition: all 0.3s ease !important;
}

/* เอฟเฟกต์ตอนเอาเมาส์ไปชี้ปุ่ม (Hover) */
.elementor-login .elementor-button:hover {
    background-color: #a88e63 !important; /* เข้มขึ้นเล็กน้อยตอนชี้ */
    box-shadow: 0 6px 16px rgba(191, 165, 122, 0.3) !important;
    transform: translateY(-1px) !important; /* ยกปุ่มลอยขึ้นนิดๆ ให้ดูมีมิติ */
}

/* 3. ปรับแต่งลิงก์ลืมรหัสผ่าน / สมัครสมาชิก (Links) */
.elementor-login .elementor-remember-me {
    color: #706b63 !important; /* สีเทาอมน้ำตาลนุ่มๆ */
    font-size: 14px !important;
}

.elementor-login .elementor-lost-password, 
.elementor-login .elementor-register {
    color: #bfa57a !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.elementor-login .elementor-lost-password:hover, 
.elementor-login .elementor-register:hover {
    color: #a88e63 !important;
    text-decoration: underline !important; /* ขีดเส้นใต้ตอนชี้ */
}

.elementor-45 .elementor-element.elementor-element-1ddd8b1 .elementor-login .elementor-lost-password, .elementor-login .elementor-register {
    color: #000 !important;
    font-size: 20px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.elementor-45 .elementor-element.elementor-element-1ddd8b1 .elementor-login-separator{
    margin-left: 10px;
    margin-right: 10px;
    font-family: Sans-Serif;
}/* End custom CSS */