/* ====================================================================
// WC Custom Tracker - Modern Styling (new-modern-tracking.css)
// FOCUSING ON MINIMAL TABLE-LIKE HISTORY
// ==================================================================== */

/* --- Global & Variables --- */
:root {
    --wcct-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --wcct-primary-color: #ff5c74; /* Brighter Blue */
    --wcct-success-color: #2ecc71; /* Flat Green */
    --wcct-warning-color: #f1c40f; /* Flat Yellow */
    --wcct-danger-color: #e74c3c;  /* Flat Red */
    --wcct-info-color: #3498db;   /* Same as primary for info highlights */
    --wcct-light-grey: #f4f6f8;
    --wcct-medium-grey: #dce1e6;
    --wcct-dark-grey: #7f8c8d;
    --wcct-text-color: #34495e; /* Dark Slate Blue */
    --wcct-border-radius: 6px; /* Slightly less pronounced */
    --wcct-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07);
}

/* --- General Container for Shortcode Page & My Account Display --- */
.wcct-shortcode-tracking-page,
.wcct-modern-tracking {
    font-family: var(--wcct-font-family);
    background-color: #fff;
    padding: 20px 25px;
    border-radius: var(--wcct-border-radius);
    box-shadow: var(--wcct-box-shadow);
    margin: 25px auto;
    max-width: 850px;
    border: 1px solid var(--wcct-medium-grey);
}

/* --- Titles --- */
.wcct-page-title,
.wcct-main-title {
    font-size: 1.6em;
    font-weight: 600;
    color: var(--wcct-text-color);
    margin-top: 0;
    margin-bottom: 20px;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--wcct-medium-grey);
}

