/**
 * Copyright © Bonline. All rights reserved.
 * Bonline Checkout Logo Fix Module - CSS Styles
 * 
 * Ensure logo is properly displayed on Amasty One Step Checkout with Porto theme
 */

/* Ensure porto_header is visible on checkout pages */
.checkout-index-index #porto_header,
.amasty-checkout-index-index #porto_header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 0;
}

/* Ensure logo is visible in porto header on checkout page */
.checkout-index-index #porto_header .logo,
.amasty-checkout-index-index #porto_header .logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    vertical-align: middle;
    margin: 0 15px 0 0;
}

/* Ensure logo image is properly sized */
.checkout-index-index #porto_header .logo img,
.amasty-checkout-index-index #porto_header .logo img {
    max-height: 50px;
    width: auto;
    display: block;
}

/* Style the porto header layout */
.checkout-index-index #porto_header,
.amasty-checkout-index-index #porto_header {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 20px;
    max-width: 1200px;
    margin: 0 auto;
    gap: 20px;
}

/* Ensure search block is visible and styled */
.checkout-index-index #porto_header .block-search,
.checkout-index-index #porto_header .search-area,
.amasty-checkout-index-index #porto_header .block-search,
.amasty-checkout-index-index #porto_header .search-area {
    display: block !important;
    visibility: visible !important;
    flex: 1;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

/* Override any theme hiding of logo on checkout */
.checkout-index-index .logo,
.amasty-checkout-index-index .logo {
    max-width: none !important;
    height: auto !important;
    position: relative !important;
}

/* Hide elements that might interfere but keep logo and search */
.checkout-index-index #porto_header .header.links,
.checkout-index-index #porto_header .minicart-wrapper,
.checkout-index-index #porto_header .currency,
.checkout-index-index #porto_header .navigation,
.amasty-checkout-index-index #porto_header .header.links,
.amasty-checkout-index-index #porto_header .minicart-wrapper,
.amasty-checkout-index-index #porto_header .currency,
.amasty-checkout-index-index #porto_header .navigation {
    display: none !important;
}

/* Ensure search form elements are properly styled */
.checkout-index-index #porto_header .search-area .search-toggle-icon,
.amasty-checkout-index-index #porto_header .search-area .search-toggle-icon {
    font-size: 18px;
    color: #333;
    text-decoration: none;
}

.checkout-index-index #porto_header .block-search .form,
.amasty-checkout-index-index #porto_header .block-search .form {
    margin: 0;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .checkout-index-index #porto_header,
    .amasty-checkout-index-index #porto_header {
        padding: 10px 15px;
        flex-direction: column;
        gap: 10px;
    }
    
    .checkout-index-index #porto_header .logo img,
    .amasty-checkout-index-index #porto_header .logo img {
        max-height: 40px;
    }
    
    .checkout-index-index #porto_header .block-search,
    .checkout-index-index #porto_header .search-area,
    .amasty-checkout-index-index #porto_header .block-search,
    .amasty-checkout-index-index #porto_header .search-area {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
}