/**
 * Left-Aligned Cookie Banner Styles
 * Elementai išlyginti į kairę pagal paveikslėlį
 * 
 * @package SlapukuSutikimoIskiepis
 * @version 2.4.0
 */

/* ============================================
   OVERRIDE: Left Alignment
   ============================================ */

/* Banner header - left aligned */
.ssi-modern-banner .ssi-banner-header,
.ssi-banner .ssi-banner-header {
    text-align: left !important;
}

/* Banner title - left aligned */
.ssi-modern-banner .ssi-banner-title,
.ssi-banner .ssi-banner-title,
.ssi-banner-text .ssi-title {
    justify-content: flex-start !important;
    text-align: left !important;
}

/* Banner description - left aligned */
.ssi-modern-banner .ssi-banner-description,
.ssi-banner .ssi-banner-description,
.ssi-banner-text .ssi-desc {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}

/* Consent categories - left aligned */
.ssi-modern-banner .ssi-consent-categories,
.ssi-banner .ssi-consent-categories {
    justify-content: flex-start !important;
}

/* Action buttons - left aligned */
.ssi-modern-banner .ssi-banner-actions,
.ssi-banner .ssi-banner-actions {
    justify-content: flex-start !important;
}

/* Debug/Footer info - left aligned */
.ssi-modern-banner .ssi-banner-debug,
.ssi-banner .ssi-banner-footer,
.ssi-banner-footer {
    text-align: left !important;
    justify-content: flex-start !important;
}

/* ============================================
   RESPONSIVE: Mobile Center, Desktop Left
   ============================================ */

@media (max-width: 767px) {
    /* On mobile, center everything for better UX */
    .ssi-modern-banner .ssi-banner-header,
    .ssi-banner .ssi-banner-header {
        text-align: center !important;
    }
    
    .ssi-modern-banner .ssi-banner-title,
    .ssi-banner .ssi-banner-title {
        justify-content: center !important;
        text-align: center !important;
    }
    
    .ssi-modern-banner .ssi-banner-description,
    .ssi-banner .ssi-banner-description {
        text-align: center !important;
    }
    
    .ssi-modern-banner .ssi-consent-categories,
    .ssi-banner .ssi-consent-categories {
        justify-content: center !important;
    }
    
    .ssi-modern-banner .ssi-banner-actions,
    .ssi-banner .ssi-banner-actions {
        justify-content: center !important;
    }
    
    .ssi-modern-banner .ssi-banner-debug,
    .ssi-banner .ssi-banner-footer {
        text-align: center !important;
        justify-content: center !important;
    }
}

/* ============================================
   CONTROL BAR SPACING
   ============================================ */

.ssi-banner-controls {
    margin-bottom: 16px !important;
}

/* ============================================
   CATEGORY ITEMS SPACING
   ============================================ */

.ssi-consent-categories {
    gap: 12px !important;
    margin: 20px 0 !important;
}

.ssi-category-item {
    margin: 0 !important;
}

/* ============================================
   ACTION BUTTONS SPACING
   ============================================ */

.ssi-banner-actions {
    gap: 12px !important;
    margin: 20px 0 !important;
}

.ssi-action-btn,
.ssi-btn {
    margin: 0 !important;
}

/* ============================================
   FOOTER INFO LINE SPACING
   ============================================ */

.ssi-banner-footer,
.ssi-banner-debug {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    align-items: center !important;
}

.ssi-debug-separator {
    margin: 0 !important;
}

/* ============================================
   PRINT FRIENDLY
   ============================================ */

@media print {
    .ssi-modern-banner,
    .ssi-cookie-banner,
    .ssi-banner {
        display: none !important;
    }
}