/* --- Tracking Form (Shortcode Page) --- */
.wcct-tracking-form { margin-bottom: 30px; }
.wcct-tracking-form .form-row { margin-bottom: 15px; }
.wcct-tracking-form label { display: block; font-weight: 500; margin-bottom: 8px; color: var(--wcct-text-color); }
.wcct-tracking-form input.input-text { width: 100%; padding: 12px 15px; border: 1px solid var(--wcct-medium-grey); border-radius: 6px; box-sizing: border-box; font-size: 1em; transition: border-color 0.2s ease-in-out;}
.wcct-tracking-form input.input-text:focus { border-color: var(--wcct-primary-color); outline: none; box-shadow: 0 0 0 0.2rem rgba(52,152,219,.25); }
.wcct-tracking-form .button.wcct-track-button { background-color: var(--wcct-primary-color); color: #fff; border: none; padding: 12px 25px; font-size: 1.1em; font-weight: 500; border-radius: 6px; cursor: pointer; transition: background-color 0.2s ease-in-out; }
.wcct-tracking-form .button.wcct-track-button:hover { background-color: #2980b9; }


/* --- Messages (Error, Notice) --- */
.wcct-tracking-message { padding: 15px; margin-top: 20px; margin-bottom: 20px; border: 1px solid transparent; border-radius: var(--wcct-border-radius); text-align: center; }
.wcct-tracking-message.wcct-error, .wcct-tracking-message.woocommerce-error { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.wcct-tracking-message.wcct-notice, .wcct-tracking-message.woocommerce-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }

/* --- Overview Section --- */
.wcct-overview-section { margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid var(--wcct-medium-grey); }
.wcct-overview-item { display: flex; padding: 8px 0; font-size: 0.95em; border-bottom: 1px solid var(--wcct-light-grey); align-items: baseline; }
.wcct-overview-item:last-child { border-bottom: none; }
.wcct-overview-item .wcct-label { font-weight: 500; color: var(--wcct-dark-grey); margin-right: 10px; width: 160px; flex-shrink: 0; }
.wcct-overview-item .wcct-value { color: var(--wcct-text-color); text-align: left; flex-grow: 1; word-break: break-word; }
.wcct-overview-item .wcct-value a { color: var(--wcct-primary-color); text-decoration: none; font-weight: 500; }
.wcct-overview-item .wcct-value a:hover { text-decoration: underline; }
.wcct-overview-item .wcct-carrier-name-inline { font-size: 0.9em; color: var(--wcct-dark-grey); margin-left: 5px; }
.wcct-overview-item.wcct-carrier-logo-item { align-items: center; } /* Align logo nicely */
.wcct-carrier-actual-logo { max-height: 24px; width: auto; margin-right: 8px; vertical-align: middle; }


.wcct-overview-status .wcct-highlight-status { font-weight: 600; padding: 3px 8px; border-radius: 4px; display: inline-block; font-size: 0.9em; color: #fff; }
.wcct-status-delivered .wcct-highlight-status { background-color: var(--wcct-success-color); }
.wcct-status-out_for_delivery .wcct-highlight-status { background-color: var(--wcct-info-color); }
.wcct-status-in_transit .wcct-highlight-status { background-color: var(--wcct-primary-color); }
.wcct-status-info_received .wcct-highlight-status { background-color: var(--wcct-warning-color); color: var(--wcct-text-color); }
.wcct-status-exception .wcct-highlight-status, .wcct-status-failed_attempt .wcct-highlight-status { background-color: var(--wcct-danger-color); }
.wcct-status-pending .wcct-highlight-status, .wcct-status-error_missing_ast_data .wcct-highlight-status { background-color: var(--wcct-dark-grey); }


/* --- NEW History/Journey Section (Table View) --- */
.wcct-history-section.wcct-table-view {
    margin-top: 25px;
}

.wcct-table-view .wcct-section-title {
    font-size: 1.3em;
    font-weight: 600;
    color: var(--wcct-text-color);
    margin-bottom: 15px;
    padding-bottom: 0;
    border-bottom: none;
    text-align: left;
}

.wcct-history-table {
    width: 100%;
    font-size: 0.9em;
}

.wcct-history-table-header {
    display: flex;
    background-color: var(--wcct-light-grey);
    font-weight: 600;
    color: var(--wcct-text-color);
    border-bottom: 2px solid var(--wcct-medium-grey);
}

.wcct-history-table-row {
    display: flex;
    border-bottom: 1px solid var(--wcct-medium-grey);
}
.wcct-history-table-row:last-child {
    border-bottom: none;
}
.wcct-history-table-row:hover { /* Subtle hover effect for rows */
    background-color: #fcfcfc;
}

.wcct-history-table-row.wcct-row-latest {
    /* font-weight: 500; */ /* Handled by other styles if needed */
}


.wcct-th, .wcct-td {
    padding: 10px 12px;
    text-align: left;
    line-height: 1.5;
}

.wcct-th-datetime, .wcct-td-datetime {
    flex-basis: 30%; /* Adjusted for three columns */
    min-width: 160px; /* Ensure enough space */
}
.wcct-th-status, .wcct-td-status {
    flex-basis: 40%;
    min-width: 180px;
}
.wcct-th-location, .wcct-td-location {
    flex-basis: 30%;
    min-width: 140px;
}

.wcct-td-datetime .wcct-date {
    display: block;
    font-weight: 500; /* Make date slightly bolder */
}
.wcct-td-datetime .wcct-time {
    font-size: 0.9em;
    color: var(--wcct-dark-grey);
}

.wcct-td-status {
    color: var(--wcct-text-color);
}

.wcct-td-location {
    color: var(--wcct-dark-grey);
}

/* --- Pending initial check message --- */
.wcct-modern-tracking.wcct-pending-initial-check {
    text-align: center;
    box-shadow: none;
    border-color: var(--wcct-info-color);
    background-color: #e7f5ff;
}
.wcct-pending-initial-check .wcct-main-title { /* This is h3 in your PHP */
    font-size: 1.4em; /* Adjusted */
    color: var(--wcct-info-color);
    border-bottom: none; /* No border for this title */
    padding-bottom: 0;
}
.wcct-pending-initial-check .wcct-notice { /* This is p in your PHP */
    font-style: italic;
    color: var(--wcct-info-color);
    margin-top: 10px;
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    .wcct-shortcode-tracking-page,
    .wcct-modern-tracking {
        padding: 15px;
        max-width: none;
    }
    .wcct-page-title, .wcct-main-title {
        font-size: 1.4em;
        margin-bottom: 15px;
    }
     .wcct-section-title {
        font-size: 1.2em;
    }

    .wcct-overview-item {
        font-size: 0.9em;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 0;
    }
    .wcct-overview-item .wcct-label {
        width: auto; /* Full width for label */
        margin-bottom: 4px;
    }
    .wcct-overview-item .wcct-value {
        text-align: left;
    }


    .wcct-history-table {
        font-size: 0.85em;
    }
    .wcct-history-table-header {
        display: none; /* Hide table header */
    }
    .wcct-history-table-row {
        flex-direction: column;
        padding: 10px 0;
        border-bottom: 1px solid var(--wcct-medium-grey);
    }
     .wcct-history-table-row:last-child {
        border-bottom: none;
    }

    .wcct-td { /* All table cells */
        flex-basis: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 4px 0px !important; /* Minimal padding for stacked cells */
        border-bottom: none !important; /* Remove internal cell borders */
        display: block !important; /* Ensure they stack */
    }
    .wcct-td-datetime::before { content: "Date/Time: "; font-weight: 500; margin-right: 5px; color:var(--wcct-text-color); }
    .wcct-td-status::before { content: "Activity: "; font-weight: 500; margin-right: 5px; color:var(--wcct-text-color); }
    .wcct-td-location::before { content: "Location: "; font-weight: 500; margin-right: 5px; color:var(--wcct-text-color); }

    .wcct-td-datetime .wcct-date,
    .wcct-td-datetime .wcct-time {
        display: inline;
    }
     .wcct-td-datetime .wcct-time::before {
        content: ", ";
    }
}

@media (max-width: 480px) {
    .wcct-page-title, .wcct-main-title {
        font-size: 1.25em;
    }
     .wcct-section-title {
        font-size: 1.1em;
    }
    .wcct-tracking-form input.input-text,
    .wcct-tracking-form .button.wcct-track-button {
        font-size: 0.9em;
        padding: 10px;
    }
    .wcct-overview-item .wcct-label,
    .wcct-overview-item .wcct-value {
        font-size: 0.85em;
    }
}