/* Header Container */
.wcv-vendor-store-header { background: #ff8800; padding: 40px 20px; margin-bottom: 30px; }
.wcv-shop-header-name{ color: #ffff; }
.wcv-header-content { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 30px; }

/* Vendor Avatar */
.wcv-vendor-avatar { flex-shrink: 0; }
.wcv-vendor-avatar img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; background: #fff; border-radius: 100% !important; }

/* Vendor Info */
.wcv-vendor-info { flex: 1; color: #fff; }
.wcv-vendor-name { font-size: 32px; font-weight: bold; color: #fff; margin: 0 0 10px 0; line-height: 1.2; }

.wcv-vendor-phone,
.wcv-vendor-address { font-size: 16px; margin: 5px 0; line-height: 1.5; }

.wcv-vendor-phone a,
.wcv-vendor-address a { color: #fff; text-decoration: none; transition: opacity 0.3s ease; }

.wcv-vendor-phone a:hover,
.wcv-vendor-address a:hover { opacity: 0.8; text-decoration: underline; }
.wcv-address-link { cursor: pointer; }

/* Map Modal */
.wcv-map-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.7); }
.wcv-map-modal-content { position: relative; background-color: #fff; margin: 10% auto; padding: 0; width: 90%; max-width: 800px; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); }

.wcv-map-close { position: absolute; padding-bottom: 4px; padding-left: 1px; right: 15px; top: 10px; color: #333; font-size: 27px; font-weight: bold; z-index: 10000; cursor: pointer; background: #fff; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; line-height: 1 !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); justify-content: center; align-items: center; }

.wcv-map-close:hover,
.wcv-map-close:focus { color: #000; }
.wcv-map-container { width: 100%; height: 500px; border-radius: 8px; overflow: hidden; }

/* Tablet Styles */
@media screen and (max-width: 768px) {
    .wcv-vendor-store-header { padding: 30px 15px; }
    .wcv-header-content { gap: 20px; }
    .wcv-vendor-avatar img { width: 120px; height: 120px; }
    .wcv-vendor-name { font-size: 26px; }
    .wcv-vendor-phone,
    .wcv-vendor-address { font-size: 14px; }
    .wcv-map-modal-content { width: 95%; margin: 10% auto; }    
    .wcv-map-container { height: 400px; }
}

/* Mobile Styles */
@media screen and (max-width: 480px) {
    .wcv-vendor-store-header { padding: 20px 15px; }
    .wcv-header-content { flex-direction: column; text-align: center; gap: 15px; }
    .wcv-vendor-avatar img { width: 100px; height: 100px; }
    .wcv-vendor-name { font-size: 22px; margin-bottom: 8px; }
    .wcv-vendor-phone,
    .wcv-vendor-address { font-size: 14px; }
    .wcv-map-modal-content { width: 90%; margin: 40% auto; }
    .wcv-map-container { height: 300px; }
    .wcv-map-close { width: 35px; height: 35px; font-size: 28px; right: 10px; top: 10px; }
}