/*
Theme Name: Woostify Child
Theme URI: https://woostify.com
Template: woostify
Author: Woostify
Author URI: https://woostify.com/about
Description: Woostify is fast, lightweight, responsive and super flexible WooCommerce theme built with SEO, speed, and usability in mind. The theme works great with any of your favorite page builder likes Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, etc. Therefore, you can build any type of websites like shop, business agencies, corporate, portfolio, education, university portal, consulting, church, restaurant, medical and so on. Woostify is compatible with all well-coded plugins, including major ones like WooCommerce, OrbitFox, Yoast, BuddyPress, bbPress, etc. Learn more about the theme and ready to import demo sites at https://woostify.com
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,rtl-language-support,footer-widgets,sticky-post,theme-options
Version: 2.2.2.1753198834
Updated: 2025-07-22 22:40:34
*/

/* ==========================================================================
   Base Styles - Diwarisi dari parent theme woostify
   ========================================================================== */

/* Anda bisa menambahkan override style untuk parent theme di sini jika diperlukan */

/* ==========================================================================
   Custom Bank Transfer Instructions - Untuk halaman Thank You Page
   ========================================================================== */

.bank-transfer-instructions {
    margin: 2em 0;
    padding: 1.5em;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    font-size: 15px;
    line-height: 1.6;
}

.bank-transfer-instructions h3 {
    margin-top: 0;
    margin-bottom: 1em;
    color: #2b2b2b;
    font-size: 1.2em;
    font-weight: 600;
}

.bank-details {
    margin-bottom: 0.5em;
}

.bank-details p {
    margin: 0.8em 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.bank-details strong {
    font-weight: 600;
    color: #3a3a3a;
}

#rekening-bri {
    font-family: 'Courier New', monospace;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.2em 0.5em;
    background-color: #fff;
    border: 1px dashed #ccc;
    border-radius: 4px;
    display: inline-block;
}

.copy-rekening-btn {
    display: inline-flex;
    align-items: center;
    padding: 0.4em 0.8em;
    background-color: #3a7bd5;
    color: white !important;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    line-height: 1;
}

.copy-rekening-btn:hover {
    background-color: #2c65b8;
    transform: translateY(-1px);
}

.copy-rekening-btn .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.copy-notification {
    color: #4CAF50;
    font-size: 0.85em;
    font-weight: 500;
    margin-left: 8px;
    display: none;
    animation: fadeIn 0.3s ease;
}

.note {
    color: #d63638;
    font-size: 0.85em;
    margin-top: 1.2em !important;
    font-style: italic;
}

/* Animasi untuk notifikasi */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ==========================================================================
   Responsive Styles
   ========================================================================== */

@media (max-width: 768px) {
    .bank-transfer-instructions {
        padding: 1.2em;
        margin: 1.5em 0;
    }
    
    .bank-details p {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .copy-rekening-btn {
        margin-left: 0;
    }
}

/* ==========================================================================
   Woostify Specific Overrides (jika diperlukan)
   ========================================================================== */

/* Tambahkan style khusus untuk menyesuaikan dengan tema Woostify di sini */