/*
Theme Name: Herzven's Exhibition
Theme URI: http://wellbe-eo.com/
Description: Theme and design present by Baramulti Group, Designer and Developer : Korniawan.p
Author: Korniawan P
Version: 1.2
 */

 /* --- GLOBAL --- */
        body, html {
            height: 100%;
            margin: 0;
            font-family: 'Poppins', sans-serif;
            overflow-x: hidden;
        }

        /* --- BACKGROUND --- */
        .main-bg {
            background-image: url('images/bg-white.jpg');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center left; 
            min-height: 100vh;
            width: 100%;
            position: relative;
        }

        /* --- LAYOUT PANEL --- */
        .left-panel {
            min-height: 100vh;
            position: relative; 
            display: flex;
            align-items: center; 
            justify-content: center; 
            /* Padding dihapus/dikurangi agar tidak mengganggu posisi logo */
            padding: 0; 
        }

        /* --- CSS KHUSUS LOGO (PERBAIKAN POSISI) --- */
        .logo-top {
            position: absolute;
            /* Jarak dibuat lebih kecil agar menempel ke pojok */
            top: 20px; 
            left: 30px; 
            width: 200px;
            max-width: 40%;
            z-index: 10;
            mix-blend-mode: multiply; 
        }

        /* Style umum untuk posisi bawah */
        .logo-bottom-pos {
            position: absolute;
            /* Jarak dibuat lebih kecil agar menempel ke pojok */
            bottom: 20px; 
            left: 30px;   
            z-index: 10;
            mix-blend-mode: multiply;
        }

        /* Ukuran spesifik logo Nirmana (Desktop) */
        .logo-nirmana {
            width: 120px; 
            max-width: 30%;
        }

        /* Ukuran spesifik logo Pinata (Mobile) */
        .logo-pinata-mobile {
            width: 160px;
            max-width: 40%;
        }

        /* --- CARD FORMULIR --- */
        .register-card {
            background-color: #ffffff; 
            width: 100%;
            max-width: 380px; 
            padding: 40px 30px;
            border-radius: 30px; 
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15); 
            z-index: 5;
            position: relative;
        }

        .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
            padding: 8px 0 !important;
        }

        /* --- FORM STYLES --- */
        .wpforms-field-large{
            border-radius: 50px !important;
            padding: 12px 20px !important;
            border: 1px solid #ced4da !important;
            font-size: 0.95rem !important;
        }
        .wpforms-field-large:focus {
            box-shadow: 0 0 0 3px rgba(0,0,0,0.1) !important;
            border-color: #333 !important;
        }
        ::placeholder { color: #aaa; }

        .btn-register {
            background-color: #000 !important;
            color: #fff !important;
            border-radius: 50px !important;
            padding: 12px !important;
            width: 100% !important;
            font-weight: 600 !important;
            border: none !important;
            margin-top: 10px !important;
            transition: all 0.3s ease !important;
        }
        .btn-register:hover {
            background-color: #333 !important;
            color: #fff !important;
            transform: translateY(-2px) !important;
        }

        /* --- RESPONSIVE MOBILE --- */
        @media (max-width: 768px) {
            .main-bg {
                background-position: 70% center; 
            }
            .left-panel {
                width: 100%; 
                /* Tambahkan padding di mobile agar konten tidak mepet layar */
                padding: 20px; 
            }
            
            /* Posisi logo di mobile mungkin perlu sedikit lebih longgar dibanding desktop */
            .logo-top {
                top: 30px;
                left: 30px;
            }

            .logo-bottom-pos {
                bottom: 30px;
                left: 30px;
            }
            
            .register-card {
                margin-top: 20px;
                margin-bottom: 80px; /* Jarak agar tidak menabrak logo bawah */
            }
        }