.elementor-18456 .elementor-element.elementor-element-663cd8b3{margin-top:50px;margin-bottom:50px;}.dzsparallaxer .dzsparallaxer--target{height:130% !important;}.elementor-bc-flex-widget .elementor-18456 .elementor-element.elementor-element-4793625a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-18456 .elementor-element.elementor-element-4793625a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-18456 .elementor-element.elementor-element-4793625a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-18456 .elementor-element.elementor-element-2140418d{width:var( --container-widget-width, 27.881% );max-width:27.881%;--container-widget-width:27.881%;--container-widget-flex-grow:0;}.elementor-18456 .elementor-element.elementor-element-2140418d > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-18456 .elementor-element.elementor-element-2140418d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18456 .elementor-element.elementor-element-4588f103 .elementor-button-content-wrapper{flex-direction:row;}@media(max-width:767px){.elementor-18456 .elementor-element.elementor-element-2140418d{width:var( --container-widget-width, 214.1px );max-width:214.1px;--container-widget-width:214.1px;--container-widget-flex-grow:0;}}/* Start custom CSS for shortcode, class: .elementor-element-738b5ba2 *//* Styling untuk generator di frontend */
.wc-dclg-frontend-container {
    background-color: #ffffff; /* Latar belakang putih bersih */
    border: 1px solid #e0e0e0;
    padding: 30px; /* Padding lebih besar */
    border-radius: 8px; /* Sudut membulat */
    max-width: 650px; /* Lebar yang lebih ideal */
    margin: 30px auto; /* Tengahkan dengan margin lebih */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Shadow lebih menonjol */
    font-family: 'Open Sans', 'Helvetica Neue', sans-serif; /* Font yang umum digunakan web */
}

.wc-dclg-frontend-container h3 {
    font-size: 1.8em; /* Ukuran judul lebih besar */
    margin-top: 0;
    margin-bottom: 25px; /* Margin lebih besar */
    color: #333;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    text-align: center; /* Tengahkan judul */
    font-weight: 600;
}

.wc-dclg-frontend-form p {
    margin-bottom: 20px; /* Jarak antar paragraf lebih besar */
}

.wc-dclg-frontend-form label {
    font-weight: 600; /* Lebih tebal */
    display: block;
    margin-bottom: 8px; /* Jarak antara label dan input */
    color: #444;
    font-size: 1.05em;
}

.wc-dclg-input-quantity,
.select2-container.wc-dclg-product-search .select2-selection { /* Styling untuk Select2 dan input */
    width: 100%; /* Lebar penuh */
    padding: 10px 15px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    box-sizing: border-box;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.wc-dclg-input-quantity:focus,
.select2-container--open .select2-selection {
    border-color: #007bff; /* Warna biru fokus yang umum */
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); /* Glow effect */
    outline: none;
}

.wc-dclg-frontend-form small.description {
    display: block;
    font-size: 0.88em;
    color: #777;
    margin-top: 8px;
    line-height: 1.4;
}

.wc-dclg-form-submit {
    margin-top: 30px;
    text-align: center; /* Tengahkan tombol submit */
}

.wc-dclg-form-submit .button.alt { /* Tombol utama */
    background-color: #007bff; /* Warna biru primer */
    border-color: #007bff;
    color: #fff;
    padding: 12px 25px;
    font-size: 1.1em;
    font-weight: 600;
    border-radius: 6px;
    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.3);
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
}

.wc-dclg-form-submit .button.alt:hover {
    background-color: #0056b3;
    border-color: #0056b3;
    box-shadow: 0 6px 15px rgba(0, 123, 255, 0.4);
    transform: translateY(-2px); /* Efek angkat sedikit saat hover */
}

/* Styling untuk area hasil */
.wc-dclg-frontend-result-box {
    margin-top: 40px;
    padding: 25px;
    border: 2px dashed #aed6f1; /* Border biru soft */
    background-color: #eaf7ff; /* Background light blue */
    border-radius: 8px;
    text-align: center; /* Tengahkan konten hasil */
}

.wc-dclg-frontend-result-box h4 {
    font-size: 1.3em;
    margin-top: 0;
    margin-bottom: 15px;
    color: #2980b9;
}

.wc-dclg-frontend-link-output {
    display: flex;
    flex-direction: column; /* Tata vertikal */
    align-items: center; /* Pusatkan item secara horizontal */
    gap: 15px;
}

.wc-dclg-input-link {
    width: 100%; /* Pastikan lebar penuh dalam container */
    padding: 12px 15px;
    border: 1px solid #b3d4f1;
    border-radius: 6px;
    background-color: #f7fcff;
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.95em;
    text-align: center; /* Tengahkan teks link */
    overflow-wrap: break-word; /* Pastikan teks link pecah baris jika terlalu panjang */
    word-wrap: break-word;
}

/* Tombol Salin */
.wc-dclg-frontend-link-output .button {
    background-color: #6c757d; /* Warna abu-abu netral */
    border-color: #6c757d;
    color: #fff;
    padding: 10px 20px;
    font-size: 1em;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
    width: auto; /* Otomatis menyesuaikan konten */
}

.wc-dclg-frontend-link-output .button:hover {
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    transform: translateY(-1px);
}

.wc-dclg-copy-message {
    color: #28a745; /* Warna hijau sukses */
    font-weight: bold;
    font-size: 0.9em;
    margin-top: 10px; /* Jarak dari tombol */
    display: none;
    white-space: nowrap;
    animation: fadeOut ease 3s forwards;
}

/* Animasi Fade Out (sama seperti admin) */
@keyframes fadeOut {
    0% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}

/* Select2 overrides for frontend */
.select2-container.wc-dclg-product-search .select2-selection--single {
    height: auto !important;
    min-height: 42px; /* Lebih tinggi agar terlihat lebih baik di frontend */
    padding: 10px 15px !important; /* Padding yang lebih baik */
    border: 1px solid #dcdcdc !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important; /* Sesuaikan tinggi panah */
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 22px !important; /* Sesuaikan line-height */
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #007bff !important; /* Warna highlight yang konsisten */
    color: white !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #e2f0ff !important; /* Warna pilihan yang dipilih */
    color: #333 !important;
}


/* Responsivitas dasar */
@media (max-width: 768px) {
    .wc-dclg-frontend-container {
        padding: 20px;
        margin: 20px auto;
    }
    .wc-dclg-frontend-container h3 {
        font-size: 1.4em;
        margin-bottom: 15px;
    }
    .wc-dclg-input-quantity {
        width: 100%;
    }
    .wc-dclg-frontend-link-output {
        gap: 10px;
    }
    .wc-dclg-form-submit .button.alt,
    .wc-dclg-frontend-link-output .button {
        width: 100%;
        padding: 10px 15px;
        font-size: 1em;
    }
}/* End custom CSS */