/* ===========================================
   LotAssist.UI - Shared CSS
   Estilos compartilhados entre Web e Mobile
   para componentes do projeto LotAssist.UI
   =========================================== */

/* Logo */
.logo-icon {
    width: 100px;
    height: 100px;
    margin-right: 8px;
    vertical-align: middle;
    object-fit: contain;
}

.logo-icon-footer {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    object-fit: contain;
}

/* Ad Banner */
.ad-container {
    max-width: 100%;
    overflow: hidden;
}

.ad-border {
    border: 2px dashed #dee2e6 !important;
    border-radius: 8px;
}

.ad-placeholder {
    background: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    font-weight: 500;
    border-radius: 4px;
    width: 100%;
}

@media (max-width: 768px) {
    .ad-placeholder {
        max-width: 100%;
        height: auto !important;
        min-height: 90px;
    }
}