/* public/css/style.css */
/* Import Google Fonts for the special text styling */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Hind+Madurai:wght@600&display=swap');


/* --- Tagline Bar Gradient Styles --- */
/* These styles will now apply globally */

.tagline-bar .tagline-tamil {
    font-family: 'Hind Madurai', sans-serif;
    font-weight: 600;
    /* Premium Gold Gradient Color */
    background: linear-gradient(45deg, #FFC107, #F37335);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.tagline-bar .tagline-english {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    /* Vibrant Green Gradient Color */
    background: linear-gradient(45deg, #28a745, #1c7a33);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

    .vendor-dashboard { padding: 40px 20px; background-color: #f9f9f9; min-height: 80vh; }
    .vendor-dashboard h1 { font-size: 2.5rem; margin-bottom: 10px; color: #333; text-align: center; }
    .vendor-dashboard h2 { font-size: 1.5rem; margin-bottom: 30px; color: #666; text-align: center; }
    .dashboard-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 30px; }
    .summary-box { background: #ffffff; border: 1px solid #ddd; border-radius: 12px; padding: 25px 20px; text-align: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); transition: transform 0.2s ease, box-shadow 0.2s ease; }
    .summary-box:hover { transform: translateY(-5px); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); }
    .summary-box h3 { font-size: 1.25rem; color: #333; margin-bottom: 10px; }
    .summary-box p.count { font-size: 2rem; font-weight: bold; margin: 10px 0 20px; color: #0d6efd; /* Changed color */ }
    .summary-box a.btn { display: inline-block; margin-top: 10px; font-weight: 600; } /* Use btn classes */
    @media (max-width: 768px) { .vendor-dashboard { padding: 20px 10px; } .summary-box { padding: 20px 15px; } }
    .summary-box p.count-na { font-size: 1.5rem; color: #6c757d; } /* Style for N/A */


        /* Basic styling for settings page */
    .vendor-settings-container { max-width: 900px; margin: 30px auto; }
    .nav-tabs .nav-link { cursor: pointer; }
    .tab-content { padding: 20px; border: 1px solid #dee2e6; border-top: none; border-radius: 0 0 0.25rem 0.25rem; min-height: 400px; background-color: #fff; }
    .required { color: #dc3545; }
    #logo-preview, #banner-preview { 
        max-width: 200px; max-height: 100px; margin-top: 10px; border: 1px solid #ccc; padding: 5px; object-fit: contain; 
    }
    #banner-preview { max-height: 150px; } 
    textarea.form-control { min-height: 150px; }

    /* Vendor Settings Page Specific Styles */
    .vendor-settings-container { max-width: 960px; margin: 2rem auto; padding: 0 15px; }
    .vendor-settings-container .nav-tabs { margin-bottom: 0; border-bottom-color: #dee2e6; }
    .vendor-settings-container .nav-tabs .nav-link { cursor: pointer; border-radius: 0.25rem 0.25rem 0 0; padding: 0.75rem 1.25rem; color: #495057; font-weight: 500;}
    .vendor-settings-container .nav-tabs .nav-link.active { color: #0d6efd; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; font-weight: 600; }
    .vendor-settings-container .nav-tabs .nav-link:hover:not(.active) { background-color: #f8f9fa; border-color: #e9ecef #e9ecef #dee2e6; }
    .vendor-settings-container .tab-content { padding: 1.5rem; border: 1px solid #dee2e6; border-top: none; border-radius: 0 0 0.25rem 0.25rem; min-height: 450px; background-color: #fff; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }
    .vendor-settings-container .tab-pane h3 { margin-bottom: 1.5rem; font-weight: 600; color: #343a40; }
    .vendor-settings-container form .form-label { font-weight: 500; margin-bottom: 0.5rem; }
    .vendor-settings-container form .form-control { border-radius: 0.25rem; }
    .vendor-settings-container form .form-control:focus { border-color: #86b7fe; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
    .vendor-settings-container form textarea.form-control { min-height: 120px; resize: vertical; }
    .vendor-settings-container form .form-text.text-muted { font-size: 0.875em; margin-top: 0.25rem; }
    .vendor-settings-container form .required { color: #dc3545; font-weight: normal; margin-left: 0.1rem; }
    .vendor-settings-container form .btn-primary { padding: 0.5rem 1rem; font-weight: 500; margin-top: 1rem; }
    .vendor-settings-container #logo-preview,
    .vendor-settings-container #banner-preview { 
        max-width: 100%; height: auto; max-height: 120px; margin-top: 10px; border: 1px solid #ced4da; padding: 5px; display: block; border-radius: 0.25rem; object-fit: contain; 
    }
    .vendor-settings-container #banner-preview { max-height: 180px; } 
    .vendor-settings-container .alert { border-radius: 0.25rem; }
    .vendor-settings-container #paymentPane .alert, 
    .vendor-settings-container #shippingPane .alert { font-size: 0.95rem; } 
    .vendor-settings-container #paymentPane .alert p, 
    .vendor-settings-container #shippingPane .alert p { margin-bottom: 0.75rem; } 

    .delivery-option-table td { vertical-align: middle; }
    .delivery-option-table .form-check-input { margin-top: 0.1rem; }
    .address-card { margin-bottom: 1.5rem; border-radius: 0.375rem; }
    .address-card .card-body { padding: 1.25rem; }
    .address-card .card-title { margin-bottom: 0.5rem; font-size: 1.1rem; }
    .address-card .badge { font-size: 0.8em; margin-left: 0.5rem; vertical-align: middle; }
    .address-actions a, .address-actions button { margin-right: 0.5rem; font-size:0.9em; }
    .pickup-marker { color: #198754; }
    .default-marker { color: #0dcaf0; }


    /* =================================
   Footer Styles
   ================================= */
.footer a.text-light-hover {
    color: #DDD;
    text-decoration: none;
    transition: color 0.2s ease-in-out; /* Add a smooth transition */
}

.footer a.text-light-hover:hover {
    color: #FFF !important;
    text-decoration: underline !important;
}

.back-to-top-bar a:hover {
    text-decoration: underline !important;
}